Cursus Dreamweaver 01/01/2004. Voor updates, achtergrondinformatie, voorbeelden en download: Bezoek

Maat: px
Weergave met pagina beginnen:

Download "Cursus Dreamweaver 01/01/2004. Voor updates, achtergrondinformatie, voorbeelden en download: Bezoek http://www.ideabox."

Transcriptie

1 Cursus Dreamweaver 01/01/2004 Voor updates, achtergrondinformatie, voorbeelden en download: Bezoek Cursus Dreamweaver pagina 1/36

2 Inleiding Deze cursus wordt volledig gratis op internet aangeboden. Je mag deze cursus gebruiken, afdrukken of doorsturen naar anderen als één geheel. Het overnemen van teksten is niet toegelaten. Bezoek regelmatig de website (http://www.ideabox.be/webdesign/) voor updates, achtergrondinformatie, voorbeelden en download. Cursus Dreamweaver pagina 2/36

3 Inhoudstabel Inhoudstabel 3 Inleiding tot webdesign 4 CSS style sheets 7 Gebruik van lettertypes 11 Gebruik van afbeeldingen 15 Beheer van domeinnamen 18 Usability: richtlijnen voor een bruikbaardere website 22 Niet vraag gericht 25 Vraag gericht 25 Webhosting 27 Technologieën om in het oog te houden 33 Cursus Dreamweaver pagina 3/36

4 Inleiding tot webdesign Onderdelen van een webpagina Een webpagina bestaat uit 3 onderdelen: Tekst Afbeeldingen (geluid, video, animatie) Opmaak Tekst en opmaak worden samen opgeslagen in een HTML-bestand dat eenvoudig herkenbaar is aan de extensie.htm of.html. Afbeeldingen worden in een apart bestand opgeslagen, meestal van het GIF of JPEG formaat. In de HTML code wordt dan een referentie naar de correcte afbeelding gelegd zodat de webbrowser weet waar hij de afbeelding moet vinden om in de pagina te voegen. Het is dus belangrijk dat we bij het verplaatsen (bvb publicatie) van een webpagina steeds zowel de HTML-bestanden als de afbeeldingen verplaatsen. HyperText Markup Language HTML is geen programmeertaal maar een opmaak taal. D.w.z. dat het een set codes bevat die een webbrowser vertellen hoe een pagina moet worden opgemaakt. Om een stuk tekst in het vet te zetten bijvoorbeeld gebruiken we deze code: <B>deze tekst is vet</b> HTML code staat steeds tussen twee haakjes < en > en komt bijna altijd in een paar voor: de begin- en de sluit-tag. Cursus Dreamweaver pagina 4/36

5 Webeditors en WYSIWYG HTML-code kan men in principe met de hand schrijven. Elke tekstverwerker is daar bruikbaar voor. Webeditors kunnen echter helpen om sneller HTML-code te schrijven en met minder fouten. Veel gebruikt zijn WYSIWYG editors. Dat zijn programma s die de eindgebruiker een zeer visuele opmaakmogelijkheid geven. Het programma schrijft zelf de nodige HTML-codes om de gewenste opmaak te bekomen. Enkele populaire WYSIWYG webeditors zijn Microsoft Frontpage, Macromedia Dreamweaver en Adobe Golive. Microsoft Frontpage is onderdeel van MS Office en sluit zeer nauw aan bij de andere Office programma s. Wie met MS Word kan werken kan met Frontpage een eenvoudige website in elkaar zetten. Frontpage heeft een eenvoudige leercurve en is gericht op snel resultaat. Macromedia Dreamweaver is een populair pakket bij professionele webbuilders. Het programma is zowel voor Windows als voor MacOS beschikbaar. Dreamweaver sluit nauwer aan bij grafische opmaak pakketten en heeft een veel moeilijkere leercurve. Adobe Golive integreert perfect met de andere Adobe producten en is een geduchte concurrent van Dreamweaver. Het is eveneens een zeer professionele designomgeving. Webeditors schrijven HTML-bestanden (= HTML-code + tekst). Dit wil zeggen dan men nog steeds op een grafisch programma aangewezen is om de website van een grafische opmaak te voorzien. Cursus Dreamweaver pagina 5/36

6 Verschillen in weergave Een belangrijk gevolg van het gebruik van HTML-codes is dat een website er op elke computer iets anders uit kan zien. HTML-codes vertellen de webbrowser immers hoe het een en het ander op het scherm moet verschijnen. Maar het is uiteindelijk de computer van de bezoeker van de site die de HTML-codes correct moet lezen, interpreteren, en uitvoeren. Het weergave van een webpagina is afhankelijk van: Het platform van de bezoeker: Windows, Linux, MacOS De webbrowser: Internet Explorer, Netscape, Opera Het formaat van het scherm: 640x480, 800x600,... De beschikbare technologieën: java, javascript, Flash, plug-ins Het aantal kleuren dat het scherm kan weergeven Als webbuilder moeten we er steeds naar streven onze webpagina s voor zo veel mogelijk internetgebruikers beschikbaar te maken ongeacht de computer die ze gebruiken. Daarom is het heel belangrijk om de site te testen op verschillende configuraties. Cursus Dreamweaver pagina 6/36

7 CSS style sheets Inleiding Style sheets (CSS) is een extra set opmaakcodes die aan HTML worden toegevoegd om de webdesigner een betere controle te geven over de weergave van tekst(blokken) op de pagina. Implementatie CSS codes kunnen op drie verschillende plaatsen in een website worden geïmplementeerd: In een apart.css document In de hoofding van de webpagina In een specifieke HTML-tag In een apart.css document In dit geval wordt er een bestand aangemaakt dat meestal de naam style.css draagt. In dit document worden alle stylecodes geschreven. Via de HTML-tag <link> is het dan mogelijk om dit style.css bestand aan een of meerdere HTML pagina s te linken. De omschreven stijlen in het CSS document zijn nu beschikbaar in het HTML bestand. Het grote voordeel van deze aanpak is dat één set met stijldefinities de stijlen in verschillende webpagina s, of zelfs de hele website, aanstuurt. Het is dus mogelijk om de stijl van de volledige website ingrijpend te veranderen door aanpassingen te maken in dit ene CSS bestand. Het is niet ondenkbaar dat we voor verschillende webbrowsers (Netscape, Internet Explorer, Opera), verschillende platformen (Windows, MacOS, Linux) en zelfs verschillende toestellen (PC, NetBox, WAP GSM, PDA...) een verschillend CSS- bestand gaan gebruiken om op deze manier de weergave van de webpagina s aan te passen aan de mogelijkheden van de client. In de hoofding van de webpagina Wanneer de CSS stijlen alleen maar binnen één webpagina noodzakelijk zijn is het mogelijk om deze informatie in de <head> tag van het HTML document te schrijven. De stijlen zijn dan binnen de volledige webpagina beschikbaar. Cursus Dreamweaver pagina 7/36

8 Voorbeeld: CSS tags in de <head> tag van een HTML document: <html> <head> <title>untitled Document</title> <meta http-equiv="content-type" content="text/html; charset=iso "> <style type="text/css"> <!-- h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: underline; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: overline; }.titelgroot { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0033FF; } --> </style> </head> <body> </body> </html> In een specifieke HTML-tag Tenslotte is het ook mogelijk om CSS tags toe te voegen aan één bepaalde HTMLtag binnen een webpagina. Alleen de tekst die tussen deze specifieke tag staat zal van de stijlen gebruik kunnen maken. Tussen deze drie implementatie-niveau s is er een vastgelegde hiërarchie: Style.css < style in <head> < style in tag Toch is het niet wenselijk om stijlinformatie op verschillende niveau s weg te schrijven binnen één website. De kans op conflicterende stijlinformatie wordt dan te groot. Kies liever meteen voor een style.css document waarin alle stijlinformatie wordt weggeschreven. Twee soorten tags Cursus Dreamweaver pagina 8/36

