Schrijven voor het web. 1TIN Internettechonologie les 02 1
|
|
- Melissa Bogaert
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Schrijven voor het web 1TIN Internettechonologie les 02 1
2 Verschillen met gewone teksten niet noodzakelijk sequentieel lezen webpagina globaal lezen (geen details) beantwoorden aan doel van bezoek? 1TIN Internettechonologie les 02 2
3 Enkele richtlijnen witruimte aandacht trekken. duidelijke beginkop of -titel. veel koppen. lijsten (genummerde of opsommingstekens). grafisch materiaal functioneel. 1TIN Internettechonologie les 02 3
4 Enkele richtlijnen korte zinnen, langere zinnen afwisselen met korte. vermijd bijzinnen: bijzin nieuwe hoofdzin hypertext kan termen uit te leggen schrijf levendig. spelling. 1TIN Internettechonologie les 02 4
5 HTML 4 1TIN Internettechonologie les 02 5
6 Informatie over HTML De volledige HTML 4.01 specificatie (Engels) Online cursus HTML4 (nederlands) 1TIN Internettechonologie les 02 6
7 HTML-componenten Elementen: namen van elementen worden tussen < en > -tekens geschreven. <Begintag>inhoud<Eindtag> Elementen hebben attributen. <Begintag attributen>inhoud<eindtag> Opmerking Sommige elementen hebben geen inhoud en Eindtag. 1TIN Internettechonologie les 02 7
8 Voorbeeld HTML-pagina <HTML> <HEAD> Element-naam TITLE <TITLE>Voorbeeld</TITLE> </HEAD> Attribuut-naam bgcolor van het element BODY <BODY bgcolor= Yellow"> <H1>Welkom op mijn webpagina</h1> <P>Voorlopig is hier <B>niets interessant </B>te vinden kom later eens terug</p> </BODY> </HTML> 1TIN Internettechonologie les 02 8
9 Speciale codes voor sommige karakters Naargelang het OS kan een karakter op andere manier geïnterpreteerd worden (DOS/Windows, Linux). sommige karakters nl. < > & " hebben in HTML een speciale betekenis. 1TIN Internettechonologie les 02 9
10 Speciale karakters HTML U begint steeds met & en eindigt met een ; Tekstnotatie: Decimale notatie Hexadecimale notatie Voor overzichtlijsten verwijzen we naar en 1TIN Internettechonologie les 02 10
11 Enkele speciale karakters: " dubbel aanhalingsteken " " & ampersand & & < kleiner dan < < > groter dan > > 1TIN Internettechonologie les 02 11
12 Scheiding structuur en presentatie 1TIN Internettechonologie les 02 12
13 Scheiding structuur presentatie oorspronkelijk HTML: informatie in een heldere structuur indeling in koppen (H1,H2, ). uiteindelijke opmaak van het HTMLdocument bepaald door de browser. 1TIN Internettechonologie les 02 13
14 Scheiding structuur presentatie behoefte aan meer mogelijkheden bij de opmaak van documenten nieuwe elementen en attributen verstrengeling van structuur en presentatie 1TIN Internettechonologie les 02 14
15 Oplossing introductie van CSS (Cascading Style Sheets) gevolg: in HTML4.01 een groot aantal elementen de status deprecated (afgekeurd), beter het CSS-equivalent. 1TIN Internettechonologie les 02 15
16 DTD en DOCTYPE-declaratie 1TIN Internettechonologie les 02 16
17 DOCTYPE declaratie DOCTYPE (document type) declaratie geeft aan aan welke HTML-versie het document voldoet, informatie voor browser. Moet vooraan in een html-document. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//NL" " <HTML> <HEAD> 1TIN Internettechonologie les 02 17
18 DOCTYPE declaratie DOCTYPE declaratie document type definition (DTD). de DOCTYPE declaratie is nodig indien men de HTML-code wilt laten controleren door een HTML-validator. 1TIN Internettechonologie les 02 18
19 Document Type Definition De syntaxis van HTML 4.01 wordt gedefinieerd door document type definition (DTD) HTML 4.01 bevat drie DTD: HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset 1TIN Internettechonologie les 02 19
20 HTML 4.01 Strict DOCTYPE declaratie HTML 4.01 Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Alle elementen en attributen, behalve de afgekeurde en diegene die betrekking hebben op frames. 1TIN Internettechonologie les 02 20
21 HTML 4.01 Transitional DOCTYPE declaratie HTML 4.01 Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Alle elementen en attributen (ook de afgekeurde), behalve diegene die betrekking hebben op frames. 1TIN Internettechonologie les 02 21
22 HTML 4.01 Frames DOCTYPE declaratie HTML 4.01 Frames: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Alles uit HTML 4.01 Transitional + diegene die betrekking hebben op frames. 1TIN Internettechonologie les 02 22
23 HTML HEAD - BODY Een HTML-document bestaat uit twee delen: de head en de body: <HTML> <HEAD>.. informatie over het document.. </HEAD> <BODY>.. inhoud document.. </BODY> </HTML> 1TIN Internettechonologie les 02 23
24 HEAD - TITLE - META 1TIN Internettechonologie les 02 24
25 HEAD-element HEAD-element kan volgende elementen bevatten, die informatie over het document definiëren: TITLE BASE, META, LINK, STYLE en SCRIPT. 1TIN Internettechonologie les 02 25
26 TITLE wordt meestal weergegeven in de titelbalk van het browservenster. wordt dikwijls door zoekmachines als kop boven het zoekresultaat geplaatst. 1TIN Internettechonologie les 02 26
27 TITLE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//NL" <HTML> <HEAD> <TITLE>HOGENT-Departement Bedrijfskunde-Toegepaste Informatica 1 jaar-internettechnologie</title> </HEAD> <BODY> </BODY> </HTML> 1TIN Internettechonologie les 02 27
28 META-element algemene informatie over de webpagina. gebruikt door zoekmachines voor het indexeren van de pagina. niet alle zoekmachines maken echter gebruik van dezelfde META-informatie. Eén van de standaarden op dit moment is: Dublin Core Metadata Element Set, Version 1.1 HTML 4.01voorziet geen lijst met mogelijke waarden voor het attribuut NAME. 1TIN Internettechonologie les 02 28
29 META-element name- en content-attributen <META name="keywords" content="kayak, boot, eskimoteren"> <META name="generator" content="microsoft Word 9"> 1TIN Internettechonologie les 02 29
30 META-element http-equiv- en content-attributen <META http-equiv="refresh" content="2"> <META http-equiv="refresh" content="3; url=nindex.htm"> 1TIN Internettechonologie les 02 30
31 Blokelementen en inline elementen 1TIN Internettechonologie les 02 31
32 Blokelementen en inline elementen structuur toevoegen aan tekst met blokelementen en inline elementen: Blokelementen zijn elementen die vooraf gegaan en gevolgd worden door de overgang naar een nieuwe regel. Inline elementen zijn elementen die dezelfde regel kunnen delen met andere elementen 1TIN Internettechonologie les 02 32
33 Blokelementen block-level-elementen Kunnen op zich weer blokelementen, maar ook inline elementen bevatten, men spreekt van nesten. Blokelementen creëren grotere structuren dan inline elementen. Voorbeelden: P, OL, UL, DIV, 1TIN Internettechonologie les 02 33
34 Inline elementen Inline elementen kunnen andere inline elementen bevatten, geen blokelementen. Voorbeelden: A, B, I, SPAN, 1TIN Internettechonologie les 02 34
35 Regels en alinea s 1TIN Internettechonologie les 02 35
36 P-element (Paragraph) doel: structureren van tekst door het indelen in paragrafen. begin- en eindtag (niet verplicht). mag geen blokniveau elementen bevatten. Voorbeeld: <P>Dit is de eerste paragraaf</p><p>dit is de tweede paragraaf</p> 1TIN Internettechonologie les 02 36
37 BR-element (forced line break) Voorbeeld: <P>Deze tekst is ingesloten door het P element. Met het BR element<br>ga je naar een nieuwe regel.</p> Resultaat: Deze tekst is ingesloten door het P element. Met het BR element ga je naar een nieuwe regel Wilt u twee woorden steeds bij elkaar houden op dezelfde regel dan kunt u een non-breaking space gebruiken: Voorbeeld: Jan Janssens 1TIN Internettechonologie les 02 37
38 HR-element een pagina visueel indelen door middel van een horizontale lijn. Voorbeeld: <P>Deze paragraaf is ingesloten door het P element. Na deze paragraaf is er een HR element geplaatst.</p> <HR> <P>Het HR-element is een blokelement en voegt een horizontale lijn toe aan de tekst.</p> Resultaat: Deze paragraaf is ingesloten door het P element. Na deze paragraaf is er een HR-element geplaatst. Het HR-element is een blokelement en voegt een horizontale lijn toe aan de tekst. 1TIN Internettechonologie les 02 38
39 Koppen koppen worden gedefinieerd met H1, H2, H3, H4, H5, H6 elementen. H1 - meeste belangrijke H6 - minst belangrijke. browser zal belangrijkere koppen in een groter lettertype weergeven. 1TIN Internettechonologie les 02 39
40 Koppen <H1>Belangrijke titel</h1> resultaat: Belangrijke titel <H6>Niet echt belangrijk</h6> resultaat: Niet echt Belangrijk 1TIN Internettechonologie les 02 40
41 BLOCKQUOTE-element element op blokniveau lange citaten. wordt in browser ingesprongen weergegeven. niet meer gebruiken om tekst in te springen (afgekeurd), enkel voor citaten. met attribuut CITE kan de URL van de bron van het citaat meegegeven worden (momenteel doet een browser echter niets met dit attribuut). 1TIN Internettechonologie les 02 41
42 PRE-element (preformatted text) spaties en regelovergang worden weergegeven, zoals ze in het document stonden. tekst in <PRE> mono-spaced lettertype. handig voor het weergeven van programmacode (JAVA) op een webpagina. 1TIN Internettechonologie les 02 42
43 HTML-code leesbaar maken alles op één lange regel is toegestaan. voor de leesbaarheid enkele regels. geneste blokelementen laten inspringen. lijsten opmaken als lijsten alinea s opmaken als alinea s elementnamen in hoofdletters attribuutnamen in kleine letters 1TIN Internettechonologie les 02 43
Websitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieHTML & 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
Nadere informatieHTML elementen en attributen (volgens de Strict DTD)
HTML 4.01 - elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde
Nadere informatieFFO 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
Nadere informatieCursus HTML voor beginners
Cursus HTML voor beginners Gebruikte bron: /www.handleidinghtml.nl/ HTML is de taal waarmee je documenten (webpagina's) maakt die bekeken kunnen worden op het World Wide Web. HTML staat voor HyperText
Nadere informatieHTML. inhoud structuur semantiek. HTML5 & semantiek of betekenis. semantisch coderen. Semantisch coderen: waarom? 3/09/2016
HTML 3/09/2016 STUDIEPUNTEN theoretisch luik SEMANTIEK en META-ELEMENTEN 1. Recap (Structuur) 2. Semantiek en semantisch coderen 3. Metadata 4. Attributen van HTML elementen 5. Optimaliseren basis HTML5
Nadere informatieIntroductie. 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,
Nadere informatieSoftware 1. Basis HTML. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1
Software 1 Basis HTML bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Alain Simons alain.simons@artesis.be Basis HTML 1. Introductie 2.
Nadere informatieFrontend 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
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatieHtml: stramien en tekst
1 Html: stramien en tekst De belangrijkste punten van hoofdstuk 1 X X Laat de bestandsnaam van een webpagina eindigen op.html. XX Begin een webpagina met de juiste document type declaration (doctype).
Nadere informatieExtra: 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
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 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 informatieHTML BASISCURSUS. ICT HTML basiscursus 1
HTML BASISCURSUS ICT HTML basiscursus 1 inleiding De algemene structuur van een webpagina is als volgt : Mijn
Nadere informatieHTML 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 informatieInformatica 4H/V. Les 4 HTML. Periode 1 HTML en Netwerken bzmr - Da Vinci College Purmerend 1
Informatica 4H/V Periode 1 HTML en Netwerken Les 4 HTML 18-9-2017 bzmr - Da Vinci College Purmerend 1 De lessen deze week We onderzoeken hoe een tekst wordt opgeslagen We maken een nieuw tekstbestand We
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 informatieAgenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
(X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit
Nadere informatieCascading 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
Nadere informatieHTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
Nadere informatie<meta name="description" content= "de tekst die in zoekresultaten bij de link te lezen is" />
Author Description Favicon
Nadere informatieWebsites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
Nadere informatieEen webpagina maken. Introductie HTML. HTML5 & Webdesign. 2.1 Inleiding. In dit hoofdstuk leer je een webpagina te maken. Je leert uit welke
Introductie HTML Een webpagina maken 2.1 Inleiding In dit hoofdstuk leer je een webpagina te maken. Je leert uit welke onderdelen een webpagina bestaat, hoe je tekst kunt weergeven en hoe je hyperlinks
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 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 informatieFrames. Dit gedeelte wordt uitgebreid besproken in 1TIN Internettechnologie les 06
Frames Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/html/frames.htm 1 Frames - doel? Browservenster kan opgedeeld worden in meerdere views (= schermen, subvensters) Laten toe
Nadere informatieInternet_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. , , ).
Nadere informatieExtra s. Extra s bij HTML en CSS - de basis, 3e editie. X X Extra tekst: subscript en superscript. Extra tekst: entiteiten
Extra s bij HTML en CSS - de basis, 3e editie X X Extra tekst: subscript en superscript XX Extra tekst: entiteiten GEEN DOCTYPE In de meeste browsers kun je de html-code van een webpagina bekijken (zoek
Nadere informatieINTERNET STANDAARDEN HC1
9 September 2008 INTERNET STANDAARDEN HC1 Wat is het internet? Wat zijn standaarden? Wat gaan we doen dit jaar? Hogeschool van Amsterdam Instituut voor Interactieve Media Hogeschool van Amsterdam Instituut
Nadere informatieLES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS
LES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS In les 1 hebben we op een webpagina aan een gedicht de beoogde vorm gegeven. We deden dit met het html-code-element
Nadere informatieInhoud. Pagina 2 van 13
Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4
Nadere informatieModule 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
Nadere informatieEen webpagina maken. Een website bouwen met HTML en CSS practicum 1
Een webpagina maken De komende periode wordt in 8 practica een aantal technieken behandeld, die je nodig hebt om een (eenvoudige) website te kunnen bouwen. Nadat je deze 8 practica hebt doorgewerkt, moet
Nadere 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 informatieVoorbeeld: In een tekstverwerker staat: Dit is scheve tekst Om in HTML hetzelfde effect te krijgen moet er staan: <i>dit is scheve tekst</i>
Wat is HTML? HTML staat voor HyperText Markup Language. Een HTML tekst bestaat uit zogenaamde platte tekst (ook wel de eerste 128 tekens van ASCII genoemd). In tegenstelling tot bijvoorbeeld tekstverwerker
Nadere informatieInternet Standaarden HC4
Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor
Nadere informatieHTML&CSS. websites ontwerpen en bouwen JON DUCKETT
HTML&CSS websites ontwerpen en bouwen JON DUCKETT inhoud Inleiding 1 Is het moeilijk om te leren? 4 De structuur van dit boek 5 Hoe mensen online gaan 6 Hoe websites gemaakt worden 7 1. Structuur 11 Hoe
Nadere informatieWebsites & Zoekmachines
Zoekmachines, Wat en Hoe... 2 Wat is een Zoekmachine?... 2 Hoe werkt het?... 2 Meldt Je Site Aan... 3 Meta-data... 3 Links naar je site... 3 De grote 3... 3 Hoe aanmelden?... 3 Wachttijd na aanmelding...
Nadere informatieTutorial 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
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 informatieOnline SEO-CHECKLIST. Switch Reclamebureau bv I Rendementsweg 2-Q I Mijdrecht I I
SEO-CHECKLIST Strategie Concept Creatie SEO-checklist Met de SEO check van Switch kijken wij naar 51 specifieke onderdelen die ervoor zorgen dat uw website beter presteert. Hieronder vindt u een overzicht
Nadere informatieWebdesign. 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...........................................
Nadere informatieBIJLAGEN Begrippenlijst HTML
BIJLAGEN Begrippenlijst HTML In dit overzicht staan alle elementen, attributen en andere begrippen van xhtml versie 1.0 strict die in dit boek zijn behandeld, alfabetisch gerangschikt. BIJLAGEN Begrippenlijst
Nadere informatieToetsmatrijs Web Markup
Toetsmatrijs Web Markup Deze toetsmatrijs verstrekt de leerdoelen en toetscriteria voor het vak Web Markup competentienummers of C 1.1 Een eenvoudige webpagina bouwen, testen en publiceren op het web HTML,
Nadere informatieHTML 4.01. Hans Roeyen V 3.0
4.01 Hans Roeyen V 3.0 29 januari 2015 1. Inleiding... 3 1.1. Een HTML bestand aanmaken.... 3 1.2. Een verklaring van de gebruikte elementen... 4 1.3. HTML Tags... 5 1.3.1. Tag attributen... 5 1.4. Basis
Nadere informatieDoelen: Als je deze opdracht hebt uitgevoerd, heb je de volgende doelen bereikt: Je kunt een eenvoudige webpagina maken met behulp van HTML.
OPDRACHTKAART MM-05-04-01 HTML Voorkennis: Geen. Intro: De opmaaktaal voor het WWW heet HTML (Hyper Text Markup Language). Met HTML kan een webpagina worden gemaakt, inclusief hyperlinks. Tijdens deze
Nadere informatieQuick and Dirty HTML/CSS in epub - handleiding voor beginners
Quick and Dirty HTML/CSS in epub - handleiding voor beginners Introductie Deze handleiding is voor zowel de beginnende als de gevorderde gebruikers. Je hoeft niets te weten van HTML, CSS of zelfs epub
Nadere informatieWebsite analyse pluimersmedia.nl
Website analyse pluimersmedia.nl Gegenereerd op Januari 01 2017 03:14 AM Uw score is 50/100 Zoekmachine optimalisatie Titel Pluimers Mediaservice Lengte : 21 Perfect, uw title tag bevat tussen de 10 en
Nadere informatieVersie 2.0 (mei 2005)
Versie 2.0 (mei 2005) 1. Woord vooraf De archivering van websites kan door verschillende redenen worden gemotiveerd: de inter/intranetsite van een openbare dienst kan de handelingen en beslissingen van
Nadere informatieWebsite analyse studiopeetr.nl
Website analyse studiopeetr.nl Gegenereerd op November 18 2016 17:01 PM Uw score is 56/100 Zoekmachine optimalisatie Titel Studio Peet Freelance DTP vormgeving beeldbewerking webdesign Lengte : 70 Perfect,
Nadere informatieDe tag aan het begin van het PHPscript is "<?php" aan het einde van het PHPscript gebruik je "?>".
PHP Les 3 Commando ECHO Interessante links: o http://www.donboscozwijnaarde.be/~moermant/ o http://php.net/manual/en/function.echo.php o http://www.w3schools.com/php/default.asp Wat is PHP? PHP is een
Nadere informatieWEBSITE USABILITY. white-paper
WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te
Nadere informatieWEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online
WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren
Nadere informatieAgenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@cs.vu.nl Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes
Nadere informatieHTML5 overzicht Tag Uitleg Versie Attributen
HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en
Nadere informatieWebsite beoordeling zonetelechargement.com
Website beoordeling zonetelechargement.com Gegenereerd op Juli 23 2015 10:12 AM De score is 47/100 SEO Content Title zone-telechargement.com 520: Web server is returning an unknown error Lengte : 71 Let
Nadere informatieUw website optimaliseren voor zoekmachines
Uw website optimaliseren voor zoekmachines Waarom zou je optimaliseren? Met een goede website of goed product ben je er nog niet. Wanneer je product of dienst namelijk niet bekend is bij de gebruiker,
Nadere informatieY.S. Lubbers en W. Witvoet
WEBDESIGN Education CS Evaluatie door: Y.S. Lubbers en W. Witvoet We hebben voor de bonus evaluatie de tien subpagina s van www.cs.uu.nl/education getest. We hebben hierbij de tool van http://www.webrichtlijnen.nl/toetsen
Nadere informatieNVU work shop. Kees Moerman http://www.keesmoerman.nl November 2006. 1. Overzicht van een web site. Wat is een web site HTML files
NVU work shop Moerman http://www.keesmoerman.nl November 2006 1 1 Overzicht 1. Overzicht van een web site Wat is een web site HTML files 2. NVU: Een HTML editor Overzicht Een eerste pagina Configuratie
Nadere informatieWebsite beoordeling megabikestuttgart.de
Website beoordeling megabikestuttgart.de Gegenereerd op August 03 2015 14:46 PM De score is 57/100 SEO Content Title MEGA bike Radsport Stuttgart Lengte : 28 Perfect, uw title tag bevat tussen de 10 en
Nadere informatieInformatietechnologie 1. HTML: DOM, Links en Afbeeldingen. Links en afbeeldingen. Kristof Michiels
Informatietechnologie 1 HTML: DOM, Links en Afbeeldingen Links en afbeeldingen Kristof Michiels In deze presentatie DOM of Document Object Model Links (a element) Naar externe pagina's Naar documenten
Nadere informatieEen verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.
Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving
Nadere informatieZonnepanelen Hoe krijg je de data op je website?
Zonnepanelen Hoe krijg je de data op je website? Beste website-bezoeker, Omdat ik al heel wat vragen kreeg over het gedeelte zonne-energie op mijn website, heb ik besloten om de werkwijze die ik gevolgd
Nadere informatieSysteemarchitecturen en opslag van gegevens
Systeemarchitecturen en opslag van gegevens Deel 3: zoeken in ongestructureerde gegevens Dr. Wilfried Lemahieu wilfried.lemahieu@econ.kuleuven.ac.be Gestructureerde versus ongestructureerde gegevens De
Nadere informatie4. De homepagina maken
95 4. De homepagina maken Als u een thema heeft geïnstalleerd, is al een aantal onderdelen ingevuld als voorbeeld. Naast de header staan er ook voorbeeldteksten, afbeeldingen, hyperlinks en soms nog andere
Nadere informatieEen 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.
Nadere informatieWebsite analyse lichting98.nl
Website analyse lichting98.nl Gegenereerd op November 06 2016 00:56 AM Uw score is 53/100 Zoekmachine optimalisatie Titel Ontwerpburo Lichting98 - Ontwerpbureau van Nils Hilbers te Rotterdam Lengte : 69
Nadere informatieWebsite beoordeling larivieracasino.org
Website beoordeling larivieracasino.org Gegenereerd op Oktober 30 2018 02:00 AM De score is 37/100 SEO Content Title Riviera Casino : Casino La Riviera Online Lengte : 41 Perfect, uw title tag bevat tussen
Nadere informatieprogrammeren in HTML (5) CSS (3) JavaScript
programmeren in HTML (5) CSS (3) JavaScript Op dit lesmateriaal is een Creative Commons licentie van toepassing. 2010 Remie remie.woudt@gmail.com Woudt Inhoudsopgave 1 HTML...1 1.1 Wat heb je nodig?...1
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 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 informatieHet googlebaar van je site maken gebeurt in een paar stappen:
DR3_fons_les_11_en_les_12 _SEO 2014_11_27_en_2014_12_04 1 CMS is niet optimaal voor SEO = search engine optimalisatie Hoe hoger je op de ranking staat in google, hoe hoger de kans is dat je gevonden wordt.
Nadere informatieCHECKLIST. Zoals je ziet, hebben de pagina s die bovenaan staan het keyword vooraan in de title tag geplaatst.
ON-PAGE SEO CHECKLIST 1 ZET JE KEYWORD VOORAAN IN DE TITLE TAGS Zoals je ziet, hebben de pagina s die bovenaan staan het keyword vooraan in de title tag geplaatst. Voorbeeld: stel dat je een title tag
Nadere informatieWebrichtlijnen onderzoek gemeente Westland
Webrichtlijnen onderzoek gemeente Westland Accessibility webrichtlijnen Hieronder zijn de richtlijnen opgesteld na onderzoek op de website van de gemeente Westland, deze test ook wel de 126 webrichtlijnen
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 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 informatieHet bouwen van een website.
Het bouwen van een website. Les 1. Wat is een website? Hoe werkt het web? Het web of internet dat zijn een verzameling van speciale computers genaamd servers, Die allemaal met elkaar verbonden zijn. Onze
Nadere informatieWebsite rapport zazoutotaal.nl
Website rapport zazoutotaal.nl ZazouTotaal Full Service Mediabureau Webdesign ZazouTotaal Full Service Mediabureau. De Webdesigner met 10 jaar ervaring. Voor betaalbare websites en webwinkels. Voor alle
Nadere informatieWebsite beoordeling therunclub.com
Website beoordeling therunclub.com Gegenereerd op Februari 03 2017 09:07 AM De score is 39/100 SEO Content Title Error: Domain mapping upgrade for this domain not found Lengte : 55 Perfect, uw title tag
Nadere informatie2. KENNISMAKEN MET DE PROGRAMMA'S
Deze cursus is geschreven ter vervanging van de eerste twee les-stencils over HTML die we sinds 1997 op de PCW gebruikten. 'HTML voor beginners' helpt je een eind op weg met het maken van je eigen website.
Nadere informatieWebsite beoordeling cite4me.org
Website beoordeling cite4me.org Gegenereerd op Mei 03 2019 15:52 PM De score is 38/100 SEO Content Title Reference Maker and Citation Machine - Generator: Amazing Tool for Effortless Referencing Lengte
Nadere informatieDe mogelijkheden van XML voor de langdurige bewaring van digitale documenten. DAVID studiedag 30 nov 2000
De mogelijkheden van XML voor de langdurige bewaring van digitale documenten DAVID studiedag 30 nov 2000 Prof. Jan Engelen, Steven Depuydt K.U.Leuven - ESAT Onderzoeksgroep Document Architecturen Waarom
Nadere informatieAcademisch schrijven. Tips and tricks
Academisch schrijven Tips and tricks Overzicht ViP s ViP-1: structuur 1 ViP-2: refereren, parafraseren en citeren ViP-3: cohesie en zinsconstructies ViP-5: structuur 2 ViP-1: structuur 1 Titel en kopjes
Nadere informatieQuickscan Webrichtlijnen
Quickscan Webrichtlijnen Gemeente Eemsmond Gemeente Eemsmond Datum 19-10-2015 Auteur Remco Belgraver Inhoudsopgave Inhoudsopgave 2 Samenvatting 3 Bevindingen 3 Quickscan 4 Sample 4 Resultaten 5 Pagina
Nadere informatie5. 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.
Nadere informatieModule IV - Cascading Style Sheets (CSS)
Module IV - Cascading Style Sheets (CSS) Cascading Style Sheets kunnen we het best vergelijken met opmaakprofielen binnen tekstverwerkers zoals Microsoft Word, Corel WordPerfect, OpenOffice Opmaakprofielen,
Nadere informatieHTML5 DEEL 1 STRUCTUUR VAN DE WEBPAGINA N. WITTEBROODT. In dit deel: 1.1 De wereld van het World Wide Web. 1.2 Wat is HTML en wat is het niet?
HTML5 STRUCTUUR VAN DE WEBPAGINA DEEL 1 In dit deel: 1.1 De wereld van het World Wide Web 1.2 Wat is HTML en wat is het niet? 1.3 Browsers 1.4 Grondbeginselen van HTML 1.5 De 1ste webpagina 1.6 Paginastructuur
Nadere informatieHTML. Ruud Koortens Informatica Lyceum Sancta Maria Instruct
HTML Ruud Koortens Informatica Lyceum Sancta Maria Instruct HTML 1 HTML-bestanden maken 1.1 Elementen en tags 1.2 Een simpel HTML-bestand 1.2.1 Hyperlinks 1.2.2 URL Relatieve URL s 1.2.3 Koppen en alinea
Nadere informatieLijst van meest gebruikte browsers van 2009: Fire Fox, Internet Explorer 6, 7 & 8, Chrome en Safari
404 Not Found Een 404.html staat voor een pagina welke niet gevonden kan worden op de server. Hierbij wordt niet aangegeven of dit tijdelijk of permanent is. Oorzaak kan zijn dat een bepaalde pagina is
Nadere informatieDe doe-het-zelf SEO review [checklist]
De doe-het-zelf SEO review [checklist] door admin - 05-29-2012 http://www.itpedia.nl/2012/05/29/de-doe-het-zelf-seo-review-checklist/ website Kijk periodiek onder de motorkap van je Zoals elke SEO-professional
Nadere informatieWat 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
Nadere informatieSEO IS SIMPEL SEARCH ENGINE OPTIMIZATION E-BOOK
SEARCH ENGINE OPTIMIZATION E-BOOK VERSIE: 1.0 DATUM: APRIL 2009 AUTEUR: ERWIN SIGTERMAN WEBSITE: WWW.SIGGYVOLGT.NL E-MAIL: ERWIN@SIGTERMAN.COM INHOUDSOPGAVE 1 Search engine optimalization... 3 URL aanmelden
Nadere informatieHandleiding 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 informatieWebsite beoordeling weeknummers.nl
Website beoordeling weeknummers.nl Gegenereerd op Oktober 19 2018 20:01 PM De score is 65/100 SEO Content Title Welk weeknummer is het? Weeknummers 2018 Lengte : 40 Perfect, uw title tag bevat tussen de
Nadere informatieHTML & CSS. Studievaardigheden 2013. Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden
HTML & CSS Studievaardigheden 2013 Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden Inleiding Voorkennis: geen Stof: www.w3schools.com en dit college: www.liacs.nl/~ftakes/pdf/htmlcss.pdf Opdracht:
Nadere informatieBonus hoofdstukken. 1 HTML, CSS en JavaScript. 2 Een website bouwen
Bonus hoofdstukken 1 HTML, CSS en JavaScript 2 Een website bouwen 1 HTML, CSS en JavaScript De belangrijkste punten van bonushoofdstuk 1 XX HTML is een taal waarmee u de inhoud en structuur van een webpagina
Nadere informatiePagina-inhoud maken. Ter benadrukking kan een horizontale regel <hr> worden ingevoegd tussen alinea's om een lijn te tekenen die deze scheidt.
De structuur HTML wordt gebruikt om de structuur van een web pagina te bepalen. Vroeger werd ook de opmaak gedaan in HTML. Deze wordt nu gedaan met behulp van CSS om het onderhoud eenvoudiger te maken.
Nadere informatieBesproken in de cursus Vervolg Webdesign CC19VO08
Besproken in de cursus Vervolg Webdesign CC19VO08 De verwijzingen in het blauw zijn naar het digitale boek Macromedia Dreamweaver 8 (Macromedia-Dreamweaver-8-Training-from-the-Source-2006.chm) Besproken
Nadere informatieDit e-book hoort bij de opleiding Webmanager en de training Webtechniek.
Dit e-book hoort bij de opleiding Webmanager en de training Webtechniek. Titel e-book: Webtechniek voor niet-techneuten Uitgever: The Internet Academy Auteur: Jaap van de Putte Versie: 14 januari 2015
Nadere informatie