Updates van deze cursus kunnen gevonden worden op de website

Maat: px
Weergave met pagina beginnen:

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

Transcriptie

1 Updates van deze cursus kunnen gevonden worden op de website Niets uit deze cursus mag worden overgenomen zonder toestemming van de auteur. Datum van deze versie: 12/11/2004 Pagina 1/89

2 Inhoud... 1 Inhoud... 2 Inleiding internettechnologieën... 4 Inleiding... 4 Client-side technologieën... 4 HTML Hyper Text Markup Language... 4 XHTML extensible Hyper Text Markup Language... 5 CSS Cascading Style Sheets... 6 Javascript... 7 DHTML... 7 Domeinnamen... 8 Inleiding... 8 Structuur van een domeinnaam... 8 Technische werking van DNS Registratie van domeinnamen in België Registratie van niet Belgische domeinnamen Een DNS agent kiezen Alles over een domeinnaam te weten komen Meer informatie HTML Inleiding Standaarden Basisbeginselen van HTML Structuur van een HTML pagina Structurele opmaak Meer informatie Cascading Style Sheets (CSS) Inleiding Implementatie Twee soorten tags Programma s om CSS te schrijven CSS2 en het box-model Meer informatie Dreamweaver Inleiding Een nieuw project opzetten Folderstructuur Templates Layout view Cascading Style Sheets in Dreamweaver Gebruik van afbeeldingen in Dreamweaver Layers Behaviors Assets Dreamweaver extensions Macromedia Contribute Hosting Inleiding Shared hosting Virtual private server Dedicated hosting Co-location of housing Verschillende platformen Factoren die de keuze beïnvloeden Meer informatie Pagina 2/89

3 Usability Inleiding Uniforme vormgeving Vaste paginastructuur Navigatie Tekst Taalkeuze Informatiestructuur Usability mythes Taalgebruik Gebruiksvriendelijkheidstesten Homepage usability Inleiding Richtlijnen Accessibility Inleiding Blindsurfers in België Richtlijnen Accessibility via CSS Breadcrumbs Broken links Afbeeldingen op het web Server side includes Wat zijn server side includes? Metrics Inleiding Over pageviews en meer Bezoekersstatistieken Taggers Search engine marketing Inleiding Webdirectories Zoekmotoren Paid listings Optimalisatie van websites Pagina 3/89

4 Inleiding internettechnologieën Inleiding In dit hoofdstuk maakt u kennis met verschillende technologieën die de kern van het internet uitmaken. De basis van het internet is het TCP/IP protocol. TCP/IP is niet meer dan een set afspraken waardoor computers op een uniforme manier digitale signalen uitwisselen. Elke computer die TCP/IP verstaat kan op het internet worden aangesloten. Ook andere toestellen zoals settop boxen, GSM s, PDA s, telefoons en zelfs parkeermeters wordt uitgerust met de mogelijkheid om TCP/IP te praten. Bovenop deze TCP/IP laag worden echter verschillende protocollen en technologieën gebruikt met elk hun specifieke toepassing: uitwisseling van e- mail, bestanden, instant messaging berichten,... Client-side technologieën Client-side technologieën kennen hun werking op de client, de webbrowser. Het zijn opmaak- of scripttalen die als onderdeel van een webpagina worden doorgestuurd naar de webbrowser en daar uitgevoerd. Verschillende families en generaties van webbrowsers gaan anders om met deze technologieën. De correcte werking ervan is dus gedeeltelijk afhankelijk van de webbrowser, besturingssysteem en computer waarmee de bezoeker de site opvraagt. Dat zorgt ervoor dat elke nieuwe website zeer goed getest moet worden in verschillende generaties webbrowsers om eventuele compatibiliteitsproblemen te kunnen opvangen. HTML Hyper Text Markup Language Deze opmaaktaal wordt gebruikt om webpagina s vorm te geven. HTML bestaat uit een set van codes die specifieke informatie over de opmaak meegeven aan blokken tekst op een webpagina. De HTML code wordt door de webbrowser geïnterpreteerd (ge-renderd) en weergegeven op het scherm. HTML codes zijn eenvoudig herkenbaar omdat ze steeds omgeven zijn door hekjes < en >. U kan de HTML code van een webpagina bekijken door in de webbrowser te kiezen voor het menu Beeld > Bron. HTML code van een andere website kan probleemloos worden gecopyeerd. Meer informatie Webmonkey Deze Engelstalige website is een belangrijke informatiebron voor professionele webmasters. Verschillende technologieën komen er aan bod. HTML op het Net Pagina 4/89

5 Deze Nederlandstalige site bevat een zeer duidelijk gestructureerd overzicht van alle bestaande HTML codes, hun attributen, en extra's. W3schools Deze Engelstalige website bestaat uit tientallen "tutorials" waarin u kennis maakt met nieuwe technieken en technologieën. XHTML extensible Hyper Text Markup Language HTML, de opmaakcode waarin webpagina's worden gemaakt, bestaat al een hele tijd. Nu en dan worden er nieuwe versies uitgebracht met nieuwe of aangepaste functionaliteiten. De HTML versie die de meeste websites vandaag gebruiken is HTML In tussentijd verscheen echter ook XML op de proppen. Een universele, op HTML gelijkende code die steeds vaker wordt gebruikt om data op te slaan en door te geven tussen verschillende systemen. Een beetje minder HTML Om de bestaande HTML specificaties en de populaire XML codes met elkaar in overeenstemming te brengen werd XHTML ontwikkeld, HTML code die voldoet aan de strenge opmaakregels van XML. In zekere zin keert XHTML ook terug naar de basis van HTML. Structurele vs. visuele opmaak Aanvankelijk werd HTML gebruikt om structurele elementen uit een tekst zoals een paginatitel, een tussentitel of een beeld te identificeren. Het stond elke webbrowser min of meer vrij om te beslissen hoe deze structurele elementen moesten worden weergegeven op het scherm van de bezoeker. Gaandeweg werden er echter verschillende HTML tags toegevoegd die bedoeld waren om de pagina visueel op te smukken. De tag <FONT> met al zijn attributen is daar een goed voorbeeld van. Tot de grote ergernis van vele webmasters zitten er echter nog steeds kleine verschillende in de manier waarop webbrowsers deze HTML tags op het scherm visualiseren. Met XHTML keren we terug naar het opmaken van pagina's met structurele code. Hoe deze elementen dan moeten worden gevisualiseerd op verschillende paltformen laten we voortaan over aan de CSS file. Dat is een apart bestand dat met een eigen code-set aangeeft hoe de verschullende structurele XHTML elementen eruit moeten zien op het scherm. Meer informatie Introduction to XHTML XHTML Tutorial Pagina 5/89