9 Er zijn twee manieren waarop we stijlinformatie aan een webpagina kunnen toevoegen: Door het herdefiniëren van bestaande HTML-tags Door het aanmaken van nieuwe style-classes Herdefiniëren van bestaande HTML-tags Traditionele HTML-tags zeggen vrij weinig over de manier waarop informatie op het scherm moet worden weergegeven. De tag <H1> bijvoorbeeld zegt dat de inbegrepen tekst een Hoofding 1 is. Die is in principe groter dan een <H2> of Hoofding 2. Hoe zo n H1 tekst er precies moet uitzien, welk lettertype, vet of niet, welk formaat... vertelt de HTML code niet. Het is de webbrowser op de client die dit zal bepalen. Het is dus niet ondenkbaar dan de ene webbrowser een H1 titel groter zal maken dan de andere. Door gebruik te maken van CSS codes kunnen we de weergave van deze H1-tag echter beter gaan controleren en de webbrowser opleggen hoe die exact moet worden weergegeven. Via CSS codes herdefiniëren we dus de bestaande HTML-tags zoals <H1> door er een set van opmaakregels (font, size, color, weight, theocratieën, background...) aan te koppelen. Wanneer we deze HTML tags nu binnen de webpagina gaan gebruiken worden ze exact weergegeven zoals opgegeven in de CSS codes. Wanneer we op deze manier de <BODY>-tag gaan herdefinieren zal alle tekst binnen de webpagina op deze manier worden weergegeven. Tenzij een andere HTML of CSS tag dat anders vastlegt. Voorbeeld: herdefinitie van de bestaande <H1>-tag: h1 { } font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: underline; Cursus Dreamweaver pagina 9/36

10 Aanmaken van nieuwe style-classes Een tweede manier om CSS informatie aan tekstblokken toe te voegen is door zelf nieuwe CSS-tags of -classes aan te maken. We verzinnen daarvoor zelf een naam voor de tag (bvb grotetitel ) en koppelen daaraan opnieuw een set van opmaakregels (font, size, color, weight, theocratieën, background...). Belangrijk in de naamgeving van deze CSS classes is dat ze steeds moeten beginnen met een punt en geen spaties mogen bevatten. Zijn de classes beschikbaar binnen de webpagina (via een link naar het style.css document of de style codes in de <head>-tag) dan kunnen we deze classes op een bestaande HTML tag gaan toepassen. Alle tekst binnen deze doel-tag zal de opmaak van de classe krijgen. Voorbeeld: een eigen style-classe:.titelgroot { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0033FF; } Meer informatie en links over CSS Cursus Dreamweaver pagina 10/36

11 Gebruik van lettertypes Er zijn verschillende zaken waarop u moet letten bij het gebruik van lettertypes op webpagina s. Beschikbare lettertypes Wanneer een webeditor een HTML-code schrijft voor het gebruik van een lettertype, wordt er enkel een referentie gelegd naar de naam van dat font. Dit wil zeggen dat een bezoeker van een website de tekst alleen maar in dat bewuste lettertype zal kunnen zien wanneer dat font ook effectief beschikbaar is op zijn computer. Wanneer u dus zeer exotische lettertypes gaat gebruiken op een webpagina, dan is het mogelijk dat die niet beschikbaar zijn op de computer van de bezoeker van uw website. Zijn webbrowser zal dan op zoek gaan naar een alternatief lettertype dat hij wel ter beschikking heeft om de tekst weer te geven. U kan deze gang van zaken beïnvloeden door zelf in de HTML code twee alternatieve lettertypes voor te stellen. Zie hoofdstuk CSS voor meer informatie. <font face="verdana, Arial, Helvetica, sansserif">tekst</font> Letters in afbeeldingen Wenst u toch een speciaal lettertype te gebruiken, bijvoorbeeld voor titels, dan kan dat door woorden als afbeeldingen te maken in een grafisch programma. De tekst, in het door u gekozen lettertype, wordt dan omgezet in een afbeelding waardoor zij zoals gewenst op het scherm van de bezoeker verschijnt. Het nadeel van deze aanpak is dat het veel meer tijd vraagt om deze titels aan te maken of aanpassingen in de tekst te maken aangezien u elke keer een volledig nieuwe afbeelding moet aanmaken. Gebruik ook geen afbeeldingen voor te grote stukken tekst aangezien de site dan zeer traag wordt. Cursus Dreamweaver pagina 11/36

12 Letters in Flash Wanneer u over een database gestuurde website beschikt is het niet eenvoudig om dynamische tekst zomaar in een afbeelding te gieten in het gewenste formaat. Macromedia Flash kan hier een laatste uitweg bieden. Net als HTML gebruikt Flash immers de lettertypes die op de clientcomputer beschikbaar zijn om teksten in een bepaald font weer te geven. Flash beschikt echter over de capaciteit om een lettertype in de flash-file te embedden, waardoor het ook kan worden gebruikt wanneer het niet op de computer van de bezoeker van de website beschikbaar is. In combinatie met het feit dat er een mogelijkheid is om dynamisch tekst vanuit een database (via HTML, XML of LoadVars) door te geven aan de Flash-file, kan deze dynamische tekst toch worden getoond in het gewenste lettertype. Leesbare lettertypes Net zoals bij de opmaak van teksten voor print is het niet wenselijk om meer dan 3 verschillende lettertypes te gebruiken op dezelfde pagina. Het is ook heel waarschijnlijk dat u hetzelfde font uniform over de hele site gaat gebruiken. Een CSS (style sheet) kan u daarbij helpen. Omdat een webpagina per definitie op het scherm wordt gelezen is het belangrijk om zeer duidelijke letters te gebruiken. Gebruikerstesten hebben uitgewezen dat de leesbaarheid van een lettertype een rechtstreekse invloed heeft op de snelheid waarmee iemand een tekst van het scherm kan lezen en de hoeveelheid die hij ervan zal onthouden. Verdana wordt steeds naar voren geschoven als het meest leesbare lettertype voor op het scherm. Arial is een goed alternatief. Grootte van letters CSS (style sheets) laten de webdesigner toe het formaat van de letterts uit te drukken in pixels, punten of centimeters. Hou er rekening mee dat sommige computersystemen niet in staat zijn zeer kleine letters op een duidelijke manier op het scherm weer te geven. Over het algemeen zijn letters van een formaat 10 tot 12 punten voldoende leesbaar op elk scherm. Sommige websites bieden de bezoeker de mogelijkheid om zelf het formaat van de letters te kiezen. Ook in de instellingen van de webbrowser kan de gebruiker een standaard formaat voor de letters op alle pagina s die hij bekijkt instellen. Hou daar rekening mee. Het is niet ondenkbaar dat de layout van een webpagina helemaal Cursus Dreamweaver pagina 12/36

