MYDOTPOINT web designer.

Transcriptie

1 MYDOTPOINT web designer. Mydotpoint is een unieke en nieuwe manier om uw website te ontwerpen en te onderhouden. Het is zeer eenvoudig om door middel van onze Applets uw web pagina een professioneel uiterlijk te geven. Elke Applet is een op zichzelf staand volledig functionerend onderdeel. Door middel van de Applet editor kunt u dit onderdeel volledig configureren. Je kan ook met meerdere mensen tegelijkertijd aan de website werken zolang dit niet op de zelfde webpagina gebeurt. Het is daarom ook zaak om de gebruikers rechten en de pagina waarop gewijzigd mag worden goed in te stellen. Deze handleiding video voorbeelden is ook te vinden op YOUTUBE.com kanaal Mydotpoint. Gebruik alleen de nieuwste versie van Mozilla Firefox om uw website te bewerken. Inloggen web editor.( www. lelystad. Mydotpoint. com) klik op login in het linker menu. Voer vervolgens je gebruikersnaam in gevolgd door je paswoord en je pincode. Klik dan op de knop login. Het systeem zal vervolgens je website onderdelen laden en na verloop van tijd worden de opties in het linker menu onder Admin tools getoond. Wanneer je incorrecte login gegevens hebt opgegeven wordt dit aangegeven met de tekst incorrect login. Klik vervolgens opnieuw op login en voer de juiste gegevens in. Bewaar je inlog gegevens zorgvuldig en geeft deze nooit af. Wij zullen nimmer om je

2 login gegevens vragen. Wanneer er eventueel problemen zijn met het inloggen dan raden wij je aan het later nog eens te proberen wanneer dit niet lukt neem dan contact op met onze administrator Wanneer je correct bent ingelogd zie je in het linker menu de volgende opties onder Admin tools: * logout * Statistieken * File tools * site back-up Onder het kopje web design tools vind je de opties: * website page editor * page management * Applet management (voorbeeld linker menu) Bestanden uploaden naar je website. Klik op de optie file tools onder het kopje Admin tools. En vervolgens wordt er een bericht getoond dat alle bestands informatie is geladen klik op de knop continue.

3 Vervolgens worden er vier tabbladen getoond: General web images. Hier kunt u alle afbeeldingen die benodigd zijn op je website naar uploaden. Echter dient je er wel rekening mee te houden dat alleen maar grafische bestanden naar deze directory kunnen worden geüpload. Rechts onder bij het onderdeel File tools staan drie knoppen. Wanneer je een bestand wil uploaden klik dan op de knop upload vervolgens verschijnt er een dialoog met een knop browse en de knop upload. Klik op de knop browse en kies vervolgens het bestand die je wil uploaden wanneer in het grijze balkje de naam van het bestand staat, klik dan op de knop upload. Vervolgens zal er in het gedeelte waar server reply staat de tekst komen te staan met "file download done:jouw bestands naam". Wanneer alle bestanden zijn geüpload kan je op het knopje close klikken. Vervolgens zullen de geuploade bestanden in de lijst aan de linker kant staan. Als je een bestand wil her noemen klik dan op dat bestand en klikt daarna op de knop Rename. Vul vervolgens de nieuwe naam in en klik op ok. Wanneer je een bestand wil verwijderen selecteer dan eerst dat bestand en klik daarna op de knop delete.

4 Op dezelfde wijze werkt het ook met Archives, doc's en image rotator bestanden. Archiefbestanden. U kunt op uw website een koppeling maken naar deze archiefbestanden. Hierdoor kunnen de bezoekers deze naar hun systeem downloaden. Meer informatie over het plaatsen van archiefbestanden op uw website vindt u onder het knopje toevoegen van knoppen en links. Document bestanden. U kunt op een pagina inhoud van documentbestanden of koppelingen naar pdf bestanden creëren. Wanneer een gebruiker hier oprukt wordt automatisch de betreffende PDF viewer gestart en kan de bezoeker deze documenten inzien. Image rotator. Je kunt op jou webpagina een foto carrousel plaatsen en vervolgens de foto's die je hebt toegevoegd voor deze optie gebruiken. Meer informatie over de foto carrousel kunt u vinden onder het kopje Image Applets. Het maken van een volledige website back-up. Deze optie is alleen beschikbaar voor de eigenaar van de website. Selecteer de optie Site back-up uit het linker menu. Vervolgens ziet u de tekst dat back-up informatie is geladen klik vervolgens op knop continue. Hierna wordt uw website informatie getoond, het aantal gebruikers, totale hoeveelheid gebruikte Applets, website pagina's, aantal backups gecreëerd en de datum van de laatst gemaakte back-up. Wanneer je een nieuwe back-up wil maken klik dan op de knop back-up. Vervolgens klik op de knop start new back-up. Vervolgens wordt er binnen enkele seconden een complete back-up gemaakt van de volledige website er kunnen in het totaal maximaal 10 back-ups worden gecreëerd.

