ONTWERP JE EIGEN MET KOMPOZER

Maat: px
Weergave met pagina beginnen:

Download "ONTWERP JE EIGEN MET KOMPOZER"

Transcriptie

1 ONTWERP JE EIGEN MET KOMPOZER 2006 Auteur en Copyright Freek Pol. Dit document mag worden gekopieerd en / of verspreid worden zonder toestemming van de auteur mits de bron / auteur wordt vermeld en daarvan op de hoogte wordt gesteld. Commerciële verspreiding is nooit toegestaan. 3 e herziene uitgave April 2009

2 Inhoudsopgave Voorwoord 2 Inleiding 4 Hoofdstuk 1 Voorbereiding 6 Hoofdstuk 2 Eerste pagina 9 Hoofdstuk 3 Een nieuwe pagina 17 Hoofdstuk 4 Hyperlinks 20 Hoofdstuk 5 Controleren HTML-code 24 Hoofdstuk 6 Een fotopagina maken 27 Hoofdstuk 7 Meerdere foto s toevoegen 31 Hoofdstuk 8 Introductiepagina 38 Hoofdstuk 9 Linkpagina 43 Hoofdstuk 10 Publiceren van de website 45 Hoofdstuk 11 Een tweede website 50 Hoofdstuk 12 Ankers 55 Hoofdstuk 13 Werken met lagen 57 Extra Bijlagen Informatie over kleuren 59 Je website laten vinden 60 Bezoekersteller / Gastenboek 61 Fotoalbum maken met JAlbum 62 Cascading Style Sheets 68 Domeinnaam 70 CSS Templates 71 1

3 Voorwoord. Dit cursusboek is in eerste instantie bedoeld voor docenten van SeniorWeb, die aan senioren willen leren, hoe je een website maakt binnen een leercentrum van SeniorWeb Nederland. Bij het schrijven van dit cursusboek is echter ook rekening gehouden met mensen die geen docent zijn en mensen die niet in de gelegenheid zijn om een cursus te volgen en het dus zonder hulp moeten doen. Ook dan kun je zelfstandig met dit boek leren een website te maken, ook al heeft leren in groepsverband (gezellig onder elkaar met ondersteuning) de voorkeur. Je kunt zelf leren HTML te schrijven, maar dat is niet iets dat je even op een zondagmiddag kunt leren, daar is het te complex voor. Het programma dat we in deze cursus gebruiken is de web-editor KompoZer en dat is open source. Open source programma s zijn programma s die gemaakt worden door professionele programmeurs op vrijwillige basis. Zij stellen die programma s gratis ter beschikking (zoals bijvoorbeeld het besturingssysteem Linux), vanuit de filosofie dat het internet en de programma s die je voor je computer en internet nodig hebt, voor iedereen toegankelijk moeten zijn, waar ook ter wereld. Daaruit volgde voor deze cursus automatisch de gedachte om de programma s, die je nodig hebt om een website te bouwen, allemaal open source te laten zijn. Dat wil zeggen: gratis te gebruiken en te verspreiden en desnoods te verbeteren of aan te passen, voor iedereen, waar ook ter wereld. De software is ruim voor handen en van goede kwaliteit, de programma s doen wat ze beloven te doen. Om uitsluitend die reden is hier voor KompoZer gekozen. Het programma wordt nog steeds ontwikkeld, alleen gebeurt dat in een heel langzaam tempo. Het kent lang zoveel mogelijkheden niet als een commercieel programma maar is toch geschikt genoeg om een uitgebreide basis website mee te maken, zonder al te veel toeters en bellen. Het doet wat het moet doen: webpagina s maken met correct HTML gebruik, zodat je zelf geen HTML hoeft te leren. In tegenstelling tot veel andere web-editors is de HTMLcode die het programma schrijft foutloos. KompoZer ondersteunt bijvoorbeeld niet het gebruik van frames (een frame is een soort raamwerk waarin twee, drie of wel vier pagina s geplaatst kunnen worden en die, wanneer je ze in de browser zou bekijken, tegelijkertijd geladen worden. Je ziet één pagina, maar het zijn er dus meer). Een goed voorbeeld van een frames pagina is de website van SeniorWeb West Betuwe. Je zit links het menu (een pagina) en rechts zie je het hoofdscherm (ook een aparte pagina). De beide pagina s zijn gescheiden door een schuifbalk: Het werken met frames in een website is populair: het is vaak prettig navigeren, maar voor blinden en slechtzienden die van spraakgestuurde software gebruik moeten maken is het waardeloos omdat niemand het programma vertelt welke pagina als eerste moet worden voorgelezen. Daarnaast maken alle web-editors veel foute HTML code in frame 2

4 pagina s. Om die reden hebben de KompoZer ontwikkelaars er van afgezien om het maken van websites opgebouwd uit frames te ondersteunen. Daarnaast kent KompoZer geen invoegtoepassingen om bijvoorbeeld een flash filmpje in te voegen. Een Flash website is een dynamische website die geheel is opgebouwd uit zogenaamde flash (film) bestanden. Als je in een later stadium een website wilt maken met allerlei flash bestanden, lichtkranten, zul je er een andere editor bij nodig hebben. Dat KompoZer dit allemaal niet ondersteunt, heeft allemaal te maken met correct HTML gebruik. Bovendien: wat heeft een blinde / slechtziende aan een schitterend heen en weer bewegende flitsende tekstbalk of aan een filmpje? KompoZer is uitgesproken sober, maar het voldoet voor iedereen, jong en oud. Dit lesboek had ook kunnen heten: websites bouwen voor jong en oud. Leren is tenslotte niet iets dat alleen senioren aangaat. In dit boek leer je stap voor stap een website bouwen, tot en met het publiceren van je website op het internet. Als je redelijk goed bekend bent met de computer, het internet en het gebruik van een tekstverwerker en alle handelingen die daar bij horen gemakkelijk kunt uitvoeren, zul je het bouwen van een website zonder al te veel problemen snel onder de knie krijgen. Dit cursusboek wordt door twee groepen mensen gebruikt. Een groep mensen die de cursus van het internet hebben gehaald en de cursus zelfstandig doen en een groep mensen die een cursus volgen in een lokaal met een docent voor de klas. Dat heeft voor verwarring gezorgd. De cursus is nu zo opgezet dat de uitleg voor beide groepen duidelijk zou moeten zijn en dat het niet zou mogen uitmaken tot welke groep je behoort. In deze uitgave heb ik zoveel mogelijk geprobeerd verwarring hierover te voorkomen. Kom je toch onduidelijkheden tegen, snap je bepaalde dingen niet of kom je een fout tegen, laat mij dit alsjeblieft weten. Een handleiding / cursus boek schrijven is en blijft mensenwerk: Je kunt als dat je voorkeur heeft, ook een dubbelzijdig in kleur geprinte en ingebonden versie bestellen. De kosten hiervoor bedragen 15,00 euro, inclusief verzendkosten. Aanvragen via . 3