6 Better Living Through XHTML XHTML Overview CSS Cascading Style Sheets Deze opmaaktaal geeft webbouwers meer controle over de weergave van tekst op het scherm. Typische zaken die met CSS mogelijk zijn maar niet met HTML is het uitvullen van tekst (links en recht tegelijk uitlijnen), het aanpassen van de interlinie van tekst, of het verwijderen van de onderlijning onder links. Een tweede voordeel van CSS is dat deze opmaakcode niet noodzakelijk in de webpagina zelf moet zitten. HTML code daarentegen zit steeds vervat tussen de teksten van de webpagina. CSS code kan in een apart bestand worden opgeslagen dat meestal de naam style.css krijgt. Dit ene bestand kan dan de weergave van de volledige website aansturen, niet alleen van één enkele pagina. Voorbeeldcode 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; } De volgende generatie CSS Versie 1 van CSS wordt door de meeste webbrowsers correct geïnterpreteerd. De ondersteuning voor CSS 2 is nog niet in elke browser optimaal. In combinatie met XHTML laat CSS 2 echter toe om ook aan de client-side content en presentatie volledig van elkaar te scheiden. Een zeer mooi voorbeeld van de kracht van XHTML en CSS 2 is te vinden op de website Hier kan éénzelfde HTML pagina volledig van uitzicht veranderen door alleen maar de CSS file te vervangen. Meer informatie Pagina 6/89

7 Javascript Javascritp is een kleine scripttaal die de webbouwer controle geeft over enkele instellingen van de webbrowser. Zo kan een javascript worden gebruikt om een pop-up venster te openen of om de ingevulde inhoud van een formulier te valideren voor het naar de server wordt doorgestuurd. De meeste browsers zijn in staat javascript uit te voeren. Het is echter belangrijk om een pagina die intensief van javascript gebruik maakt te testen op verschillende platformen. Javascript code zit verwerkt in de HTML pagina en is van daar uit toegankelijk voor de bezoeker van de site. Het is dus uitgesloten om deze technologie te gebruiken voor zeer kritische toepassingen zoals bijvoorbeeld de afrekening van een online bestelling. Iets wat in de vroege dagen van e-commerce wel eens gebeurde. Zie: tionid=649 DHTML Dynamische DHTML staat voor de combinatie van HTML met CSS en Javascript. Deze 3 technologieën samen geven webmasters de mogelijkheid om een zekere mate van (client-side) interactie mee te geven aan hun webpagina s. Typische DHTML effecten zijn navigatiemenu s die open klappen wanneer de surfer erover beweegt met zijn cursor. Maar ook de meer vervelende mouse-trails worden meestal op basis van DHTML gemaakt. Ondanks de benaming heeft DHTML niet te maken met dynamisch webpagina s die gegenereerde worden door een back-end scripting taal. Meer informatie Pagina 7/89

8 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 site. De technische werking van het DNS (Domain Name Servers) systeem is een belangrijke hoeksteek van het internet. Maar de keuze van een goede domeinnaam is ook een belangrijke stap in de marketing van de website. Redenen genoeg dus om even stil te blijven staan bij de technische, marketing, management, en usability aspecten van domeinnamen. 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 dat bestaat uit de officiële ISO code van het land: BE voor België, NL voor Nederland, UK voor het Verenigd Koninkrijk... Sommige landen zoals de UK hebben ervoor gekozen om hun top-level nog eens op te delen. Zo zijn commerciële Britse websites te vinden onder.co.uk. In ons land is dat enkel het geval voor academische instellingen die het achtervoegsel.ac.be krijgen. Alle andere domeinen vallen rechtstreeks onder.be. 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. Die laatste zal in het begin van 2005 beschikbaar zijn voor registratie. In 2001 werden ook nog nieuwe top-levels, waaronder.name (voor particulieren),.biz (voor bedrijven),.shop (voor webwinkels),.info..., opgezet 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, op basis waarvan iemand een domeinnaam mag registreren. Pagina 8/89

9 Er zijn aparte organisaties voor de registratie van.com,.org,.net en.biz. In principe kan iedereen een domeinnaam op basis van zo n top-level registreren. Domeinnaam 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 (spatie, %, *, _,...). 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 subdomeinnamen dat u aanmaakt: intranet.mijnbedrijf.be klanten.mijnbedrijf.be mail.mijnbedrijf.be... Elk subdomein kan gekoppeld worden aan een andere server waar andere informatie of diensten te vinden zijn. Subdomeins moeten niet meer worden geregistreerd, ze kunnen worden aangemaakt op de DNS server. (zie verder) Pagina 9/89

