LES 4 WERKEN EN ERVARING OPDOEN. NOG VIER WEBPAGINA'S MAKEN.
|
|
|
- Geert van Doorn
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 LES 4 WERKEN EN ERVARING OPDOEN. NOG VIER WEBPAGINA'S MAKEN. In Les 3 hebben we het eerste vers van De Ridderkerkse Meezinger, getiteld: 'Bolnesserbocht in De Nieuwe Maas', verwerkt tot een webpagina, en het als bestand met de naam: vers-bolnesserbocht.html, opgeslagen in de map practicum De Ridderkerkse Meezinger bestaat uit vijf verzen. 1. Bolnesserbocht in De Nieuwe Maas, 2. Drierivierenpunt Ridderkerk (te Slikkerveer), 3. Het nieuwe centrum van Ridderkerk, 4. Moeder en zoon (over Rijsoord), en 5. Wassenaar aan de Waal (over Oostendam). We gaan het bestand vers-bolnesserbocht.html als model gebruiken voor de verwerking van de andere vier verzen tot webpagina's. We openen uit de map practicum het bestand vers-bolnesserbocht.html in kladblok. <!DOCTYPE html> <html lang=nl> <head> <title>bolnesserbocht in de Nieuwe Maas. Couplet van de Ridderkerkse Meezinger. </title> <meta charset=utf-8>
2 <meta name=description content= Bolnesserbocht in de Nieuwe Maas bezongen in het eerste couplet van de Ridderkerkse Meezinger > <meta name=keywords content= Bolnes, De Nieuwe Maas, Ridderkerk, Meezinger > </head> <body style="background: cornsilk; text-align: center; margin-top: 100px; font-family: arial; font-size:120%; line-height:130%;"> <h1 style="color: gray;">de Ridderkerkse Meezinger</h1> <h3 style="margin-top: 55px;">Bolnesserbocht in De Nieuwe Maas</h3> <p style="margin-top: 30px;"> Bolnesserbocht in De Nieuwe Maas<br> Daar stroomt heel wat water door heen<br> Hoe houd je het droog<br> Ja, dat is dan de vraag<br> Door dijken op deltaniveau Dijkhuizen verdwenen, de werf op zijn beurt<br> Geen lasser of klinker die niet heeft getreurd<br> Na tijden vol onzekerheid<br> Wordt toch langs de dijk weer geheid De woningen die er nu staan<br> Zijn torens zo hoog als een kraan<br> Zijn torens zo hoog als een kraan <p style="font-size: 75%; color: #404040; margin-top: 30px;">Faas van Rietschoten </body> </html> Opmerking: In het kladblok valt de rode kleur weg. Maar we weten nu wel wat het style element inhoudt. We gaan het bestand vers-bolnesserbocht.html nog vier keer opslaan in de map practicum. Maar steeds met een andere naam. Met onderstaande namen... vers-drierivierenpunt.html vers-nieuwcentrum.html vers-moederenzoon.html vers-wassenaarwaal.html Goed. We openen het bestand met de naam vers-drierivierenpunt.html in kladblok en gaan dit bestand met gegevens vullen van het vers 'Drierivierenpunt Ridderkerk'. Let op 1! Zowel in de sectie van <head>..</head> als van <body>..</body>. Let op 2! Kleur achtergrond veranderen we in elk vers, nu van cornsilk in lightcyan. DE TEKST VAN HET TWEEDE VERS 'HET DRIERIVIERENPUNT RIDDERKERK': Het drierivierenpunt Ridderkerk de Noord, de Lek, de Nieuwe Maas Daar moet u voor
3 naar de wijk Slikkerveer Dat is u op school geleerd De Lek komt uit Maurik, uit Dordrecht de Noord Dan samen op weg als nieuwe Maas, dat bekoort En wilt u het zelf gadeslaan Dan moet u de dijk overgaan Komt allemaal naar Slikkerveer Er vaart ook een ponmt heen en weer Er vaart ook een pont heen en weer HET BESTAND vers-drierivierenpunt.html WORDT DOOR HET INVULLEN: <!DOCTYPE html> <html lang=nl> <head> <title>drierivierenpunt Ridderkerk. Te Slikkerveer. Couplet 2 van de Ridderkerkse Meezinger. </title> <meta charset=utf-8> <meta name=description content= Drierivierenpunt Ridderkerk bezongen in het tweede couplet van de Ridderkerkse Meezinger > <meta name=keywords content= Drierivierenpunt Ridderkerk, De Noord, De Lek, De Nieuwe Maas, Ridderkerk, Meezinger > </head> <body style="background:lightcyan; text-align: center; margin-top: 100px; font-family: arial; font-size:120%; line-height:130%;"> <h1 style="color: gray;">de Ridderkerkse Meezinger</h1> <h3 style="margin-top: 55px;">Drierivierenpunt Ridderkerk</h3> <p style="margin-top: 30px;"> Het drierivierenpunt Ridderkerk <br> de Noord, de Lek, de Nieuwe Maas<br> Daar moet u voor <br> naar de wijk Slikkerveer<br> Dat is u op school geleerd De Lek komt uit Maurik, uit Dordrecht de Noord<br> Dan samen op weg als Nieuwe Maas, dat bekoort<br> En wilt u het zelf gadeslaan<br> Dan moet u de dijk overgaan Komt allemaal naar Slikkerveer<br> Er vaart ook een pont heen en weer<br> Er vaart ook een pont heen en weer <p style="font-size: 75%; color: #404040; margin-top: 30px;">Faas van Rietschoten </body> </html>
4 Dit aldus gewijzigde bestand vers-drierivierenpunt.html opslaan met dezelfde naam vers-drierivierenpunt.html want het moet de eerdere versie vervangen. Daarna openen in een browser. Ziedaar: Nu openen we het bestand met de naam vers-nieuwcentrum.html in kladblok en gaan dit bestand met gegevens vullen van het derde vers 'Op het nieuwe centrum'. Let op 1! Zowel in de sectie van <head>..</head> als van <body>..</body>. Let op 2! Kleur achtergrond, background, veranderen we in elk vers, nu in white. DE TEKST VAN HET DERDE VERS 'OP HET NIEUWE CENTRUM': Het nieuwe centrum van Ridderkerk. Daar word je haast sprakeloos van. Modern klassiek, ja, zo wordt het genoemd. De bouw was meteen al beroemd
5 Financiers werkten over. Adviseurs waren druk. Geen alternatieven. Het kon niet meer stuk. Na jaren van centrumgetob, kan men zijn geluk nu niet op. Drink allen op 't goede gebruik. Van 't centrum en trek er op uit. Van 't centrum en trek er op uit. HET BESTAND vers-nieuwcentrum.html WORDT DAN: <!DOCTYPE html> <html lang=nl> <head> <title>op het nieuwe centrum van Ridderkerk. Couplet 3 van de Ridderkerkse Meezinger. </title> <meta charset=utf-8> <meta name=description content= Het nieuwe centrum van Ridderkerk bezongen in het derde couplet van de Ridderkerkse Meezinger > <meta name=keywords content= Ridderkerk-Centrum, Nieuwbouw, Ridderkerk, Meezinger > </head> <body style="background: white; text-align: center; margin-top: 100px; font-family: arial; font-size:120%; line-height:130%;"> <h1 style="color: gray;">de Ridderkerkse Meezinger</h1> <h3 style="margin-top: 55px;">Op het nieuwe centrum van Ridderkerk</h3> <p style="margin-top: 30px;"> Het nieuwe centrum van Ridderkerk.<br> Daar word je haast sprakeloos van.<br> Modern klassiek, ja, zo wordt het genoemd.<br> De bouw was meteen al beroemd Financiers werkten over. Adviseurs waren druk.<br> Geen alternatieven. Het kon niet meer stuk.<br> Na jaren van centrumgetob,<br> kan men zijn geluk nu niet op. Drink allen op 't goede gebruik.<br> Van 't centrum en trek er op uit.<br> Van 't centrum en trek er op uit. <p style="font-size: 75%; color: #404040; margin-top: 30px;">Faas van Rietschoten </body> </html>
6 Dit aldus gewijzigde bestand vers-nieuwcentrum.html opslaan met dezelfde naam vers-nieuwcentrum.html want het moet de eerdere versie vervangen. Daarna openen in een browser. Ziedaar: We openen het bestand met de naam vers-moederenzoon.html in het kladblok en gaan dit bestand met gegevens vullen van het vierde vers 'Moeder en zoon (Over Rijsoord)'. Let op 1! Zowel in de sectie van <head>..</head> als van <body>..</body>. Let op 2! Kleur achtergrond, veranderen we in elk vers, nu in een grijstint zonder naam, maar wel met een hexadecimale code: #eeeeee DE TEKST VAN HET VIERDE VERS 'MOEDER EN ZOON (OVER RIJSOORD)': Ma! Strevelshoek, dat is geen Rijsoord. En Wevershoek al evenmin. Hetzelfde geldt voor het Zwaantje, het Zweth, de Kromme, de Schaapherderweg.
7 Want het echte Rijsoord ligt over de brug. Bij tolhuis en molen, op dat kleine stuk. Daar komt ruzie van, houd je mond. Zulke dingen bazuin je niet rond. Maar Ma! Het staat wel in het werk: Vijfhonderd jaar oud Ridderkerk. Vijfhonderd jaar oud Ridderkerk. HET BESTAND vers-moederenzoon.html WORDT ALDUS: <!DOCTYPE html> <html lang=nl> <head> <title>moeder en zoon over Rijsoord. Couplet 4 van de Ridderkerkse Meezinger. </title> <meta charset=utf-8> <meta name=description content= Oud en minder oud Rijsoord bezongen in het vierde couplet van de Ridderkerkse Meezinger > <meta name=keywords content= Rijsoord, Ridderkerk, Meezinger > </head> <body style="background: #eeeeee; text-align: center; margin-top: 100px; font-family: arial; font-size:120%; line-height:130%;"> <h1 style="color: gray;">de Ridderkerkse Meezinger</h1> <h3 style="margin-top: 55px;">Moeder en zoon over Rijsoord</h3> <p style="margin-top: 30px;"> Ma! Strevelshoek, dat is geen Rijsoord.<br> En Wevershoek al evenmin.<br> Hetzelfde geldt voor het Zwaantje, het Zweth,<br> de Kromme, de Schaapherderweg. Want het echte Rijsoord ligt over de brug.<br> Bij tolhuis en molen, op dat kleine stuk. <br> Daar komt ruzie van, houd je mond.<br> Zulke dingen bazuin je niet rond. Maar Ma! Het staat wel in het werk:<br> Vijfhonderd jaar oud Ridderkerk.<br> Vijfhonderd jaar oud Ridderkerk. <p style="font-size: 75%; color: #404040; margin-top: 30px;">Faas van Rietschoten </body> </html> Dit aldus gewijzigde bestand vers-moederenzoon.html opslaan met dezelfde naam vers-moederenzoon.html want het moet de eerdere versie vervangen. Daarna openen
8 in een browser. Ziedaar: Tenslotte openen we het bestand met de naam vers-wassenaarwaal.html in het kladblok en gaan dit bestand met gegevens vullen van het vers 'Wassenaar aan de Waal'. Let op 1! Zowel in de sectie van <head>..</head> als van <body>..</body>. Let op 2! Kleur achtergrond veranderen we in elk vers, nu iets blauws met de naam: lightsteelblue1, echter noteren we het in de hexadecimale code: #cae1ff DE TEKST VAN HET VIJFDE VERS 'WASSENAAR AAN DE WAAL': De Pruimendijk ging vroeg met pensioen. De dijk had geen kind aan de Waal. Die afgedamd van getijden ontdaan. Als stil binnenwater bleef staan. De Waal werd gezuiverd. Verwijderd de prut. De oevers veranderen in een bouwput. Het Wassenaar komt er nu aan. En Oostendam wordt heel voornaam.
9 Gevraagd werd ook om een beleid. Voor Oostendam als eigen wijk. Voor Oostendam als eigen wijk. HET BESTAND vers-wassenaarwaal.html WORDT DAN: <!DOCTYPE html> <html lang=nl> <head> <title>wassenaar aan de Waal. Over Oostendam. Couplet 5 van de Ridderkerkse Meezinger. </title> <meta charset=utf-8> <meta name=description content= Oostendam als 'Wassenaar aan de Waal' bezongen in het vijfde couplet van de Ridderkerkse Meezinger > <meta name=keywords content= Oostendam, De Waal, Ridderkerk, Meezinger > </head> <body style="background: #cae1ff; text-align: center; margin-top: 100px; font-family: arial; font-size:120%; line-height:130%;"> <h1 style="color: gray;">de Ridderkerkse Meezinger</h1> <h3 style="margin-top: 55px;">'Wassenaar aan de Waal'</h3> <p style="margin-top: 30px;"> De Pruimendijk ging vroeg met pensioen.<br> De dijk had geen kind aan de Waal.<br> Die afgedamd van getijden ontdaan.<br> Als stil binnenwater bleef staan. De Waal werd gezuiverd. Verwijderd de prut.<br> De oevers veranderen in een bouwput.<br> Het Wassenaar komt er nu aan.<br> En Oostendam wordt heel voornaam. Gevraagd werd ook om een beleid.<br> Voor Oostendam als eigen wijk.<br> Voor Oostendam als eigen wijk. <p style="font-size: 75%; color: #404040; margin-top: 30px;">Faas van Rietschoten </body> </html> Dit aldus gewijzigde bestand vers-wassenaarwaal.html opslaan met dezelfde naam vers-wassenaarwaal.html want het moet de eerdere versie vervangen. Daarna openen in een browser. Ziedaar:
10 Dat was doorwerken. U raakt zo wel wat meer vertrouwd met het websitewerk. In Les 5 gaan we de vijf webpagina's aan elkaar koppelen door middel van een menu met links. Faas van Rietschoten 2014
LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE
LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE Eerst wat theorie. Kijkt u eens naar de links. De link Bolnes eerst zonder lijntje onder, en dan met een lijntje boven. Dat resultaat is verkregen door
LES 3 WEBPAGINA'S MAKEN MET HTML VOOR DE INHOUD EN MET CSS VOOR DE OPMAAK
LES 3 WEBPAGINA'S MAKEN MET HTML VOOR DE INHOUD EN MET CSS VOOR DE OPMAAK De webpagina die we in de eerste twee lessen maakten, bestond uit een gedicht van tien woorden. titel van de webpagina
In de map practicum bevinden zich vijf html-bestanden met de vijf verzen van het gedicht 'De Ridderkerkse Meezinger'.
LES 5 HET ANKER UITGOOIEN. In de map practicum bevinden zich vijf html-bestanden met de vijf verzen van het gedicht 'De Ridderkerkse Meezinger'. bestand: vers-bolnesserbocht.html vers-drierivierenpunt.html
LES 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
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.
Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 6) 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.
Basis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
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
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
Module 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,
HTML & 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:
Internet 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
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
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
Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011
Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011 1 Inhoudsopgave Wat gaan we doen?... 4 Eerst wat uitleg:... 4 Wat is HTML:... 4 Wat is CSS:... 4 Wat is het resultaat
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. 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
programmeren 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
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
Websitecursus deel 2 CSS
Websitecursus deel 2 CSS A Eskwadraat WebCie www@a-eskwadraat.nl 5 oktober 2015 Introductie Vorige week HTML Deze week CSS Volgende week Javascript CSS CSS (Cascading Style Sheets) bepalen hoe een website
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
<NANO> Creeren met. <code> Bouw je eigen. website
.. Creeren met Bouw je eigen website Holly, Dervla, Daniël en Sam zitten samen in de band Nanonauten. Holly speelt gitaar, Dervla keyboard, Daniël zingt en Sam speelt
Html: 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).
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
Quick 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
Handleiding ESS na de upgrade People Inc. versie 3.5.0
Handleiding ESS na de upgrade People Inc. versie 3.5.0 I Handleiding ESS na de upgrade People Inc. versie 3.5.0 Inhoudsopgave Hoofdstuk 1 1 1.1 ESS... Iconen selecteren 1 1.2 ESS... Inlog scherm tekst
Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 3) 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.
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
I'VE GOT EM FRONTEND DEVELOPMENT LES 3
I'VE GOT EM FRONTEND DEVELOPMENT LES 3 VORIGE WEEK CSS bling Selectors deel 1 Even heel kort samenvatten waar we het ook al weer over hebben gehad vorige week. Niet te lang bij stilstaan want er is heel
Historische filmrecensie Hotel Rwanda digitaal dossier klas 3V
Historische filmrecensie Hotel Rwanda digitaal dossier klas 3V Wij bekijken met elkaar de film Hotel Rwanda. In deze film komen verschillende onderwerpen van de geschiedenislessen van afgelopen schooljaar
2. 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.
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
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
JavaLogo-programma s op het web plaatsen
Bijlage JavaLogo-programma s op het web plaatsen In deze bijlage laten we u zien hoe u JavaLogo-programma s op het web kunt plaatsen, met als voorbeeld het programma Cirkels uit opgave 2.16. We gaan er
1. Mappen, documenten en bestanden
8 1. Mappen, documenten en bestanden In dit hoofdstuk leert u met mappen, documenten en bestanden omgaan. Een bestand is een verzamelnaam voor alles wat op de computer is opgeslagen. Dat kan een programma
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
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
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?
HTML en CSS gevorderd
HTML en CSS gevorderd Inhoudsopgave Inleiding! 3 Opbouw webpage en css! 4 DIVʼs of iframes?! 8 Eigen icoon in de adresbalk van de browser! 8 Web-editors! 8 Koppelen van css-bestanden! 9 Browser afhankelijke
Inhalen les 7 (versie B)
Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website.
Een website omzetten naar WordPress
1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt
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
Hosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact.
Hosting Januari, 2013 Bestelformulier en domeinnaamcontrole WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland w: www.wefact.nl e: helpdesk@wefact.nl Introductie Algemeen In deze handleiding wordt uitgelegd
Uw 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,
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Stappenplan: stap 4 HTML, Stylesheets vervolg slides @ vanslooten.com/websitedesign Website-design 1-12-2014
Handleiding installeren en wijzigen emailhandtekening
Handleiding installeren en wijzigen emailhandtekening Inleiding Met behulp van een script kun je automatisch een handtekening plaatsen onder al je emailberichten. Je bericht komt er dan zo uit te zien:
Het scherm is verdeeld in enkele blokken.
Log in op de achterkant van de website door naar http://www.cbs-sjaloomschool.picto.nl/joomla/administrator te gaan. Ingelogd zie je dit controle paneel. Je ziet het hoofdmenu van het beheerdersaccount.
HTML. Basiscursus HTML. Sima
HTML Basiscursus HTML Sima Inhoud De basis... 2 Benodigdheden... 2 Je eerste pagina... 3 Opslaan... 3 Je eerste pagina ontleed... 4 Elementen en tags... 4 Alinea's... 6 Divisies... 6 Woorddelen, woorden
Project Embedded Linux Domaza. Elektronica-ICT. Dimitri Kozakiewiez Jonas Govaerts. Academiejaar 2014-2015
Project Embedded Linux Domaza Elektronica-ICT Dimitri Kozakiewiez Jonas Govaerts Academiejaar 2014-2015 Campus Geel, Kleinhoefstraat 4, BE-2440 Geel 5 2 INHOUDSTAFEL INHOUDSTAFEL... 2 1 DOMAZA... 3 1.1
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
Lesbrief Les 2 Basis CSS
Lesbrief Les 2 Basis CSS Jullie hebben net de basis uitleg van CSS gehad. Om deze uitleg wat te laten bezinken gaan we aan de slag met de oefenopdracht voor deze week. Lees de opdracht goed door zodat
Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 5) 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.
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.
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
Inleiding. Als u zelf uw website niet bijhoudt dan kan uw webmaster deze tips gebruiken.
Tips & Tricks Inleiding In dit overzicht vindt u een aantal tips die u kunt volgen. Het zijn slechts tips en adviezen dus als u of uw webmaster andere manieren hebben voor een perfect resultaat dan is
Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST
Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?
Min-height en min-width
Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint
Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid
LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Voorbeeld: 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
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.
Les 1a: Downloaden en instellen van software Software gebruik
Les 1a: Downloaden en instellen van software Software gebruik Eisen computer Deze e-cursus heb ik geschreven voor gebruikers van een Windows computer. Zelf gebruik ik voor deze cursus Windows 7. Mocht
Globale kennismaking
Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina
Een 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
Markup: CSS en HTML5. Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen
Markup: CSS en HTML5 Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen 1 CSS: Waarom ook alweer. HTML was bedoeld voor documentstructuur (text met verschillende levels in headings en body text)
Gebruikershandleiding voor: Beperkte Password protectie met JavaScript
Gebruikershandleiding voor: Beperkte Password protectie met JavaScript URL: http://home.hccnet.nl/s.f.boukes/html-2/html-202.htm INHOUD : 1. Structuur van een beveiligde site 2. Login-formulier 3. Login
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
Agenda 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
Korte handleiding WeTransfer
Korte handleiding WeTransfer Het versturen van grote bestanden of van veel bestanden per e-mail kan een probleem zijn. Veel mailboxen hebben immers maar een beperkte capaciteit. Je kunt dan het gratis
De 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
Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl
Taak en Tekst voor websites die werken www.jouwsite.nl Websitecheck Taak en Tekst, www.taakentekst.nl Buijs Ballotstraat 27A, 2563 ZH Den Haag 06-13935470 1 Websitecheck Website: Eigenaar: Datum: www.jouwsite.nl
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
De auteur van dit ebook kan op geen enkele manier verantwoordelijk gehouden worden voor eventuele onjuistheden in dit ebook.
2 Joomla ebook Een fantastische website maak jezelf Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook
Bonus 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
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.
Handleiding PSU Adressenbeheer Module: Direct Mail
gravita Hoofdkade 95, 9503 HD Stadskanaal Tel. & fax: 0599-614815 E-mail: info@gravita.nl / www.gravita.nl Inschrijfnummer KvK: 02083322 Postbank 4491228 Fiscaalnummer 1345.68.266.B01 PSUA Handleiding
HTML 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
<meta name="description" content= "de tekst die in zoekresultaten bij de link te lezen is" />
Author Description Favicon
Proefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler
Proefles informatica op het Alberdingk Thijm College Het maken van een website met de tekstverwerker Kladblok of TextWrangler 1 Start het programma kladblok: (Start à Programma s à Bureau-accessoires à
Cerium CMS versie 4.0. Wat is nieuw in versie 4.0. www.cerium.nl
Cerium CMS versie 4.0 Wat is nieuw in versie 4.0 www.cerium.nl Bijgewerkt februari 2014 Cerium BV 2014 Inhoudsopgave 1. Inleiding 3 2. Nieuwe onderhouds URL 4 3. Drag and drop upload 5 4. Spring naar item
Formulier maken en opvangen met php
Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver
XHTML en CSS. Ruud Koortens Frans Peeters
XHTML en CSS Ruud Koortens Frans Peeters januari 2008 Inhoudsopgave Inleiding... i 1. XHTML 1.0... 1 1.1. XML Declaratie... 1 1.2. Het juiste DOCTYPE in hoofdletters... 2 1.3. De XML-namespace... 2 1.4.
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.
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. , , ).
Aanvullend bestand Fraaie en indrukwekkende werkstukken maken in Word
1 Aanvullend bestand Fraaie en indrukwekkende werkstukken maken in Word In dit bestand lees je hoe je in Windows 10 de oefenbestanden op de harde schijf van de computer zet. Als je Windows 10 gebruikt
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
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
Gegevens uit een database tonen
Gegevens uit een database tonen In een eerdere handleiding heb ik jullie laten zien hoe je met behulp van MySQL en phpmyadmin een database kunt opzetten. We hebben toen een database aangemaakt en gevuld
Aanvullend bestand Mooie presentaties en spreekbeurten maken in PowerPoint
1 Aanvullend bestand Mooie presentaties en spreekbeurten maken in PowerPoint In dit bestand lees je hoe je in Windows 10 de oefenbestanden op de harde schijf van de computer zet. Als je Windows 10 gebruikt
Search Engine Optimization
19 02, 2009 experience relevance Search Engine Optimization Optimalisatierapport 2006 Outrider North America LLC. All Rights Reserved. Ver:.1 Agenda SEM of Search Engine Marketing Optimalisatierapport
Multimedia op een website
Multimedia op een website De webpagina's bestonden tot nu toe alleen maar uit tekst. Dat ziet er natuurlijk een beetje saai uit. Tijdens dit practicum gaan we kijken hoe plaatjes, geluidsfragmenten, FLASHmovies,
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
BIJLAGEN 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
Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.
Aan de slag met de Bezoek je domein om de in te stellen. De volgende melding zal zichtbaar zijn. Volg de url 'administratie paneel' om in te loggen en de vervolgens in te stellen. Als eerst krijg je de
HTML voor nieuwsbrieven
Voorwaarden en specificaties HTML voor nieuwsbrieven HTML e mails zoals wij die versturen, voldoen aan een aantal richtlijnen voor een optimale verzending en aflevering van nieuwsbrieven. Op advies van
Studio Visual Steps Een website omzetten van WEB! Pro naar Web Easy
Studio Visual Steps Een website omzetten van WEB! Pro naar Web Easy Aanvullend PDF-bestand bij het boek Websites bouwen met Web Easy Een website omzetten van WEB! Pro naar Web Easy 2 Een website omzetten
Agenda (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
Om te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten.
1 2 Als je de Beginner en Midden HTML & CSS Sushi Kaarten hebt afgerond, dan weet je al veel over het programmeren met deze twee talen. Deze kaarten leren je hoe je al die onderdelen samenvoegt om een
ChainWise digitaal factureren
ChainWise digitaal factureren Product ChainWise Bedrijfssoftware Jaar 2016 Alle rechten voorbehouden aan ChainWise Niets in deze uitgave mag worden gebruikt in welke vorm dan ook zonder schriftelijke toestemming