1 Maak uw eigen website

Maat: px
Weergave met pagina beginnen:

Download "1 Maak uw eigen website"

Transcriptie

1 uitgebreide cursus 1 Maak uw eigen website Het is gemakkelijker dan ooit om een eigen website op internet te beginnen. Er is zoveel keus dat u niet meer met ingewikkelde code aan de slag hoeft te gaan. Maar het is wel zo handig als u in ieder geval de basisprincipes kent! In deze 5-delige cursus gaan we stapsgewijs een eigen website maken. ingewikkelder vormen aannemen, zoals een webwinkel of een vergelijkingssite. Websites rond een onderwerp. Dit kan een bepaald hondenras, een nieuwsportaal over wielrennen of een vergelijkingssite voor hypotheken zijn. Een voorbeeld van een persoonlijke website Voorbeeld van een website die kennis wil uitdragen Als u op internet rondkijkt, ontdekt u een eindeloze variatie in websites. In feite kunnen we ze allemaal onderbrengen in drie verschillende groepen: Persoonlijke websites, waarin u informatie over uzelf vertelt of verslag doet van uw vakantie, de verbouwing van uw huis of de belevenissen van uw huisdier. Zakelijke websites, die soms niet meer zijn dan een digitaal uithangbord. Ze kunnen ook Ideeën voor websites Misschien hebt u al een onderwerp in gedachten voor uw website. Zo niet, loop dan eens uw interesses af en bedenk hoe u daarmee iets leuks kunt doen. Iets wat nog niet eerder op internet is gedaan, of iets wat beter is dan het huidige aanbod. Vraag vrienden en kennissen welke informatie ze tevergeefs op internet zoeken. Een andere manier om onderwerpen te verzamelen zijn de lijsten van zoekmachines. Een bekend voorbeeld is de Google Zeitgeist. Hierin vindt u de populairste zoekopdrachten van de afgelopen maand in de VS, Nederland en diverse andere landen. Maar let op: dit is een momentopname en bovendien is het verstandig om een onderwerp te kiezen waar u langere tijd lol in houdt. Creatief met websites Misschien denkt u bij een website meteen aan een verzameling webpagina s met relatief statische tekst en plaatjes. Maar er is veel meer mogelijk. Wat dacht u van een weblog, een digitaal dagboek waarbij de berichten op datum zijn gesorteerd? U kunt een persoonlijke weblog maken over uw belevenissen, maar we zien steeds vaker weblogs met een zakelijke insteek verschijnen. Zo bloggen bij Microsoft de medewerkers er fanatiek op los (http://blogs.microsoft.nl). Het leuke van een weblog is dat u uw eigen mening kwijt kunt en dat het interactief is: bezoekers kunnen een reactie achterlaten en meepraten. Hebt u weinig tijd of niet zoveel te vertellen, dan begint u gewoon simpel met een fotoblog (moblog.nl) of u gaat microbloggen (twitter.com). Wilt u een website maken waarin u het één en ander wilt uitleggen, dan is een wiki misschien een beter idee. Een wiki is een website waarin u veel informatie op een gestructureerde manier kwijt kunt. Stel dat u al jarenlang rondloopt met het idee om een boek te schrijven over uw favoriete vakantieland, motorrijden of bonsai kweken. U hebt al heel wat informatie verzameld, maar het is er eigenlijk nooit van gekomen om het af te maken. Een wiki is dan het aangewezen medium:

2 Gewone website, weblog of wiki? de informatie hoeft niet af te zijn, u kunt precies aangeven welke onderdelen nog ontbreken en u kunt eventueel anderen vragen om ze aan te vullen. Wat hebt u nodig? Welke hulpmiddelen u nodig hebt bij het maken van uw website is helemaal afhankelijk van de keuze die u maakt. Verderop in dit magazine vertellen we u meer over SiteBuilder, alsmede de software die u in de Applicatie Kluis terug kunt vinden, maar er zijn ook andere mogelijkheden: Eenvoudige website Nu u een website laat hosten bij Hosting2GO staat u voor een oerwoud aan mogelijkheden. Misschien hebt u voldoende aan SiteBuilder, maar zoals we hiervoor al zeiden, zijn er meer mogelijkheden. U kunt een webeditor als Dreamweaver of simpelweg Windows Kladblok gebruiken om webpagina s te maken. Deze site kunt u dan met een ftp-programma op het internet publiceren; ftp het is niet meer dan een transportmiddel om uw webpagina s naar de webruimte op internet te verplaatsen. Het nadeel van deze aanpak is dat u snel het overzicht kwijtraakt als uw website groeit. Om tijd te besparen kunt u een websitesjabloon (template) gebruiken dat u met uw eigen webinhoud (content) kunt vullen, maar in de praktijk blijft het vaak een heidens karwei om zo n website te onderhouden. Zelfgemaakte dynamische website Bij een dynamische website bevindt alle inhoud zich in een database. Als de bezoeker op een knop of link klikt, wordt een pagina uit de database opgehaald en in de browser van de bezoeker getoond. Hiervoor wordt meestal gebruikgemaakt van de combinatie PHP en MySQL: MySQL is de database waarin u de bestanden opslaat en PHP is de taal waarmee u alle commando s geeft, Kies een gewone website als u: Informatie wilt publiceren die niet vaak wijzigt. Eenmalig veel tijd aan uw website wilt besteden en daarna niet zoveel. Iets ingewikkelds wilt maken, bijvoorbeeld een webwinkel, vergelijkingssite of nieuwsportaal. Kies een weblog als u: Dagelijks iets nieuws te melden hebt. Uw mening kwijt wilt of uw hart wilt luchten. Wilt schrijven over iets dat tijdgebonden is (opgroeien van kind of huisdier, wereldreis, voorbereidingen voor marathon). Anderen wilt laten reageren. Kies een wiki als u: Uitleg wilt geven of een onderwerp diepgaand wilt bespreken. Al veel materiaal hebt verzameld, dat nog niet compleet is. Anderen wilt laten meeschrijven om uw materiaal compleet te maken. bijvoorbeeld om webpagina s op te halen. U kunt zelf een website met database ontwerpen en bouwen. Gemakkelijker is het om gebruik te maken van een kant-en-klaar contentmanagementsysteem (cms). Contentmanagementsysteem U bent niet de eerste die een website met database probeert te bouwen. Duizenden mensen gingen u al voor, die allemaal tegen dezelfde problemen Tips voor een succesvolle website. 1. Maak het niet te bont. Gebruik niet meer dan drie lettertypes door elkaar en wees spaarzaam met kleuren. 2. Kijk wat de concurrentie doet. Maak dan iets, wat anderen nog niet hebben. 3. Eenvoud voor alles. Zorg dat uw website er aantrekkelijk uitziet, maar maak er geen orgie van plaatjes en effecten van. Hoe overzichtelijker, hoe beter. 4. Laat uw website aan een ander lezen. Kies een proefpersoon die verstand heeft van websites en die niet bang is om kritiek te geven. 5. Verwijs naar andere websites door. Uw website kan niet elk onderwerp bestrijken. Link door naar anderen en laat anderen naar u linken; dat doet uw rangorde in Google ook goed. Veelgezochte zoekwoorden in Google. Twitter

3 uitgebreide cursus Fysieke tekstopmaakelementen De volgende elementen worden gerekend tot de fysieke tekstopmaakelementen: B, L, S, STRIKE, TT, U, BIG, SMALL, SUB en SUP. U gebruikt ze, als u de weergave van de tekst wilt vastleggen. Dit is <B>vet</B> Dit is vet Dit is <I>cursief</I> Dit is cursief Dit is <S>doorgestreept</S> Dit is doorgestreept Ook dit is <STRIKE>doorgestreept</STRIKE> Ook dit is doorgestreept Deze tekst heeft een <TT>vaste letterafstand</tt> Deze tekst heeft een vaste letterafstand Dit is <U>onderstreept</U> Dit is onderstreept Dit is <BIG>groot</BIG> Dit is groot Dit is <SMALL>klein</SMALL> Dit is klein Dit is <SUB>subscript</SUB> Dit is subscript Dit is <SUP>superscript</SUP> Dit is superscript Tot de fysieke tekstopmaakelementen kan ook het door Netscape Navigator geïntroduceerde BLINK-element worden gerekend, waarmee tekst knipperend wordt weergegeven. Omdat het element geen deel uitmaakt van HTML 4.0 en knipperende tekst bovendien door veel gebruikers als hinderlijk wordt ervaren, adviseren we u om dit element niet te gebruiken. De verschillende elementen kunnen ook gecombineerd worden. Dit is <B><I>vet en cursief</i></b> levert op Dit is vet en cursief. Tot slot: met <BR> gaat u naar de volgende regel. aanliepen. De kennis die daarmee is vergaard, is terug te vinden in contentmanagementsystemen. Dit zijn kant-en-klare systemen die u op uw webruimte installeert. Ze zorgen ervoor dat u via een simpel dashboard uw website kunt beheren, zodat u niet de weg kwijtraakt in de grote hoeveelheid bestanden. De meeste contentmanagementsystemen, zoals Joomla (voor websites) en WordPress (voor weblogs), bestaan in feite uit een gestructureerde verzameling php-pagina s die u naar uw webruimte kopieert. Daarna kunt u via een webformulier nieuwe pagina s aanmaken, de opmaak wijzigen en dergelijke. Het grote voordeel van kant-enklare cms en is dat er allerlei plug-ins verkrijgbaar zijn waarmee u nieuwe functies kunt toevoegen, zonder dat u iets hoeft te programmeren: denk aan tellers, een fotobibliotheek, een poll of een kant-en-klaarcontactformulier. Html Html (HyperText Markup Language) is dé basis van het web: alle webpagina s maken er gebruik van. De taal bestaat uit verschillende labels (tags) die de browser vertellen hoe bepaalde elementen op een webpagina eruit komen te zien. Wilt u een stukje tekst vetgedrukt maken, dan zet u er de labels <B> en </B> omheen. De letter B staat voor Bold, het Engelse woord voor vetgedrukt. Html bevat twee soorten labels: begin- en eindlabels. Als u aangeeft dat iets vetgedrukt moet zijn, moet u natuurlijk ook kunnen aangeven wanneer het vetgedrukte gedeelte weer eindigt. De meeste html-labels betaan in twee varianten, als beginen eindlabel, maar niet allemaal. Het label <BR> voor een nieuwe regel is een veelgebruikte uitzondering. We zeiden al: alle webpagina s maken gebruik van html. Elke webpagina is als volgt opgebouwd: <HTML> <HEAD> <TITLE>De titel van mijn webpagina</title> </HEAD> <BODY> De inhoud van mijn webpagina. </BODY> </HTML> Om overzicht te houden op de structuur maken webontwikkelaars gebruik van inspringing. Een veelgemaakte fout is namelijk dat mensen vergeten een html-label af te sluiten. Lay-out en webstandaarden Html kent geen methoden om plaatjes en tekst te positioneren. Om te zorgen dat een website een mooie indeling krijgt, werden ooit frames gebruikt. Hierbij wordt een website opgedeeld in een aantal gebieden. De frames zelf verwijzen weer naar htmlbestanden, zodat u in feite een lappendeken van losse webpagina s te zien krijgt. Het navigatiemenu stopt u in een apart frame (meestal aan de linkerkant). Dat heeft als voordeel dat het navigatiemenu er op elke webpagina er hetzelfde uitziet. Elke webpagina heeft dezelfde indeling en u kunt de elementen tot op de pixel nauwkeurig positioneren. Tegenwoordig zijn frames hopeloos verouderd. Vijf jaar geleden stapten webontwikkelaars over op tabellen. Het handige daarvan is dat de afmetingen van onderdelen op de website zich automatisch kunnen aanpassen: u kunt bijvoorbeeld instellen dat het navigatiemenu altijd 20% van de totale breedte in beslag moet nemen. Het grootste bezwaar tegen tabellen is dat het html-label <table> eigenlijk niet is bedoeld voor lay-out, maar omdat er vroeger geen alternatief was, werd er toch intensief gebruik van gemaakt. Dat alternatief is er nu wel: tegenwoordig raadt de W3C, de organisatie die internetstandaarden bepaalt, aan om zogenoemde cascading stylesheets (CSS) te gebruiken. Daarbij splitst u de inhoud van de webpagina helemaal van de opmaak. De inhoud van de webpagina bevindt zich in een html-bestand (of in een database) en de opmaak wordt helemaal los daarvan geregeld in CSS. Het voordeel van CSS is dat het makkelijker aanpasbaar, flexibeler en toegankelijker is dan de oude aanpak. Wilt u de kleur of lettergrootte van alle kopteksten op uw website wijzigen, dan hoeft u dat maar op één plaats aan te passen. Verderop in dit magazine zullen we nog vaker terugkomen op CSS en het gebruik ervan. U kunt bijvoorbeeld verschillende stylesheets voor verschillende apparaten en toepassingen maken; bijvoorbeeld een Mac-thema voor bezoekers die uw website met de browser Safari bezoeken en een eenvoudig thema voor bezoekers met een mobiel apparaat zoals een smartphone. Ook op het gebied van html hebben de ontwikkelingen niet stilgestaan. De meeste webontwikkelaars zijn overgestapt van html naar xhtml (extensible HyperText Markup Language). Deze taal verschilt inhoudelijk niet zoveel van HTML 4.01, maar is wel strikter geformuleerd en er is minder rekenkracht nodig om de code te verwerken waardoor het beter geschikt is voor apparaten met minder rekenkracht zoals smartphones. Een van de wijzigingen is dat alle labels gesloten moeten worden: een <p> voor een nieuwe paragraaf is niet voldoende; u moet de paragraaf ook afsluiten met een </p>. Bij gewone html is dat niet vereist, bij xhtml wel.

4 2 De vormgeving maakt het verschil U wilt een eigen website of weblog maken, maar u wilt het vanaf het begin goed aanpakken. In deel 2 van deze reeks artikelen maakt u daarom kennis met kleur, lettertypes, toegankelijkheid, websites waar u materiaal kunt vinden en u leert hoe u een eenvoudige weblog opzet. Als voorbeeld maken we een website over lekker eten. IIn het vorige hoofdstuk hebben we de basiskennis behandeld, zodat u weet wat html is, welke keuzemogelijkheden er zijn en welke gereedschappen u nodig hebt. Nu is het tijd om uw website of weblog daadwerkelijk te gaan inrichten. Daarvoor zijn twee methoden: voor een kleine, statische website gaat u aan de slag met html en voor een website waarvan de inhoud regelmatig wijzigt roepen we de hulp in van WordPress. Beide methoden zijn ook voor beginners goed te doen en geven meteen resultaat. Het verschil is dat u bij de html-aanpak elke webpagina als een los html-bestand in uw webruimte zet (wat nogal snel onoverzichtelijk kan worden), terwijl u bij WordPress gebruikmaakt van een contentmanagementsysteem (cms). Alle webpagina s worden daarbij bewaard in een database, zodat u ze gemakkelijker kunt beheren. Eenvoudige website maken Wat is het doel van uw website en wie is de beoogde bezoeker? Wilt u nieuws, foto s en video delen, of een sociale website, met interactie? Uw keuze heeft gevolgen voor het ontwerp en ook voor de software die u gebruikt. Tot voor kort was Microsoft Frontpage een populair pakket om eenvoudige websites te maken. Frontpage is inmiddels vervangen door het prijzige Expression Web, maar gelukkig zijn er genoeg alternatieven. U kunt een site maken met SiteBuilder, maar we willen u ook de alternatieven laten zien. Wij kiezen in deze cursus voor open-sourcesoftware die u niet lastigvalt met reclame en registratiecodes. Onze keuze is Nvu, een gebruiksvriendelijk alternatief voor pakketten zoals Adobe s Dreamweaver. Nvu Met Nvu is het maken van een website net zo makkelijk als het typen van een tekstdocument en het toevoegen van wat plaatjes om de boel op te vrolijken. Nvu werkt volgens het WYSIWYGprincipe: wat u op uw eigen scherm ziet, is wat de bezoeker van uw website ook te zien krijgt. Mocht u uitgroeien tot een gevorderde gebruiker dan zit u met Nvu nog steeds goed; het programma ondersteunt heel wat geavanceerde functies. Het is niet toevallig dat Nvu lijkt op populaire webeditors als Dreamweaver, Frontpage en GoLive. De makers hebben goed gekeken welke onderdelen voor beginnende gebruikers belangrijk zijn. U kunt de software vinden op De installatie van Nvu Het openingsvenster van Nvu

5 uitgebreide cursus Een knipperende aanwijzer wacht tot u inspiratie hebt voor een spannend websiteontwerp Op het web vindt u allerlei bruikbare sjablonen voor websites is het van belang dat u een template kiest die op Cascading Style Sheets (css) is gebaseerd. We kiezen een sjabloon dat de gewenste indeling en uitstraling heeft. Het kleurschema maakt niet zoveel uit, want de kleuren kunt u gemakkelijk vervangen. De meeste templates mag u gewoon gratis gebruiken, mits u een koppeling naar de ontwerper laat staan. Pak het zip-bestand met het sjabloon uit en sla het lokaal op, zodat u het straks gemakkelijk terugvindt. Zo n sjabloon bestaat uit een html-bestand, een css-bestand en een map met afbeeldingen Nvu is Nederlandstalig, gratis en wordt ontwikkeld door Mozilla, de makers van Firefox. Het ziet er meteen vertrouwd uit, met de menubalk, knoppenbalk en werkbalken die u ook uit andere Windowsprogramma s kent. Een knipperende aanwijzer wacht totdat u iets begint te tikken. In het menu Invoegen vindt u alle elementen die u in een webpagina kunt invoegen en Bij het aanbrengen van koppelingen maakt u de met de tekengereedschappen url relatie in de werkbalken kunt u blokken en tekstvakken in verschillende grootte en kleuren aanbrengen. In de knoppenbalk staan knoppen voor het invoegen van afbeeldingen, koppelingen, tabellen en formulieren. Maar waar moet u beginnen? Heel eenvoudig: u verzint niet zelf iets, maar maakt gebruik van een van de honderden sjablonen (templates) die op internet te vinden zijn. Zoek in Google maar eens naar free css templates. Wilt u verderop in de cursus niet vastlopen, dan Starten met Nvu Het gebruik van Nvu is in feite heel eenvoudig: klik op de knop Openen, blader vervolgens naar het html-bestand met de naam index.html (dit is de homepage) en kies Openen. De webpagina verschijnt in Nvu en u kunt hem vrij aanpassen. Tik een andere tekst, vervang afbeeldingen of probeer de kleur van achtergrond en van letters te wijzigen. Het werkt eigenlijk net als in een gewone tekstverwerker. Onderin het venster van Nvu ziet u vier tabbladen. Normaal gesproken werkt u in het tabblad Normaal, maar u kunt er ook voor kiezen alleen de broncode of het eindresultaat van uw webpagina te bekijken. U kunt meerdere pagina s op basis van ditzelfde sjabloon aanmaken. Open index.html opnieuw, breng wijzigingen aan en sla het op onder een andere naam. Belangrijk: zorg altijd dat er een index.html aanwezig blijft. U kunt tussen pagina s koppelingen aanbrengen door een tekst of plaatje te selecteren waarna u op Koppeling klikt en de gewenste paginanaam intikt. Zorg dat u paginaverwijzingen relatief maakt: u zet een vink in het vakje voor URL is relatief ten opzichte van paginalocatie. Dat voorkomt dat de koppeling straks verwijst naar een bestand in de map C:\Users\ Uwnaam\Documents\Website\Test\ dat voor anderen niet toegankelijk is. Afbeeldingen bewaart u altijd in de map images of een submap daarvan. Opslaan en publiceren Bent u tevreden met de wijzigingen die u hebt aangebracht, dan slaat u uw html-bestanden op en opent u uw ftp-programma (zie kader Ftp en

6 Handig: Nvu beschikt over een ingebouwde ftp-functie ING en ABN Amro; twee banken met verschillende kleuremoties met FileZilla ). Maar wacht, Nvu bevat zelf al een ingebouwde ftp-functie waarmee u uw website kunt publiceren. Klik op de knop Publiceren in de werkbalk en er verschijnt een venster waar u het ftp-adres, uw gebruikersnaam en wachtwoord kunt invullen. Lukt het hier niet, dan kunt u altijd nog met FileZilla alle bestanden en mappen uploaden. U uploadt niet de bovenliggende mappen, maar alleen de inhoud van de map waarin index.html staat en eventuele submappen daarvan. U kopieert deze bestanden en mappen naar de zogenaamde root. Dit is het laagste niveau in uw webruimte. Bij Hosting2GO is dat de map /httpdocs. Kleur en kleurgebruik Een juist kleurgebruik op uw website is belangrijk. U snapt ook wel: zwarte letters op een donkere achtergrond zijn nauwelijks leesbaar, maar goed kleurgebruik gaat verder. U kunt met kleuren ook een bepaalde emotie bij uw bezoekers opwekken. Bedrijven gebruiken dit bij het aanprijzen van producten of diensten. En realiseert u zich dat één op de twaalf mensen kleurenblind is en dus rood en groen niet kan onderscheiden! Allemaal zaken om rekening mee te houden bij het ontwerpen van uw eigen website. Surf eens naar uw vijf meest favoriete websites en noteer de voornaamste kleuren. Vergelijk vervolgens de websites van de ING (www.ing.nl) en ABN Amro (www.abnamro.nl). Met kleur proberen ze bij u een bepaalde emotie op te wekken. Zo staat de kleur oranje (ING) voor zakelijk, maar ook voor beschermend. De kleur groen (ABN Amro) draagt groei en kalmte uit. Bepaal voor uw eigen website welke informatie u wilt geven en welke emotionele kleur daar het beste bij past. Onthoud verder dat u niet vast zit aan groen, blauw of rood. Binnen die kleuren zijn nog tal van schakeringen mogelijk, zoals dieprood, oceaanblauw of morgengroen. Zoek bijvoorbeeld op het web of in uw fotocollectie een foto waar de door uw gewenste kleur op voorkomt en probeer met het kleurpipetgereedschap de rgb-kleur (zie verderop) te ontdekken. Op basis van die rgb-kleur kunt u dan weer de aanvullende kleuren vinden die deze kleur het beste complementeren. Een goede website hiervoor is Complementaire kleuren gebruikt u om meer nadruk op knoppen, titels of andere elementen te leggen. Ftp en met FileZilla Met het File Transfer Protocol (ftp) transporteert u bestanden van en naar de webruimte die u bij uw abonnement op Hosting2GO heeft gekregen. Een voorbeeld van een ftp-programma is FileZilla, dat u gratis downloadt van (filezilla-project.org). Na de installatie logt u in met uw hostnaam (bijvoorbeeld ftp.eetblog.nl), uw gebruikersnaam en wachtwoord. Het poortnummer is 21, de standaardwaarde. Bladeren door uw webruimte werkt net als het bladeren door uw eigen harde schijf met Windows Verkenner. FileZilla geeft links de lokale bestanden en mappen weer, en rechts de bestanden op de externe site. U kunt bestanden in beide richtingen slepen. Ook kunt u mappen aanmaken, hernoemen en verwijderen. Een alternatief voor FileZilla is Core FTP LE, te vinden op coreftp.com. Lees hier meer over op pagina 52. U kunt FileZilla gratis downloaden Boven in het FileZilla-venster kunt u inloggen op uw webruimte Zo moet u kleuren dus NIET toepassen

7 uitgebreide cursus Kleurcombinaties Voor tekst- en achtergrondkleur is een hoog contrast (zwart op wit, wit op blauw, zwart op geel) aan te raden vanwege de betere leesbaarheid. Voor achtergrond en grafische elementen op de pagina (knoppen, tabellen, et cetera) is een hoog contrast echter niet altijd een goed idee. Probeer de volgende zaken te vermijden: laag contrast tussen tekst en achtergrond, zoals grijze tekst op een witte achtergrond; niet-vetgedrukte letters in felle kleur op een donkere achtergrond; meng rood niet met groen (sommige mensen zijn Deze 216 kleuren worden ook op oudere kleurenblind en kunnen systemen precies zo weergegeven deze kleuren niet van elkaar onderscheiden); gebruik liever niet teveel primaire kleuren tegelijk. Kies in dat geval voor gedempte kleuren of pasteltinten. Kleuren op het web Oorspronkelijk konden we slechts 216 kleuren op het web tonen. Dit had te maken met de beperkte kleurweergave van grafische kaarten en monitoren. Die 216 kleuren werden op de pc en de mac hetzelfde getoond en werden daarom websafe kleuren genoemd. Hiernaast links ziet u een afbeelding van deze kleuren. Het zal u opvallen dat webkleuren worden opgebouwd uit hexadecimale codes van drie paren. Het eerste hexadecimale getal stelt de kleur rood voor, het tweede groen en het laatste paar is blauw. Hoe hoger het hexadecimale getal, hoe maximaler de kleur. De kleurcode #FF0000 staat dus voor rood: maak de kleur rood (FF) maximaal, meng geen groen (00) en meng geen blauw (00). Tegenwoordig zijn er miljoenen kleurcombinaties mogelijk en u kunt dus wat meer nuances aanbrengen op uw webpagina. Een makkelijke website voor het achterhalen van de kleurwaarden van html-kleuren is html-colorcodes.info. Goed gebruik van lettertypen Bij de keuze van een lettertype voor uw webteksten en andere pagina-elementen moet u rekening houden met een aantal factoren. Uw letterkeuze bepaalt de uitstraling van uw website (zakelijk en formeel versus vriendelijk en speels). Daarnaast zijn sommige lettertypes beter leesbaar (op het scherm) dan andere. En u moet weten of het lettertype ook aanwezig is in de fontbibliotheek van de bezoeker. Houdt u zich daarom aan de volgende drie vuistregels bij de keuze voor een bepaald lettertype: Passend bij de uitstraling van uw website; Goed leesbaar vanaf een computerscherm; Beschikbaar in de gebruikelijke browsers in verscheidene besturingssystemen. We onderscheiden twee verschillende lettertypes: serif en sans-serif. Serif-fonts hebben een pootje onderaan de letters en zijn vooral geschikt voor langere teksten. Een voorbeeld is Times New Roman. Bij Sans-serif-letters ontbreekt het pootje; dit lettertype heeft een modernere uitstraling, bijvoorbeeld Arial. Hieronder de meest populaire lettertypes, hun leesbaarheid en de beschikbaarheid: Arial (of het gelijkwaardige font Helvetica) Arial is op vrijwel elk besturingssysteem beschikbaar en een van de bekendste sansserif-lettertypen. Het was tot aan Windows Vista zelfs het standaardlettertype voor dialoogvensters en schermteksten in Windows. De leesbaarheid van Arial, met name bij grotere lappen tekst, is niet goed. Vooral als de letters klein worden afgebeeld, lijdt de leesbaarheid daaronder. Times New Roman Deze letter gebruikt u vooral als de grootte minimaal 12 punts is en u veel tekst moet schrijven, bijvoorbeeld voor een uitleg of een handleiding. Times New Roman heeft een zakelijke uitstraling. Verdana Dit is min of meer de verbeterde opvolger van Arial. Verdana staat door zijn brede letters bekend om zijn zeer goede leesbaarheid. Verdana heeft een moderne uitstraling en is geliefd bij zowel webmasters als websitebezoekers. Georgia Waar Verdana de sans-serif-opvolger is van Arial, is Georgia de serif-variant van Times New Roman. Georgia herkent u dus aan de pootjes onderaan de letters, maar ook aan de modernere uitstraling. Georgia is inmiddels op de meeste besturingssystemen standaard beschikbaar. Andere lettertypen die probleemloos gebruikt kunnen worden zijn Trebuchet, Comic Sans en Courier New.

8 3 lay-out en opmaak In het eerste deel van deze cursus hebben we de basiskennis uitgelegd en hebben we met behulp van een template een fraaie website gemaakt. In deel 2 keken we naar het kleurgebruik en lettertypes. Nu is het tijd om de juiste lay-out te kiezen: kiest u voor twee, drie of meer kolommen? Geen HTML-kennis nodig Met een moderne webeditor zoals Nvu kunt u een complete website ontwerpen, zonder ook maar iets van HTML te weten, zoals u in de vorige artikelen hebt gezien. Maar als zo n template niet helemaal aan uw wensen voldoet, is het wel zo handig als u kleine wijzigingen kunt aanbrengen. Gelukkig is het gemakkelijk om wat basiskennis van HTML op te doen, zonder ingewikkelde code te leren. Eerder legden we al uit dat HTML zich langzamerhand ontwikkelt naar XHTML, een opvolger die aan strengere regels moet voldoen en daardoor gemakkelijker in te lezen is door de browser. In deel 1 van deze cursus hebben we u al eenvoudige voorbeelden laten zien. Dat breiden we nu uit naar iets ingewikkelder voorbeelden. Hebt u al eerder met HTML gewerkt, dan is het belangrijk te realiseren dat oude HTML-labels eigenlijk niet meer zijn toegestaan: in plaats van <b></b> voor vetgedrukte tekst gebruikt u nu <strong></strong> en voor cursieve tekst gebruikt u geen <i></i> meer, maar <em></em>. CSS Ook CSS is al ter sprake gekomen. De grootste beperking van HTML is dat het nooit bedoeld was om er documenten mee op te maken. Het aantal HTML-labels om opmaak in te stellen is beperkt en daar komt bij dat verschillende browsers de opmaaklabels verschillend interpreteren. Stel bijvoorbeeld dat u een kop maakt met het label <h2>, dan weet u niet hoe die er in de praktijk uit zal zien, tenzij u dit nauwkeurig definieert. In een document met veel koppen kan het een enorme klus zijn om steeds opnieuw de juiste kleur, grootte en lettertype van de kop te definiëren. Het kan er ook voor zorgen dat de bezoeker van uw webpagina enorm lang moet wachten tot alle code is geladen. En als u achteraf besluit dat de kopteksten toch nog iets groter moeten zijn, moet u alle labels op de pagina langslopen en stuk voor stuk aanpassen. Met CSS hoeft u de opmaak van een kop <h2> maar op één plaats te bepalen. Overal op uw website waar u een kop wilt tonen, zet u simpelweg de code <h2> en </h2> rondom de koptekst. Als uw website groeit naar honderden pagina s (of meer!), hoeft u maar op één plaats de kleur of de lettergrootte aan te passen. Met een kleine wijziging kunt u uw website direct een nieuw gezicht geven. Bijzonder handig. Zoekmachines CSS is ook bruikbaar om de paginaopmaak te definiëren. Dat levert fraaie mogelijkheden op, zoals uitklapbare menu s, maar er is nog een betere reden om CSS te gebruiken: zoekmachines. Zoekmachines zien webpagina s niet op dezelfde manier als mensen. Het oog van een menselijke bezoeker valt meteen op een mooie afbeelding of op De Developer Toolbar voor Firefox leert u het een knipperende tekst midden effect van CSS-instellingen zien. op de pagina. Een zoekmachine leest webpagina s echter in de volgorde waarin u de inhoud hebt gedefinieerd; dat begint meestal linksboven bij het navigatiemenu om pas veel later bij de hoofdtekst te belanden. Met CSS kunt u de hoofdinhoud eerder in het bestand plaatsen, waardoor deze eerder door de zoekmachine wordt gelezen. Een goede manier om het effect van CSS te zien, is om te spelen met de Web Developer Toolbar voor Firefox, of met de Internet Explorer Developer Toolbar. U kunt hiermee informatie over de CSS-formattering van een webpagina bekijken, de CSS-instellingen wijzigen en vervolgens kijken wat er gebeurt. Externe stylesheet Er zijn drie manieren om de opmaak van uw website te definiëren met CSS: Externe stylesheet (.css-bestand); Interne stylesheet; Inline stijlen. Alle drie manieren zijn prima, als u ze maar op de juiste wijze weet te gebruiken. Een externe stylesheet is ideaal wanneer u de gekozen stijl wilt toepassen op verschillende pagina s. Bij een externe stylesheet legt u de opmaak vast in een apart bestand met de bestandsextensie.css, bijvoorbeeld style.css. Elke pagina van uw website moet in de header een verwijzing bevatten naar de stylesheet, en wel op de volgende manier: <head> <link rel= stylesheet type= text/css href= style.css /> </head>

9 UITGEBREIDE CURSUS De voorbeeldwebsite gebruikt een extern cssbestand. De voettekst van deze voorbeeldwebsite is in een div-blok met de naam footer gedefinieerd. Het voert te ver om uit te leggen hoe u zelf een stylesheet maakt. Webontwikkelaars beginnen ook zelden met een leeg document; ze gebruiken een sjabloon en passen daarin onderdelen aan. Bij het website-template dat u eerder hebt gebruikt om uw eigen website te maken, is ook een CSS-bestand meegeleverd. Bekijk het eens en probeer eens iets te wijzigen bijvoorbeeld de lettergrootte of de kleur van de tekst. Zorg dat u een reservekopie van uw originele CSS-bestand achter de hand houdt, zodat u altijd terug kunt. U kunt een externe stylesheet in elke teksteditor maken en bewerken. Een heel eenvoudige externe stylesheet zou er bijvoorbeeld zo uit kunnen zien: body { background-color: beige; } p { color: blue; } h2 { color: chocolate; } Deze stylesheet geeft aan dat de achtergrondkleur van de pagina beige wordt, met blauwe tekst en chocoladebruine kopteksten. Deze drie regels code slaat u op als eenvoudig tekstbestand onder de naam style. css, waarna u er vanuit uw HTML-bestand naar verwijst. Dat is alles. U kunt uw CSS-bestand later zo ingewikkeld maken als u zelf wilt. Interne stylesheet Een tweede manier om uw opmaak met CSS te definiëren is een interne stylesheet. Deze is handig wanneer één pagina van uw website een afwijkende opmaak moet krijgen. Bij een interne stylesheet definieert u alle opmaak eenmalig, in de header van uw HTML-bestand. Dat doet u als volgt: <head> <style type= text/css > body {color: black; background-color: grey;} p {color: blue; margin-left: 15px} </style> </head> In dit geval hebt u gekozen voor een witte achtergrondkleur. Elke alinea (aangegeven met de p) krijgt de tekstkleur blauw. Natuurlijk kunt u nog veel meer definiëren, bijvoorbeeld het lettertype en de lettergrootte, onderstreping, cursief en dergelijke. Inline stijlen Wilt u een bepaalde opmaak die maar eenmalig, op één plaats in uw website voorkomt? Kies voor een inline stijl! Eigenlijk is hierbij niet zoveel verschil met opmaak die vroeger rechtstreeks in HTML werd aangebracht. Maar zoals u weet: HTML mag niet meer van de webpolitie. <p style= color: white; background-color: blue ; margin-left: 15px > Hier staat uw tekst. </p> Nog een waarschuwing tot slot: het luistert nogal nauw met het gebruik van spaties en aanhalingsteken. Gebruik de CSS-code daarom precies zo, als u ze in voorbeelden ziet staan. Anders kan het later een lastige klus worden om fouten terug te zoeken. Op de website Sitemasters.be vindt u onder Tutorials > CSS uitleg hoe u bepaalde opmaak toepast. Verschillende browsers Een website ziet er in de ene browser anders uit dan in een andere browser. Helaas worden HTML en CSS niet altijd op dezelfde manier geïnterpreteerd door verschillende browsers. Neem bijvoorbeeld de manier waarop Internet Explorer kaders weergeeft die met CSS waren gemaakt. De kaders kregen andere afmetingen

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

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

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

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

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

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

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

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 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

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

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

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

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

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0 Schoolwebsite.nu Snel aan de slag met uw website Versie 4.0 Inhoudsopgave Inhoudsopgave... 2 1 Inleiding... 3 2 Voor dat u begint... 4 3 Teksten op de website... 6 4 Groepspagina s... 8 5 De groepspagina...

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

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

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren...

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren... Inhoudsopgave Voorwoord... 5 Nieuwsbrief... 5 Introductie Visual Steps... 6 Wat heeft u nodig?... 6 De website bij het boek... 7 Hoe werkt u met dit boek?... 7 Uw voorkennis... 8 Toets uw kennis... 8 Voor

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. 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

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

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

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

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

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

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

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

Handleiding Wordpress CMS 4-5-2015

Handleiding Wordpress CMS 4-5-2015 Handleiding Wordpress CMS 4-5-2015 Inhoud 1. Het dashboard.... 3 2. Een pagina of bericht aanpassen.... 5 3. Een nieuw bericht toevoegen... 6 4. Een pagina maken... 7 5. Website met sitebuilder... 8 6.

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

ActiveBuilder Handleiding

ActiveBuilder Handleiding ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3

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

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. 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

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

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

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

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

Handleiding teksteditor

Handleiding teksteditor In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina s bewerkt u met deze editor, maar u vindt m op vele plekken terug.

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

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

Algemene handleiding beheermodule: WORDPRESS. digital4u.nl effectief op internet

Algemene handleiding beheermodule: WORDPRESS. digital4u.nl effectief op internet Algemene handleiding beheermodule: WORDPRESS digital4u.nl effectief op internet Inhoudsopgave Algemene handleiding 03 04 04 05 05 06 06 07 07 08 09 11 12 13 15 16 17 Introductie Inloggen Dashboard Berichten

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen

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

De WordPress 3.5 Beginners Handleiding

De WordPress 3.5 Beginners Handleiding De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,

Nadere informatie

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken Wordpress handleiding: Algemeen: -Hosting 200Mb webruimte en 2Gb verkeer per maand voor 3 euro per maand. Bij overschrijding volgt automatisch een verdubbeling naar de ruimte/verkeer naar 400Mb/4Gb/6 euro

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

CMS made simple Handleiding CMS: deel 1. Tekst en Links. drs. Erik van der Pol. Januari 2014, Versie 1.1

CMS made simple Handleiding CMS: deel 1. Tekst en Links. drs. Erik van der Pol. Januari 2014, Versie 1.1 CMS made simple Handleiding CMS: deel 1 Tekst en Links drs. Erik van der Pol Januari 2014, Versie 1.1 Introductie Deze handleiding is geschreven om met het beheermenu van CMS Made Simple (CMS) de website

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

PvdA websites Quick Start voor het werken met het Hippo CMS

PvdA websites Quick Start voor het werken met het Hippo CMS PvdA websites Quick Start voor het werken met het Hippo CMS Versie 2.0 Amsterdam, 16 maart 2009 2 Inhoudsopgave 1. Beginnen 5 1.1 Het CMS opstarten en afsluiten 5 1.2 De preview website bekijken 5 1.3

Nadere informatie

Handleiding CMS Joomla 3.2 v1.2

Handleiding CMS Joomla 3.2 v1.2 Handleiding CMS Joomla 3.2 v1.2 Inhoudsopgave 1. Inloggen op het CMS-systeem 2. Artikelen en Categorieën beheren 2.1 Aanmaken en beheren van een artikel 2.2 Verwijderen van een artikel 2.3 Aanmaken van

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

RTE. Handleiding. Publiceren Documenten

RTE. Handleiding. Publiceren Documenten RTE Handleiding Publiceren Documenten Datum: December 2015 Inhoudsopgave 1. Introductie 2 2. Aan de slag 3 2.1. Het opstarten van de applicatie 3 2.2. WebHare Applicaties 3 2.3. De RTE applicatie 3 3.

Nadere informatie

WORDPRESS. op de FourBottles manier. Pagina 1

WORDPRESS. op de FourBottles manier. Pagina 1 WORDPRESS op de FourBottles manier Pagina 1 Fijn dat je voor FourBottles hebt gekozen voor het realiseren van je website. Bij een website hoort natuurlijk een Content Management Systeem (CMS). Ik maak

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

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd Introductie Deze handleiding heeft tot doel een eenvoudige stap voor stap handleiding te zijn voor eindgebruikers van CMS Made Simple

Nadere informatie

HANDLEIDING WEBHARE 1

HANDLEIDING WEBHARE 1 HANDLEIDING WEBHARE 1 2 INHOUDSOPGAVE HANDLEIDING WEBHARE... 1 Introductie... 4 Inloggen... 5 Publisher... 7 De knoppenbalk... 7 Context Menu... 8 Rotary Word sjabloon... 9 Basis WebHare beheer... 11 Nieuwe

Nadere informatie

Foto s Plaatsen op Rallykaart.nl

Foto s Plaatsen op Rallykaart.nl Foto s Plaatsen op Rallykaart.nl [Geef tekst op] 1. Inloggen Ga naar: http://www.rallykaart.nl/g2 Klik rechtsboven op Inloggen Voer de gebruikersnaam en het wachtwoord in dat u van ons hebt ontvangen en

Nadere informatie

Introductie 2. Inloggen 3. Dashboard 4. Pagina aanmaken / bewerken 5. Bericht toevoegen / bewerken 6. Afbeelding toevoegen 7. De tekstbewerker 11

Introductie 2. Inloggen 3. Dashboard 4. Pagina aanmaken / bewerken 5. Bericht toevoegen / bewerken 6. Afbeelding toevoegen 7. De tekstbewerker 11 I n h o u d s o p g ave Introductie 2 Inloggen 3 Dashboard 4 Pagina aanmaken / bewerken 5 Bericht toevoegen / bewerken 6 Afbeelding toevoegen 7 De tekstbewerker 11 Menu toevoegen / aanpassen 12 I n t ro

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

Juni 2013 OKRA HANDLEIDING TREFPUNTSITES. wendy.dekeyzer@okra.be

Juni 2013 OKRA HANDLEIDING TREFPUNTSITES. wendy.dekeyzer@okra.be Juni 2013 OKRA HANDLEIDING TREFPUNTSITES wendy.dekeyzer@okra.be Opbouw trefpuntsite... 3 Startpagina... 3 Over OKRA... 7 Activiteiten... 8 Lid worden... 9 Contact... 10 Foto s... 11 Hoe starten?... 12

Nadere informatie

Algemene basis instructies

Algemene basis instructies Inhoud: Algemene basis instructies... 2 Pictogrammen en knoppen... 2 Overzicht... 3 Navigeren (bladeren)... 3 Gegevens filteren... 4 Getoonde gegevens... 5 Archief... 5 Album... 5 Tabbladen en velden...

Nadere informatie

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast OPMAKEN VAN BERICHTEN EN PAGINA S ONE PAGER Berichten en pagina s worden op dezelfde wijze opgemaakt. Voor het opmaken van een bericht ga je in het navigatiemenu (afbeelding rechts) naar BERICHTEN > NIEUW

Nadere informatie

TeD Tekst en Design. Basisinformatie voor gebruik van het cms Made Simple

TeD Tekst en Design. Basisinformatie voor gebruik van het cms Made Simple TeD Tekst en Design Basisinformatie voor gebruik van het cms Made Simple Klant: ----- Auteur: TeD Tekst en Design Datum: Mei 2009 TeD Tekst en Design Inhoudsopgave 1 Inleiding...3 2 Inloggen in het CMS...4

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

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

CMS Handleiding. Opgesteld door

CMS Handleiding. Opgesteld door CMS Handleiding Opgesteld door Alleen beschikbaar voor klanten v1.2 24-01-2008 Index 1. Inloggen... 3 2. De CMS Omgeving... 5 NAVIGATIE... 5 MENU... 6 CONTENT... 6 3. Content Wijzigen... 7 DE WERKBALK...

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

Handleiding CMS Made Simple

Handleiding CMS Made Simple Handleiding CMS Made Simple Versie 3 Mei 2013 Inhoudsopgave 1. Inleiding... 3 2. Inloggen en uitloggen... 4 Inloggen... 4 Uitloggen... 5 3. Plaatsen van teksten op pagina s... 6 Menubalk... 6 Tekst plaatsen

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

Een pagina toevoegen en/of bewerken.

Een pagina toevoegen en/of bewerken. Een pagina toevoegen en/of bewerken. Na het inloggen in het CMS zie u het volgende: 2 3. Een klik op dit menu geeft een overzicht van alle pagina s waar de website op dat moment uit bestaat: 2. Een klik

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

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders. Stappenplan Website de Palster Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders. 1 Inhoudsopgave: Titel bladzijde Aanmelden op de website 3 Foto s in het fotoboek

Nadere informatie

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland Handicom Symbol for Windows Image Manager (Versie 4) Handicom, 2011, Nederland Inhoud Inleiding... 2 1. Image Manager hoofdscherm...3 1.1 Onderdelen van het venster...3 1.2 Het scherm veranderen...3 1.2.1

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

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

Uw TEKSTEDITOR - alle iconen op een rij

Uw TEKSTEDITOR - alle iconen op een rij Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten

Nadere informatie

Handleiding NarrowCasting

Handleiding NarrowCasting Handleiding NarrowCasting http://portal.vebe-narrowcasting.nl september 2013 1 Inhoud Inloggen 3 Dia overzicht 4 Nieuwe dia toevoegen 5 Dia bewerken 9 Dia exporteren naar toonbankkaart 11 Presentatie exporteren

Nadere informatie

Introductiehandleiding Website Dussense Boys

Introductiehandleiding Website Dussense Boys Introductiehandleiding Website Dussense Boys Versie: 1.0 Naam: E-mail: H.A.P.P. Ribbers e.ribbers@dussenseboys.nl Inhoudsopgave Inleiding... 3 Account... 3 Inloggen met uw gebruikersaccount... 3 Uitloggen

Nadere informatie

Handleiding voor het gebruik van uw nieuwe CMS

Handleiding voor het gebruik van uw nieuwe CMS Handleiding voor het gebruik van uw nieuwe CMS Inhoud (klik op een van onderstaande titels) 1. Toegang tot het CMS 2. Inhoud toevoegen 3. Afbeelding toevoegen 4. Bestand toevoegen 5. Instructie & Vragen

Nadere informatie

Internet Explorer 7 (IE7)

Internet Explorer 7 (IE7) Internet Explorer 7 (IE7) 1. HET VENSTER Het venster van Internet Explorer 7 ziet er als volgt uit: Het venster bestaat uit volgende onderdelen: De knoppen Volgende en Vorige. Adresbalk hierin vullen we

Nadere informatie

Verwijderen van een persoon kan door de regel leeg te maken. Met de knop (linksonder) Verwijderen verwijdert u de hele pagina!

Verwijderen van een persoon kan door de regel leeg te maken. Met de knop (linksonder) Verwijderen verwijdert u de hele pagina! Algemeen Ingelogd als moderator/ pagina beheerder kan je teksten op een pagina plaatsen, bewerken of verwijderen. Ga naar de pagina waar je toegang tot hebt. Onder het logo en boven de foto (header) krijg

Nadere informatie

Handleiding Concrete5 website. Outbound Media

Handleiding Concrete5 website. Outbound Media Handleiding Concrete5 website Outbound Media In deze handleiding behandelen we de basis benodigdheden om uw website up-to-date te kunnen houden. We behandelen: Inloggen editen (bewerken) van tekst een

Nadere informatie

Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.

Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale. Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving

Nadere informatie

Startersgids iblox. Inhoudsopgave. Hulp bij het opzetten van uw website.

Startersgids iblox. Inhoudsopgave. Hulp bij het opzetten van uw website. Hulp bij het opzetten van uw website. Inhoudsopgave Start met uw website Inloggen vanaf BC dashboard Mail account aanmaken 1. Tab Algemeen 2. Tab Doorsturen 3. Tab E-mailaliassen 4. Tab Automatische beantwoording

Nadere informatie

Handleiding NBVA-Webformulesite 2.0

Handleiding NBVA-Webformulesite 2.0 Handleiding NBVA-Webformulesite 2.0 Inhoud 1. Algemeen 2. Structuur beheeromgeving 2a Posities 2b Inhoud 2c Extra 3. Hoe werkt de WYSIWYG-editor? 3a Wijzigen van teksten 3b Nieuwsberichten plaatsen 3c

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

Portfolio s in Google Sites

Portfolio s in Google Sites Portfolio s in Google Sites Vanaf het schooljaar 2012-2013 biedt de NHL de optie om portfolio s aan te maken met Google Sites. De NHL-accounts bij Google zijn afgeschermd voor mensen die niet bij de NHL

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Vormgever 5. Sliders aanpassen

Nadere informatie

Maak een Google account aan of gebruik een bestaand account. Voorbeeld. Gebruikersnaam: fanvankustzeilen@gmail.com (tevens emailadres)

Maak een Google account aan of gebruik een bestaand account. Voorbeeld. Gebruikersnaam: fanvankustzeilen@gmail.com (tevens emailadres) Weblog voor kustzeilers Deze hand-out hoort bij de workshop Weblog voor kustzeilers gehouden tijdens de Heerendag 7 dec 2013. De workshop wordt gegeven door Joep Dirkx en Jan Kolthof. Inleiding Wat is

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

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

Handleiding WIS TM Live-editing Live editing is een WIS TM module

Handleiding WIS TM Live-editing Live editing is een WIS TM module Handleiding WIS TM Live-editing Live editing is een WIS TM module Live-edit 1. Inleiding De nieuwe versie van WIS tm beschikt over een aantal nieuwe functionaliteiten, waarvan vooral liveediting als nieuwe

Nadere informatie

Berichten maken en beheren

Berichten maken en beheren Berichten maken en beheren Berichten (of het Engels: posts) zijn de basis van WordPress. Als uw website een blog is, zijn de berichten het meest gebruikte onderdeel. Anderszins zijn berichten actualiteiten,

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

Functioneel ontwerp. Navigatie

Functioneel ontwerp. Navigatie Functioneel ontwerp Het functioneel ontwerp bestaat uit de volgende onderdelen: 1. Navigatie 2. Lijst van alle pagina s 3. Paginaontwerp 4. Formulierontwerp 5. Grafisch ontwerp Navigatie Navigatie wordt

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

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