13 onderuit gaat wanneer de bezoeker plots de webbrowser instelt op een letterformaat van 250%. Testen is de boodschap. Printbare pagina s Veel internetgebruikers hebben de gewoonte om webpagina s met veel tekst af te drukken om ze zo rustig te kunnen lezen. Webbrowsers proberen dan op verschillende manieren de webpagina te herschikken zodat die op een A4 pagina past. Achtergrond afbeeldingen worden bij het afdrukken niet weergegeven en zeer brede tabellen worden danig herschreven. Druk de gemaakte pagina s zelf eens af bij wijze van test. Steeds meer websites kiezen ervoor om een printbare versie van hun inhoud ter beschikking te stellen. Dezelfde tekst wordt dan op een sobere manier gepresenteerd zonder onnodige afbeeldingen of navigatiesysteem. Wanneer de inhoud van de website database gedreven is, is het een kleine moeite om een extra template te voorzien die de inhoud van de site in een sober printable formaat op het scherm geeft. Vergeet op deze pagina ook niet duidelijk eventuele copyright informatie en de URL van de website te vermelden. Eventueel kan naast of onder een artikel een icoontje van een printertje worden geplaatst waarachter een javascript zit dat de bewuste webpagina meteen afdrukt. Portable Document Format Hoe dan ook is de webbuilder steeds gebonden aan een aantal onzekerheden (platform, schermformaat, beschikbare lettertypes, flash plugin...) die een invloed hebben op de manier waarop zijn creatie op het scherm verschijnt. Voor grote brokken tekst die bedoeld zijn om te worden afgedrukt, kan worden uitgeweken naar het PDF-formaat van Adobe. Dit bekende bestandsformaat wordt wereldwijd gebruikt voor het verspreiden van digitale documenten. Heel wat DTP en tekstverwerkers zijn in staat teksten in dit formaat op te slaan. De voordelen van PDF: Acrobat Reader, het programma om PDF-bestanden te lezen, is gratis verkrijgbaar op de website van Adobe en reeds aanwezig op miljoenen internetcomputers. De Acrobat Reader is bovendien beschikbaar voor zowat elk denkbaar computerplatform. Cursus Dreamweaver pagina 13/36

14 Gebruikers van de website kunnen geen aanpassingen maken aan PDF documenten die ze downloaden. Iets wat wel mogelijk is met MS Word documenten. Indien gewenst kan de verspreider zelfs vermijden dat men teksten uit een PDF-bestand kan knippen en plakken in een ander programma. Het is mogelijk om PDF-documenten op basis van hun inhoud te doorzoeken. PDF-documenten worden exact zo weergegeven als ze door de designer in elkaar zijn gezet. Bovendien zijn ze zeer geschikt voor de printer. Zoals de designer het heeft gemaakt, zo komt het uit de printer van de client. Wanneer er PDF-documenten op de website worden aangeboden is het interessant om een link naar de Adobe-site te voorzien waar men de PDF reader kan downloaden. Geef bij elke link naar een PDF-bestand ook aan dat het om een niet-html bestand gaat en zeg ook hoe groot het is. PDF bestanden met veel afbeeldingen kunnen zeer groot worden. Meer informatie en links Cursus Dreamweaver pagina 14/36

15 Gebruik van afbeeldingen Digitaal formaat Er zijn verschillende formaten waarin een computer een grafisch beeld als een computerbestand kan opslaan. BMP, GIF, JPEG, EPS, PICT zijn maar enkele voorbeelden. Belangrijk is dat u op een website enkel de formaten GIF en JPEG kan gebruiken. Beide formaten hebben hun specifieke eigenschappen en toepassingen: Het GIF formaat: Kan slechts 256 kleuren per afbeelding bevatten Kan een transparante achtergrond hebben Is ideaal voor kleine icoontjes Is ideaal voor logo s en andere afbeeldingen met weinig kleuren Het JPEG formaat: Kan tot 16,7 miljoen kleuren bevatten Kan geen transparante achtergrond hebben Kan extra compressie gebruiken wat het bestand kleiner maakt maar de beeldkwaliteit aantast Is ideaal voor grote afbeeldingen met veel kleuren Wordt steeds gebruikt voor foto s Afmetingen De afmeting van een afbeelding wordt bij websites uitgedrukt in pixels, niet in centimeters. Een gemiddeld computerscherm is 800 pixels breed en 600 pixels hoog. Zorg er dus voor dat uw afbeeldingen zeker niet groter zijn dan dat, omdat ze anders niet op één scherm passen en de gebruiker moet scrollen om de volledige afbeelding te kunnen zien. Meestal zal u afbeeldingen niet veel groter dan 250 tot 300 pixels willen maken. Let er bij het vergroten of verkleinen van afbeeldingen steeds op dat u de verhouding hoogte op breedte niet wijzigt, anders vervormt de afbeelding. Cursus Dreamweaver pagina 15/36

16 Afbeeldingen bewerken Om afbeeldingen of foto s te bewerken (vergroten, verkleinen, stukken uit knippen...) hebt u een apart grafisch programma nodig. Voor Windows raden we Paint Shop Pro aan. Gratis proefversie op - $99 aankoop Voor Macintosh gebruikers is Graphic Converter een goede oplossing. Gratis proefversie op - $30 aankoop Beide programma s zijn ook in staat om afbeeldingen in andere grafische formaten te openen en te converteren naar het GIF of JPEG formaat. Vergroten en verkleinen van afbeeldingen Vaak zal u uw afbeeldingen moeten vergroten of verkleinen. Het is daarbij belangrijk dat u dat NIET doet in de Webeditor, maar dat u uw afbeelding eerst verkleint in een grafisch programma (Paint Shop pro, Graphic Converter, Photoshop...), de verkleinde afbeelding opnieuw opslaat, en die aan uw webpagina toevoegt. U zal merken dat wanneer u afbeeldingen te veel vergroot, de individuele pixels zichtbaar worden en de afbeelding er geblokt gaat uitzien. Wanneer u afbeeldingen inscant, probeer ze dan meteen te scannen op het formaat dat u nodig hebt. Foto s van een digitale camera zal u bijna altijd moeten verkleinen voor ze op de website kunnen. Indien u over een grote hoeveelheid afbeeldingen beschikt die allemaal verkleind moeten worden, beschikken zowel Paint Shop Pro als Graphic Converter over een batch functie om veel afbeeldingen in één klik om te zetten. Cursus Dreamweaver pagina 16/36

17 Beeldbanken en copyright U kan niet zomaar afbeeldingen van andere websites plukken en ze op uw eigen site gebruiken. Toch zijn er verschillende, al dan niet gratis, beeldbanken die u via het internet kan raadplegen om afbeeldingen te zoeken die bij uw website passen: - foto s, meestal te koop - foto s, maastal te koop - animaties, gratis otography/stock_photography/royalty_free/ - links naar gratis foto s - zoekmotor voor afbeeldingen - clip art en icoontjes van Microsoft - clip art en icoontjes - gedeelde beeldbanken van Sony Meer informatie en links Cursus Dreamweaver pagina 17/36

18 Beheer van domeinnamen Inleiding De domeinnaam is de unieke identificatie, zowel op technisch als op marketing vlak, van elke website. Een correcte registratie en een correct beheer van dit asset is dan ook van levensbelang voor het voortbestaan van de website. Structuur van een domeinnaam Het adres van een website bestaat uit 3 delen: Het sub-domein, meestal www. De domeinnaam, het gedeelte tussen de twee punten Het top-level, het laatste gedeelte,.be bijvoorbeeld Top-levels De organisatie ICANN is verantwoordelijk met het beheer van top-levels. Elk land beschikt over een top-level domeinnaam die bestaat uit de officiële ISO code van het land: BE voor België, NL voor Nederland, UK voor het Verenigd Koninkrijk... Daarnaast werden er voor de VS verschillende andere top-levels gemaakt:.com voor commerciële bedrijven.org voor non-profit organisaties.net voor netwerken.gov voor Amerikaanse overheidsdiensten Er bestaat ook een top-level.nato en er is een top-level.eu in de maak voor bedrijven in de Europese Unie. In 2001 werden ook nog nieuwe top-levels, waaronder.name (voor particulieren),.biz (voor bedrijven),.shop (voor webwinkels),.info...,gemaakt die over de daarop volgende jaren beschikbaar worden/werden. In elk land is er een organisatie die een centraal register beheert van alle domeinnamen op basis van het top-level van dat land. In België was dat tot 2001 het departement computerwetenschappen van de KULeuven. Vandaag is dat de vzw DNS.be. Elke land stelt eigen regels op basis waarvan een organisatie een domeinnaam mag registreren. Er zijn aparte organisaties voor de registratie van.com,.org,.net en.biz. In principe kan iedereen een domeinnaam op basis van dit top-level registreren. Domeinnaam Cursus Dreamweaver pagina 18/36

