HTML krijgt een standaard opmaak van de browser
|
|
|
- Sandra Janssens
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 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) <a>. Een a-tag (anchor, anker) heeft een attribuutwaarde nodig om de link te laten werken. Tussen de begin- en eindmarkering plaats je het opschrift van de link. Bijvoorbeeld: <a href= >Google</a> Zoals u in de cursus kan lezen ( moet een externe link steeds beginnen met of met een ander internetprotocol. <a href= > Google </a> Het begin van de markering het attribuut de verwijzing moet u tussen dubbele of enkele aanhalingstekens plaatsen Het einde van de beginmarkering het opschrift van de link de eindmarkering Meerdere links naast of onder elkaar Wanneer u meerdere links naast of onder elkaar of onder elkaar intikt (in het codevenster of in een teksteditor), zullen ze steeds naast elkaar en zonder tussenruimte worden weergegeven. Bijvoorbeeld: <a href= >Google</a> <a href= >Yahoo</a> <a href= >Wikipedia</a> Het bovenstaande voorbeeld zal er in de browser identiek hetzelfde uitzien als het onderstaande voorbeeld: <a href= >Google</a><a href= >Yahoo</a><a href= >Wikipedia</a>
2 2 HTML-elementen scheiden of onder elkaar plaatsen Wanneer u in de HTML-code meerdere spaties tussen woorden of HTML-markerigen plaatst, zal de browser die automatisch herleiden tot één spatie. Ook regeleindes (wanneer u in het codevenster of in een tekseditor op de ENTER-toets drukt) worden NIET in de browser weergegeven. De drie onderstaande voorbeelden worden in de browser allemaal op dezelfde manier getoond. Voorbeeld 1: <a href= >Google</a> <a href= >Yahoo</a> Voorbeeld 2: <a href= >Google</a> <a href= >Yahoo</a> Voorbeeld 3: <a href= >Google</a> <a href= >Yahoo</a> Wil u meer dan één spatie tussen woorden, dan moet u ze 'handmatig' in de HTML-code invoeren. Een spatie (non-breaking space) wordt in HTML als volgt genoteerd: <a href= >Google</a> <a href= >Yahoo</a> Op dezelfde manier kan u ook regeleindes (ENTER, RETURN...) toevoegen in HTML. Een regeleinde formuleert u in HTML als volgt: <br> of <br/> (=XHTML) <a href= >Google</a><br/><a href= >Yahoo</a>
3 3 HTML-markeringen (tags) zoals alinea's en titels worden in een browser echter automatisch onder elkaar geplaatst. Bijvoorbeeld: <h1>een grote titel</h1><h2>een iets kleinere titel</h2><p>een alinea met tekst.</p> Standaard opmaak van de browser Een browser zal de titels en alinea's ook van een standaard opmaak (lettertype, lettergrootte) voorzien. Een browser geeft links standaard weer in het blauw en onderlijnd. Wanneer je over een link beweegt, veranderen sommige browsers de kleur van de link. Actieve of reeds bezochte links krijgen eveneens een andere kleur. Een verzameling links in een lijst Het is zeker aan te raden om links van een navigatiebalk in een 'verzameling' of 'lijst' te plaatsen. Een HTML-lijst is hiervoor uitermate geschikt. De benodigde HTML-markeringen (in het Engels: HTML-tags) zijn <ul></ul> en <ol></ol>. De tab ul staat voor 'unordered list'. In zo'n lijst moet je een aantal items (list items of <li></li>) plaatsen. De browser geeft dit weer als een reeks onder elkaar geplaatste opsommingspunten met een bolletje voor. Bijvoorbeeld: <ul> <li>appelen</li> <li>peren</li> <li>citroenen</li> </ul>
4 4 Een <ol> of 'ordered list' wordt genummerd weergegeven. Bijvoorbeeld: <ol> <li>appelen</li> <li>peren</li> <li>citroenen</li> </ol> Op dezelfde manier kan u een reeks links opnemen in een HTML-lijst. <ul> <li><a href="#">home</a></li> <li><a href="#">contact</a></li> <li><a href="#">nieuws</a></li> <li><a href="#">links</a></li> </ul> In het bovenstaande voorbeeld zijn de attribuutwaardes van href vervangen door een #. Wanneer u er op klikt, blijft u op dezelfde pagina. Deze techniek is uiteraard enkel zinvol voor testdoeleinden.
5 5 Opmaak van HTML met CSS Met de opmaaktaal CSS (cascading stylesheets) kan u HTML-pagina's vormgeven, opmaken en van layout voorzien. CSS integreren in uw website U kan CSS-code op 2 manieren integreren in uw webpagina. 1. Insluiten in de <head></head>-sectie van iedere webpagina. 2. Linken vanuit de <head></head>-sectie van iedere webpagina: de informatie wordt dan in een apart bestand opgeslagen. Dit biedt enorme voordelen. Wanneer u de informatie in dit bestand aanpast, verandert de 'stijl' van alle pagina's in uw website. Hoe ziet CSS er uit? CSS ziet er volledig anders uit dan HTML. In een CSS-stijlsjabloon bepaalt u hoe elke html-markering er moet uitzien. Wanneer u bijvoorbeeld een <h2>-markering in uw HTML-pagina heeft opgenomen, kan u die in CSS op de volgende manier opmaken. h2{ font-size:xx-large; color:black; background-color:ivory; Hierdoor worden alle <h2>-titels op uw webpagina('s) zeer groot (xx-large) weergeven. De tekst is zwart (black) en krijgt een ivoorkleurige (ivory) achtergrondkleur. Op dezelfde manier kan u te werk gaan voor alle andere HTML-markeringen die u gebruikt of van plan bent te gaan gebruiken. Voor een uitgebreide overzicht van alle mogelijkheden verwijzen we u door naar de volledige cursus op ( Die code kan u in de webpagina opnemen: <html> <head> <title>test CSS</title> <style type="text/css"> h2{ font-size:xx-large; color:black; background-color:ivory; </style> </head> <body> <h2>een titel</h2> </body> </html>
6 6 Een praktijkvoorbeeld: een navigatiebalk met CSS 1. We maken een viertal links en plaatsten die in een HTML-lijst. Het eindresultaat zou er ongeveer als volgt moeten uitzien (in het codevenster of in een teksteditor). <ul> <li><a href="#">home</a></li> <li><a href="#">contact</a></li> <li><a href="#">nieuws</a></li> <li><a href="#">links</a></li> </ul> 2. Vervolgens geven we een stijl aan de links. a{ background:#ccc666; padding:10px; padding-right:15px; padding-left:15px; display:block; text-decoration:none; color:white; font-variant:small-caps; font-size:large; font-family:arial, helvetica; Achtergrondkleur Marge rond de link (boven, onder, links en rechts We overschrijven de bovenstaande waardes waardoor de marge rechts iets groter wordt. We overschrijven de bovenstaande waardes waardoor de marge links iets groter wordt. Door de weergave op block te plaatsen, is ook de marge aanklikbaar. Hierdoor wordt de lijn onder de links verwijderd. De tekstkleur is wit. Alle letters worden automatisch omgezet in kleine hoofdletters. Het opschrift van de links wordt groot weergeven (relatief tot de schermresolutie van de gebruiker). Het lettertype van het opschrift. background:#ccc666; padding:10px; padding-right:15px; padding-left:15px; display:block; text-decoration:none; color:white; font-variant:small-caps; font-size:large; font-family:arial, helvetica;
7 7 3. U kan een aparte stijl aanmaken voor wanneer de bezoeker met de muis over een link beweegt. a:hover{ background:#cccccc; a:hover is een 'spooktoestand' van de HTML-markering <a>. De toestand treedt pas op wanneer een bezoeker met zijn muis (of vinger op een touchscreen) over een link beweegt. U dient hier niet alle stijlregels van de normale <a>-toestand over te nemen. Dit gebeurt automatisch. De 'spooktoestand' erft (inherit) alle stijleigenschappen van het element <a>. In het bovenstaande geval hebben we enkel de achtergrondkleur van de link verandert. li{ 4. Vervolgens passen we de stijl van de lijst aan zodat de bolletjes voor de lijst niet worden getoond en de list items op één lijn gaan staan. list-style-type:none; float:left; Geen versiering voor een lijstitem (dus geen bolletje) Alle lijstitems gaan netjes links van elkaar staan. U kan echter ook kiezen voor float:right. list-style-type:none; float:left; LET OP: Wanneer u nog een lijst toevoegt aan uw webpagina (bijvoorbeeld:een lijst met producten) dan krijgt dit automatisch dezelfde opmaak mee! Het bovenstaande probleem veroorzaakt een boel problemen bij de weergave van 'titels', andere 'lijsten' en andere 'links'. Enkel de navigatiebalk wordt correct weergegeven:
8 8 Dit kan u verhinderen door aan CSS te vertellen dat enkel de lijstitems van de navigatiebalk op deze manier moeten opgemaakt worden. Kijk naar de onderstaande aanpassingen: AANPASSINGEN AAN DE HTML <ul id="navigatie"> <li><a href="#">home</a></li> <li><a href="#">contact</a></li> <li><a href="#">nieuws</a></li> <li><a href="#">links</a></li> </ul> AANPASSINGEN AAN DE CSS #navigatie li{ list-style-type:none; float:left; #navigatie a{ background:#ccc666; padding:10px; padding-right:15px; padding-left:15px; display:block; text-decoration:none; color:white; font-variant:small-caps; font-size:large; font-family:arial, helvetica; #navigatie a:hover{ background:#cccccc; Door de bovenvermelde aanpassingen te doen, ziet het resultaat er al stukken beter uit. Enkel de titel achter de navigatiebalk springt niet naar het begin van de regel. Dit probleem lossen we wel op in het volgende hoofdstuk.
9 9 Een afbeelding als 'link'achtergrond Naast achtergrondkleuren, kan u ook achtergrondafbeeldingen achter de links plaatsen met behulp van CSS. Hiervoor neemt u best een smalle afbeelding met een kleurverloop. De linker- en rechterkant van de afbeelding moeten perfect overeenstemmen. Met een programma als Photoshop heeft u zulke afbeeldingen in een handomdraai gemaakt. Voorbeeld van een 'smalle' achtergrondafbeelding. Voordeel is dat de browsers deze afbeeldingen automatisch herhalen: dit gebeurt zowel verticaal als horizontaal. Hou er dus rekening mee dat u afbeelding ongeveer de hoogte heeft van de link. Voor de hover-afbeelding volstaat het de afbeelding lichtjes aan te passen (bijvoorbeeld: 180 draaien of een kleine kleurwijziging. Voorbeeld van een aangepaste hover-afbeelding. Hiervoor moeten we nog een paar kleine aanpassingen aanbrengen aan de CSS-code. a{ background:#ccc666; background-image:url('images/link.jpg'); padding:10px; padding-right:15px; padding-left:15px; display:block; text-decoration:none; color:white; font-variant:small-caps; font-size:large; font-family:arial, helvetica; a:hover{ background:#cccccc; background-image:url('images/linkhover.jpg'); De achtergrondafbeeldingen zijn opgenomen via de url-instructie. Zoals u ziet staan de afbeeldingen in een 'onderliggende map' met de naam images. background-image:url('images/linkhover.jpg');
10 10
11 11 CSS extern koppelen 1. In een laatste stap 'verwijderen' we de CSS-code uit onze HTML-pagina en we bewaren de code als een apart document. 2. We plakken deze code in een nieuw leeg bestand OPGELET: in een leeg codevenster plakken of in een teksteditor zoals Kladblok of Scite. Zeker niet in Word plakken!!! 3. De regels <style type="text/css"> en </style> mag u uit het nieuwe document verwijderen. 4. U slaat het nieuwe bestand op onder de naam stijl.css. 5. Vervolgens moeten we het externe stijlsjabloon 'koppelen' aan onze HTML-pagina. Daarvoor moet u in de <head></head>-sectie van het HTML-document de volgende regel toevoegen: <link rel="stylesheet" type="text/css" href="stijl.css"/> De head ziet er nu uit als volgt: <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <title>voorbeeld navigatiebalk met CSS</title> <meta name="author" content="kris Merckx"/> <link rel="stylesheet" type="text/css" href="stijl.css"/> </head> De voorbeeldbestanden bij deze les vindt u eveneens op
Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.
Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving
6. De sitemap of stamboom van uw website
6. De sitemap of stamboom van uw website Dynamisch of statisch? CMS of Dreamweaver? Een databankgestuurde website en CMS Grotere websites hebben nood aan een eenvoudiger manier om informatie toe te voegen,
Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen.
CSS Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. In CSS maken we een onderscheid tussen 2 soorten elementen in een webpagina: 1. Sommige elementen
Natuurlijk moet je niet element invoeren, maar de afgesproken benamingen, meestal afkortingen: zo staat p voor alinea en h1 voor een grote kop.
HTML-elementen Met de markeertaal HTML bouw je webpagina's en kan je ze eveneens aan elkaar koppelen (linken). Een webpagina bouw je niet met een tekstverwerker. Je schrijft hem best in code. Een browser
HTML 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
Google 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
Programmeren 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
Werken met afbeeldingen in webpagina's
Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.
Sushi 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
Schrijven voor het web. 1TIN Internettechonologie 2003-2004 les 02 1
Schrijven voor het web 1TIN Internettechonologie 2003-2004 les 02 1 Verschillen met gewone teksten niet noodzakelijk sequentieel lezen webpagina globaal lezen (geen details) beantwoorden aan doel van bezoek?
A 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
Frontpage 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.
Websitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Descendant selectors toepassen
HTML EN CSS de basis Oefening 13.4 Descendant selectors toepassen Maak een lijst binnen een definitielijstlijst en geef de binnenste lijst een totaal andere vormgeving. 13.7 Verticaal navigatieblok Een
Welkom bij mijn website tutorial (Deel 2)
Welkom bij mijn website tutorial (Deel 2) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
A 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
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
Tutorial HTML CSS met Adobe Dreamweaver CSx
Tutorial HTML CSS met Adobe Dreamweaver CSx Johan Smits, Saxion, Minor Internetmarketing, WCM1, week 4 Introductie Bij het werken met content op een website is het van groot belang om tekst en vormgeving
HTML 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.
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
Hier 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
Een ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Een webpagina maken. Een website bouwen met HTML en CSS practicum 1
Een webpagina maken De komende periode wordt in 8 practica een aantal technieken behandeld, die je nodig hebt om een (eenvoudige) website te kunnen bouwen. Nadat je deze 8 practica hebt doorgewerkt, moet
Pro templates. Copyright Starteenwinkel.nl
Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen
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
HTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy
Programmeren met CodeAcademy HTML is de taal die gebruikt wordt om webpagina s te maken die jij elke dag bezoekt. Het is een logische manier om een website te structureren. Laten we kijken wat de term
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
Handleiding 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...
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
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.
5. Inhoud, structuur en opmaak met HTML en CSS
5. Inhoud, structuur en opmaak met HTML en CSS Het oorspronkelijke doel van HTML was tekstinformatie via het "internet" uitwisselbaar maken onafhankelijk van het computersysteem of het besturingssysteem.
Bsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica
Proces- en presentatieportfolio Technisch Ontwerp en Informatica http://toi.bk.tudelft.nl/bsc5 toi@bk.tudelft.nl Procesportfolio [week 2 t/m 17] voortgang en verloop van het ontwerpproces GEEN productpresentatie
Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
Handleiding 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
IAI: Les 2 Vakjes maken. Rick Hazebroek r.hazebroek@cibap.nl
IAI: Les 2 Vakjes maken Rick Hazebroek r.hazebroek@cibap.nl 1 2 Les 2 Bekijk de powerpoint van deze les Opdracht 1: Vakjes maken Bekijk de tekening op de vorige pagina. Je ziet hier verschillende onderdelen:
Internet_html.doc 1/6
Internet_html.doc 1/6 Internet html. HTML syntax en regels Een HTML-element is opgebouwd uit een startmarkering en een eindemarkering (behalve enkele speciale markeringen zoals bvb. , , ).
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
!!!!!!!!!!!! Handleiding website! VV Den Ham
Handleiding website VV Den Ham versie 1.1 1 van 26 " Stand Template Team foto s Template Team Template " Spelers Template Topscorers Template 9 van 26 6.5 Download template De download pagina bestaat uit
Introductie. Wat is HTML?
Introductie Wat is HTML? Hypertext Markup Language (HTML) is de taal van het World Wide Web. Elk document op het web is geschreven in HTML en alle onderdelen - zoals de opmaak van documenten, koppelingen,
<meta name="description" content= "de tekst die in zoekresultaten bij de link te lezen is" />
Author Description Favicon
HANDLEIDING DOIT BEHEER SYSTEEM
HANDLEIDING DOIT BEHEER SYSTEEM ALGEMENE INFORMATIE Het Doit beheer systeem is een modulair opgebouwd systeem waarin modules makkelijk kunnen worden toegevoegd of aangepast, niet iedere gebruiker zal dezelfde
Cascading Style Sheets
Cascading Style Sheets Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/css/index.html 1TIN Internettechnologie 2003-2004 les 07 1 Onderwerpen Cascading model Syntax Toevoegen van
Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0
Schoolwebsite.nu Snel aan de slag met uw website Versie 4.0 Inhoudsopgave Inhoudsopgave... 2 1 Inleiding... 3 2 Voor dat u begint... 4 3 Teksten op de website... 6 4 Groepspagina s... 8 5 De groepspagina...
Een imagemap of klikkaart is een standaard afbeelding (jpg, gif of png) waarop bepaalde zones aanklikbaar worden gemaakt.
Imagemaps Een image map bestaat uit een eenvoudige afbeelding (jpeg, gif...). Door bepaalde delen van de afbeelding aanklikbaar te maken, kan u bezoekers naar verschillende pagina's in de website doorsturen.
HTML BEGINNER Inhoudsopgave
Inhoudsopgave 6 7 8 9 0 Configuratie Een webpagina maken Een stijlbestand toevoegen Een lijst maken Afbeeldingen toevoegen Meer pagina's toevoegen Links maken Navigeren op je website Een menu maken Het
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
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...
Extra: Hoe u uw website met HTML kunt verbeteren
Extra: Hoe u uw website met HTML kunt verbeteren HTML is een afkorting van Hyper Text Markup Language. Zoals de term al zegt is het een "opmaak taal", dat wil zeggen het vertelt de browser door middel
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
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
15. Tabellen. 1. wat rijen, kolommen en cellen zijn; 2. rijen en kolommen invoegen; 3. een tabel invoegen en weer verwijderen;
15. Tabellen Misschien heeft u al eens geprobeerd om gegevens in een aantal kolommen te plaatsen door gebruik te maken van spaties, kolommen of tabs. Dat verloopt goed totdat u gegevens wilt wijzigen of
Frontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Wat is een child-theme?
Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet
Aan de slag met Word 2016? Ontdek de basisfuncties. Maak een nieuw document aan, typ teksten en maak het geheel vervolgens netjes op.
Word 2016 - basis Aan de slag met Word 2016? Ontdek de basisfuncties. Maak een nieuw document aan, typ teksten en maak het geheel vervolgens netjes op. Welke Word? Word 2016 is te koop als onderdeel van
Info-books. Toegepaste Informatica. Deel 10: Electronisch publiceren: XHTML en CSS AL10. Jos Gils Erik Goossens
Info-books AL10 Toegepaste Informatica Deel 10: Electronisch publiceren: XHTML en CSS Jos Gils Erik Goossens Hoofdstuk 5 Hyperlinks 5.1 Probleemstelling In uitgebreide documenten wens je op een eenvoudige
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
Module V - XML. Stefan Flipkens - Cursus: Internet - Intranet (2004-2005) V 1
Module V - XML Extensible Markub Language is een eenvoudig en flexibel text-formaat voor de opslag van data. Het is een meta opmaak (markup) taal voor de beschrijving van gestructureerde gegevens. De stukjes
Webdesign. cursusjaar 2009-2010. Practicumoefeningen met. (X)HTML en CSS
Webdesign cursusjaar 2009-2010 Practicumoefeningen met (X)HTML en CSS Departement Informatica Bacheloropeliding Informatiekunde Hans Voorbij (2010) Inhoud 1. Basisoefeningen met HTML...........................................
Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ
FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online
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
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
Handleiding Lay-outs bewerken voor LogiVert 5
Hoofdstuk: Inleiding Handleiding Lay-outs bewerken voor LogiVert 5 Copyrights : 20 LogiVert BV Website : www.logivert.com V.0.3 5-5-2009 Toevoegingen aan stap voor stap V.0.2 9-4-2009 Tweede opzet V. 0.
14. Opsomming & Nummering (lijsten)
14. Opsomming & Nummering (lijsten) Het is mogelijk om een alinea op te maken als een opsomming. De regels springen dan een beetje in en ze worden voorafgegaan door een streepje, bolletje of nummer. Hieronder
Verwijderen van een persoon kan door de regel leeg te maken. Met de knop (linksonder) Verwijderen verwijdert u de hele pagina!
Algemeen Ingelogd als moderator/ pagina beheerder kan je teksten op een pagina plaatsen, bewerken of verwijderen. Ga naar de pagina waar je toegang tot hebt. Onder het logo en boven de foto (header) krijg
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
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.
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
Sharepoint 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
Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.
MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om
Eindopdracht webdesign
Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef
WebHare en Microsoft Word
WebHare en Microsoft Word Optimaliseer uw Word documenten voor gebruik met WebHare Werken met alinea s Opmaakprofielen Afbeeldingen Datum: Maart 2010 Aantal pagina's: 26 Versie: 2.6 Doelgroep: Content
FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40
FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken
Werken met de editor in het beheerpaneel
Werken met de editor in het beheerpaneel In het beheerpaneel van i-reserve wordt op een aantal schermen gewerkt met een editor. Bijvoorbeeld bij de e- mail en factuur templates, maar ook in het product-detailscherm.
Web 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
formulieren met gedragingen en
14 Interactieve formulieren met gedragingen en SPRY De belangrijkste punten van hoofdstuk 14 Kennismaken met behaviors. Webeffecten leren aanmaken. De verschillende soorten behaviors gebruiken. Wat leert
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.
HANDLEIDING CMS. Blackbrick.nl. Datum Oktober Versie Online-Marketingmachine, Marco Bouman en Maico de Jong
HANDLEIDING CMS Blackbrick.nl Datum Oktober 2013 Versie 3.24 Auteurs Online-Marketingmachine, Marco Bouman en Maico de Jong INHOUDSOPGAVE 1. INLEIDING 2. AAN DE SLAG 3. TE BEHEREN ELEMENTEN IN DE SITE
Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:
Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia
Leerlingdossier & handelingsplannen
FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online
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
Portfolio s in Google Sites
Portfolio s in Google Sites Vanaf het schooljaar 2012-2013 biedt de NHL de optie om portfolio s aan te maken met Google Sites. De NHL-accounts bij Google zijn afgeschermd voor mensen die niet bij de NHL
Syllabus Zelf een website bouwen. Artheos
Syllabus Zelf een website bouwen Artheos Helma de Boer Artheos Webdiensten & Office Support www.artheos.nl 2012 Inhoud Syllabus Zelf een website bouwen H1 De techniek van een website... 3 1.1 Browser en
HTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
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
MWeb 4.0. Handleiding Basis Modules Versie 1.0
MWeb 4.0 Handleiding Basis Modules Versie 1.0 Index 1. Algemeen 3 1.1. Gebruikersnamen en Wachtwoorden 3 1.2. Inloggen 3 1.3. Uitloggen 3 1.4. Belangrijk 3 2. User Manager 4 2.1. Gebruikers lijst User
Handleiding: Whitelabel Customersite
ARGEWEB B.V. Handleiding: Whitelabel Customersite Controlportal.nl Argeweb Support 8-1-2009 Handleiding voor het gebruik maken van de Whitelabel Customersite op controlportal.nl, door Resellers van Argeweb.
Handleiding. Inhoudsopgave 25-02-2014
Inhoudsopgave Beheerders Dashboard...2 Kalender beheerders...3 Activiteiten beheren...3 Herhalende activiteiten...4 Wijk coördinatoren...5 Kalenders beheren...5 Kalenders exporteren...6 Gebruikers beheren...7
Comic Life: Maak een fotostrip in de klas
Comic Life: Maak een fotostrip in de klas Wat ga je doen? Je gaat een fotostrip maken met het programma Comic Life. Hiermee kun je gemakkelijk je eigen verhaal construeren. In het programma kun je per
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
LES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting.
LES 8: CSS Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les kun je CSS in de WordPress
Kris Merckx - 16/10/ Agnes.js - creative commons license
Agnes.js - alpha 2.5 => www.ardeco.be/agnes (testsite) Fase 1: Opzetten van de frameworkbasis (afgerond) TOETSTYPES: - meerkeuze (één of meerdere correcte antwoorden) - invuloefening - ja-neen-vragen -
Handleiding WIS TM Live-editing Live editing is een WIS TM module
Handleiding WIS TM Live-editing Live editing is een WIS TM module Live-edit 1. Inleiding De nieuwe versie van WIS tm beschikt over een aantal nieuwe functionaliteiten, waarvan vooral liveediting als nieuwe
Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012
Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Id s en klassen (id- en class-attributen) id-attribuut: Elk HTML-element kan gespecificeerd worden door middel van een
Interactief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
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
Stappenplan Blog maken
WAT IS BLOGGER? Een blog is een website waar je regelmatig nieuwe inhoud in de vorm van berichten plaatst. Een nieuwe blogpost kun je plaatsen wanneer jij wilt, dagelijks, wekelijks of maandelijks. Lezers
Publicatie formulieren en surveys
Handleiding: Publicatie formulieren en surveys Deze handleiding is in te zetten voor MailPlus Marcom en MailPlus ecom. Inhoudsopgave Introductie... 1 1 Formulieren integreren... 2 1.1 Formulieren integereren
Zorgmail handleiding. Inhoud
Inhoud 1. Beginnen met Zorgmail pag. 2 2. Het instellen van Zorgmail pag. 2 3. Het gebruik van Zorgmail m.b.t. Artsen pag. 3 4. Het aanpassen van de lay-out van Zorgmail pag. 4 5. Werken met Zorgmail pag.
Web building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building
HTML. 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