5 Wanneer alle 10 de mogelijke back-ups zijn gemaakt dient u eerst een oude back-up te verwijderen selecteer de oudste back-up en klik op de knop Delete back-up. Daarna kunt u weer eventueel een nieuwe back-up toevoegen. Herstellen van een volledige website. Selecteer vervolgens de knop Restore en kies de back-up die u wil herstellen klik daarna op de knop start Restore. Het systeem komt vervolgens met een dialoog of terugzetten van de back-up is geslaagd. Het aanmaken of verwijderen van website pagina's. Selecteer uit het linker menu page management en wanneer de tekst Your page information is loaded klik dan op de knop continue.

6 klik vervolgens op de blauwe page management knop boven site information. Hier vindt u een overzicht van alle pagina's op uw website. De pagina met de code 100 kan niet worden verwijderd. Wanneer een nieuwe pagina toevoegt krijgt deze een eigen code. Naar gelang het soort hosting pakket wat bij ons heeft afgenomen kunt u hier nieuwe pagina's toevoegen, bewerken en of verwijderen. Wanneer u een nieuwe pagina wil toevoegen klik dan op Add page en vul bij het veld Page name de naam van de nieuwe pagina in. U kunt ook het gebruikersniveau instellen met de keuze 0-90 (0 standaard bezoeker). U kunt ook bepalen wie de eigenaar van de pagina is. Klik daarna op de knop save en de nieuwe pagina wordt toegevoegd. Wanneer u de naam gebruikers niveau of pagina eigenaar wilt instellen selecteer dan de betreffende pagina en klik op de knop Edit page. Als er een pagina wil verwijderen dan op de knop delete page. Back-up en restore Pages. Het is mogelijk om van een individuele webpagina een back-up te maken. Klik op de knop back-up en restore Pages. Selecteer in de linker lijst de pagina waarvan je een back-up wil maken en klik op de knop back-up page.

7 Er kunnen in het totaal 100 pagina back-ups worden gemaakt per gebruiker. Het is te adviseren om voordat je gaat werken aan je website je eerst van de desbetreffende pagina een back-up maakt. Zodat als er iets fout is gegaan je de oude pagina kan terugzetten. Applet management. Om de Applets van je website te kunnen beheren ga je naar het linker menu optie applet management volgens klik je op de blauwe knop Applet management. En door op een pagina te klikken in de linker lijst wordt er in de rechte lijst de Applets getoond die bij die pagina horen hier kan je de volgorde waarin de Applets worden getoond op je website instellen.

8 Het betekent dat Applet die bovenaan staat als eerste wordt getoond en daarna de volgende op de lijst. Klik op de Applet aan de rechterzijde en klik daarna op de knop Up of Down om de volgorde in te stellen wanneer klaar bent met het instellen van de volgorde klik je op de knop Save creation order. Website page editor. Wanneer je wijzigingen en of Applets wil toevoegen aan je website selecteer dan website page editor uit het linker menu. Wanneer alle pagina's zijn geladen komt er een dialoog die vertelt dat alle web pagina's zijn geladen klik dan op de knop continue.

9 Vervolgens selecteer links boven de knop goto page en kies de pagina waarop je wil werken als je een nieuwe lege website hebt wordt er een witte canvas getoond hier kan je nu je eigen website in gaan creëren, dit doe je door Applets toe te voegen. Selecteer de knop Add applet. Er komt een dialoog scherm met de naam new Applet selecteer een Applet type en kies vervolgens de Applets in de box Select applet. De optie Select taget bepaald of de applet alleen gecreëerd moet worden in de huidige pagina of dat deze Applet op alle pagina's getoond moet worden. Als de Applets op enkele pagina's getoond worden kies dan Body Applet. klik daarna op de knop Insert new Applet. Naargelang het type die je hebt gekozen wordt of de Applets meteen getekend op het canvas of er verschijnt een nieuw dialoog scherm waarin u de instellingen kunt doen. De standaard tekst Applet, image Applet en de injectable Applets geven meteen de mogelijkheid om het object te bewerken. Alle andere Applets dienen in de canvas geselecteerd te worden door middel van het klikken van de linker muisbutton. Wanneer je in de canvas op een Applet klikt verschijnt er een menu met keuzemogelijkheden en wordt er een rode lijn getekend om de Applet.