10 Technische werking van DNS 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 internetinfrastructuur, beschikken over DNS-servers. Deze servers 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. U kan het IP adres van een domeinnaam eenvoudig achterhalen door in Windows, onder de DOS prompt, het commando ping te gebruiken. Een ping van het domein leert ons dat het IP adres van de server is. Met dit IP-adres kan de webbrowser de juiste server contacteren. Het is echter vaak zo dat er meerdere websites op één server staan. We spreken dan over virtual sites (zie hoofdstuk over hosting). 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 kopieëren dagelijks hun data naar elkaar. Om een nieuwe domeinnaam in de servers te krijgen heeft men een authorative domeinserver Pagina 10/89

11 nodig. Dat is één server die het centrale beheer van uw naam op zich neemt. Alleen deze server, meestal van uw internetprovider of uw DNS-agent, kan de instellingen van uw domeinnaam wijzigen. De andere DNS-servers kunnen alleen maar deze gegevens overnemen. De creatie van een nieuw DNS record of de aanpassing van een record (bvb bij de verhuis van de website naar een andere server) gebeurt via deze authorative domeinserver. Meestal duurt het 24u tot 48u voor alle DNS servers wereldwijd deze nieuwe of aangepaste gegevens hebben overgenomen. Deze tijd kan worden ingekort door op voorhand de TTL (Time To Live) van het domein te verlagen. Zo worden DNS servers gedwongen om zeer regelmatig de instellingen van de DNS records van het domein te actualiseren door opnieuw contact op te nemen met de authorative domeinserver. Bij de verhuis van uw website naar een andere webserver (met een ander IP adres) moet het DNS record worden aangepast. Tijdens de 24u tot 48u na deze aanpassing zullen dus wereldwijd sommige DNS servers reeds de nieuwe gegevens gebruiken en andere servers nog de oude gegevens. D.w.z. dat een deel van uw bezoekers de nieuwe site zal zien, en een ander deel de oude site. In het centrale register van vzw DNS.be worden bij de registratie van uw domeinnaam de adressen van de authorative nameservers opgenomen. Meestal is dat één server met minstens één backup server. Pagina 11/89

12 Schema van de werking van het DNS systeem De website geeft gebruikers de mogelijkheid om stap voor stap een procedure te doorlopen die de goede werking van een domeinnaam controleert: Correcte registratie bij DNS.be Correcte instelling van een authorative DNS server Correcte instelling van DNS records voor web en mail verkeer Correcte werking van de webserver en mailserver Correcte weergave van de eerste pagina van de site door de webserver Op basis van deze informatie kan u ontdekken waar in de keten eventuele problemen met uw domeinnaam zitten. Pagina 12/89

13 De website domeindokter.be controleert de correcte registratie van het domein syntra-ab.be en geeft ook een woordje uitleg bij elke stap. De registratie van een domeinnaam gebeurt steeds op naam van een Licensee. Dit is de persoon die de eigenaar is van de domeinnaam. Hij of zijn heeft het recht om bijvoorbeeld een transfert van de domeinnaam aan te vragen. Als unieke identificatie van de Licensee wordt het adres gebruikt dat bij registratie werd opgegeven. Zorg er steeds voor dat u toegang hebt tot dit adres. In de beginjaren van het internet werden domeinnamen soms geregistreerd door medewerkers van een bedrijf op basis van hun persoonlijk adres. Bij het verlaten van het bedrijf nemen zij de domeinnaam dan in feite mee. Het Licensee adres is echter best niet gebaseerd op het domein zelf. Aanpassingen aan de DNS instellingen zijn immers vaak nodig wanneer er technische problemen zijn, en dan is ook dat adres net niet bereikbaar. De Licensee gegevens van een domeinnaam kan u eenvoudig opzoeken via de website Pagina 13/89

14 Via de website dns.be kunnen de registratiegegevens van elke Belgische domeinnaam worden opgevraagd. Pagina 14/89

