Info-books. Toegepaste Informatica. Deel 10: Electronisch publiceren: XHTML en CSS AL10. Jos Gils Erik Goossens
|
|
- Anneleen Christiaens
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Info-books AL10 Toegepaste Informatica Deel 10: Electronisch publiceren: XHTML en CSS Jos Gils Erik Goossens
2 Hoofdstuk 5 Hyperlinks 5.1 Probleemstelling In uitgebreide documenten wens je op een eenvoudige en handige manier te navigeren. Dat kan in webpagina's via hyperlinks. Een hyperlink bevat benadrukte woorden, teksten of afbeeldingen. Klik je op een dergelijk item, dan beland je op een andere plaats waar het benadrukte verder behandeld wordt. Het is trouwens dit principe dat in de Windows-helpfunctie toegepast wordt. In XHTML worden deze links met de tag <a> aangestuurd. A staat voor Anchor of Anker. Een plaats in een document of het document zelf kan op deze manier verankerd worden met een andere plaats of met een ander document. Een anker of hyperlink kan heel ver reiken: bijvoorbeeld een bestand op een server in Australië die via het internet bereikbaar is. Vooraleer hyperlinks behandeld kunnen worden is het nodig dat je inzicht hebt in absolute en relatieve adressen. 5.2 Relatieve en absolute adressen Bij een relatieve adresaanduiding vertrek je van de actieve map. Veronderstel dat je op het C-station een map HTML hebt met als submappen HTMLA en HTMLB en het bestand VB1.HTM. HTMLA heeft als submappen HTMLA1 en HTMLA2. VB1.HTM zit in de map HTML, VB1A.HTM zit in de map HTMLA en VB1A1.HTM zit in de map HTMLA1. Hoe bereik je vanuit een document in map HTMLA een document in map HTML, bijvoorbeeld VB1.HTM? <a href = "../vb1.htm"> Om één map in de hiërarchie op te klimmen gebruik je de notatie../ (of..\). Hoe bereik je vanuit een document in map HTMLA1 een document in map HTML, bijvoorbeeld VB1.HTM? <a href = "../../vb1.htm"> Hoe bereik je vanuit een document in map HTML een document in map HTMLA, bijvoorbeeld VB1A.HTM? <a href = "htmla/vb1a.htm"> 48 XHTML-CSS J. Gils E. Goossens
3 Hoe bereik je vanuit een document in map HTML een document in map HTMLA1, bijvoorbeeld VB1A1.HTM? <a href = "htmla/htmla1/vb1a1.htm"> Voor hoger gelegen mappen in de mappenstructuur zet je per niveau../ in het pad, voor lager gelegen mappen noteer je het pad, vertrekkend van de actieve map. Alle browsers begrijpen de padaanduiding met /, de meeste ook die met \. Ook absolute adresaanduidingen zijn mogelijk, maar die werken alleen op je eigen systeem. Een voorbeeld: <a href = "file:///c:/html/htmla/vb1a.htm"> Je plaatst dus de aanduiding file:/// voor het absolute adres. De aanduiding file:/// slaat op het eigen systeem. Voor XHTML-pagina's die later op het WWW geplaatst worden gebruik je best bij lokale links relatieve adressen want je weet niet op voorhand in welke mappen en op welke server je bestanden zullen terechtkomen. Opdracht 1. Bekijk de onderstaande mappen- en bestandsstructuur: map SITE map IMAGES map JPEG DINO.JPG FRED.JPG map PAGINA_S map SOUND INDEX.HTM map BMP map GIF BEDROCK.HTM PALEO.HTM JABA.WAV a. Hoe bereik je vanuit de map SITE het bestand BAMBAM.GIF? b. Hoe bereik je vanuit de map IMAGES het bestand INDEX.HTM? c. Hoe bereik je vanuit de map GIF het bestand INDEX.HTM? d. Hoe bereik je vanuit de map SITE het bestand JABA.WAV? 5.3 Hyperlinks in een bepaald document WILMA.BMP BETTY.BMP BARNEY.GIF BAMBAM.GIF Bekijk de vetgedrukte regels in het XHTML-document op de volgende pagina aandachtig. <a id="zgdn"><b>zoogdieren<b></a> 'Zoogdieren ' is tekst die de browser letterlijk zal tonen, <a id = "Zgdn"> zorgt ervoor dat op deze plaats in het document een herkenningspunt, een anker of bladwijzer, met de naam "Zgdn" gezet wordt. </a> sluit de anker-tag af. J. Gils E. Goossens XHTML-CSS 49
4 <a href="#zgdn">zoogdieren</a> 'Zoogdieren' wordt letterlijk getoond, <a href = #Zgdn > verwijst naar de plaats (bladwijzer) met de naam Zgdn in het document. 'Zoogdieren' zelf zal benadrukt worden. Klik je daarop dan wordt in het document een sprong gemaakt naar het herkenningspunt met de naam "Zgdn". Een dergelijk herkenningspunt wordt jumpmark of bookmark of bladwijzer genoemd. TIP In plaats van id kun je ook de eigenschap name gebruiken, hoewel id de voorkeur heeft. Je kunt ze zelfs naast mekaar gebruiken: in dat geval moeten ze dezelfde naam hebben. FrontPage genereert de eigenschap name. Dreamweaver genereert zowel name als id. <a name="zgdn" id="zgdn" ><b>zoogdieren<b></a> <html> <head> title>dieren</title> </head> <body> <h2><a id="dierenrijk" >Het dierenrijk </a></h2> <ol> <li><a href="#zgdr"> Zoogdieren </a></li> <li><a href="#vgl"> Vogels </a></li> <li><a href="#vis"> Vissen </a></li> </ol> <ol> <li><a id="zgdr"><b>zoogdieren</b> </a> <ul> <li>aap</li> <li>ezel</li> <li>geit</li> </ul> </li> <li><a id="vgl" ><b>vogels </b> </a> <ul> <li>albatros</li> <li>ekster</li> </ul> </li> <li><a id="vis" ><b>vissen </b></a> </li> </ol> <p><a href="#dierenrijk"> Naar boven </a></p> Met een bladwijzer geef je een woord of een zin in het document een bepaald etiket en bij de zin of het woord die de hyperlink vormen geef je aan dat deze naar dat bepaalde etiket moet zoeken. 50 XHTML-CSS J. Gils E. Goossens
5 Deze tags worden vaak gebruikt om in uitgebreide documenten vanuit een inhoudstabel naar de behandelde items en omgekeerd te springen. Als je een van de onderlijnde woorden uit de inhoudsopgave aanklikt, beland je automatisch bij het betreffende hoofdstuk. De hypertext link zal anders gekleurd en onderlijnd worden (meestal blauw, afhankelijk van de instellingen van de browser). Bovendien verandert het pijltje in een handje als je met de muis over de link beweegt. Indien je deze link recent nog gebruikt hebt, zal nog een andere kleur worden gebruikt (bijvoorbeeld bruin). Op dezelfde wijze kun je ook linken naar een bepaalde plaats in een ander document in dezelfde map of ergens anders. Je moet in het laatste geval wel het pad opgeven voor het #- symbool. Als de bladwijzer een bepaalde opmaak moet krijgen kun je een stijl-attribuut aan de <a>tag toevoegen: bijv. grote rode letters, vetjes en onderlijnd: <a id="zgdr" style="font-size:16px;font-weight:800;color:red; text-decoration:underline"> TIP Let op dat een bladwijzer die geen hoofdingopmaak heeft of niet in een lijst staat altijd door <p>-tags moet omgeven zijn. <p><a href="#dierenrijk">naar boven</a></p> Een voorbeeld (een hyperlink in een pagina die in dezelfde map staat): terug naar <a href="demo2.htm#body">body</a> Opdracht 2. Een hyperlink aan een document toevoegen a. Open het document DIEREN.HTM in het KLADBLOK. b. Wijzig met een paar kleine ingrepen de opmaak zodat de dierennamen in een niet genummerde lijst verschijnen, zoals in het hoger afgebeelde voorbeeld getoond is. c. Zet onder de titel 'Het dierenrijk' een lijst van de verschillende diersoorten. Laat elk item van de lijst verwijzen naar de overeenkomstige plaats op de pagina. Zet onderaan de pagina de tekst 'Naar boven' die naar de titel 'Het dierenrijk' verwijst. d. Bewaar de code onder de naam DIEREN2.HTM. e. Open het document in de browser en gebruik de verticale schuifbalk om naar het einde te gaan. f. Klik met de muiswijzer onderaan op de hyperlink Naar boven. Wat is het effect? Hoe verandert het adres in de werkbalk? 5.4 Ankers tussen documenten Om een link te maken doe je het volgende: open de tag met <a, specificeer het gelinkte document met de parameter href="pad-/bestandsnaam", geef na > de te accentueren tekst waarop in het document zal moeten geklikt worden, beëindig de link met </a>. J. Gils E. Goossens XHTML-CSS 51
6 Bij een relatieve padnaam geef je enkel het pad vanuit de huidige map aan. Als de huidige webpagina het adres heeft, en de link gaat naar dan volstaat het in te tikken: <a href="pages/pagina1.htm "> pagina1.htm </a> Als je van PAGINA1.HTM terug naar de hoofdpagina wilt, dan moet de link bevatten. <a href="../index.htm"> Voor bestanden die niet rechtstreeks verbonden zijn met het huidige document (die niet op dezelfde server staan), is het aan te raden de absolute padnaam te gebruiken: je geeft dan het volledige pad in. Indien de documenten rechtstreeks gerelateerd zijn, gebruik je best de relatieve naamgeving, want dat vraagt minder typwerk, het is gemakkelijker om de hele groep documenten te verplaatsen (de paden blijven geldig), en het is efficiënter. Wanneer in een website verwezen wordt naar andere websites dan gebeurt dat met een absolute verwijzing. Wanneer een website waar naar verwezen wordt opgedoekt wordt, een andere naam krijgt of verplaatst wordt dan zijn de hyperlinks naar die website niet meer geldig. Het is dus belangrijk dat de maker van een website regelmatig controleert of de verwijzingen die vanuit zijn website vertrekken nog altijd geldig zijn. Veronderstel dat je in het voorbeeld van de jeugdprogramma s op Ketnet en VTM (TVPROG2.HTM) in een apart scherm nog wat meer uitleg wenst. Je maakt een XHTML-document met uitleg over Ketnet (KETNET1.HTM) en VTM (VTM1.HTM). Vanuit het hoofddocument, dat je nu TVPROG3.HTM noemt, leg je de links naar de twee andere documenten. Een link in omgekeerde richting (Terug naar het hoofddocument) vertrekt vanuit KETNET1.HTM en VTM1.HTM. Het document TVPROG3.HTM: 52 XHTML-CSS J. Gils E. Goossens
7 Het document KETNET1.HTM: Het document VTM1.HTM: Opdrachten 3. Met een hyperlink vanuit het hoofddocument naar een ander document verwijzen a. Open het document TVPROG2.HTM in het KLADBLOK. b. Vervang de regel <li>ketnet door <li><a href="ketnet1.htm">ketnet</a>. c. Vervang de regel <li>vtm door <li><a href="vtm1.htm">vtm</a>. <body> <h1>jeugdprogramma's op Vlaamse zenders</h1> <ol> <li><a href="ketnet1.htm">ketnet</a> <ol> <li>disney festival</li> <li>samson soap</li> <li>tik Tak</li> d. bewaar het document als TVPROG3.HTM. In de code van TVPROG3.HTM is de vetgedrukte regel van belang. In plaats van te verwijzen naar een bladwijzer in de tekst, wordt er naar een ander bestand verwezen. Als dit bestand niet in dezelfde map als het hoofdbestand zit, dan moet het volledige pad aangegeven worden. De benadrukte tekst staat tussen <a > en </a>. Door te klikken op Ketnet of VTM beland je in het corresponderende document. De hyperlink kan niet alleen onderlijnde tekst maar ook een plaatje zijn. J. Gils E. Goossens XHTML-CSS 53
8 4. Een document ontwerpen dat meer uitleg over VTM geeft a. Open een nieuw document in het KLADBLOK en neem de onderstaande code over. <html> <head> <title>vtm</title> </head> <body> <h1>vtm</h1> <h3>kabouter Plop</h3> <p>kleuterprogramma over de avonturen van een kabouter</p> <h3>teletubbies</h3> <p>kleuterprogramma met poppetjes</p> <p><a href="tvprog3.htm">terug naar het hoofddocument</a></p> </body> </html> In deze code wordt de hyperlink gerealiseerd met: <a href="tvprog3.htm">terug naar het hoofddocument</a> b. Bewaar het document onder de naam VTM1.HTM. 5. Een document ontwerpen dat meer uitleg over Ketnet geeft a. Open een nieuw document in het KLADBLOK en neem de onderstaande code over. <html> <head> <title>ketnet</title> </head> <body> <h2>ketnet</h2> <h4>disney festival</h4> <p>een keuze uit bekende Disney-tekenfilms</p> <h4>samson soap</h4> <p>belevenissen van Gert Verhulst en zijn hond</p> <h4>tik Tak</h4> <p>animatiereeks voor kleuters</p> <h4>de boomhut</h4> <p>kindermagazine met Karel Vereertbrugghen en Alida Neslo</p> <h4>hey Arnold</h4> <p>amerikaanse animatiereeks</p> <p><a href="tvprog3.htm">terug naar het hoofddocument</a></p> </body> </html> b. Bewaar het document onder de naam KETNET1.HTM. c. Open het document KETNET1.HTM in de browser en test de werking van de hyperlinks. TIP De verwijzingen die in <a href= > voorkomen kunnen lokaal zijn (deze computer), maar zij kunnen ook betrekking hebben op andere computers binnen het netwerk of binnen het internet. 54 XHTML-CSS J. Gils E. Goossens
9 Om te voorkomen dat je altijd het volledige adres moet intikken leg je met het commando <base href = > het adres van je homepage vast. Dit commando zet je in de head-sectie. Bij alle links binnen je homepage volstaat dan de naam van het XHTML-document. Wordt er geen base href opgegeven, dan is de standaardverwijzing de plaats waar het XHTML-document staat. Het is dan ook alleen zinvol een base href op te geven als je website in verschillende mappen, eventueel op verschillende servers, staat. 5.5 Een hyperlink aan een afbeelding koppelen Het is mogelijk om een hyperlink ook aan een afbeelding te koppelen. In dat geval moet je de code van de afbeelding tussen de anker-tags zetten. Opdrachten 6. De afbeelding Home Page aan de documenten KETNET1.HTM en VTM1.HTM toevoegen a. Open het document KETNET1.HTM in het KLADBLOK. b. Voeg juist boven de hyperlink een regel toe die de afbeelding HOMEPAGE.JPG in het document zal tonen. Zet de afbeelding en de hyperlink in dezelfde alinea. Voeg een aantal spaties toe na de figuur. c. Bewaar de wijzigingen onder de naam KETNET3.HTM. d. Bekijk het resultaat in de browser. e. Herhaal hetzelfde voor het document VTM1.HTM en bewaar de wijzigingen onder de naam VTM3.HTM. VTM3.HTM geeft op het einde van het document het volgende beeld: TIP Zet afbeeldingen die je netjes moet schikken in een tabel en verwijder de celranden. Open het voorbeeldbestand PARIJS.HTM en bekijk de XHTML-code. 7. Wijzig de code van VTM3.HTM als volgt, bewaar de wijzigingen onder de naam VTM3B.HTM en bekijk het resultaat: <html> <head> <title>vtm</title> </head> <body style="background-image:url(backgd24.jpg);"> <h1>vtm</h1> <h3>kabouter Plop</h3> <p>kleuterprogramma over de avonturen van een kabouter</p> <h3>teletubbies</h3> <p>kleuterprogramma met poppetjes</p> J. Gils E. Goossens XHTML-CSS 55
10 <p><a href="tvprog3.htm"> <img src="homepage.jpg" alt="homepage" title="homepage" width="50px" height="50px" style="vertical-align:middle"/> </a></p> </body> </html> De regel <body style="background-image:url(backgd24.jpg);"> neemt de figuur BACKGD24.JPG als achtergrond voor de pagina. TIPS <body style="color:yellow;background-color:blue"> geeft blauwe letters op een gele achtergrond. <img style="float:right" > doet de figuur naar rechts uitlijnen. Op dezelfde wijze kun je een koppeling naar een videobestand leggen: <a href = Radar.avi >Demo van een video</a> of naar een geluidsbestand: <a href = Fluiten.wav >Fluiten</a> 5.6 Afbeeldingen in een nieuw venster openen Via hyperlinks is het mogelijk om bijvoorbeeld van een kleine figuur een vergrote versie in een nieuwe pagina te openen. Opdracht 8. Meer details van een figuur tonen a. Open een nieuwe pagina en neem de onderstaande code over. <body style="background-color:#c0c0c0;color:#800000"> <h1>hyperlinks naar een nieuwe pagina</h1> <p><a href="dino.jpg"> <img src="../werkbestanden/dinok.jpg" alt="kleine dino" width="114px" height="74px"/></a></p> <p>een dinosauriër is geen klein dier. <br/> Klik op de afbeelding om zijn grote broer te ontmoeten.</p> </body> b. Bewaar de pagina als MEER_DETAIL.HTM en bekijk het resultaat in een browser. 56 XHTML-CSS J. Gils E. Goossens
11 Bestandsgrootte: DINOK.JPG: 6 KB DINO.JPG: 108 KB TIPS Met bijvoorbeeld Microsoft Foto Editor kun je het formaat, en dus ook de grootte, van een foto wijzigen. Hoe groter het bestand, hoe langer het downloaden duurt. Lange downloadtijden worden als vervelend ervaren. Zet daarom nooit de foto's in hun volledige formaat op een openingspagina. <p><a href="dino.jpg" target="_blank"> Het attribuut target is niet gekend in XHTML1-STRICT maar wel in XHTML1_TRANSITIONAL. Het wordt wel door de meeste browsers ondersteund. Waarde _blank _self _top naam pagina Betekenis Het document zal in een nieuw venster geopend worden. Het document zal in hetzelfde venster geopend worden. Het document wordt in het hoofdvenster geopend. (Wordt bij frames gebruikt zie verder.) Het document wordt in een frame met die naam geopend. (Wordt bij frames gebruikt zie verder pagina 94.) 5.7 Klikbare kaarten Een mooie vorm van hypergraphics is de klikbare kaart of clickable map of image map. Verschillende posities binnen een prentje krijgen dan een eigen hyperlink. Een dergelijke link wordt hotspot genoemd. Foto's waarop verschillende personen afgebeeld staan of landkaarten waarop zich verschillende plaatsen bevinden waarover uitleg gegeven wordt zijn geschikte objecten voor hotspots. Klik je op een bepaald hoofd of op een bepaalde stad, dan verschijnt er uitleg over die persoon of over die stad. De ruimte binnen de witte kader is als een hot spot gedefiniëerd. Spijtig genoeg is het niet altijd mogelijk om dit in XHTML te maken. Je moet een speciaal programmaatje schrijven, een cgi-script, om dit te verwerken of je kunt een standaardscript die op de server aanwezig is gebruiken. Over die cgi-scripts hebben we het later nog. Recente browsers kunnen dit ook zonder script, met XHTML-codes. Het met de hand definiëren van image maps is veel werk, maar om een dergelijke klikbare kaart te maken zijn op internet handige programma's zoals Map This te vinden. Daar wordt altijd ook een alternatieve tekst voorzien voor gebruikers die geen afbeeldingen wensen te zien! J. Gils E. Goossens XHTML-CSS 57
12 Een andere mogelijkheid bestaat erin een codegenerator zoals FrontPage te gebruiken. In een paar minuten breng je makkelijk een tiental hotspots aan. Opdracht 9. Open het bestand KRETA.HTM in de webbrowser. a. Op vier verschillende plaatsen op de kaart verandert de muiswijzer in een handje. Als je op zo n plaats klikt krijg je een afbeelding van die plaats. b. Bekijk de inhoud van het XHTML-bestand: het zal duidelijk zijn dat het niet zo eenvoudig is om die aanklikbare plaatsen correct in XHTML in te geven. <p style="text-align:center"> <map name="fpmap25" id="kreta"> <area href="samaria.jpg" alt="samariakloof" shape="circle" coords="138, 119, 19" /> <area href="matala.jpg" alt="matala" shape="circle" coords="295, 167, 19" /> <area href="heraklion_knossos.jpg" alt="knossos" shape="circle" coords="331, 82, 21" /> <area href="agios_nikolaos.jpg" alt="agios-nikolaos" shape="circle" coords="486, 111, 21" /> </map> <img src="kreta.jpg" width="611px" height="207px" usemap="#fpmap25" alt="kreta" /></p> 5.8 Een bericht als hyperlink Vanuit een website kun je ook versturen. Neem daarvoor een anker op waarin het sleutelwoord 'mailto' voorkomt. Een voorbeeld: Je kunt ons ook een <a href = "mailto:erik.goossens@telenet.be"> bericht</a> sturen. Als degene die de webpagina raadpleegt online met het internet verbonden is op de benadrukte tekst bericht klikt, opent de browser een venster waarin een document voor elektronische post kan ingetikt en doorgestuurd worden. Dat veronderstelt wel dat een programma geïnstalleerd is. TIP Om ervoor te zorgen dat er tussen objecten voldoende spatiëring is kun je gebruik maken van <pre> en </pre>-tags. Witruimte tussen deze tags wordt ook in de webpagina getoond. 58 XHTML-CSS J. Gils E. Goossens
13 Besluit Binnen een document kunnen plaatsen gemarkeerd worden die vanuit een andere plaats bereikbaar zijn. Op analoge manier kan naar andere documenten, die zich op andere computers binnen een netwerk bevinden, gesprongen worden. Deze benadrukte teksten of plaatjes noemt men in het algemeen hyperlinks. Binnen een document spreekt men ook van bookmarks, jumpmarks of bladwijzers. In XHTML worden hyperlinks met de <a>-tag gerealiseerd. Bestanden in een website kunnen bereikt worden door een volledige uitstippeling van het pad, vertrekkend van het WWW. In dat geval spreekt men van absolute adressering. Wordt een pad aangeduid dat vertrekt vanuit de map waarin de introductiepagina staat, dan spreekt men van relatieve adressering. In dat geval gebruikt men de notatie../ om in een mappenstructuur een niveau op te klimmen. Om af te dalen wordt het pad vermeld, vertrekkend van de map met de introductiepagina. Je kunt er ook via een hyperlink voor zorgen dat vanuit een webpagina een bericht verstuurd wordt. Het href-attribuut van de <a>-tag bevat in dat geval de tekst 'mailto:', gevolgd door het adres van de persoon of instelling in kwestie. De stijl background-immage maakt het mogelijk om figuren als achtergrond te gebruiken. Wat je moet kennen en kunnen: het verschil kennen tussen absolute en relatieve adressering; absolute en relatieve adressering in een website toepassen; de begrippen hyperlink, jumpmark, bookmark en bladwijzer uitleggen; teksten als hyperlinks aan een document toevoegen; afbeeldingen als hyperlinks aan een document toevoegen; een hyperlink gebruiken om een bericht te versturen; weten wat een klikbare kaart is; de voorgrond- en achtergrondkleur van een pagina wijzigen. Opdracht 10. Maak de documenten MANNEN1.HTM en VROUWEN1.HTM met de atletiekuitslagen van de vrouwen in Atlanta 96. Om tikwerk te besparen kun je gebruik maken van de bestanden MANNEN.HTM en VROUWEN.HTM. Pas de code in OLYMPSP.HTM aan zodanig dat hyperlinks naar MANNEN1.HTM en VROUWEN1.HTM gelegd worden. Sla het nieuwe XHTML-document op onder de naam OLYMPSP2.HTM. Vanuit de documenten MANNEN1.HTM en VROUWEN1.HTM moet je naar het hoofddocument OLYMPSP2.HTM kunnen terugkeren. Het resultaat van MANNEN1.HTM en VROUWEN1.HTM ziet er als volgt uit (alleen het begin en het einde van de lijst worden getoond): J. Gils E. Goossens XHTML-CSS 59
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 informatieNaam Nr Klas Datum. Om websites te doorbladeren heb je een bladerprogramma of een browser nodig. De browser die wij gebruiken is Internet Explorer.
:(%6,7(69(5.(11(1 Naam Nr Klas Datum :25/':,'(:(%::: Het World Wide Web is een gigantisch web van met elkaar verbonden pagina s. Een geheel van pagina s die bij elkaar horen, noemt men een website. De
Nadere informatieHTML 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 informatieHTML. Links. Hyperlinks. Hans Roeyen V 3.0
Links En Hyperlinks Hans Roeyen V 3.0 5 februari 2015 Inhoud 1. Werken met (Hyper)links... 3 1.1. De anchor tag... 3 1.1.1. Het ID attribuut... 3 1.1.2. Oefeningen op linken... 4 1.1.3. Absoluut en relatief
Nadere informatieOnderdeel: 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 informatieHandleiding. 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 informatieHTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505
HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs
Nadere informatieTrippeltrap 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 informatieFrontPage. 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 informatieJe 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 informatieWerken met afbeeldingen in webpagina's
Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.
Nadere informatieHTML krijgt een standaard opmaak van de browser
1 HTML krijgt een standaard opmaak van de browser Een link in HTML In HTML maakt u een link met de HTML-markering (HTML-tag) . Een a-tag (anchor, anker) heeft een attribuutwaarde nodig om de link te
Nadere informatieProgrammeren in MyShop
Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je
Nadere informatieE.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 informatie1. 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 informatieGoogle Maps op uw site
Google Maps op uw site 1. Ga naar maps.google.com en voer het gezochte adres in. 2. Klik op de knop Zoeken in Maps. 3. U kan naar de gewenste positie zoomen en kiezen voor de satellietweergave of de gewone
Nadere informatie1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden...
1 1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden... 5 2 Onderhoud website De Onthaasting... 7 2.1 Editor... 7 2.2 Netbeans-project
Nadere informatieDe frameset uit de afbeelding wordt op de volgende manier gedefinieerd:
FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We
Nadere informatieEen website ontwerpen in Dreamweaver met de opmaakweergave
Een website ontwerpen in Dreamweaver met de opmaakweergave door G. Van Soest Met Dreamweaver kan je zeer snel een website in elkaar bouwen; ook het onderhoud van een website is met Dreamweaver uiterst
Nadere informatie2. Wanneer moet ik een afbeelding verkleinen?
Appendix B. Beeldmateriaal en Blackboard 1. Inleiding...1 2. Wanneer moet ik een afbeelding verkleinen?...1 3. Het formaat van een afbeelding wijzigen...2 4. Een afbeelding comprimeren...4 5. Een uitsnede
Nadere informatieInleiding... 3. Het e-mailadres... 3. Hoe werkt e-mail?... 3. Je emailadres registreren... 4. Aanmelden bij Outlook... 7. Schermonderdelen...
E-MAIL INHOUD Inleiding... 3 Het e-mailadres... 3 Hoe werkt e-mail?... 3 Je emailadres registreren... 4 Aanmelden bij Outlook... 7 Schermonderdelen... 8 Mailen... 10 Een mail lezen... 10 Een mail versturen...
Nadere informatieHandleiding bij het Content Management Systeem
Handleiding bij het Content Management Systeem 1. Content Managent System startvenster 2. Hoe voeg ik een nieuwe gebruiker toe? 3. Hoe maak ik een hoofdmenu-item aan? 4. Hoe koppel ik tekst aan een hoofdmenu-item?
Nadere informatieHandleiding Content Management Systeem
Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne
Nadere informatieUw 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 informatieIn de meeste CMS systemen wordt hier een stuk tekst mee aangeduid. Je kunt het, het best vergelijken met een nieuws artikel.
CMS PvdA Algemene informatie Inlogpagina: https://gr2010.pvda.nl Preview De preview pagina kan worden gebruikt om nog niet gepubliceerde artikelen te bekijken. Het is erg aan handig om deze preview te
Nadere informatieHandleiding 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 informatieHandicom. 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 informatie2. De eerste webpagina maken
35 2. De eerste webpagina maken Een website bestaat uit één of meer webpagina s. Bij het maken van een website bouwt u de website pagina voor pagina op. U begint met de hoofdpagina. Dat is de pagina die
Nadere informatieVul hier de naam, wachtwoord en emailadres in die je voor je wiki wilt gebruiken en klik op de knop [Join Now] gebruik een geldig e-mailadres.
Algemeen Samenwerken. Het zal je regelmatig overkomen dat je met een groepje moet samenwerken. Iedereen moet iets uitzoeken en samen wordt er dan aan een document gewerkt. Je kunt dit document uitwisselen
Nadere informatieSafira 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 informatieHTML 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 informatieHieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).
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 informatiePvdA 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 informatieWebQuest / 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 informatieHandleiding 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 informatieHandleiding 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 informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieHandleiding: 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 informatieE-MAILEN MET DE MAIL APP IN WINDOWS 8
E-MAILEN MET DE MAIL APP IN WINDOWS 8 Mei 2013 Computertraining voor 50-plussers PC50plus trainingen Eikbosserweg 52 1214AK Hilversum tel: 035 6213701 info@pc50plus.nl www.pc50plus.nl E-mailen met de mail
Nadere informatieHet 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 informatieSushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren
MIJN EERSTE WEBSITE Sushi EEN WEBPAGINA BEWERKEN Kaart 1 van 10 We gaan een nieuwe website bouwen! We gaan hem over boeken maken maar je kan hem ook zo maken zoals jij zelf wilt! Download de HTML code
Nadere informatieHandleiding Tridion voor authors en editors
Handleiding Tridion voor authors en editors Wijzigen van items van vóór de herimplementatie (mei 2009) Telefoon helpdesk: 7500 E-mail: helpdesktridion@gmail.com. Juli 2009 Een bestaand item wijzigen Het
Nadere informatiedoen 7 Windows Live Mail
doen 7 Windows Live Mail E-mail betekent electronic mail, elektronische post. U gaat berichten verzenden en ontvangen. Daar hebt u een e-mailprogramma voor nodig en een e-mailadres. In deze les werkt u
Nadere informatieHandleiding. 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 informatiePhotoworkZ pop-up website handleiding
PhotoworkZ pop-up website handleiding Inhoudsopgave PhotoworkZ pop-up website handleiding...1 Aanmelden op de admin module...2 Beheer van teksten...3 Tekst downloaden en aanpassen...3 Aanpassen van teksten...4
Nadere informatieHandleiding 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 informatieInhoud. 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 informatiePro 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 informatieGoogle Drive. Wat is google drive. Wat heb je nodig en wat krijg je. Je aanmelden aan de cloud
Google Drive Wat is google drive Google drive is het cloud systeem van google. Je kan er documenten, beelden, films. op kwijt. Het is ook mogelijk om gebruik te maken van hun online applicaties zoals google
Nadere informatieICT 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 informatieGreet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord.
Greet Verhelst 2011-2012 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign In. In het volgende scherm log je in met je gebruikersnaam of e-mailadres
Nadere informatieDEEL: THEMA. Klik op Thema. Nu verschijnen er een aantal thema s. Dubbelklik op een thema en je krijgt het volgende schermpje:
DEEL: THEMA In het Notebook kun je zelf snel de bladzijde een leuk uiterlijk geven d.m.v. een thema. Deze thema s vind je op de volgende manier: Klik op Gallery Klik op Thema Nu verschijnen er een aantal
Nadere informatieI. Algemeen deel: blog vs. Privacy
Werken met een blog maandag 29 september 2014 Werken met een blog I. Algemeen deel: blog vs. Privacy We willen eerst enkele aandachtspunten bespreken i.v.m. privacy. Alle ouders gaven tot nu toe toestemming
Nadere informatieWelkom bij Sitebuilder, een praktijksite maken in 5 stappen.
Welkom bij Sitebuilder, een praktijksite maken in 5 stappen. Wat is sitebuilder Site Builder is een uiterst gebruiksvriendelijk en zeer uitgebreid product waarmee u snel een eigen praktijkwebsite kunt
Nadere informatieHandleiding 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 informatieKompozer 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 informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieSharepoint Designer. Een website maken in Sharepoint gaat als volgt: Start Sharepoint. Het openingsvenster van Sharepoint verschijnt.
Nota bene! In deze instructie wordt een website gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructie gebruiken voor elke website met frames, ongeacht
Nadere informatieFactuur 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 informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building
Nadere informatieHandleiding Macromedia Contribute
Handleiding Macromedia Contribute Marcel Lemmen en Frank Coenders maart 2008 Handleiding Macromedia Contribute 1 Contribute in vogelvlucht Contribute werkt simpel en intuïtief. Het bewerken van een website
Nadere informatieGebruik vaste content en library
Gebruik vaste content en library Dit document dient als uitleg over het gebruik van de vaste content en de library (bestandsbibliotheek). Met de vaste content is het mogelijk om bepaalde pagina s van de
Nadere informatiehttp://blog.seniorennet.be/seniorennet_blogs_tips_trucs Inhoud van dit lesje: 1.Plaatsen van foto of afbeelding van uw harde schijf.
Op het blog SeniorenNet Blogs Tips en Trucs vind je in de linkerkolom verschillende mogelijkheden voor Aanmaken van een Internetadres (URL) en Foto s Verkleinen met uitleg. http://blog.seniorennet.be/seniorennet_blogs_tips_trucs
Nadere informatieNavigator 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 informatieFrontpage 2003. Een web aanmaken in Frontpage doe je zo: 1 Start Frontpage op. Het openingsvenster van Frontpage verschijnt.
opmerking In deze instructie wordt een web gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructies gebruiken voor elk web met frames, ongeacht het onderwerp.
Nadere informatieLes 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 informatieHTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
Nadere informatiedesign 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 informatieTeD Tekst en Design. Basisinformatie voor klein gebruik van het cms Made Simple
Basisinformatie voor klein gebruik van het cms Made Simple 1 Inhoud Inhoud 2 Inleiding 3 Inloggen in het CMS 3 Teksten plaatsen/aanpassen 4 Een link aanmaken 4 Gebruikers toevoegen/ verwijderen 5 Werken
Nadere informatie1. een e-mailadres aanmaken
e-mailen met Windows Live Hotmail 1. een e-mailadres aanmaken We gaan nu zelf een e-mail adres aanmaken. Dit moet je maar één keer doen. Daarna kan je altijd met datzelfde adres werken. We kiezen voor
Nadere informatieHandleiding Wordpress
Handleiding Wordpress V 1.0 Door Inhoud Inloggen op de website... 3 Het Dashboard... 4 Berichten... 5 Berichten aanmaken... 5 Berichten bewerken... 6 Pagina's... 7 Pagina's aanmaken... 7 Pagina's bewerken...
Nadere informatieInhoud 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 informatieAuteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5. Handleiding Beheer Standaard Website
Auteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5 Handleiding Beheer Standaard Versie Datum Opmerkingen 0.1.2 29-01-09 Note opgenomen op pagina 7 over subpagina's en weergave in menu structuur. 0.1.3 02-02-09
Nadere informatieBij het opstarten van Small Basic verschijnt er de onderstaande werkomgeving.
Small Basic - werkomgeving 1/5 Werkomgeving Bij het opstarten van Small Basic verschijnt er de onderstaande werkomgeving. Bovenaan vind je de werkbalk met opdrachtknoppen. Onder de werkbalk links kan je
Nadere informatieHandleiding. 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 informatieHandleiding 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 informatieInternet 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 informatieHier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.
Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt
Nadere informatieQuickstart my_editors & MMBase
Quickstart my_editors & MMBase André van Toly andre@toly.nl 1 september 2004 versie 0.9 1 september 2004, versie 0.9 1. Inleiding MMBase is een object georiënteerd content management systeem (CMS). Dat
Nadere informatieINFORMATIE VAN HET INTERNET VERWERKEN
INFORMATIE VAN HET INTERNET VERWERKEN Naam Nr Klas Datum 1. WEBPAGINA'S OPSLAAN Open Windows Verkenner en maak in je persoonlijke werkmap op de server een nieuwe map aan met de naam Lichaamstaal. Open
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding
Nadere informatieInleiding. - 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 informatieHandleiding voor de installatie van Robobridge
Handleiding voor de installatie van Robobridge Dit is de weg die ik gevolg heb. Mijn computer draait op het besturingssysteem Windows XP(32bits). Bij andere systemen kunnen kleine verschillen voorkomen.
Nadere informatieHandleiding bij WSM MailformGenerator
1. Voorwoord Welkom bij de handleiding voor de WSM MailformGenerator. Deze handleiding hebben we gemaakt om je snel en gemakkelijk uit te leggen hoe de WSM MailformGenerator werkt. Deze handleiding is
Nadere informatieHandleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008
Handleiding website Laatst bijgewerkt: 17 mei 2008 In deze handleiding staat alles wat u nodig heeft om een bericht op de website van de Reddingsbrigade Aoreven Heythuysen te plaatsen. Alles wordt in woord
Nadere informatiePowerPoint Basis. PowerPoint openen. 1. Klik op Starten 2. Klik op Alle programma s 3. Klik op de map Microsoft Office
PowerPoint Basis PowerPoint openen 1. Klik op Starten 2. Klik op Alle programma s 3. Klik op de map Microsoft Office Klik op Microsoft PowerPoint 2010 Wacht nu tot het programma volledig is opgestart.
Nadere informatieHoe werkt u met een Bordboek Plus?
Hoe werkt u met een Bordboek Plus? DOWNLOAD UW BORDBOEK PLUS VOOR OFFLINE GEBRUIK Open na de activatie van uw licentie eerst uw Bordboek Plus op Knooppunt. Voortaan kunt u twee versies raadplegen: online
Nadere informatieCMS Template Handleiding
CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...
Nadere informatieHandleiding WebEtui. Over WebEtui. Het verschil tussen wijzigen, bewaren en publiceren
pagina 1 van 11 Handleiding WebEtui Over WebEtui WebEtui is een beheersysteem waarmee redacteuren snel en eenvoudig een website kunnen onderhouden. WebEtui is met name geschikt voor websites waarbij meerdere
Nadere informatieI. Vorming 4-5 (3&10/05/2012)
I. Vorming 4-5 (3&10/05/2012) 1. Windows Live Photo Gallery Om de foto s op onze computer te beheren, hebben we voor de vorming gekozen om met Windows Live Photo Gallery te werken. Photo Gallery biedt
Nadere informatieHoe 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 informatieHandleiding. Berichten maken in WordPress. juni 2013
Handleiding Berichten maken in WordPress juni 0 Inloggen. Ga naar: www.jouwdomeinnaam.nl/wp-admin. Log hier in met je gebruiksnaam en je wachtwoord. Het dashboard Na het inloggen krijg je eerst het Dashboard
Nadere informatieOm 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 informatieINHOUD: 1. INDEX 2. Tekst opties instellen 3. Andere kleur kiezen dan de getoonde. Cellen bewerken: Foto s en/of afbeeldingen toevoegen:
INHOUD: 1. INDEX 2. Tekst opties instellen. Andere kleur kiezen dan de getoonde. Cellen bewerken: cel noemt men de plaats waarin b.v. deze tekst staat 3 Foto s en/of afbeeldingen toevoegen: 4 Het uiterlijk
Nadere informatieIQ LEADS Adres: Curieweg 8E Postcode: 2408 BZ Plaats: ALPHEN AAN DEN RIJN Telefoon: (0172)
1 Inhoud Tips voor u begint... 3 Beginnen met WordPress... 4 Login... 4 Dashboard... 4 Back-up maken van uw website... 5 Bloggen en Pagina s... 6 Tekst editor... 6 Nieuwsbericht maken (Bloggen)... 6 Pagina
Nadere informatieGreet Verhelst Indien je reeds een wiki-member bent klik je op Sign in en log je in met je gebruikersnaam en paswoord.
Handleiding WIki Greet Verhelst 2010-2011 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign in en log je in met je gebruikersnaam en paswoord. Indien
Nadere informatieGebruikershandleiding 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 informatieStap 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