10 Hierdoor weet je welke Applet je hebt geselecteerd. Er is ook nog een andere manier om een Apple te selecteren rechtsboven is er een listbox met de naam Applet wanneer je daarop klikt krijg je alle Applets te zien die op die pagina zijn gemaakt. Wanneer in deze listbox een Applets selecteert wordt deze rood omlijnd en verschijnt er het Applet menu. Je kan ook een Applets selecteren door middel van de knoppen met de pijltjes naar rechts en links dan wordt het volgende of vorige object geselecteerd en tegelijkertijd het bijbehorende Applet menu getoond. Er is één uitzondering met betrekking tot het selecteren van applets en dat is namelijk de "page settings" applet deze kan alleen geselecteerd worden vanuit de Applet listbox rechts boven. Als je een Applets hebt verplaatst of het formaat hebt gewijzigd dient dit te worden opgeslagen alvorens er naar een andere pagina wordt overgeschakeld. Dit kan op twee manieren ten eerste door op de desbetreffende Applets te klikken en uit het Applet menu de optie Save applet changes. De tweede mogelijkheid is op de linker knop met de afbeelding van een diskette te klikken. Hierdoor worden alle veranderingen aangebracht op de pagina doorgevoerd en opgeslagen. Wanneer je naar een andere pagina gaat en je veranderingen niet hebt opgeslagen worden deze niet doorgevoerd. Dit geldt alleen voor verplaatste of van formaat gewijzigde Applets.

11 Het is raadzaam om een testpagina te creëren. Hierop kunnen eventueel Applets eerst worden getest en nadat de Applet goed bevonden is kan deze naar de juiste pagina worden verplaatst. Applet settings. De instellingen van elke Applet kan door middel van het klikken op de Applet en daarna het selecteren van Applet settings uit het menu. Voor de uitleg van deze instellingen verwijs ik u naar het hoofdstuk My web-applets. Voor alle Applets geldt dat het formaat en de positie direct op de canvas aangepast kan worden. Klik op de Applet en selecteer Move and resize applet uit het menu. Er verschijnen dan vierkante blokjes om de Applet. Wanneer je de muis pointer boven zo'n wit vlakje houdt en je linker muisknop ingedrukt kan je het object vanaf dat punt vergroten of verkleinen. Als het object wil verplaatsen had dan de muis boven de Applets de muis pointer geeft dan vier pijlen aan en wanneer je de linker muisknop indrukt kan je de Applet verplaatsen. Het verwijderen van een Applet. Selecteer de Applets die wil verwijderen er wordt een rode markering om de desbetreffende Applets getekend tegelijkertijd verschijnt er een menu met de keuze optie delete Applet. Zodra er op deze optie wordt geklikt wordt Applets verwijderd van de pagina. Kopiëren en plakken. Ons web design systeem ondersteunt een geavanceerde manier van het kopiëren en plakken van Applet informatie. Je kopieert niet een compleet object maar je kopieert de instellingen van dit object. Je kan naar alle Applets data kopiëren, echter dienen de Applets van hetzelfde type te zijn om alle data te kunnen kopiëren. Zodra de Applets niet compatibel zijn met elkaar kan je slechts een klein basis gedeelte van de data kopiëren. Op het moment dat je Copy applet data hebt gedaan selecteer je de Applets waarnaar je deze data wil kopiëren en vervolgens klik je op Paste applet data. Er verschijnt dan een dialoogvenster met alle onderdelen die gekopieerd kunnen worden tussen die twee Applets vervolgens kan je die onderdelen selecteren