5 Inleiding. Een website of homepage op het internet bestaat uit één of meerdere pagina s. Om deze webpagina s te maken heb je een programma nodig om zogenaamde HTML pagina s te maken. Het is niet veel meer dan een veredelde tekstverwerker. Het verschil met een gewone tekstverwerker zoals Word of WordPerfect is dat een HTML editor alle tekst die je schrijft automatisch omzet naar HTML en alle andere dingen die je invoegt ook automatisch omzet naar HTML code. Dit wordt ook wel een what you see is what you get editor genoemd. Alles wat je schrijft en invoegt wordt precies zo in HTML door de browser weergegeven. Andere bekende editors zijn Microsoft FrontPage 2003 en Adobe Dreamweaver. Dit zijn de moeilijkste en duurste programma s, respectievelijk 300 en 500 euro. FrontPage is in 2007 geheel vernieuwd en heet nu Microsoft Expression Web (nog niet naar het Nederlands vertaald) en Dreamweaver is sinds 2007 ook in het Nederlands beschikbaar. Welke editor je ook neemt, er zijn er nog veel meer, ze hebben allemaal hetzelfde nadeel: ze maken veel fouten in de te schrijven HTML code. Nu kun je je afvragen of dat allemaal wel zo erg is, tenslotte schrijven ook maar weinig Nederlanders foutloos Nederlands. Hier ligt dat toch iets anders. De meeste mensen gebruiken de browser Internet Explorer, gevolgd door de browser Firefox en Opera of Safari. Al die browsers handelen HTML anders af. Internet Explorer vindt de meest grote fouten nog toelaatbaar en laat alles zien zoals het moet. Firefox is veel strenger en laat maar weinig fouten toe. Dit zal als resultaat hebben dat een webpagina met wat fouten er in, in Internet Explorer er heel anders uit kan zien dan in Firefox of een andere strenge browser. Om die reden willen we foutloos HTML zodat we gelijk weten: wordt mijn website goed in Firefox weergegeven, dan wordt mijn website in zijn algemeenheid ook goed in andere browsers weergegeven, en daar is het om te doen. Het gaat er dus niet om welke browser beter is, maar dat goede HTML in alle browsers ook goed wordt weergegeven. Om die reden is het aan te raden om je eigen werk in Firefox te bekijken en niet in Internet Explorer. Firefox geniet onder website bouwers een duidelijke voorkeur en Internet Explorer wordt nauwelijks gebruikt! HTML HTML is de afkorting voor: Hyper Text Markup Language (vooral niet onthouden). Het is een taal die aan de browser vertelt hoe alles op de internetpagina moet worden weergegeven. HTML is dus geen programmeertaal, het legt alleen de opmaak en de structuur van de pagina vast. HTML is eigenlijk al verouderd en de opvolger van HTML is XHTML (Extensible Hyper Text Markup Language) en dat kom je ook al vaker tegen, maar nog steeds worden de meeste pagina s in HTML gemaakt. Op de lange duur zal XHTML het gewonen HTML helemaal gaan vervangen, maar zover is het nog lang niet. Computers zijn op zichzelf nogal domme dingen, ze begrijpen niet waar op een pagina een kop en titel moeten staan en welke afbeelding er op een bepaalde positie geplaatst moet worden. Voor al die specifieke onderdelen en de te bepalen posities moeten dus codes worden geschreven, zodat de browser weet hoe hij alles moet weergeven. Die geschreven code heet HTML. 4

6 Omdat KompoZer foutloos HTML schrijft, gaan we in deze cursus geen aandacht besteden aan HTML, of een poging doen het je te leren. Daarvoor is het een te complexe taal. Webpagina s kun je dus gewoon op je eigen PC maken met een programma en later op het internet zetten. Dit heet uploaden. Dit doe je in de regel met een FTP programma (File Transport Protocol), waarover later meer. Je stuurt alle bestanden dan met een FTP programma naar een server die jouw pagina s zichtbaar maakt op het internet, bijvoorbeeld naar de ruimte die je hebt gekregen van je eigen provider om een eigen website neer te zetten. Niet alle providers ondersteunen het FTP gebruik. Je moet dus voordat we zover zijn uitzoeken hoe je bij je provider bestanden kunt uploaden. Kreeg je enkele jaren geleden nog webruimte van je provider om een homepage neer te zetten, de laatste tijd tref je dat nog maar bij weinig providers aan. Wil je nu serieus een website gaan maken, publiceren en vervolgens onderhouden dan is de beste keuze om een eigen domein te kopen. Je koopt voor een paar tientjes per jaar bij een host provider een eigen domein waar je je website kunt laten plaatsen. Meer hierover in de bijlage. Een webpagina met alleen maar kale tekst is niet echt uitnodigend, daarom werken we ook met opgemaakte tekst en met afbeeldingen. Lang niet alle afbeeldingen zijn daar echter geschikt voor, óf omdat de afmeting van de afbeelding veel te groot is, óf omdat de bestandsgrootte veel te hoog is. Een afbeelding met een bestandsgrootte van 50 KB laat zich nu eenmaal sneller bekijken in een browser dan een afbeelding van 300 KB. In een webpagina moeten daarom bestanden zo klein mogelijk zijn. Weliswaar heeft 70% van de Nederlanders een breedband internet verbinding, maar 30% met het nog gewoon doen met een telefoon internet verbinding. Voor deze laatste mensen geldt: een webpagina met 10 foto s van bijvoorbeeld 1 MB, daar loopt een PC op vast, of de bezoeker loopt weg omdat het laden van de afbeeldingen veel te langzaam gaat. Dat willen we nu juist voorkomen. Niet alleen de grootte van de foto is van belang, maar vooral het bestandsformaat. We hebben dus een foto bewerkingsprogramma nodig voor aanpassingen. In deze cursus maken we gebruik van het foto bewerkingsprogramma PhotoFiltre (Nederlandstalig). Overal in deze handleiding, zult je iets moeten doen. Wanneer je een opdracht moet doen of iets moet uitvoeren staat er een symbool voor: blauw handje. 5