15 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 DNS agenten van toepassing. Het beheer van de centrale database met domeinnamen berust bij de vzw DNS.be waarin verschillende belangrijke internetproviders, AGORIA en de federale overheid 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 (webbouwers, IT firma s en internetproviders) zijn agent van DNS.be en kunnen een domeinnaam registreren. Om agent te mogen zijn, moeten ze een minimaal aantal namen per jaar registreren en deze namen ook op voorhand betalen. 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. Evolutie van het aantal domeinregistraties per jaar in België. Bron: Jaarverslag DNS.be 2003 (http://www.dns.be/nl/news/annualreport.htm) Pagina 15/89

16 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. De website tarieven.be vergelijkt de DNS prijzen van verschillende Belgische agenten. Sinds 2001 werden alle beperkingen op wie welke domeinnamen mag registreren opgeheven. Daarvoor was een uittreksel uit het Staadsblad of een merkregistratie noodzakelijk om aan te tonnen dat uw bedrijf recht had op een bepaalde naam. Er werd wel een klachtenprocedure voorzien via dewelke men onrechtmatig geregistreerde domeinnamen kan terug eisen. Meer informatie daarover is te vinden op: Pagina 16/89

17 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 en voorwaarden variëren van land tot land. Via register.com kan u meer dan 40 verschillende top-levels registreren. Pagina 17/89

18 Een DNS agent kiezen Er is geen rakketwetenschapper nodig om een domeinnaam op een goede manier te hosten. Toch kan het geen kwaad om wat aandacht te besteden aan welke DNS agent u kiest. Prijs De prijs voor de jaarlijkse licentie op de domeinnaam is zonder twijfel een belangrijke factor. Met ruim 300 DNS agenten in België en een inkoopprijs voor de agenten zelf van 6 per domein per jaar, vallen er zeker zaken te doen. De website Tarieven.be maakt overigens een mooi overzicht van de prijzen van de meeste agenten. Vooral wanneer u meerdere domeinnamen hebt is het interessant om die bij één agent te centraliseren. Lijst met Belgische DNS agenten: Vergelijkende prijstabel: Code of conduct Een groot deel van de Belgische agenten ondertekenden een code of conduct. Ze worden in de lijst van DNS.be apart weergegeven. Meestal kan u ook een logo op de website van de agent vinden. Lijst van agenten: Extra diensten Naast de zuivere registratie van een domeinnaam bieden de meeste agenten, soms inbegrepen in de prijs, enkele extra diensten aan zoals: Één of meerdere boxen op basis van het domein, al dan niet met spam- en/of virusbescherming URL forwarding waarbij men na het intikken van het domein wordt doorgestuurd naar een andere website DNS servers waarin u instellingen voor de verschillende DNS records kan opslaan Parkeren van een ongebruikte domeinnaam al dan niet met weergave van een eenvoudige webpagina waarvan u zelf de inhoud kan aanpassen. Bouw van een mini-site onder het domein Pagina 18/89

19 Website creatie, hosting en zijn enkele van de extra diensten (al dan niet betalend) bij de Belgische agent register.be. Control panel Normaal gezien zal u zelden de instellingen van uw domeinnaam willen aanpassen omdat zo de goede werking van uw website en in het gedrang kan komen. In sommige gevallen, zoals bvb bij het verhuizen van uw website, zijn er toch aanpassingen aan de DNS records wenselijk. Zorg er in de eerste plaats voor dat deze aanpassingen gratis voor u worden gedaan. Sommige agenten bieden een control panel aan. Via een paswoord kan u dan zelf inloggen op hun website en DNS aanpassingen rechtstreeks op de DNS servers zelf maken. Enige technische kennis is vereist. Pagina 19/89

20 Via het control panel kunnen Hostbasket klanten online zelf DNS records toevoegen of aanpassen in de DNS servers. Van DNS agenda veranderen U kan zonder problemen op elk moment van DNS agent veranderen. We spreken dan van een Transfert. Om een transfert van uw domein aan te vragen neemt u contact op met uw nieuwe DNS agent. Die zal de transfert bij de vzw DNS.be aanvragen. De vzw DNS.be zal nu een sturen naar het adres van de Licensee van het domein om een bevestiging van de transfert te vragen. Na bevestiging wordt de domeinnaam naar de nieuwe agent getransfereert. Er begint een nieuwe licentieperiode van 1 jaar. De oude DNS agent heeft op geen enkele manier invloed op deze gang van zaken en kan de transfert dus ook niet tegen houden. Er is ook een procedure die de overdracht van een domeinnaam naar een andere Licensee mogelijk maakt. Bijvoorbeeld in het kader van een verkoop van een domeinnaam. Meer informatie is te vinden op de website Pagina 20/89

21 Alles over een domeinnaam te weten komen Door verschillende gratis online diensten en tools te combineren kan u heel wat informatie over een domeinnaam, en de daaraan gekoppelde website, verzamelen. 1. De eerste stap om informatie over een bestaande domeinnaam op te vragen is het centrale register, de zogenaamde WHOIS. a. Voor Belgische domeinnamen is dat b. Voor internationale domeinnamen kan dat o.a. via Internic: 2. De tweede stap is het evalueren van de indexatie van het domein in zoekmotoren zoals Google en Altavista. a. Geef het domein in in de zoekbox van Google (www.google.com) b. Indien de website tijdelijk onbereikbaar is kan u de cache copy van Google van de pagina opvragen c. Google kan ook vertellen welke websites een link hebben naar de site, een duidelijke indicatie van de popularieit van de site d. En welke pagina s van de website in de database van Google geïndexeerd zijn. 3. De gespecialiseerde zoekmotor Alexa (www.alexa.com) geeft nog wat meer achtergrond informatie over de website en probeert o.a. een gok te doen naar het aantal bezoekers dat de site dagelijks ontvangt. Deze cijfers zijn natuurlijk slechts indicatief. 4. Indien de website gebruik maakt van een gratis abonnement op een statistiekensysteem (zoals bvb Nedstat Basic) dan vindt u op de site vaak een icoontje waarop u kan klikken. Er verschijnt dan een pagina met bezoekersgegevens van de website. 5. Netcraft (http://uptime.netcraft.com/) kan u een overzicht geven van de webserver waarop de site draait en eventueel ook een korte historiek van de verschillende servers waarop de site in het verleden gehost was. 6. Tenslotte kan u via Archive.org ook nog oudere versies van de website opvragen. Google kan meer informatie over een website voorzien Pagina 21/89

22 Alexa doet een gok naar het aantal bezoekers op een website. Het internet archive kan oudere versies van een website opvissen. Pagina 22/89

23 Meer informatie beheer van.be domeinnamen code of conduct van de Belgische DNS agenten prijsvergelijking van verschillende DNS agenten in België registratie van meer dan 40 internationale top-levels controleert de goede werking van de verschillende aspecten van een domeinnaam overzicht van alle internationale top-levels informatie over het instellen van een custom 404 pagina op verschillende soorten servers deze zoekmotor voorziet achtergrondinformatie bij een domeinnaam marktplaats voor domeinnamen gistration nieuws over domeinnamen en registraties Pagina 23/89

24 HTML Inleiding HTML (Hyper Text Markup Language) vormt de basistaal waarin webpagina s worden opgemaakt. In essentie geeft HTML de webbuilder een set van codes die hem toelaten de informatie die op een webpagina hoort te staan te omschrijven. Op basis van deze omschrijving zal de webbroser van de client in staat zijn de informatie op de pagina correct te visualiseren. Standaarden De exacte specificaties van de HTML taal worden bewaakt door een onafhankelijke organisatie W3C. In principe is het dan ook alleen deze organsiatie die, in overleg met de aangesloten bedrijven en adviseurs, wijzigingen aan de taal kan aanbrengen. Momenteel is de laatste versie van HTML de versie 4.1. De specificaties zijn terug te vinden op W3C staat overigens nog in voor de ontwikkeling van verschillende andere standaarden waarop het web gebaseerd is. In het verleden was het echter de gewoonte dat software bedrijven die webbrowsers maken hun eigen toevoeging aan de HTML code maaken en die incorporeerden in hun eigen webbrosers. Vandaag drukken de meeste organisaties opnieuw op het belang dat alle webeditors HTML code genereren die perfect aansluiten bij de officiële W3C specificaties. Via de W3C validator (http://validator.w3.org/) kan u eenvoudig een bestaande webpagina online laten valideren op het correcte gebruik van de HTML specificaties. Pagina 24/89

25 Basisbeginselen van HTML HTML codes worden tussen de tekst van de webpagina geplaatst en samen met deze tekst vervat in.html of.htm bestanden. Voorbeelden: <B>Deze tekst is vet</b> <P>Dit is een paragraaf</p> <STRONG>Deze tekst is extra belangrijk</strong> In sommige gevallen hebben HTML tags ook attributen. Hiermee worden de eigenschappen van de HTML tag verfijnt. Voorbeelden: <P align= left >Deze paragraaf is links uitgelijnd</p> <P align= right >Deze paragreef is rechts uitgelijnd</p> Binnen één HTML tag kunnen andere tags worden gebruikt. We spreken dan van het nesten van HTML tags. Voorbeeld: <P>In deze paragraag is <B>dit woord</b> vet gedrukt</p> Structuur van een HTML pagina Een HTML bestand heeft meestal min of meer dezelfde basisstructuur: <HTML> <HEAD> <TITLE>Titel van de pagina</title> <HEAD> <BODY> Inhoud van de pagina </BODY> </HTML> De <HTML> tags omvatten de volledige pagina De <HEAD> tags bevatten meta informatie over de pagina die niet op de pagina zelf wordt getoond De <BODY> tags omvatten de inhoud van de pagina Pagina 25/89

26 Structurele opmaak Bij de uitbouw van de HTML specificaties werden steeds meer HTML tags toegevoegd die de webbrowser niet alleen informatie geven over het soort gegevens (de titel, een tussentitel,...) maar ook over hoe deze zaken exact op het scherm moeten worden weergegeven (formaat, lettertype,...) Tot grote frustratie van vele webmasters gaan verschillende webbrosers op verschillende platformen echter steeds anders om met deze richtlijnen. Vandaag wordt vooral geprobeerd om enkel structurele opmaak mee te geven aan de webpagina via HTML tag. Dit wil zeggen dat de tags alleen maar informatie geven over het soort data: titel, tussentitel, citaat, afbeeldingen. De informatie over de weergave van deze elementen, bvb in welk lettertype te tussentitels worden worden weergegeven, wordt opgeslagen in een Style Sheet (zie volgende hoofdstuk). Op die manier kan de weergave van de webpagina s gemakkelijker worden aangepast. Meer informatie Webmonkey Deze Engelstalige website is een belangrijke informatiebron voor professionele webmasters. verschillende technologieën komen er wekelijks aan bod. HTML op het Net Deze Nederlandstalige site bevat een zeer duidelijk gestructureerd overzicht van alle bestaande HTML codes, hun attributen, en extra's. W3schools Deze Engelstalige website bestaat uit tientallen "tutorials" waarin je kennis maakt met nieuwe technieken en technologieën. Pagina 26/89

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

Cursus Dreamweaver 01/01/2004. Voor updates, achtergrondinformatie, voorbeelden en download: Bezoek http://www.ideabox. Cursus Dreamweaver 01/01/2004 Voor updates, achtergrondinformatie, voorbeelden en download: Bezoek http://www.ideabox.be/webdesign Cursus Dreamweaver www.ideabox.be/webdesign pagina 1/36 Inleiding Deze

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

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

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

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal

Nadere informatie

Een website ontwerpen in Dreamweaver met de opmaakweergave

Een website ontwerpen in Dreamweaver met de opmaakweergave Een website ontwerpen in Dreamweaver met de opmaakweergave door G. Van Soest Met Dreamweaver kan je zeer snel een website in elkaar bouwen; ook het onderhoud van een website is met Dreamweaver uiterst

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

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for

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

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

Factuur Lay-out / Factuur Template

Factuur Lay-out / Factuur Template Factuur Lay-out / Factuur Template In i-reserve is het mogelijk facturen te verzenden. De facturen worden als pdf bijlage per e-mail naar de klant verzonden. In deze tutorial wordt beschreven hoe u een

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

Van Dreamweaver CS4 naar CS5

Van Dreamweaver CS4 naar CS5 Danny Devriendt Van Dreamweaver CS4 naar CS5 Beknopte overstapgids www.wwwsoft.be Bijlage gratis te downloaden bij Basiscursus webdesign Dreamweaver CS4 WWW-Soft GCV 2010 www.wwwsoft.be CS5 Nieuw in Dreamweaver

Nadere informatie

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail.

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. INLOGGEN Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle login

Nadere informatie

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010 Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management

Nadere informatie

Globale kennismaking

Globale kennismaking Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina

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

Handleiding om uw website/webshop aan te passen

Handleiding om uw website/webshop aan te passen Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een

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

Handleiding theocms2 K.U.Leuven - Faculteit Godgeleerdheid Stijn Van Baekel 1/19. - HANDLEIDING CMS2 - http://theo.kuleuven.be/

Handleiding theocms2 K.U.Leuven - Faculteit Godgeleerdheid Stijn Van Baekel 1/19. - HANDLEIDING CMS2 - http://theo.kuleuven.be/ Stijn Van Baekel 1/19 - HANDLEIDING CMS2 - http://theo.kuleuven.be/ laatste aanpassing: 08/10/2008 Stijn Van Baekel 2/19 Index Index... 2 Inleiding... 3 1. Tonen van pagina s... 4 2. Beheer van pagina

Nadere informatie

De tekstverwerker. Afb. 1 de tekstverwerker

De tekstverwerker. Afb. 1 de tekstverwerker De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de

Nadere informatie

Algemene WordPress Handleiding uitleg basics Karin de Wit Design

Algemene WordPress Handleiding uitleg basics Karin de Wit Design Inhoudsopgave Inhoudsopgave... 2 Algemene informatie... 3 Introductie... 4 Inloggen bij WordPress... 5 Introductie in het dashboard... 6 Berichten en pagina's... 8 Bericht Categorieën... 8 Nieuw Bericht...

Nadere informatie

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding HetSchoolvoorbeeld 2.1 Websites Social media Mediawijsheid Grafisch ontwerp Handleiding HetSchoolvoorbeeld 2.1 Pagina 1 Inhoud 1 Opbouw van

Nadere informatie

Handleiding wordpress

Handleiding wordpress Handleiding wordpress Wordpress versie 3.0.4 Handleiding versie 1.1 Auteur Website Geert Hoekzema www.geerthoekzema.nl www.geerthoekzema.nl geert@geerthoekzema.nl 1 Inhoudsopgave Inleiding... 3 Beginnen

Nadere informatie

Handleiding. HetSchoolvoorbeeld.nl. Versie 2.2 - juni 2014. Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld.

Handleiding. HetSchoolvoorbeeld.nl. Versie 2.2 - juni 2014. Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld. HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding Versie 2.2 - juni 2014 Meest recente uitgave: www. hetschoolvoorbeeld.nl/handleiding Handleiding HetSchoolvoorbeeld 2.2 Pagina 1 Inhoud Inhoud

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

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. WordPress LAATSTE VERSIE: 29-12-2011 RODER!CKVS WEBDESIGN & WEBHOSTING

HANDLEIDING. WordPress LAATSTE VERSIE: 29-12-2011 RODER!CKVS WEBDESIGN & WEBHOSTING HANDLEIDING WordPress LAATSTE VERSIE: 29-12-2011 RODER!CKVS WEBDESIGN & WEBHOSTING Inhoudsopgave Inloggen... 3 Een nieuw bericht plaatsen... 5 Aan een nieuw bericht beginnen... 5 Je bericht bewaren, een

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

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4 Handleiding CMS Inhoud 1 Inloggen 2 Algemeen 3 Hoofdmenu 4 Pagina s 4.1 Pagina s algemeen 4.2 Pagina aanpassen 5 Items 5.1 Items algemeen 5.2 Item aanpassen 6 Editor 6.1 Editor algemeen 6.2 Afbeeldingen

Nadere informatie

Adobe Dreamweaver CS4 startersgids

Adobe Dreamweaver CS4 startersgids Adobe Dreamweaver CS4 startersgids Ontwerp van statische websites met XHTML en CSS Versie 1.0 - juni 2009 Adobe, Macromedia, Dreamweaver, Fireworks en Flash zijn handelsmerken of gedeponeerde handelsmerken

Nadere informatie

Handleiding Website beheersysteem

Handleiding Website beheersysteem Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8

Nadere informatie

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.6 Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis

Nadere informatie

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien. Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te

Nadere informatie

11. Website controleren

11. Website controleren 11. Website controleren 11.1 Website controleren op verschillende browsers Het blijkt nog altijd nodig te zijn een website te controleren. De website zoals deze er in Kompozer uit ziet, ziet er op internet

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

Titel: flashvars.html

Titel: flashvars.html Data uitwisselen met Flash: the easiest way Kris Merckx www.ardeco.be Macromedia Flash-bestanden kunnen opgenomen worden in HTML. Een Flashfilm (*.swf) kan tekst, afbeeldingen, film, geluid en vectorbeelden

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

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

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

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

Macromedia Dreamweaver MX 2004

Macromedia Dreamweaver MX 2004 Macromedia Dreamweaver MX 2004 Ontwerp van statische websites met XHTML, CSS en JavaScript Versie 1.1 - maart 2005 Macromedia, Dreamweaver, UltraDev, Fireworks, Flash, Contribute en FreeHand zijn handelsmerken

Nadere informatie

Handleiding Joomla CMS

Handleiding Joomla CMS Handleiding Joomla CMS Inhoudsopgave Inloggen bij de beheeromgeving 3 Artikelen 4 Prullenbak bekijken 4 Nieuw artikel maken / bewerken 5 Afbeelding toevoegen aan artikel 6 Link in een artikel plaatsen

Nadere informatie

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat.

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat. Een website maken met ZIMPLIT. Geen kennis van html nodig. www.acc.dds.nl/lesonline/zimplit/ Download Zimplit handleiding pdf Download de Zimplit bestanden Zimplit CMS Handleiding Zimplit is een CMS (content

Nadere informatie

HTML-EDITOR GEBRUIKEN

HTML-EDITOR GEBRUIKEN HTML-EDITOR GEBRUIKEN Over TinyMCE TinyMCE is een kleine What-You-See-Is-What-You-Get (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browsers, zoals MSIE of Mozilla. Het werken met

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

Central Station. CS website

Central Station. CS website Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken

Nadere informatie

Websitecursus deel 1 HTML

Websitecursus deel 1 HTML Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

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

Handleiding Content Management Systeem Umbraco. Versie 1.2

Handleiding Content Management Systeem Umbraco. Versie 1.2 Handleiding Content Management Systeem Umbraco Versie 1.2 Inhoudsopgave 1. Umbraco tour... 3 1.1 Inloggen in het Umbraco systeem... 3 1.2 De indeling van Umbraco... 3 2. Inhoud van uw website... 5 2.1

Nadere informatie

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011 Handleiding WYSIWYG HTML editor: CKEditor Inhoud 1 Inleiding... 3 2 WYSIWYG editor... 4 2.1 Iconen toegelicht... 5 2.2 Maximaliseren...

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

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

Gebruikers Handleiding Quick Guide

Gebruikers Handleiding Quick Guide Gebruikers Handleiding Quick Guide Info-Kanaal: v4.0 Versie: 1.1 Datum: 18 maart 2010 Auteur(s): M.H.M. van het Bolscher B.A. Kooy M.J.R. Verbiesen R. Scheffer Inhoud 1. Inleiding... 2 2. Inloggen... 3

Nadere informatie

Handleiding Domeinnaam Online Versie maart 2014

Handleiding Domeinnaam Online Versie maart 2014 Handleiding Domeinnaam Online Versie maart 2014 Inhoudsopgave Hoofdstuk 1. Inleiding 3 Hoofdstuk 2. Installatie van de dienst 4 2.1 Stap 1 Inloggen in de Zelfservice Cloud 4 2.2 Stap 2 Abonnement selecteren

Nadere informatie

Welkom bij Sitebuilder, een praktijksite maken in 5 stappen.

Welkom bij Sitebuilder, een praktijksite maken in 5 stappen. Welkom bij Sitebuilder, een praktijksite maken in 5 stappen. Wat is sitebuilder Site Builder is een uiterst gebruiksvriendelijk en zeer uitgebreid product waarmee u snel een eigen praktijkwebsite kunt

Nadere informatie

Aan de slag met DNS Jeroen van Herwaarden, Robbert-Jan van Nugteren en Yannick Geerlings 19-3-2010

Aan de slag met DNS Jeroen van Herwaarden, Robbert-Jan van Nugteren en Yannick Geerlings 19-3-2010 Aan de slag met DNS Jeroen van Herwaarden, Robbert-Jan van Nugteren en Yannick Geerlings 19-3-2010 Inhoud Hoofdstuk 1 Inleiding... 3 Hoofdstuk 2 Algemene informatie over DNS... 4 Hoofdstuk 3 Verschillende

Nadere informatie

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 1 Inhoudsopgave Toevoegen nieuw artikel, of wijzigen...3 Extra web-functionaliteit...4 toevoegen van een foto/plaatje...4 toevoegen

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

Bsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica

Bsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica Proces- en presentatieportfolio Technisch Ontwerp en Informatica http://toi.bk.tudelft.nl/bsc5 toi@bk.tudelft.nl Procesportfolio [week 2 t/m 17] voortgang en verloop van het ontwerpproces GEEN productpresentatie

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

EEN WEBLOG MAKEN MET BLOGGER

EEN WEBLOG MAKEN MET BLOGGER EEN WEBLOG MAKEN MET BLOGGER John Valk 2012, 1e versie 1 EEN WEBLOG MAKEN MET BLOGGER.COM Meld je aan Ga naar internet naar de site: www.blogger.com Het onderstaande venster verschijnt. Meld je aan met

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

Snel aan de slag met BasisOnline en InstapInternet

Snel aan de slag met BasisOnline en InstapInternet Snel aan de slag met BasisOnline en InstapInternet Inloggen Surf naar www.instapinternet.nl of www.basisonline.nl. Vervolgens klikt u op de button Login links bovenin en vervolgens op Member Login. (Figuur

Nadere informatie

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS Handleiding CMS 1 Inhoudsopgave 1. Inloggen... 3 2. Het CMS... 3 3. Websitecontent... 4 3.1 Een nieuwe pagina toevoegen... 4 3.2 Een pagina wijzigen... 4 3.3 Een pagina verwijderen... 5 4. De WYSIWYG editor...

Nadere informatie

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn. Aan de slag met de Bezoek je domein om de in te stellen. De volgende melding zal zichtbaar zijn. Volg de url 'administratie paneel' om in te loggen en de vervolgens in te stellen. Als eerst krijg je de

Nadere informatie

Website van het openbaar ministerie Korte gebruikershandleiding voor Content Managers

Website van het openbaar ministerie Korte gebruikershandleiding voor Content Managers Website van het openbaar ministerie Korte gebruikershandleiding voor Content Managers De website van het openbaar ministerie is momenteel (tijdelijk) te vinden op volgende intranetadres: http://10.241.132.229.

Nadere informatie

Leereenheid Webdesign

Leereenheid Webdesign Leereenheid Webdesign INLEIDING Deze leereenheid leert je een eenvoudige website opbouwen. Vervolgens passen we dit toe op webquest. VOORKENNIS Elementaire kennis van Web 2.0 is vereist. LEERDOELEN LEERDOELEN

Nadere informatie

Webs.hogent.be Persoonlijke home/webdirectory voor personeel en studenten

Webs.hogent.be Persoonlijke home/webdirectory voor personeel en studenten Webs.hogent.be Persoonlijke home/webdirectory voor personeel en studenten Inleiding Als personeelslid of student aan de beschikt u over de mogelijkheid om 100 MB aan data centraal op onze servers te plaatsen.

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

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

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

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

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

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

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: 1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress

Gebruikershandleiding websitebeheer m.b.v. Wordpress Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

HTML Editor: tabellen en hyperlinks

HTML Editor: tabellen en hyperlinks LES 19 HTML Editor: tabellen en hyperlinks In deze les leert u nog iets meer over HTML en de HTML Editor van OpenOffice.org. U leert hoe u absolute en relatieve hyperlinks maakt. We staan even stil bij

Nadere informatie

Installeer Apache2: Landstede februari 2009 versie 3 1 Bertil Hoentjen

Installeer Apache2: Landstede februari 2009 versie 3 1 Bertil Hoentjen Installeer Apache2: Deze howto gaat over name based virtual hosting onder Apache 2.x., en is getest onder OpenSUSE 11 maar is in feite ook van toepassing op de andere distributies. Alleen Debian en afgeleide

Nadere informatie

Safira CMS Handleiding

Safira CMS Handleiding Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...

Nadere informatie

Uitleg CMS Utrecht Your Way Button 1. Inloggen

Uitleg CMS Utrecht Your Way Button 1. Inloggen Uitleg CMS Utrecht Your Way Button 1. Inloggen Met jouw login gegevens kun je inloggen via http://button.utrechtyourway.nl/cms 2. Dashboard Na inloggen wordt het dashboard van het CMS zichtbaar. Of te

Nadere informatie

Bewerk uw eigen Digibordbij boek

Bewerk uw eigen Digibordbij boek Bewerk uw eigen Digibordbij boek Naast de presentatie van schoolboeken in het Digibordbij systeem is het voor leraren ook mogelijk aanpassingen te maken in de digitale boeken. De leraar kan via een aparte

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

HTML Editor: de eerste stappen

HTML Editor: de eerste stappen LES 18 HTML Editor: de eerste stappen In deze les leert u werken met HTML Editor. Daarbij geven we tevens een inleiding tot HTML. Hoewel op dit moment HTML versie 4.01 in gebruik is, maakt de HTML Editor

Nadere informatie

Release nieuwe versie 1.9.3

Release nieuwe versie 1.9.3 Release nieuwe versie 1.9.3 November 2013 www.siteop.mobi www.siteop.mobi - Kingsfordweg 151-1043 GR Amsterdam Tel: 085 40 123 92 - support.siteop.mob Release Versie Item Versie Datum SiteOpMobi Platform

Nadere informatie

SWIS Handleiding Webbeheer

SWIS Handleiding Webbeheer 1 SWIS Handleiding Webbeheer Inhoudsopgave I. Inloggen in Webbeheer en je wachtwoord resetten... 4 Inlogscherm... 4 Dashboard met toptaken en statistieken... 4 Je wachtwoord vergeten?... 5 II. Modules:

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

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

1click updatemodule. Hoe bereiken? U kunt uw CMS eenvoudig bereiken door vlak achter uw domeinnaam /cms te plaatsen. Bv. www.uwsite.be/cms.

1click updatemodule. Hoe bereiken? U kunt uw CMS eenvoudig bereiken door vlak achter uw domeinnaam /cms te plaatsen. Bv. www.uwsite.be/cms. 1click updatemodule Introductie 1Click Light is wat men in de termen van het vak noemt een CMS of Content Management System. Wanneer we dit letterlijk vertalen betekent dit Inhoud Beheer Systeem. Kort

Nadere informatie

All rights reserved, HKBO 2015. Basishandleiding WordPress

All rights reserved, HKBO 2015. Basishandleiding WordPress All rights reserved, HKBO 2015 Basishandleiding WordPress Basishandleiding Wordpress Het kan Beter Online 1. Inloggen in het Wordpress Dashboard U kunt inloggen in het dashboard door achter uw domeinnaam

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

WordPress in het Kort

WordPress in het Kort WordPress in het Kort Een website maken met Wordpress. In minder dan één uur online! Inclusief installatie van een thema en plugins Alle rechten 2013, Rudy Brinkman, BrinkhostDotCom, http://www.brinkhost.nl

Nadere informatie

Gebruikersgids. 2010,Sitewriter All Rights Reserved. Gebruikersgids

Gebruikersgids. 2010,Sitewriter All Rights Reserved. Gebruikersgids 2010,Sitewriter All Rights Reserved. 0 Contents 2 Pagina toevoegen 5 Pagina bewerken 7 Media-inhoud 7 9 10 11 12 Invoegen afbeelding Invoegen muziek fragment Invoegen van een video Invoegen van Flash invoegen

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce Saft Websites Gebruikershandleiding Wordpress icm Woocommerce pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Liever persoonlijke

Nadere informatie

Handleiding bij de onderhoudsmodule van de Hermes CMS website.

Handleiding bij de onderhoudsmodule van de Hermes CMS website. Handleiding bij de onderhoudsmodule van de Hermes CMS website. Voor wie? U wilt uw bedrijf professioneel voor stellen? U wenst uw website graag zelf te onderhouden? U wenst het budget laag te houden? Wat?

Nadere informatie

PhotoworkZ pop-up website handleiding

PhotoworkZ pop-up website handleiding PhotoworkZ pop-up website handleiding Inhoudsopgave PhotoworkZ pop-up website handleiding...1 Aanmelden op de admin module...2 Beheer van teksten...3 Tekst downloaden en aanpassen...3 Aanpassen van teksten...4

Nadere informatie