12 die je wil kopiëren en daarna klik je op Save. Het plaatsen van meerdere Applets bovenop elkaar. Je kan Applets bovenop elkaar plaatsen en instellen welke op de achtergrond en welke Applets op de voorgrond geplaatst moet worden je kan maximaal 12 niveaus instellen. Vanuit de Applets settings kan je door middel van de optie z-order instellen op welk niveau de desbetreffende Applet geplaatst moet worden. Maar je kan ook van uit het Applet menu met de optie send to back en bring to front het niveau instellen. Algemene informatie Applets settings. Kenmerkend voor alle Applets zijn een aantal basisinstellingen. Elke Applet heeft standaard instellingen. Deze zijn onder andere afmetingen, positie, niveau, gebruikers niveau en op welke pagina's deze Applets getoond moet worden. Het is van belang als je een nieuwe Applet toevoegt je ervoor zorgt dat je er een duidelijke object naam aan geeft. Zodat deze later makkelijk terug te vinden is. My web applets. Verklaring algemene applet opties. Object naam. Dit is de naam van het object of applet. Deze naam vindt ze later weer terug in de applet listbox en in applet management. Kies een duidelijke naam zodat deze terug te vinden is. Object bg-color. Dit is de achtergrond kleur voor de applet. Klik op de knop show color picker en kies de kleur en klik op OK. Wanneer je geen gebruik wil maken van een achtergrondkleur klik dan op de knop Set transparent. Object tekst (knop start editor). Als je op de knop start editor klikt verschijnt er een tekstverwerker. Hier kan je zoals in alle tekstverwerkers de tekst typen, plaatjes toevoegen en eventueel kleuren instellen. Object font. Dit is het standaard font voor het object. Dit betekent dat als er in de editor geen andere fontinstellingen zijn gedaan dit font wordt gebruikt. Object font size. Dit is de standaard font grootte voor het object. Dit betekent dat als er in de editor geen andere fontinstellingen zijn gedaan deze font grote wordt gebruikt.

13 Object tekst color. Dit is de standaard font kleur (voorgrond). Dit betekent dat als er in de editor geen andere fontinstellingen zijn gedaan deze font kleur wordt gebruikt. Z-index. Dit is het standaardniveau waarop de Applet wordt getoond. Er zijn 12 niveaus. Het niveau 0 is op de achtergrond niveau 12 maximaal voorgrond. Applet top. Positie boven ten opzichten van de top van het object waarin de Applets is geplaatst. Je kan hier een getal invoeren en wordt automatisch PX achter gezet. Applet left positie links boven ten opzichten van de top van het object waarin de Applet is geplaatst. Applet width. De breedte van de applet.je kan hier een getal invoeren en wordt automatisch PX achter gezet. Wanneer je wil dat deze applet maximale breedte heeft vul dan 100% in. Applet height. Dit is de hoogte van de applet. Je kan hier een getal invoeren en er wordt automatisch PX achter gezet. Wanneer je wil dat deze applet de maximale hoogte krijgt vul dan 100% in. Opacity. Dit bepaald de doorzichtigheid of transparantie van de applet. 1 volledig doorzichtig, 100 niet doorzichtig. Naarmate je een getal kiest tussen de 50 en de 100 wordt de Applets meer of minder transparant. Let wel op dat sommige webbrowsers dit niet ondersteunen. User acces level. Hier kan je het gebruikersniveau instellen van de applet. Niveau 0 betekent dat de Applet zichtbaar is voor iedereen die de website bezoekt. Maar het niveau tussen 10 en 50 wordt geplaatst kunnen alleen ingelogde gebruikers de applet zien. Tussen de 50 en de 90 kunnen alleen de website beheerders de applet zien. Applet overflow. wanneer de applet inhoud groter is dan de applet zelf en deze niet getoond mag worden dient de overflow op hidden te worden gezet. Wanneer de inhoud groter is dan de applet zelf maar wel moet worden getoond dan moet de overflow op visible worden gezet. Wanneer de inhoud groter is dan de applet zelf maar niets buiten zichzelf getoond mag worden en er een scrollbar moet worden getoond dient deze op auto te worden gezet. Object target.

14 Voor een aantal Applets bestaat er de mogelijkheid om instellen waar de Applets in geïnjecteerde moet worden. Bijvoorbeeld stel je hebt een applet die geplaatst moet worden een de footer van het document dan kies je main_footer. Als je tekst in het middengedeelte de actieve pagina geplaatst moet worden kies je main_sbody. Applets in deze object targets worden niet ververst wanneer de gebruiker naar een andere webpagina gaat. * top_title * overlay_title * base_menu * top_menu Applets in deze object targets worden ververst wanneer een gebruiker naar een andere webpagina gaat. * top_adress * main_body * main_footer wanneer een applet gepositioneerd is de webpagina en later aan een ander doel wordt gekoppeld kan zijn dat deze niet langer meer zichtbaar is de meest makkelijke manier om dit te herstellen is de applet top op 0PX te zetten. Object position. De objectpositie bepaalt hoe het applet zich plaatst op de web pagina den opzichten van andere Applets. Wanneer er wordt gekozen voor absolute kan het applet overal op de pagina worden neergezet zelfs buiten het kader van de gekozen object target. Wanneer de applet op fixed wordt gezet zal de applet op een vaste positie blijven staan. Wanneer er gekozen wordt voor relative wordt de Applets automatisch onder de vorige applet geplaatst. Het is echter te adviseren om alle Applets de positie absolute te geven omdat dit het meest eenvoudige is.

15