7 Hoofdstuk 1 Voorbereiding. 1. Mensen die een cursus volgen in een seniorweb leercentrum zullen de bestanden die nodig zijn voor deze cursus allereerst van het internet moeten downloaden. Voor de mensen die deze bestanden al hebben, ga door naar 2. Start de browser en typ in de adresbalk: Klik vervolgens op de Download Kompozer pagina en download Kompozer. Kies voor het bestand opslaan Afhankelijk van de plaats waar je gedownloade bestanden opslaat: verplaats het Zip bestand naar Mijn documenten, klik het aan (éénmaal!), doe rechter muisklik en kies voor: Winzip > Extract to here. De map wordt nu uitgepakt. Er bevindt zich nu in de map Mijn documenten een map Cursus Kompozer Maak in de map Mijn documenten nog een map aan en noem deze MIJN HOMEPAGE. Open (dubbelklik) de map Cursus Kompozer Selecteer de map Afbeeldingen, klik op het tabblad Bewerken en klik met de linker muisknop op kopiëren. Open nu de map MIJN HOMEPAGE, klik op het tabblad bewerken en klik nu met de linker muisknop op Plakken. Open de map Programma s (in de map Cursus KompoZer), open de map Kompo- Zer klik op het pictogram kompozer.exe Doe rechter muisklik en kies voor kopiëren naar > Bureaublad (snelkoppeling). 7. Alle bestanden die nodig zijn voor de basis website die we gaan maken staan nu op de goede plaats. 6

8 Het programma KompoZer is een zogenaamd portable (draagbaar) programma. Dit wil zeggen dat het programma geen installatie bestand kent en dus niet geïnstalleerd hoeft te worden op de computer. Het is direct oproepbaar. Als je KompoZer voor de eerste keer opstart, zie je dat alles in het Engels staat (krijg je een waarschuwing vanwege een niet ondertekende digitale handtekening, deze waarschuwing negeren en gewoon doorgaan). In de map van KompoZer zit echter een taalbestand om het programma om te zetten in de Nederlandse taal. Open KompoZer, ga naar het tabblad Tools, klik op het item Extensions, klik op Install, navigeer naar de map KompoZer, klik het bestaan aan: kpz-langpack-nlnl.xpi Klik op openen en na een paar seconden klik je op install Als je Kompozer nu afsluiten en opnieuw start is het programma in het Nederlands. Het komt voor dat ondanks een succesvolle installatie van het taalbestand Kompozer zich met geen mogelijkheid in het Nederlands laat instellen. Is dat het geval? Ga dan weer terug naar de website en download en installeer Nvu. Na installatie vindt je direct een snelkoppeling in je taakbalk. Als je alles goed hebt gedaan. Zijn er in de map Mijn documenten twee mappen bijgekomen: De map Cursus Kompozer en de map MIJN HOMEPAGE. De opmaak. Voordat we daadwerkelijk gaan beginnen met het bouwen van een website heb je waarschijnlijk al een idee wat voor website dit moet worden? Je hebt al diverse websites bekeken, waarvan je de ene prachtig vond en de andere weer lelijk. Maak voor jezelf een lijstje met antwoord op de volgende vragen: * Voor wie maak ik deze website (doelgroep)? * Wat voor bezoekers bekijken mijn website? * Welke informatie ga ik gebruiken voor mijn website? * Hoe moet het uiterlijk worden, zakelijk, sober of juist vrolijk? Deze informatie zal grotendeels bepalen, hoe je website er uiteindelijk uit komt te zien voor wat betreft opmaak, tekst, kleurgebruik, afbeeldingen en de wijze van navigeren. Een website moet er aantrekkelijk uitzien, zodat je er niet alleen zelf plezier aan beleeft, maar waar ook je bezoekers met plezier naar zullen kijken. Beperk je tot de informatie die bij het onderwerp past. Wees consequent in je opmaak en gebruik voor alle pagina s dezelfde achtergrondkleur of achtergrondafbeelding. Gebruik ook altijd hetzelfde lettertype en dezelfde lettergrootte. 7

9 De meest gebruikte lettergrootte is 12 punten, gebruik geen kleiner. Het bovenstaande zullen we in deze cursus in onze eerste oefening nu juist niet doen. We gebruiken alles door elkaar, zodat duidelijk wordt dat een consequent ontwerp het meeste kijkplezier geeft. Iedere keer als Kompozer wordt opgestart, krijg je een scherm voor je met tips. Haal onderin het scherm het vinkje weg, zodat dit een volgende keer niet meer gebeurt en klik ook in de linkerkolom, de site manager weg (kruisje rechtsboven in de kolom) aangezien we deze niet gebruiken. 8