19 Het middenste gedeelte van het adres van een website is de eigenlijke domeinnaam. Deze kan maximaal 64 karakters bevatten en mag niet bestaan uit vreemde tekens. Letters met leestekens (ë, è, à...) zijn sinds enkele jaren wel mogelijk. Subdomein Wanneer u eenmaal een registratie van een domeinnaam, bijvoorbeeld mijnbedrijf.be hebt gedaan bent u in principe onbeperkt in het aantal subdomeinamen dat u aanmaakt: intranet.mijnbedrijf.be klanten.mijnbedrijf.be mail.mijnbedrijf.be... Elke subdomein kan staan voor een andere server waar andere informatie of diensten te vinden zijn. Registratie van domeinnamen in België De registratieprocedure voor een domeinnaam is in elk land anders. Sinds 2001 is in België een systeem op basis van agenten van toepassing. Het beheer van de centrale database met domeinnamen berust bij de vzw DNS.be waarin verschillende belangrijke internetproviders vertegenwoordigd zijn. Als bedrijf of particulier kan u echter geen registratie doen rechtstreeks bij de vzw DNS.be. Daarvoor kunt u terecht bij een van de agenten. Zo n 300 bedrijven (banken, IT firma s en internetproviders) zijn agent van DNS en kunnen een domeinnaam registreren. Om agent te mogen zijn moeten ze een minimaal quotum per jaar halen. Sinds juni 2002 betaalt een agent 6 per jaar per geregistreerde domeinnaam aan de vzw DNS.be. De agenten zijn vrij in het hanteren van prijzen naar de eindklant toe. De prijzen die agenten hanteren liggen tussen de 10 en de 150 per jaar per domein. De website Tarieven.be (http://www.tarieven.be) biedt vergelijkende tabellen aan. Sinds 2001 werden alle beperkingen op wie welke domeinnamen mag registreren opgeheven. Er werd wel een klachtenprocedure voorzien via dewelke men onrechtmatig geregistreerde domeinnamen kan terug eisen. Sinds oktober 2002 is het ook toegelaten om domeinnamen te verhandelen in België. Cursus Dreamweaver pagina 19/36

20 Registratie van niet Belgische domeinnamen Veel bedrijven bereiden hun internationale expansie voor door domeinnamen in andere landen te registreren. Sommige internationale agenten zoals Register.com (http://www.register.com) geven de mogelijkheid om tientallen domeinnamen in verschillende landen tegelijk te registreren. De prijzen variëren van land tot land. Domain Name Servers Het systeem van domeinnamen (DNS) geeft webbrowsers de mogelijkheid om, wanneer de gebruiker een URL intikt, de juiste website te contacteren. Dit is een redelijk complex systeem. Alle internetproviders en veel grote bedrijven met een eigen internet infrastructuur beschikken over DNS-servers. Deze server zijn in staat een URL om te zetten in het overeenkomstige IP-adres. Elke computer (server of client) die op het internet is aangesloten wordt geïdentificeerd door zo n IP adres (bijvoorbeeld ). Op basis van dit adres is het mogelijk informatie ( s, webpagina s, bestanden...) van de ene internetcomputer naar de andere te sturen. Wanneer een gebruiker een URL in de webbrowser ingeeft zal deze de DNS server van de internetprovider contacteren om het overeenkomstige IP-adres te vinden. Men spreekt van lookup. Met een speciaal programma is het ook mogelijk om een reverse lookup te doen waarbij men de domeinnaam krijgt die bij een IPadres hoort. Met dit IP-adres kan de webbrowser de juiste server contacteren. Het is echter vaak zo dat er meerdere websites op één server staan. Daarom zal de server ook over een lijst beschikken van alle domains van de sites die op zijn harde schijf staan. Wanneer een client een bepaalde URL opvraagt weet de server dus in welke directory hij de bestanden van deze site moet gaan zoeken. DNS servers copieëren dagelijks hun data naar elkaar. Om een nieuwe domeinnaam in de servers te krijgen heeft men een authorative domeinserver nodig. Dat is één server die het centrale beheer van uw naam op zich neemt. Alleen deze server, meestal van uw internet provider of uw DNS-agent, kan de instellingen van uw domeinnaam wijzigen. De andere DNS-servers kunnen alleen maar deze gegevens overnemen. In het centrale register van vzw DNS.be wordt bij de registratie van uw domeinnaam de adressen van de authoritive nameservers opgenomen. Op deze servers wordt ingesteld op welk IP-adres uw website te vineden is. Op de server met dat IP-adres staat in welke directory de bestanden van uw site staan. Cursus Dreamweaver pagina 20/36

21 Meer informatie gistration Cursus Dreamweaver pagina 21/36

22 Usability: richtlijnen voor een bruikbaardere website Inleiding Usability is de studie van de bruikbaarheid. Niet alleen websites maar ook software, en alle mogelijk andere instrumenten die op een of andere manier met de mens in interactie treden, kunnen op hun bruikbaarheid worden getest. Gebruikerstesten zijn vaak de enige echte objectieve manier om de bruikbaarheid van een website te meten en te verbeteren. Op basis van gebruikerstesten werden een aantal algemene regels opgesteld die door steeds meer webdesigners worden gevolgd. Over de geldigheid van sommige regels valt zeker te discussiëren. Een veel gehoorde opmerking is dat usability weinig ruimte laat voor creatief design van de webdesigner uit. De bedoeling is uiteraard om een goede middenweg te vinden tussen een grafisch aantrekkelijke en creatieve maar toch duidelijke en bruikbare website. Uniforme vormgeving Een uniforme vormgeving is zowat het belangrijkste item dat een set webpagina s bindt tot één website. Door het hanteren van een eenduidige huisstijl wordt een website herkenbaar voor gebruikers. Daarnaast zorgt een eenvormige structuur ervoor dat de gebruiker deze structuur gewoon zal worden en er steeds beter zal mee leren werken. Webdesigners stuiten op veel tegenstand van gebruikers wanneer ze een website van een nieuwe look voorzien. Over het algemeen zien we dan dat de gebruikers de eerste dagen beduidend meer tijd nodige hebben om de juiste zaken te vinden op de aangepaste website. Cursus Dreamweaver pagina 22/36

23 Vaste paginastructuur Steeds vaker hanteren websites een min of meer vaste paginastructuur die over verschillende websites heen terug komt: Logo: links bovenaan, is link naar de homepage Zoekfunctie: rechts bovenaan, één veld met de toets zoek er achter Toolbar met links naar help en contactpagina: onder of boven de zoekfunctie Hoofdnavigatie: links Contextuele navigatie die afhangt van de inhoud van de pagina: rechts Cursus Dreamweaver pagina 23/36

24 Navigatie De navigatie is het belangrijkste instrument waarmee de gebruiker zich door de website beweegt. Duidelijkheid, eenduidigheid, uniformiteit en bruikbaarheid staan hier dus centraal. Een navigatie staat steeds op dezelfde plaats op de pagina. Alle onderdelen staan samen. Ideaal bestaat ze uit niet meer dan 7 tot 10 rubrieken. Alle rubrieken zijn zichtbaar. Openklappende menu s vormen een enorme drempel voor gebruikers. Bovendien zijn dan niet alle items zichtbaar. De items bestaan uit duidelijke termen. Marketing termen of termen die bedoeld zijn om de gebruiker te teasen zijn uit den boze. De gebruiker moet meteen zien wat er zich onder het item zou bevinden. Tekst Tekst wordt ideaal weergegeven in een donkere kleur op een witte of lichte achtergrond. Links, en alleen links, zijn onderlijnd zodat ze herkenbaar zijn. Verdana, 10 punten is het beste lettertype voor gebruik op een scherm. Arial, 12 punten is een goed alternatief. Taalkeuze In België verwachten gebruikers zich bij het binnen komen van een website aan een taalkeuzescherm. Dit scherm bevat een logo, een tagline en de keuze van de talen. Elke taal wordt weergegeven in die taal ( Nederlands, Français, English ). Vlagjes worden beter niet gebruikt. De taalkeuze kan worden opgeslagen in een cookie zodat een bezoeker bij een tweede bezoek meteen op de juiste taalversie terecht komt. In dat geval moet elke andere pagina wel opnieuw een taalkeuze bevatten. Gepositioneerd onder het logo, op basis van de ISO codes van de talen: NL, EN, DE, FR... Cursus Dreamweaver pagina 24/36

Updates van deze cursus kunnen gevonden worden op de website http://www.ideabox.be/webdesign

Updates van deze cursus kunnen gevonden worden op de website http://www.ideabox.be/webdesign Updates van deze cursus kunnen gevonden worden op de website http://www.ideabox.be/webdesign Niets uit deze cursus mag worden overgenomen zonder toestemming van de auteur. Datum van deze versie: 12/11/2004

Nadere informatie

Een website omzetten naar WordPress

Een website omzetten naar WordPress 1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt

Nadere informatie

Web building basis: HTML. Karel Nijs 2008/09

Web building basis: HTML. Karel Nijs 2008/09 Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building

Nadere informatie

Les W-01: HTML. Een website bouwen in HTML. 2006, David Lans

Les W-01: HTML. Een website bouwen in HTML. 2006, David Lans Les W-01: HTML 1.0 HTML Websites zijn opgebouwd uit afzonderlijke webpagina s. Deze webpagina s zijn geschreven in een aparte taal, HTML. De afkorting HTML staat voor Hyper Text Markup Language. Vrij vertaald

Nadere informatie

Handleiding: Whitelabel Customersite

Handleiding: Whitelabel Customersite ARGEWEB B.V. Handleiding: Whitelabel Customersite Controlportal.nl Argeweb Support 8-1-2009 Handleiding voor het gebruik maken van de Whitelabel Customersite op controlportal.nl, door Resellers van Argeweb.

Nadere informatie

Zicht - Content Management Systeem een algemene beschrijving

Zicht - Content Management Systeem een algemene beschrijving Zicht - Content Management Systeem een algemene beschrijving Versie april/2008 Zicht nieuwe media ontwerpers 2008 1 Inleiding Een Content Management Systeem (CMS) is een webapplicatie waarmee je zonder

Nadere informatie

Welkom bij mijn website tutorial (Deel 2)

Welkom bij mijn website tutorial (Deel 2) Welkom bij mijn website tutorial (Deel 2) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Content Management Systeem Specifieke modules van het Steenstra CMS 2011

Content Management Systeem Specifieke modules van het Steenstra CMS 2011 Content Management Systeem Specifieke modules van het Steenstra CMS 2011 2. Overzicht en specificering van additionele modules Naast de basis implementatie is het Steenstra CMS systeem uit te breiden met

Nadere informatie

Greet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord.

Greet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord. Greet Verhelst 2011-2012 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign In. In het volgende scherm log je in met je gebruikersnaam of e-mailadres

Nadere informatie

1. Proloog webtechno, rauwkost

1. Proloog webtechno, rauwkost 9 1. Proloog webtechno, rauwkost Voor men kan beginnen met het maken het aanpassen van een website is het nuttig om eerst eens een kijkje te nemen naar bestaande sites. Bij deze, mogelijk hernieuwde, kennismaking

Nadere informatie

Swhite bvba Frankrijklei 104 bus 3.1 2000 Antwerpen. support@flux.be flux.be. Flux webdesign. Versie 1.0.2

Swhite bvba Frankrijklei 104 bus 3.1 2000 Antwerpen. support@flux.be flux.be. Flux webdesign. Versie 1.0.2 Swhite bvba Frankrijklei 104 bus 3.1 2000 Antwerpen support@flux.be flux.be Flux webdesign Versie 1.0.2 Inhoudstafel 1. Inleiding... 3 2. Starten... 3 3. Menu... 4 4. Pagina s... 5 4.1. Bewerk de pagina...5

Nadere informatie

Welkom in de wondere wereld van websites met WordPress.

Welkom in de wondere wereld van websites met WordPress. Welkom in de wondere wereld van websites met WordPress. Alsjeblieft, dit kleine WordPress woordenboekje is voor jou. Want als je voor het eerst een website met WordPress gaat maken kom je misschien woorden

Nadere informatie

Handleiding. Inhoudsopgave 25-02-2014

Handleiding. Inhoudsopgave 25-02-2014 Inhoudsopgave Beheerders Dashboard...2 Kalender beheerders...3 Activiteiten beheren...3 Herhalende activiteiten...4 Wijk coördinatoren...5 Kalenders beheren...5 Kalenders exporteren...6 Gebruikers beheren...7

Nadere informatie

CMS Template Handleiding

CMS Template Handleiding CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...

Nadere informatie

16. Web Station. In dit hoofdstuk komen de volgende onderwerpen aan bod:

16. Web Station. In dit hoofdstuk komen de volgende onderwerpen aan bod: 16. Web Station U kunt uw QNAP NAS gebruiken om een website te hosten. U kunt zelf een website bouwen in HTML of gebruik maken van één van de vele content management systemen die beschikbaar worden gesteld

Nadere informatie

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Toelichting release notes. 22 mei 2014

Toelichting release notes. 22 mei 2014 Toelichting release notes 22 mei 2014 1 2 Toelichting release notes Error! Unknown document property name. 22 mei 2014 Inleiding release notes Dit document beschrijft de belangrijkste en meest zichtbare

Nadere informatie

Handleiding Website Laatste update: april 2014

Handleiding Website Laatste update: april 2014 Laatste update: april 2014 1. Google Search Tijdens de ontwikkeling van uw website werd er veel aandacht besteed aan optimalisatie voor zoekmachines zoals Google. Dit onder andere door de broncode technisch

Nadere informatie

Prijslijst 2015. Algemeen. Reparaties. Installaties. Voorrijkosten binnen gemeente Bedum: 5,- Voorrijkosten buiten gemeente Bedum: 20,-

Prijslijst 2015. Algemeen. Reparaties. Installaties. Voorrijkosten binnen gemeente Bedum: 5,- Voorrijkosten buiten gemeente Bedum: 20,- Prijslijst 2015 Algemeen Voorrijkosten binnen gemeente Bedum: 5,- Voorrijkosten buiten gemeente Bedum: 20,- Advisering: 10,- per uur. Reparaties Onderzoekskosten: 10,- Reparatiekosten: 10,- Installaties

Nadere informatie

WordPress Handleiding

WordPress Handleiding Algemene Informatie Disclaimer: Bij het samenstellen van dit boek is de grootst mogelijke zorg besteed aan de juistheid van de opgenomen informatie. Wij kunnen echter niet verantwoordelijk gesteld worden

Nadere informatie

Handleiding Lay-outs bewerken voor LogiVert 5

Handleiding Lay-outs bewerken voor LogiVert 5 Hoofdstuk: Inleiding Handleiding Lay-outs bewerken voor LogiVert 5 Copyrights : 20 LogiVert BV Website : www.logivert.com V.0.3 5-5-2009 Toevoegingen aan stap voor stap V.0.2 9-4-2009 Tweede opzet V. 0.

Nadere informatie

Handleiding. Beheeromgeving

Handleiding. Beheeromgeving Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3

Nadere informatie

HTML richtlijnen e-mail marketing. part of the valley

HTML richtlijnen e-mail marketing. part of the valley e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van

Nadere informatie

Informatie Sandtronic IT Resellerprogramma

Informatie Sandtronic IT Resellerprogramma Voorwoord U wilt een bedrijf starten en daarbij domeinen en hosting aanbieden, maar u heeft niet de mogelijkheid om een aantal servers neer te zetten. Of u wilt zich alleen concentreren op de verkoop van

Nadere informatie

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING INHOUD I. LOGIN IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING II. BEHEER UW WEBSITE 1. ONDERWERP A. Informatie B. Contactpersoon C. Links D. Footer E. Favicon 2. CMS A. Toevoegen (een pagina) B. SEO 3.

Nadere informatie

Toelichting gebruik websitemachine. Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding

Toelichting gebruik websitemachine. Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding Toelichting gebruik websitemachine Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding Toelichting gebruik websitemachine De websitemachine is een webapplicatie waarmee u op eenvoudige

Nadere informatie

Posters maken in PowerPoint

Posters maken in PowerPoint Posters maken in PowerPoint Een mini handleiding Nieuwe Media Dienst 2005 http://www.ua.ac.be/icnmd 1. Algemeen Het printen van grote posters is een kostbare zaak en duurt lang. Om mislukkingen te vermijden

Nadere informatie

Werken met afbeeldingen in webpagina's

Werken met afbeeldingen in webpagina's Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.

Nadere informatie

Posters maken in PowerPoint

Posters maken in PowerPoint Posters maken in PowerPoint Een mini handleiding Nieuwe Media Dienst 2009 http://www.ua.ac.be/icnmd 1. Algemeen Het printen van grote posters is een kostbare zaak en duurt lang. Om mislukkingen te vermijden

Nadere informatie

Handleiding website Pax Christi

Handleiding website Pax Christi Handleiding website Pax Christi deel II Inhoudstafel 1. Invoegen van afbeeldingen... 1 1.1 Wat is een digitale afbeelding?...1 1.2 Het invoegen van een digitale afbeelding in een bericht... 2 2. Posten

Nadere informatie

Handleiding Reseller Controle Paneel

Handleiding Reseller Controle Paneel Handleiding Reseller Controle Paneel Inloggen Om in te loggen in het Controle Paneel kunt u de gebruikersnaam en wachtwoord gebruiken welke u van ons heeft ontvangen. Nieuw is dat u ook met uw social media

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm: CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...

Nadere informatie

NVU work shop. Kees Moerman http://www.keesmoerman.nl November 2006. 1. Overzicht van een web site. Wat is een web site HTML files

NVU work shop. Kees Moerman http://www.keesmoerman.nl November 2006. 1. Overzicht van een web site. Wat is een web site HTML files NVU work shop Moerman http://www.keesmoerman.nl November 2006 1 1 Overzicht 1. Overzicht van een web site Wat is een web site HTML files 2. NVU: Een HTML editor Overzicht Een eerste pagina Configuratie

Nadere informatie

Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/

Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Een bestaande website met kompozer www.acc.dds.nl/lesonline/kompozer/website/ Bestanden

Nadere informatie

Basis handleiding CMS

Basis handleiding CMS Basis handleiding CMS Inhoud Basis handleiding CMS... 1 Inloggen... 3 Pagina beheren... 4 Pagina toevoegen/wijzigen... 6 WYSIWYG editor... 8 externe / interne link toevoegen... 9 Plaatjes toevoegen...

Nadere informatie

Beschrijving functioneel en technisch design van de website

Beschrijving functioneel en technisch design van de website Bespreking Punten: Beschrijving functioneel en technisch design van de website Nr. Punt 1 Student 2 Bedrijf 3 Algemene lay out 4 Technologieën 5 Webruimte en datatrafiek 1. Student Registratie Bij de registratie

Nadere informatie

Je kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan.

Je kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan. RV SiteBuilder openen Log in op je controlepaneel met de gegevens die je van ons hebt ontvangen. Eens ingelogd, klik je helemaal onderaan, in de sectie Software/Services, op het RV SiteBuilder icoontje.

Nadere informatie

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop). FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

Whitepaper. E-mail design best practices

Whitepaper. E-mail design best practices Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk

Nadere informatie

Syllabus Zelf een website bouwen. Artheos

Syllabus Zelf een website bouwen. Artheos Syllabus Zelf een website bouwen Artheos Helma de Boer Artheos Webdiensten & Office Support www.artheos.nl 2012 Inhoud Syllabus Zelf een website bouwen H1 De techniek van een website... 3 1.1 Browser en

Nadere informatie

HTML. Media. Hans Roeyen V 3.0

HTML. Media. Hans Roeyen V 3.0 Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...

Nadere informatie

Wat je moet weten over jouw website. Berichten

Wat je moet weten over jouw website. Berichten Wat je moet weten over jouw website Berichten Inleiding Inleiding Soms is het verwarrend... pagina's en berichten, categorieën en tags... En hoe krijg je die in je menu? Met dit document hoop ik daar wat

Nadere informatie

HetSchoolvoorbeeld.nl

HetSchoolvoorbeeld.nl HetSchoolvoorbeeld.nl maakt websites voor het onderwijs die u zelf met het bekroonde en gebruiksvriendelijke programma Word- Press inhoudelijk kunt beheren. De vakkundigheid van het team van HetSchoolvoorbeeld.nl

Nadere informatie

Handleiding afdrukken rotariaat CAMPUS NOORD 01-10-2012. Informaticadienst Scholengroep Sint-Rembert v.z.w. Kevin Baert Loes Casteleyn Michiel Seys

Handleiding afdrukken rotariaat CAMPUS NOORD 01-10-2012. Informaticadienst Scholengroep Sint-Rembert v.z.w. Kevin Baert Loes Casteleyn Michiel Seys Handleiding afdrukken rotariaat CAMPUS NOORD 01-10-2012 Informaticadienst Scholengroep Sint-Rembert v.z.w. Kevin Baert Loes Casteleyn Michiel Seys 0. Inhoudsopgave 0. Inhoudsopgave... 3 1. Installatie

Nadere informatie

XAMPP Web Development omgeving opzetten onder Windows.

XAMPP Web Development omgeving opzetten onder Windows. XAMPP Web Development omgeving opzetten onder Windows. Inhoudsopgave 1. Lees dit eerst... 2 2. Inleiding... 2 1 Xampp downloaden... 2 2 Installatie Xampp 1.7.4 op externe harddisk... 3 3 XAMPP herconfiguren...

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde

Nadere informatie

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

NVU-Workshop. Websites bouwen met Nvu. Henk Stoop - Docent Website design - HkeyDesigns - HCC WG Website design - KBO WG ICT-Adviseur

NVU-Workshop. Websites bouwen met Nvu. Henk Stoop - Docent Website design - HkeyDesigns - HCC WG Website design - KBO WG ICT-Adviseur Websites bouwen met Nvu Voorbeeld websites Hkey-Designs Manders mondhygieniste Slaapadvies Sterrenburg Werkplan Henk Stoop - Docent Website design - - HCC WG Website design - KBO WG ICT-Adviseur Workshop:

Nadere informatie

Shell Card Online e-invoicing Service Gebruikershandleiding. Versie 2.8

Shell Card Online e-invoicing Service Gebruikershandleiding. Versie 2.8 Gebruikershandleiding Versie 2.8 november 2012 Inhoud 1 Voor toegang tot Shell Card Online e-invoicing Service... 3 1.1 Inloggen in Shell Card Online... 3 1.2 Wat als u uw wachtwoord bent vergeten... 3

Nadere informatie

15 July 2014. Betaalopdrachten web applicatie gebruikers handleiding

15 July 2014. Betaalopdrachten web applicatie gebruikers handleiding Betaalopdrachten web applicatie gebruikers handleiding 1 Overzicht Steeds vaker komen we de term web applicatie tegen bij software ontwikkeling. Een web applicatie is een programma dat online op een webserver

Nadere informatie

Module VIII - DNS. Stefan Flipkens - Cursus: Internet - Intranet (2004-2005)

Module VIII - DNS. Stefan Flipkens - Cursus: Internet - Intranet (2004-2005) Module VIII - DNS Wanneer we de url van een webpagina ingeven in de adresbalk van onze browser dan moet ons computersysteem weten op welk IP adres de webpagina te vinden is. DNS servers helpen ons computersysteem

Nadere informatie

PDF-WORKFLOW. Hogeschool Gent 2e kan grafische en reclame vormgeving Departement KASK academiejaar 2002-2003

PDF-WORKFLOW. Hogeschool Gent 2e kan grafische en reclame vormgeving Departement KASK academiejaar 2002-2003 PDF-WORKFLOW Hogeschool Gent 2e kan grafische en reclame vormgeving Departement KASK academiejaar 2002-2003 1.0 Wat is PDF? Portable Document Format Is het standaard formaat voor het uitwisselen van belangrijke

Nadere informatie

Welkom in de wondere wereld van websites met WordPress.

Welkom in de wondere wereld van websites met WordPress. Welkom in de wondere wereld van websites met WordPress. Alsjeblieft, dit kleine WordPress woordenboekje is voor jou. Want als je voor het eerst een website met WordPress gaat maken kom je misschien woorden

Nadere informatie

M I K E R U B I O K E R N T A A K

M I K E R U B I O K E R N T A A K M I K E R U B I O E X A M E N 2 0 1 4 K E R N T A A K 2 1 Inhoudsopgave Inventarislijst...03 Begeleidt Uitbestedingen...05 Logboek Back-ups...07 Protocol & Bestaden...09 Testplan...11 Website...15 Applicatie...18

Nadere informatie

OPDRACHTKAART. Thema: Multimedia. Het internet 3. Het World Wide Web MM-05-03-01. Voorkennis: Geen.

OPDRACHTKAART. Thema: Multimedia. Het internet 3. Het World Wide Web MM-05-03-01. Voorkennis: Geen. OPDRACHTKAART MM-05-03-01 Het World Wide Web Voorkennis: Geen. Intro: Deze opdracht gaat over de belangrijkste mogelijkheid van het internet: het surfen op het World Wide Web. Deze opdracht beschrijft

Nadere informatie

E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl

E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl Frontpage 2003 Jouw vak op het leerlingenweb E.M. van Nieuwaal Copyright 2008 http://cursus.anguillanova.nl Inleiding... 3 1. Ontwerp een sitemap... 4 2. Index.htm... 4 3. Nieuwe pagina s maken... 7 4.

Nadere informatie

verwacht grootse dingen

verwacht grootse dingen verwacht grootse dingen Webdesign - Webhosting - Domeinnaam - Grafisch ontwerp Aanvraagformulier contactgegevens - webdesign - webhosting - domeinnaam - grafisch ontwerp - opmerkingen Met dit document

Nadere informatie

Leerlingdossier & handelingsplannen

Leerlingdossier & handelingsplannen FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

Highpotech IT. Nieuwsbrief. Een webpagina maken. heeft een zekere es- verhouding van 4:3

Highpotech IT. Nieuwsbrief. Een webpagina maken. heeft een zekere es- verhouding van 4:3 Uitgave 6 versie 2 Augustus 2010 Highpotech IT Nieuwsbrief Een webpagina maken Eerdere uitgaven Een website wordt weergegeven op een hoek waarvan de verhoudingen dicht in de Werken met Excel beeldscherm

Nadere informatie

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op 1 Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2 Disclaimer Bij de samenstelling

Nadere informatie

icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous

icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous 2006-2007 Inhoudsopgave 1 2 1.1 Programmeertaal PHP5..................... 2 1.2 MySQL database......................... 3 1.3 Adobe Flash...........................

Nadere informatie

Mach3Framework 5.0 / Website

Mach3Framework 5.0 / Website Mach3Framework 5.0 / Website Handleiding Mach3Builders Inhoudsopgave 1 Inloggen...5 1.1 Ingelogd blijven...6 1.2 Wachtwoord vergeten...7 2 Applicatie keuzescherm...8 2.1 De beheeromgeving openen...9 3

Nadere informatie

Een webpagina maken. Een website bouwen met HTML en CSS practicum 1

Een webpagina maken. Een website bouwen met HTML en CSS practicum 1 Een webpagina maken De komende periode wordt in 8 practica een aantal technieken behandeld, die je nodig hebt om een (eenvoudige) website te kunnen bouwen. Nadat je deze 8 practica hebt doorgewerkt, moet

Nadere informatie

Handleiding Plesk. Eddy De Bock

Handleiding Plesk. Eddy De Bock Handleiding Plesk Eddy De Bock 1 1 STARTPAGINA Hier krijgt u een samenvattend overzicht van de functies die Plesk u biedt. 2 GEBRUIKERS Hier kan u gebruikers aanmaken, verwijderen en beheren. Onder Gebruikersrollen

Nadere informatie

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013 Zelf een eenvoudige website opzetten Jorrit Groenevelt & Arjan Kraak Juni 2013 1 Inleiding/Doel Een onmisbaar onderdeel van het starten van een bedrijf is het opzetten van een website. Een onderneming

Nadere informatie

HAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.

HAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares. HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko

Nadere informatie

Een ASP.NET applicatie opzetten. Beginsituatie:

Een ASP.NET applicatie opzetten. Beginsituatie: Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.

Nadere informatie

Oplossingen overzicht voor Traderouter > 02/11/2010

Oplossingen overzicht voor Traderouter > 02/11/2010 Oplossingen overzicht voor Traderouter > 02/11/2010 Netconnex is opgericht in 2004 (Gezeteld in Belgie maar het hoofd datacenter gelegen in Nederland [omgeving Amsterdam]). Zeer gestaag groeiende onderneming

Nadere informatie

Service Level Agreements

Service Level Agreements Service Level Agreements Support / Helpdesk Voor vragen of problemen kan u zich steeds wenden tot de helpdesk. De SLA contracten geven u hierbij echter garanties en een duidelijke omkadering wat er wel

Nadere informatie

Handleiding kasten Extern documentenbeheer

Handleiding kasten Extern documentenbeheer Handleiding kasten 1. Inleiding... 3 2. Voorbereiding en organisatie... 4 2.1. Fysieke locatie van de kast(en) bepalen... 4 2.1.1. Ftp of http-server instellingen... 4 2.1.2. Locatie op je eigen boekhoudserver

Nadere informatie

Bestaat er serieus onderwijs in het maken van websites?

Bestaat er serieus onderwijs in het maken van websites? Bestaat er serieus onderwijs in het maken van websites? InGrUnDes, onderzoek naar InformationGridUnitDesign door Hans Frederik 12 april 2006 www.alexisbv.nl Agenda Vraagstelling Kaders Onderzoek Kwalificatieprofielen

Nadere informatie

Workshop 2. Inhoud. 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics

Workshop 2. Inhoud. 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics Workshop 2 Inhoud 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics 1. Foto s verkleinen Er zijn een aantal opties om foto s te verkleinen. Zo zit er in het besturingssysteem

Nadere informatie

6. De sitemap of stamboom van uw website

6. De sitemap of stamboom van uw website 6. De sitemap of stamboom van uw website Dynamisch of statisch? CMS of Dreamweaver? Een databankgestuurde website en CMS Grotere websites hebben nood aan een eenvoudiger manier om informatie toe te voegen,

Nadere informatie

Publiceren met WordPress

Publiceren met WordPress Publiceren met WordPress Peter Osterop Tweede herziene editie 1. Installatie van WordPress 2. Configuratie van WordPress 3. Het uiterlijk van WordPress 4. Pagina s en berichten maken in WordPress 1 Installatie

Nadere informatie

PHP-OPDRACHT SITE BOUWEN

PHP-OPDRACHT SITE BOUWEN PHP-OPDRACHT SITE BOUWEN PERIODE 4 LEERJAAR 1 Opleiding: Duur: Applicatieontwikkelaar 1 onderwijsperiode (4-8 weken) Voorkennis: Basiscursus PHP 5.4 Victor Peters (978 90 125 8499 9) Basiscursus XHTML,

Nadere informatie

Snel en efficiënt informatie archiveren en delen met anderen

Snel en efficiënt informatie archiveren en delen met anderen Snel en efficiënt informatie archiveren en delen met anderen Wat is DocToKeep? Als gebruiker van de computer krijgt u massa's informatie te verwerken. De informatiestroom aan internetpagina's, e-mails,

Nadere informatie

1.4.1 WordPress online 13 1.4.2 WordPress-software 13 1.4.3 Open source 13 1.4.4 Forums 14 1.5 Basisbegrippen in WordPress 14

1.4.1 WordPress online 13 1.4.2 WordPress-software 13 1.4.3 Open source 13 1.4.4 Forums 14 1.5 Basisbegrippen in WordPress 14 Inhoud Hoofdstuk 1 WordPress 1.1 Site bouwen 11 1.1.1 Software 11 1.1.2 CMS 11 1.2 Webdesign 11 1.3 Waarom WordPress? 12 1.3.1 CMS 12 1.3.2 WordPress 12 1.4 Wat is WordPress? 13 1.4.1 WordPress online

Nadere informatie

Een weblog maken voor je klas

Een weblog maken voor je klas Een weblog maken voor je klas Voor deze Handleiding is gebruik gemaakt van http://www.web-log.nl Deze online weblogdienst is gratis. Stap 1: Surf naar www.web-log.nl en klik op de optie weblog aanmaken

Nadere informatie

Zelftest Internet concepten en technieken

Zelftest Internet concepten en technieken Zelftest Internet concepten en technieken Document: n0832test.fm 10/02/2010 ABIS Training & Consulting P.O. Box 220 B-3000 Leuven Belgium TRAINING & CONSULTING INTRODUCTIE ZELFTEST INTERNET CONCEPTEN EN

Nadere informatie

Zelftest Informatica-terminologie

Zelftest Informatica-terminologie Zelftest Informatica-terminologie Document: n0947test.fm 01/07/2015 ABIS Training & Consulting P.O. Box 220 B-3000 Leuven Belgium TRAINING & CONSULTING INTRODUCTIE Deze test is een zelf-test, waarmee u

Nadere informatie

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor NHV verenigingen Versie 0.2 Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Navigator CMS 2009. Beknopte handleiding v1.0

Navigator CMS 2009. Beknopte handleiding v1.0 Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...

Nadere informatie

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we

Nadere informatie

Handleiding Webhosting Online Linux

Handleiding Webhosting Online Linux Handleiding Webhosting Online Linux April 2015 2015 Copyright KPN Zakelijke Markt Alle rechten voorbehouden. Zonder voorafgaande schriftelijke toestemming van KPN Zakelijke Markt mag niets uit dit document

Nadere informatie

FrontPage 2000. Websites voor iedereen

FrontPage 2000. Websites voor iedereen FrontPage 2000 Websites voor iedereen Andy Camps, 2001 Inhoud 2 Inhoud Inhoud...2 Woord vooraf...7 Hoe met deze cursus werken?...8 1. Proloog webtechno, rauwkost...9 1.1. Internetadres...9 1.1.1. Domein

Nadere informatie

WEBSITE USABILITY. white-paper

WEBSITE USABILITY. white-paper WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te

Nadere informatie

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1?

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of eerst? Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Ik heb een concept.

Nadere informatie

In de meeste netwerkomgevingen staan de firewalls het browsen of surfen op internet toe.

In de meeste netwerkomgevingen staan de firewalls het browsen of surfen op internet toe. m:\helpdesk\vgmbox\documenten\handleiding - inzet binnen beveiligd netwerk (dmv proxyserver) - 20110112 - tbv pdf.doc Inzet van De VGM Box binnen een beveiligd netwerk Dit document beschrijft het functioneren

Nadere informatie

Technische Specificaties

Technische Specificaties Technische Specificaties 1) Installatie Om Sophia te starten, hoeft niets geïnstalleerd te worden op de server. Sophia is een Windows applicatie: Sophia.ECDL.exe (app. 15 MB) Bij de installatie zal er