10 Hoofdstuk 2 De eerste pagina. Voordat we verder gaan: sluit alle schermen. Open de map Cursus Kompozer 2009 en open vervolgens de map Programma s. Installeer de browser Firefox (dubbelklik op het Firefox Setup exe pictogram). Maak van Firefox je standaard browser. Bij de eerste keer starten van Firefox wordt gevraagd of je Firefox als tandaard browser wil, kies voor Ja. Installeer het programma PhotoFiltre (lees het lees-mij-eerst tekstbestand!) Start het programma KompoZer via het pictogram op het bureaublad of via snelstarten onderin de taakbalk. Oriënteer je maar eens op alle knoppen. Als je met je muis een knop aanwijst, verschijnt er een onderschrift (alternatieve tekst). Hiermee wordt aangegeven wat de functie van deze knop is. Neem hier even de tijd voor. De werkbalk lijkt erg veel op de werkbalk van een tekstverwerkingsprogramma, maar ook op de werkbalk van je browser, waarmee je diverse taken kunt uitvoeren. Met de derde knop van links opslaan, kun je de pagina s opslaan op je eigen computer. De pagina s worden opgeslagen als een html pagina. Ook al is de pagina die je voor je hebt nog helemaal leeg, klik op: opslaan Er verschijnt nu een scherm waarin je de titel van de huidige pagina moet opgeven. Type: Welkom op de website van..je eigen naam Dit is de naam die in het titelvenster te lezen is als je de pagina weer opent. 9