Nadere informatie

De Kleine WordPress Handleiding

De Kleine WordPress Handleiding Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling

Nadere informatie

Handleiding IZEE CMS. Dit is de handleiding voor IZEECMS

Handleiding IZEE CMS. Dit is de handleiding voor IZEECMS Handleiding IZEE CMS Dit is de handleiding voor IZEECMS Inhoudsopgave Inleiding... 4 Laatste update... 4 Voor wie is deze handleiding... 4 Vaste pagina s op de website... 4 Onduidelijkheden... 4 Voor het

Nadere informatie

Webportal instellingen

Webportal instellingen Inge Heuvel - van Schaijck --- Online Van: Maarten Heuvel - Online Verzonden: vrijdag 20 juni 2014 22:16 Aan: info@onlinegroep.nl Onderwerp: Online Pro Update 2014.0.0.90: Webportal

Nadere informatie

3 Website opbouwen: vervolg

3 Website opbouwen: vervolg 3 Website opbouwen: vervolg 3.1 Elementen 3.1.1 Bestand Op je website kan je een bestand plaatsen (doc, pdf, ) dat door je bezoekers gedownload kan worden 3.1.2 Links. Zowel bij het typen van tekst (2.1.1)

Nadere informatie

Looproute Microsoft OneNote 2010 versie 1.0. Looproute Microsoft OneNote 2010. Inleiding

Looproute Microsoft OneNote 2010 versie 1.0. Looproute Microsoft OneNote 2010. Inleiding 1 Looproute Microsoft OneNote 2010 Inleiding Dit document beschrijft de werking van het computerprogramma Microsoft OneNote (versie 2010) en is bedoeld voor docenten en leerlingen van het basis- en voortgezet

Nadere informatie

ONLINE HULP KREAMAN (NL)

ONLINE HULP KREAMAN (NL) ONLINE HULP KREAMAN (NL) Wat is KREMAN? KREAMAN is een tool waarmee de klassements-, organisatie- en presentatie-artikelen van EXACOMPTA kunnen worden gepersonaliseerd. Met KREAMAN kunt u uw eigen etiketten

Nadere informatie