11 Er verschijnt nu weer een scherm met opslaan als, waar je de locatie en de bestandsnaam moet kiezen om de pagina op te slaan. Dit moet natuurlijk de map mijn homepage zijn. Selecteer deze map, klik op openen en haal nu de bestandsnaam van: welkom op de website van helemaal weg en verander dit door index. Ter verduidelijking. De eerste pagina van een website wordt altijd en in alle omstandigheden de index.html genoemd. Als je meerdere webpagina s hebt, dan weet je nu dat de openingspagina van je website de index.html pagina is. Dit is namelijk de belangrijkste pagina. Als iemand met een zoekmachine naar een website zoekt of in de browser een internet adres intypt, gaat de browser altijd op zoek op de server naar de index.html om die als eerste te laten zien. Hoe je de overige pagina s noemt is niet belangrijk, maar zonder index wordt je website niet gevonden en is die dus onvindbaar. Het grote witte vlak dat je nu onder de werkbalken in KompoZer ziet is in feite je internetpagina. Hierin kun je dus teksten, plaatjes enzovoort gaan plaatsen. Tekst invoegen, gaat op dezelfde manier als in Word. Dit geldt ook voor het veranderen van je lettertype (GROOT, klein, cursief, vet, kleur, uitlijning enzovoort. Om een ander lettertype te selecteren ga je via het tabblad Opmaak / Lettertype naar het lettertype dat je voorkeur heeft, maar let hierbij wel op. Niet iedere PC heeft dezelfde lettertypen. Het lettertype dat je wilt gebruiken kan bij een andere gebruiker afwezig zijn. Gebruik dus een veelvoorkomend en standaard lettertype, zoals: Arial, Arial Black, Courier New, Tahoma, Comic-Sans, Georgia, Impact, Times New Roman, Trebuchet en Verdana. Je kunt bijvoorbeeld het lettertype Agnes wel heel mooi vinden, maar als de PC van je bezoeker dit lettertype niet heeft krijgt hij gewoon een standaard lettertype te zien en zo gaat het beoogde effect dus verloren. Type in je lege pagina: Welkom op de website van..je eigen naam De tekstgrootte staat standaard ingesteld op variabele breedte, dat wil zeggen dat de bezoeker van je website het lettertype en de grootte te zien krijgt, zoals dat op zijn / haar computer is ingesteld. Deze knop vindt je in de werkbalk onder tekst. 10

12 Je kunt met deze knop de tekstgrootte instellen, maar ook een alinea instellen of terug naar de standaard tekst. KOP1 heeft de grootste letter, KOP6 de kleinste. Zodra je aangeeft dat kop 1 weergegeven moet worden zal dat ook op de computer van de bezoeker worden weergegeven. Zet de cursus maar ergens in de eerste regel en geef deze kop 1 mee. Je kunt met deze knop ook De opmaak Met de knop Opmaak in de werkbalk kunnen we de pagina opmaken. Klik daar op het item: paginakleuren en achtergrond. Er verschijnt nu een venster, zet het bolletje voor: Aangepaste kleuren gebruiken. Nu is het mogelijk om voor alle onderdelen in het scherm andere kleuren te gebruiken, dan de standaard kleuren. Wil je achtergrondkleur, dan klik je op de knop naast de 11

13 tekst achtergrond. Er verschijnt dan een kleurenkiezer waar mee je kleuren kunt wijzigen. Wijzig normale tekst in rood. Wijzig de achtergrondkleur in lichtblauw. klik op OK Klik nu in de werkbalk op Opslaan en vervolgens op de knop Bekijken. De browser wordt gestart en laat de pagina nu zien. Vergeten om een pagina op te slaan? Dat is niet erg, je wordt er automatisch op gewezen als je een pagina niet hebt bewaard als je op de knop Bekijken klikt. Als je nog niet eerder met de browser Firefox hebt gewerkt en je start de browser, dan zal er een scherm verschijnen dat toestemming vraagt om een invoegtoepassing te laten starten om het http-protocol te laten uitvoeren. Geef hiervoor toestemming en laat de computer dit onthouden. Ga terug naar KompoZer. Het invoegen van bestanden Geef allereerst twee maal een Enter aan het einde van de eerste regel. Klik in de menubalk op: invoegen Kies in het menu dat verschijnt: Afbeelding Klik in Nvu op de knop: bestand kiezen en in Kompozer op het gele mapje 12

14 Nu verschijnt de map: mijn documenten Open in de map mijn documenten: de map mijn homepage en vervolgens de map: Afbeeldingen. Selecteer de afbeelding: bosjebloemen.jpg Klik vervolgens op Openen In het scherm dat verschijnt staat een bolletje voor alternatieve tekst: vul hier altijd concreet in waar het hier om gaat, in dit geval vul je in: foto van een bosje bloemen. Klik op OK en vervolgens in de werkbalk op: Opslaan. Bekijk nu de pagina in je browser en vervolgens weer sluiten. Alternatieve tekst Alternatieve tekst is vooral en met name belangrijk voor blinden en slechtzienden die met gesproken tekstsoftware moeten werken. Wanneer er geen alternatieve tekst wordt gebruikt, zal een blinde / slechtziende veel moeite hebben om te navigeren op een website. Vooral omdat de spraakgestuurde software die zij gebruiken de alternatieve tekst kan voorlezen. Stel je hebt een pagina gemaakt met een flink aantal foto s zonder alternatieve tekst te hebben gebruik. Er wordt niks voorgelezen en de foto s worden niet herkend, dus blijft het stil. Deze bezoeker zal geen idee hebben wat er op de website te zien zal zijn. De oorspronkelijke doelstelling van het internet was (en dat is het nog steeds): gratis en vrije informatie toegang voor iedereen, waar ook ter wereld. Als je daar het belang van inziet zul je niet gauw vergeten alternatieve tekst te gebruiken. Invoegen van een afbeelding Een afbeelding in een pagina wordt altijd daar ingevoegd, waar de cursor staat. Staat de cursor in het midden van de pagina dan wordt een afbeelding dus gecentreerd ingevoegd. Je kunt dus al van te voren bepalen waar een afbeelding wordt ingevoegd. De afbeeldinglocatie (dit is de map waar de afbeelding is opgeslagen; de map Afbeeldingen) mag in de webpagina nooit een verwijzing hebben naar een andere map of locatie. dus niet naar je C-schijf en ook niet naar Mijn documenten. 13

15 Je ziet in de regel van de afbeeldinglocatie een hele lange verwijzing. Als je deze pagina samen met de afbeelding nu op het internet zou zetten en je zou de pagina op het internet bekijken, dan krijg je een pagina te zien met daarin een rood kruisje (Internet Explorer) of een gebroken puzzel stukje (Firefox). Hoe kan dat? De pagina en de afbeelding staan op het internet en de browser vraagt de afbeelding op. Deze gaat nu zoeken naar: file://c:/ Documents and Settings/ enzovoort Maar op de server staat helemaal geen file://c:/documents and Settings/ enzovoort Er staat straks op de server wel een map Afbeeldingen met daarin de afbeelding: bosje bloemen. En zo moet de verwijzing ook zijn en dat noemen we relatief. In de verwijzing in de schermafbeelding hierboven is de verwijzing nog absoluut. Als je de pagina nu opslaat en weer opent, moet je een vinkje plaatsen voor: URL is relatief ten opzichte van paginalocatie en dan zie je alleen staan: Afbeeldingen/bosjebloemen.jpg en dat is correct. Waarom je dat vinkje niet direct kunt plaatsen bij het invoegen van een afbeelding is mij ook niet duidelijk. Even opletten: Dit is een schermafbeelding van het programma Nvu. Waar je hier de knop Bestand kiezen ziet staan is dat in Kompozer een opengeklapt geel mapje. Je HTML pagina s komen later op een server te staan samen met een map Afbeeldingen. Er is dan geen verbinding meer met jouw computer. Wordt er in de html pagina 14

16 toch een verwijzing naar jouw computer gedaan, wat onmogelijk is, dan zal het gevolg zijn: een rood kruisje omdat de afbeelding niet gevonden kan worden. Kortom: alle afbeeldingen en pagina s die je gebruikt, verwijzen direct naar de locatie waar ze zijn opgeslagen en zijn daarom altijd relatief. Als een afbeelding op een internetpagina verwijst naar een map: Afbeeldingen, dan moet die map ook daadwerkelijk op het internet staan. Als voorbeeld, om goed te kiezen zien waarom dat nu zo vaak verkeerd gaat (klassieke beginnersfout) kun je dat hier bekijken: Als alle pagina s die in dit cursusboek beschreven worden zijn gemaakt, dan komt uiteindelijk de eerste pagina van de website (index) er als volgt uit te zien: Heb je straks alle pagina s gemaakt en je kijkt dan in de map Mijn Documenten > Mijn Homepage, dan zou dat er zo moeten komen uit te zien: een map met afbeeldingen en daaronder de gemaakte pagina s. 15

17 Zoals je ziet in de schermafbeelding zie je de pagina s niet zo staan, volgens de volgorde waarin je ze gemaakt hebt, maar op alfabetische volgorde, Windows doet dat automatisch. 16

18 Hoofdstuk 3 Een nieuwe pagina maken Klik in de werkbalk op de knop Nieuw, de eerste linker knop onder de werkbalk. Er verschijnt nu een lege pagina zonder titel. Je eerste pagina was klaar. Als je KompoZer nog open hebt staan, heb je in tabbladen, twee pagina s voor je. De index pagina met de titel welkom op de website van en een pagina met: geen titel. Je kunt ze willekeurig aanklikken. Als je nu de lege pagina voor je hebt, dan klik je op: opslaan. In het scherm dat nu verschijnt vul je in: pagina2 en dan op OK. In het venster opslaan als dat nu verschijnt is de naam: pagina2 al ingevuld en klik je op: opslaan. Een afbeelding als achtergrond In de eerste pagina die je gemaakt hebt, heb je een achtergrondkleur gekozen (lichtblauw). Het is niet alleen mogelijk om met een achtergrondkleur te werken, je kunt ook een afbeelding gebruiken als achtergrond. In de map oefenbestanden die op de CD staan heb ik er al een heleboel voor je geplaatst. Heb je daar nog niet genoeg aan dan kun je door te zoeken met Google op: backgrounds, tientallen websites vinden met honderden achtergronden die je vrijelijk kunt opslaan en gebruiken. Kies niet voor opdringerige achtergronden of al te felle kleuren: dat doet pijn aan de ogen en het leidt af van wat je te vertellen hebt. Maak vooral gebruik van neutrale afbeeldingen. We gaan nu een achtergrondafbeelding gebruiken. Klik in de werkbalk op: Opmaak en kies vervolgens onderin het menu voor: paginakleuren en achtergrond. Klik in het scherm dat verschijnt op: bestand kiezen of op het gele mapje, navigeer naar de map: mijn homepage, maak deze open, open de map: Afbeeldingen en selecteer: Achtergrond3.jpg en klik vervolgens op: openen. Kies in ditzelfde scherm voor: Aangepaste kleuren gebruiken. Kies voor de 4 bovenste tekstopties voor de kleur: wit en voor de onderste (achtergrond) de kleur blauw en klik nu op OK. Waarom een achtergrondkleur opgeven als we gebruik maken van een achtergrond afbeelding? Sommige mensen houden niet van afbeeldingen en hebben de weergave voor het tonen van afbeeldingen in hun browser uitgezet. Die mensen krijgen dan een achtergrondkleur te zien in plaats van een afbeelding. 17

19 Als je thuis met verschillende achtergrondafbeeldingen aan de gang gaat uit de map Oefenbestanden, zul je merken dat, als je de verschillende achtergronden bekijkt, sommige niet mooi worden weergegeven in het programma. Dit ligt altijd aan de afbeelding. Achtergrondafbeeldingen hebben meestal maar een kleine afmeting, het programma doet dan niets anders dan die afbeelding voortdurend herhalen, zodat het scherm gevuld wordt. Daarom kunnen foto s beter niet als achtergrondafbeelding gebruikt worden, je krijgt de foto dan meerdere malen naast elkaar te zien. We kunnen dit het beste laten zien door een foto als achtergrond te gebruiken. Klik in de werkbalk op: opmaak en kies in het menu voor: paginakleuren en achtergrond. Klik in het scherm op bestand kiezen. Selecteer in de map Afbeeldingen: bosjebloemen, klik op openen en vervolgens op OK. Je ziet nu dat de foto zich steeds herhaalt en dat is gewoon lelijk! Wijzig de achtergrond weer in Achtergrond3 en klik op OK. Vervolgens op: Opslaan. Klik nu op de knop: Bekijken en je ziet nu de pagina zoals die op het internet wordt weergegeven. Sluit de browser. Je hebt nu een index pagina waarop staat: Welkom op de website van met daaronder een afbeelding van een bosje bloemen, met een lichtblauwe achtergrondkleur. En je hebt nu een pagina met als titel: pagina2 Klik in de werkbalk op: Opmaak en in het menu voor: paginakleuren en achtergrond. Kies in het scherm dat verschijnt op: bestand kiezen of gele mapje, selecteer in de map Afbeeldingen: Achtergrond10.jpg, klik op Openen. Klik vervolgens in het scherm op aangepast kleuren gebruiken en kies bij normale tekstkleur voor wit in plaats van zwart. Klik nu op OK Centreer de cursor in de pagina op de bovenste regel. Kies in de werkbalk bij tekst voor: Kop 2 en schrijf het volgende gedicht over: Let op: bij het geven van een Enter voor een nieuwe regel: Houdt de Shift toets ingedrukt en geef dan pas een Enter. De cursor blijf nu gecentreerd. Laat je de Shift achterwege dan wordt er automatisch uitgelijnd naar links en naar gewone niet opgemaakte tekst. 18

20 De Vicieuze cirkel van het beeld. Als ik blijf kijken zoals ik altijd heb gekeken, blijf ik denken zoals ik altijd heb gedacht. Als ik blijf denken zoals ik altijd heb gedacht, blijf ik geloven zoals ik altijd heb geloofd. Als ik blijf geloven zoals ik altijd heb gedaan, blijft mij overkomen wat mij altijd overkomt. Klik in de werkbalk op: Opslaan. We hebben nu twee pagina s klaar, maar nog niet helemaal, want we kunnen nog niet heen en weer navigeren tussen de twee pagina s. 19

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

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

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

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk. Inhoudsopgave frontpage 2003... 2 een thema gebruiken... 4 afbeeldingen op de pagina zetten... 5 knoppen maken... 8 knoppen maken in linkerframe... 10 een tabel maken... 12 opdrachten... 14 een fotopagina

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

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

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

1. Gebruik van de online tekstverwerker op de schoolwebsite.

1. Gebruik van de online tekstverwerker op de schoolwebsite. 1. Gebruik van de online tekstverwerker op de schoolwebsite. Stap 1: aanmelden op de schoolwebsite Gebruik je gebruikersnaam zoals in SchoolOnline. Stap 2: ga naar jouw leerjaar in het menu bovenaan. Klik

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

INDEX Frontpage Handleiding:

INDEX Frontpage Handleiding: 1 INDEX Frontpage Handleiding: Pagina Onderdeel 1 Index 2 Eerste stappen 3 Website aanpassen: opstarten: Nieuwe pagina maken Wijzigingen 4 Opslaan Tekst opties instellen Modus ontwerpen/splitsen/code/voorbeeld

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

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

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

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

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

INSTALLATIE IN PRINT INSTALLEREN. Aan de slag met Communicate In Print

INSTALLATIE IN PRINT INSTALLEREN. Aan de slag met Communicate In Print AAN DE SLAG INSTALLATIE In deze handleiding worden de stappen besproken die doorlopen worden bij het installeren van de volledige versie Communicate In Print LET OP! WANNEER U EERDER EEN VERSIE VAN IN

Nadere informatie

Onderdeel: Opdracht Uitleg + Opdracht

Onderdeel: Opdracht Uitleg + Opdracht Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...

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

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken.

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken. KNIPPEN Als u na de selectie van een gedeelte van een tekst of een afbeelding op dit icoon klikt, knipt u de selectie uit het veld. Op deze manier kunt u het geselecteerde verwijderen, maar het ook juist

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

Stap 2 Je template invullen

Stap 2 Je template invullen Stap 2 Je template invullen Allereerst in stap 2 gaan we onze template ophalen. Die staat op www.alphamegahosting.com/516, ook de uitleg is daar te vinden. Je kunt hem vanaf daar downloaden en op je bureaublad

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

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

I. Vorming 1 (12/04/2012) 1. Werken met een tekstverwerker p2 2. Mappenstructuur op een computer p6 3. Externe USB- stick gebruiken p10

I. Vorming 1 (12/04/2012) 1. Werken met een tekstverwerker p2 2. Mappenstructuur op een computer p6 3. Externe USB- stick gebruiken p10 INHOUDSTAFEL De inhoudstafel blijft in eerste instantie nog beperkt. Deze zal gestaag aangroeien en zal pas compleet zijn na de laatste vormingssessie. Het doel is om in de eerste sessie, samen met de

Nadere informatie

Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline

Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline Werken met de website basisonline Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline - login met de verkregen inlognaam en wachtwoord - je inlognaam is jouw emailadres

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

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

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

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

Gebruikershandleiding www.kerknigtevecht.nl. Inleiding

Gebruikershandleiding www.kerknigtevecht.nl. Inleiding Inleiding Het beheren van de pagina s op www.kerknigtevecht.nl wordt gedaan door daartoe geautoriseerde gebruikers. Deze handleiding helpt je op weg hoe je je eigen pagina s kunt beheren, zoals het plaatsen

Nadere informatie

Vragen opmaken in de editor

Vragen opmaken in de editor Vragen opmaken in de editor De tekstvakken van WTMaak zijn in versie 5.0 opgebouwd volgens de HTML5-methode. Hiermee kunt u direct zien wat u invoegt of opmaakt, de zogenaamde WYSIWYG methode (What You

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

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

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

Snel een begin maken met Front-Page voor een eigen website. blad 1

Snel een begin maken met Front-Page voor een eigen website. blad 1 Snel een begin maken met Front-Page voor een eigen website. blad 1 Je gaat zelf een eenvoudige web site maken en zult deze eerst op papier moeten ontwerpen. Je maak een met daaronder sub-pagina s en eventueel

Nadere informatie

Handleiding Vedor-editor

Handleiding Vedor-editor Handleiding Vedor-editor Oktober 2008 Versie 1.1 Inhoudsopgave 1 Inleiding... 3 2 Aanmelden... 4 3 De werkbalk... 5 4 Het contextmenu... 7 5 Navigeren binnen je website... 8 6 Tekst toevoegen en bewerken...

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

4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word

4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word 1. Code. Toon HTML code van de tekst 2. Verwijder de opmaak van de geselecteerde tekst. 3. Plak de gekopieerde tekst op de plaats van de cursor 4. Plak de gekopieerde tekst op de plaats van de cursor als

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

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

ICT Publisher 2002 1

ICT Publisher 2002 1 ICT Publisher 2002 1 Werken met Publisher 2002 1. Het maken van een eenvoudige publicatie in Publisher Inhoud Wat gaat er gebeuren? Waarom ga ik het doen? Wat wordt het resultaat? Oefeningen en werkwijzen

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

Een quiz plaatsen op je website

Een quiz plaatsen op je website Een quiz plaatsen op je website Om de deelnemers een beetje na te laten denken kan je een quiz toevoegen op je site. Dat doe je op de volgende manier: a. Een quiz aanmaken Ga naar je eigen pagina en klik

Nadere informatie

Een korte handleiding door Frederic Rayen

Een korte handleiding door Frederic Rayen Een korte handleiding door Frederic Rayen Van installeren tot het gebruik P a g i n a 2 Inhoudsopgave Inleiding... 3 Hoe AbiWord version 2.8.6 installeren?... 4 Schermonderdelen... 5 Uitleg bij elke werkbalk...

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

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

Handleiding. Yvonne Rijks-Waardenburg. Tine Strikkers. Christel van de Steenoven-Livius. Pagina 1

Handleiding. Yvonne Rijks-Waardenburg. Tine Strikkers. Christel van de Steenoven-Livius. Pagina 1 Handleiding Yvonne Rijks-Waardenburg Tine Strikkers Christel van de Steenoven-Livius 1 Inhoud 1. Inloggen SharePoint 3 2. Groepspagina bewerken ` 4 3. Foto s 3.1 Foto s uploaden 8 3.2 Foto s bewerken 10

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

Website De Contrabas Gebruiksaanwijzing voor het beheren van de groepspagina s

Website De Contrabas Gebruiksaanwijzing voor het beheren van de groepspagina s Website De Contrabas Gebruiksaanwijzing voor het beheren van de groepspagina s De groepspagina s zijn bedoeld om iets te vertellen en te laten zien van wat er in de groep gebeurd. Foto s zijn daar heel

Nadere informatie

Websites i.s.m. Service @ School

Websites i.s.m. Service @ School Websites i.s.m. Service @ School Inhoudsopgave Introductie...3 Inloggen in het Beheer Panel...3 Aanpassen van de tekst op de pagina s...4 Nieuwe pagina maken...5 Toelichting op enkele knoppen...6 Een link

Nadere informatie

WebQuest / WebKwestie. met Word 2003. www.webkwestie.nl

WebQuest / WebKwestie. met Word 2003. www.webkwestie.nl WebQuest / WebKwestie met Word 2003 www.webkwestie.nl Een WebQuest / WebKwestie maken in Word 2003 Belangrijk is dat alle pagina s en afbeeldingen die u gebruikt in één map worden opgeslagen. Download

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

PDF XCHANGE EDITOR Waarom PDF XHCANGE Editor?

PDF XCHANGE EDITOR Waarom PDF XHCANGE Editor? PDF XCHANGE EDITOR PDF XHCANGE editor is een programma om PDF bestanden te lezen en te bewerken. Deze handleiding is geschreven voor versie 5.5 van PDF XCHANGE editor. Als je een andere versie gebruikt

Nadere informatie

Handleiding Vedor-editor

Handleiding Vedor-editor Handleiding Vedor-editor Mei 2007, versie 0.9 Inhoudsopgave Inleiding... 3 Aanmelden... 4 De werkbalk... 5 Het context menu... 6 Navigeren binnen je website... 7 Tekst toevoegen en bewerken... 8 Afbeeldingen

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

Handleiding Word Press voor de bewoners Westerkaap 1

Handleiding Word Press voor de bewoners Westerkaap 1 1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren

Nadere informatie

195 Fotoalbum maken met Blokker

195 Fotoalbum maken met Blokker www.sencomp.nl 195 Fotoalbum maken met Blokker laatst gewijzigd 13 oktober 2012 Uw keuze voor het maken van een fotoboek met software van Blokker. Deze cursus bestaat uit 5 delen. Deel 1 Blokker software

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 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 website Pax Christi

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

Nadere informatie

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

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren Inleiding Voor u ziet u de handleiding van TYPO3 van Wijngaarden AutomatiseringsGroep. De handleiding geeft u antwoord geeft op de meest voorkomende vragen. U krijgt inzicht in het toevoegen van pagina

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

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 Websitebeheer

Handleiding Websitebeheer Handleiding Websitebeheer Event Media Websites Copyright 2005, Event Media 1. Inleiding... 3 2. CMS-systeem... 3 2.1 Inloggen... 3 2.2 Basis-menu... 3 2.3 Bestaande pagina s aanpassen...3 2.4 Nieuwe pagina

Nadere informatie

Handleiding MOBICROSS actie banners

Handleiding MOBICROSS actie banners Handleiding MOBICROSS actie banners Met de kant & klare MOBICROSS actie banners vergroot jij je kans om sneller je netwerk te bouwen. Je kunt je eigen campagne maken door de banners op je website te 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

TEKST INVOEREN EN BEWERKEN

TEKST INVOEREN EN BEWERKEN TEKST INVOEREN EN BEWERKEN Het invoeren en bewerken van tekst gaat via de editor. Onderstaand een overzicht van de te gebuiken knoppen (indien je rechts op de knoppen klik krijg je de betekening in tekst

Nadere informatie

Stap 1 Je eigen website maken... 1. Stap 2 Je template invullen... 9. Stap 3 Wat kunnen we met de inhoud?... 19

Stap 1 Je eigen website maken... 1. Stap 2 Je template invullen... 9. Stap 3 Wat kunnen we met de inhoud?... 19 INHOUDSOPGAVE Inhoudsopgave Stap 1 Je eigen website maken... 1 De eerste stap... 1 Kompozer downloaden... 1 Kompozer openen... 1 Een nieuwe pagina beginnen... 1 Je eerste tekst schrijven... 2 Je eerste

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

Trippeltrap Content Management System

Trippeltrap Content Management System Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.

Nadere informatie

Handleiding installeren en wijzigen emailhandtekening

Handleiding installeren en wijzigen emailhandtekening Handleiding installeren en wijzigen emailhandtekening Inleiding Met behulp van een script kun je automatisch een handtekening plaatsen onder al je emailberichten. Je bericht komt er dan zo uit te zien:

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

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

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

Handleiding website AZSV 2014

Handleiding website AZSV 2014 2014 voor (o.a.) de webmaster van een team http://www.azsv-aalten.nl Auteurs: Peter van Asselt, Leo Postma Project: AZSV website 2014 internet commissie AZSV pagina: 2 van 15 INHOUDSOPGAVE 1. INLEIDING...3

Nadere informatie

Test Joomla op je PC 1

Test Joomla op je PC 1 1 Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook wordt verstrekt. De auteur van dit ebook kan op geen

Nadere informatie

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager, Handleiding Dododent Beste tandarts of praktijkmanager, Hartelijk dank voor de aanschaf van een website bij Dodoworks. Hieronder volgt een uitgebreide handleiding van het Dododent systeem waarmee de website

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

196 CEWE *)zie einde les

196 CEWE *)zie einde les www.sencomp.nl 196 CEWE *)zie einde les laatst gewijzigd 29 oktober 2012 Uw keuze voor het maken van een fotoboek met CEWE. Deze cursus bestaat uit 5 delen.indien u gekozen heeft voor Hema lees Hemafotoboek

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

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

Office LibreOffice Tekstdocument gebruiken

Office LibreOffice Tekstdocument gebruiken offfice_libreoffice_tekstdocument_gebruiken/05-03-15/pag 1/6 Office LibreOffice Tekstdocument gebruiken vooral Als een tekstdocument ook zal worden gebruikt op een computer zonder LibreOffice dan kan dit

Nadere informatie

Stap 3 Wat kunnen we met de inhoud?

Stap 3 Wat kunnen we met de inhoud? Stap 3 Wat kunnen we met de inhoud? We gaan in deze stap eens bestuderen wat we zoal voor mogelijkheden hebben om tekst op te maken en links in te voegen. Kompozer heeft voor de meest voorkomende zaken

Nadere informatie

Cursus Learning Gateway Leerkrachten SKIPOS scholen

Cursus Learning Gateway Leerkrachten SKIPOS scholen 1 Inhoud. 1. Inloggen 3 2. Bewerken groepsites 4 3.1 Afbeeldingsmap toevoegen 8 3.2 Afbeeldingen / animaties opslaan 13 3.3 Afbeeldingen / animaties invoegen 14 4.1 Foto s opslaan 17 4.2 Foto s bewerken

Nadere informatie

Hoe moet je een prachtige presentatie maken?

Hoe moet je een prachtige presentatie maken? Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven

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

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

Invoegen... 8 Invulpunt... 9 Nieuwe bouwsteen maken... 9 Bouwsteen opslaan... 10. Wijze van werken in Outlook... 11 Informatie...

Invoegen... 8 Invulpunt... 9 Nieuwe bouwsteen maken... 9 Bouwsteen opslaan... 10. Wijze van werken in Outlook... 11 Informatie... ProDoc Bouwstenen voor Word & Outlook 2007 Inhoud Kopiëren bestanden... 2 Hoofdmap Bouwstenen... 2 Bouwsteen.dotm... 2 Installatie Bouwstenenmodule onder Word 2007... 3 Installatie Bouwstenenmodule onder

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

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

Een webkwestie bouwen in Word 2000

Een webkwestie bouwen in Word 2000 Een webkwestie bouwen in Word 2000 Doel: Met behulp van deze stap-voor-stap beschrijving kunt u geheel zelf een webkwestie als webpagina maken. Beginsituatie: U beheerst de basisprincipes van Word zoals

Nadere informatie

Mappen en bestanden. In dit hoofdstuk leert u het volgende:

Mappen en bestanden. In dit hoofdstuk leert u het volgende: Mappen en bestanden 1 Mappen en bestanden Een bestand is een verzamelnaam voor teksten, tekeningen of programma s. Alles wat op de vaste schijf van uw computer staat, is een bestand. Op een vaste schijf

Nadere informatie

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

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

Nadere informatie

Gebruikershandleiding

Gebruikershandleiding Blok ontwerp & fotografie Veerweg 14 2957 CP Nieuw-Lekkerland Telefoon: 06 1445 2585 KvK Dordrecht: 24456009 BTW-nummer: NL 111628271B01 ING: 5122500 Gebruikershandleiding Wordpress CMS Info@blokof.nl

Nadere informatie