Module IV - Cascading Style Sheets (CSS)
|
|
- Peter Koster
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 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, of Style Sheets bij webpagina's laten ons toe om consistenter om te gaan met de opmaak binnen een webpagina. We kunnen Style Sheets op drie manieren gebruiken: Inline Styles Embedded Style Sheets Linked Style Sheets IV 1
2 1. Algemeen Cascading Style Sheets geven webontwikkelaars de mogelijkheid om de lay-our van een webpagina beter te controleren. Met CSS wordt onder meer mogelijk om gegevens beter te positioneren, de tekststijl, kleur en formaat preciezer bepalen. Ook geeft CSS de mogelijkheid om een bepaalde lettertype grootte te bepalen in punten of pixels, de spatie tussen karakters en de insprong van een alinea te bepalen, doorheen één enkel document of een volledige website. Er bestaan drie manieren om CSS toe te passen: Inline Styles Embedded Style Sheets Linked Style Sheets Naast het flexibeler omgaan met lay-out heeft het gebruik van CSS nog een ander belangrijk voordeel. Met behulp van CSS wordt het consistent opbouwen van een website veel eenvoudiger. Voorbeeld: Wanneer in een website een bepaalde titel op de ene pagina in het vet wordt weergegeven en in de andere pagina schuin, dan is de maker van de website niet consistent geweest in de lay-out van zijn titels. In slecht gemaakte websites wordt deze consistentie zelfs verbroken binnen éénzelfde webpagina. Door consistent om te gaan met de lay-out kunnen we onze website op een éénvoudige manier onderscheiden van amateuristische websites. CSS is hiervoor een uitstekend hulpmiddel omdat aan een bepaalde tag een complete stijl gekoppeld kan worden. We kunnen dit vergelijken met opmaakprofielen zoals in Microsoft Word of Corel WordPerfect. 2. Inline Styles Inline Styles zijn stijlen die opgenomen met behulp van het STYLE attribuut van de HTML tags die voorkomen binnen de <BODY> </BODY> tags. Voorbeeld: We kunnen aangeven dat een bepaalde paragraaf een andere insprong heeft dan de andere paragrafen binnen onze webpagina door een Inline Style toe te passen op deze paragraaf. Inline Styles overrulen (hebben voorrang op) Embedded Styles en Linked Style Sheets met de uitzondering van positioneringen. Het gebruik van Inline Styles is echter de minst aangewezen methode omdat ze slecht onderhoudbaar zijn en omdat ze even omslachtig zijn als het formatteren van tekst op de traditionele wijze. Om een Inline Style te maken gebruiken we het STYLE attribuut van de HTML tag waarop we de stijl willen toepassen zoals in Code Snippit 78. <p style="color: RED;">Deze tekst is rood</p> Code Snippit 78 De tekst in de webbrowser is rood gekleurd. Bij Inline Styles wordt het STYLE attribuut geplaatst binnen de OPEN tag van een HTML tag, net zoals de andere attributen van de tag. De waarde van het STYLE attribuut is verdeeld in twee delen, een attribuut (zoals COLOR) en de waarde toegekend aan het attribuut (zoals RED). Opmerking: Het attribuut en de waarde worden gescheiden door een dubbele punt (:) en niet door een gelijkheidsteken (=). IV 2
3 Uit Code Snippit 78 blijkt dat het gebruik van Inline Styles niet zo veel verschilt van het gebruik van de <FONT> </FONT> tag in Code Snippit 79. <p><font color="red">deze tekst is rood</font></p> Code Snippit 79 Inline Styles zijn aangewezen wanneer: We specifieke CSS mogelijkheden willen gebruiken die met behulp van standaard HTML niet mogelijk zijn. Er slechts een beperkt aantal stijlen nodig zijn. We voor een bepaalde tag een uitzondering tegen de algemene stijlen willen maken. [cd-rom]:\examples\module IV - CSS\2 Inline Styles\Example 01\example01.htm <html> <head> <title>module IV - CSS: Inline Styles: Example 1</title> </head> <body> <font face="tahoma"> <h1 style="font-size: 12pt;">Inline Styles</h1> <p style="font-size: 10pt;">Deze pagina is een eerste voorbeeld van wat we met Inline Styles kunnen doen.</p> </font> </body> </html> Code Snippit 80 Figuur 71: Wanneer we in het voorgaande voorbeeld de titel ook schuin willen weergeven met behulp van CSS, dan betekent dit dat we twee attributen moeten definiëren in het STYLE attribuut van de titel tag (<H1> </H1>). Indien we twee attributen ineens willen weergeven dan kan dit door een punt komma (;) te plaatsen tussen de attributen. De syntax van het STYLE attribuut is de volgende: STYLE="attribuut-1: waarde-1[; attribuut-2: waarde-2[;...]]" Code Snippit 81 [cd-rom]:\examples\module IV - CSS\2 Inline Styles\Example 02\example02.htm <html> <head> <title>module IV - CSS: Inline Styles: Example 2</title> </head> IV 3
4 <body> <font face="tahoma"> <h1 style="font-size: 12pt; font-style: italic;">inline Styles</h1> <p style="font-size: 10pt;">Deze pagina is een eerste voorbeeld van wat we met Inline Styles kunnen doen.</p> </font> </body> </html> Code Snippit 82 Figuur 72: 3. Embedded Style Sheets Embedded Style Sheets worden tussen de <HEAD> </HEAD> tags gedefinieerd en zijn enkel van toepassing binnen éénzelfde pagina. Om gebruik te maken van een Embedded Style Sheet definiëren we een stijl sectie met de <STYLE> </STYLE> tag. Deze stijl sectie bevat en aantal stijl regels, waar iedere regel een stijl definieert voor één van de HTML tags. De code in Code Snippit 83 heeft hetzelfde resultaat als deze uit Code Snippit 82, maar in Code Snippit 83 werd er gebruik gemaakt van Embedded Style Sheets ipv een Inline Style. [cd-rom]:\examples\module IV - CSS\3 Embedded Style Sheets\Example 01\example01.htm <html> <head> <title>module IV - CSS: Embedded Style Sheets: Example 1</title> <style type="text/css"> <!-- h1 { font-size: 12pt; font-style: italic; } p { font-size: 10pt; } --> </style> </head> <body> <font face="tahoma"> <h1>inline Styles</h1> <p>deze pagina is een eerste voorbeeld van wat we met Inline Styles kunnen doen.</p> </font> </body> </html> Code Snippit 83 IV 4
5 Figuur 73: Het TYPE attribuut met waarde text/css is verplicht bij Embedded Style Sheets, maar niet nodig bij Inline Styles. Doordat we het TYPE attribuut gebruiken met de waarde text/css weet de webbrowser dat we met Cascading Style Sheets werken. In de HTML code uit Code Snippit 83 valt het ook op dat de eigenlijke stijlen (of opmaakprofielen) tussen de commentaar tag (<!-- en -->) staan. Dit omdat Netscape Navigator v3.x en lager, en Microsoft Internet Explorer 2.x en lager CSS niet ondersteunen. Oudere webbrowsers zoals deze zullen de stijlen negeren omdat ze tussen de commentaar tags staan. Nieuwere browsers zullen de stijlen gedefinieerd tussen de commentaar tags wel interpreteren Style Structuur en Syntax Wanneer we de syntax van één van de stijlen gaan bekijken (Figuur 74) dan vinden we als eerste een selector (tag of groep van tags) waarop de stijl automatisch wordt toegepast. In het voorbeeld van Figuur 74 vertellen we de browser dat de tekst voor iedere header gemaakt met de <H1> </H1> tag een puntgrootte van hebben van 12 punten en schuin gedrukt moet staan. Na de selector schrijven we de informatie over de stijl tussen accolades ({ en }). De stijl informatie bevat attributen en waarden gescheiden door een dubbele punt (:). Tussen iedere waarde en het volgende attribuut schrijven we een punt komma (;). De punt komma na de laatste waarde is niet verplicht, maar wanneer we er een gewoonte van maken om deze toch te schrijven, dan verkleinen we de kans dat we ze vergeten wanneer ze wel nodig is. Indien we meerdere waarden willen toekennen aan éénzelfde attribuut dan moeten we deze waarden scheiden door een komma. Figuur 74: De opbouw van een Embedded Style Opmerking: Wanneer we een Embedded Style Sheet gebruiken om alle paragrafen in onze webpagina een zekere insprong te geven, dan geldt deze insprong voor ALLE paragrafen. Willen we paragrafen in onze webpagina beurtelings een andere insprong geven, dan kunnen we Embedded Style Sheets gebruiken om de algemene regel te definiëren. Maar dan moeten we om de andere paragraaf nog een Inline Style gebruiken die de paragraaf iets meer of iets minder zal doen inspringen. Dit is echter omslachtig en ononverzichtelijk. Daarom is het beter om in deze situatie te werken met Classes. IV 5
6 3.2. Classen Met behulp van classes kunnen we naast het herdefiniëren van bestaande HTML tags als een selector, ook onze eigen namen kiezen voor een selector. Deze zelfgekozen namen worden classes genoemd. Wanneer we weten dat verschillende paragrafen van onze webpagina een andere lay-out vereisen, dan willen we vermijden dat er aan de paragraaf tag (<P> </P>) een bepaalde stijl gekoppeld wordt. Door gebruik te maken van Class namen, die meerdere keren gebruikt kunnen worden binnen een HTML pagina, geven we ons verdere flexibiliteit en kracht. [cd-rom]:\examples\module IV - CSS\3 Embedded Style Sheets\Example 02\example02.htm <html> <head> <title>module IV - CSS: Embedded Style Sheets: Example 2</title> <style type="text/css"> <!-- h2.def {COLOR: BLUE; FONT-FAMILY: Tahoma; FONT-SIZE: 16PT;} h3.def {COLOR: BLUE; FONT-FAMILY: Tahoma; FONT-SIZE: 14PT;} p.inleiding {FONT-FAMILY: Tahoma; FONT-SIZE: 10PT; FONT-STYLE: ITALIC;} p.artikel {FONT-FAMILY: Tahoma; FONT-SIZE: 10PT;} p.bron {FONT-FAMILY: Tahoma; FONT-SIZE: 8PT; FONT-WEIGHT: BOLD;} --> </style> </head> <body> <h3 class="def">duizend bom(m)en en granaten</h3> <p class="inleiding">in tijden van oorlog en vluchtelingenstromen heeft ook de planten- en dierenwereld extra te lijden. Voor natuurbescherming hebben weinig mensen in zo'n crisissituatie oog. Toch is natuurbehoud belangrijk, ook voor de naoorlogse wederopbouw. Langzaam groeit de kennis over hoe dat het best kan.</p> <p class="artikel">pakweg vijftig mensen met bier en spitvlees op een grasveld in de Rwandeze middagzon. Telkens weer staat iemand op en houdt een gloedvol betoog in de landstaal, het Kuryarwanda. Op de achtergrond verrijzen de vulkanen van het Virunga bergmassief van het Oost-Afrikaanse Grote- Merengebied. Daar zwerven 's werelds laatste - ongeveer berggorilla's (Latijn: Gorilla beringei beringei) rond. Zij zijn beroemd geworden door de film <i>gorillas in the mist</i>, over leven en werk van gorillaonderzoekster Dian Fossey. Vandaag is het voor de parkwachters van het Rwandese Vulcans National Park een feestdag. In een plenaire 'doopvergadering' kiezen zij voor alle dit jaar geboren gorillajongen een passende naam.</p> <p class="bron">bron: EOS Magazine - April 2004</p> </body> </html> Code Snippit 84 IV 6
7 Figuur 75: 4. Linked Style Sheets We spreken van Linked Style Sheets wanneer we de stijl informatie uit onze webpagina halen en in een apart document gieten. In de webpagina wordt dan verwezen (een link gelegd) naar de pagina met stijlinformatie. Het werken met Linked Style Sheets heeft als grote voordeel dat wanneer we een bepaalde stijl willen wijzigen, dat we dit slechts op één plaats moeten doen. We hoeven dus niet alle pagina's binnen onze website te controleren en de nodige wijziging te doen. De verwijzing naar een extern (Linked) Style Sheet plaatsen we tussen de <HEAD> </HEAD> tags in de webpagina met behulp van de <LINK> tag. <link rel="stylesheet" href="styles.css"> Code Snippit 85 In Code Snippit 85 wordt het bestand styles.css gelinkt aan onze webpagina. De extensie.css geeft aan dat het bestand een Cascading Style Sheet is. Wanneer we dit zouden toepassen op de webpagina van Code Snippit 84 dan krijgen we de volgende bestanden: [cd-rom]:\examples\module IV - CSS\4 Linked Style Sheets\Example 01\example01.css h2.def {COLOR: BLUE; FONT-FAMILY: Tahoma; FONT-SIZE: 16PT;} h3.def {COLOR: BLUE; FONT-FAMILY: Tahoma; FONT-SIZE: 14PT;} p.inleiding {FONT-FAMILY: Tahoma; FONT-SIZE: 10PT; FONT-STYLE: ITALIC;} p.artikel {FONT-FAMILY: Tahoma; FONT-SIZE: 10PT;} p.bron {FONT-FAMILY: Tahoma; FONT-SIZE: 8PT; FONT-WEIGHT: BOLD;} Code Snippit 86 [cd-rom]:\examples\module IV - CSS\4 Linked Style Sheets\Example 01\example01.htm <html> <head> <title>module IV - CSS: Linked Style Sheets: Example 1</title> <link rel="stylesheet" href="example01.css"> </head> <body> <h3 class="def">duizend bom(m)en en granaten</h3> <p class="inleiding">in tijden van oorlog en vluchtelingenstromen heeft ook de planten- en dierenwereld extra te lijden. Voor IV 7
8 natuurbescherming hebben weinig mensen in zo'n crisissituatie oog. Toch is natuurbehoud belangrijk, ook voor de naoorlogse wederopbouw. Langzaam groeit de kennis over hoe dat het best kan.</p> <p class="artikel">pakweg vijftig mensen met bier en spitvlees op een grasveld in de Rwandeze middagzon. Telkens weer staat iemand op en houdt een gloedvol betoog in de landstaal, het Kuryarwanda. Op de achtergrond verrijzen de vulkanen van het Virunga bergmassief van het Oost-Afrikaanse Grote- Merengebied. Daar zwerven 's werelds laatste - ongeveer berggorilla's (Latijn: Gorilla beringei beringei) rond. Zij zijn beroemd geworden door de film <i>gorillas in the mist</i>, over leven en werk van gorillaonderzoekster Dian Fossey. Vandaag is het voor de parkwachters van het Rwandese Vulcans National Park een feestdag. In een plenaire 'doopvergadering' kiezen zij voor alle dit jaar geboren gorillajongen een passende naam.</p> <p class="bron">bron: EOS Magazine - April 2004</p> </body> </html> Code Snippit 87 Figuur 76: Het resultaat van deze broncode bekeken in een browser is gelijk aan het resulaat van de voorbeelden opgelost met behulp van een Embedded Style Sheet. 5. De voor- en nadelen naast elkaar Inline Styles Embedded Style Sheets Linked Style Sheets Bruikbaar voor beperkte hoeveelheden van style definities Om andere style definities te vervangen Met behulp van classes kunnen er meerdere stijlen per tag gedefinieerd worden Groepering methodes kunnen gebruikt worden Er moeten geen downloads gebeuren om de stijl informatie Stijlen voor meerdere documenten kunnen in één keer worden onderhouden Er kunnen classes gemaakt worden om meerdere stijlen per tag in verschillende documenten Groepering methodes kunnen gebruikt IV 8
9 De stijl definitie wordt niet gescheiden van de inhoud Er kunnen geen classes gemaakt worden om meerdere tag types te controleren Het is niet mogelijk om stijlen voor meerdere documenten in één keer te onderhouden Groepering methodes kunnen niet gebruikt worden om contextgevoelige tag condities te maken te ontvangen Het is niet mogelijk om stijlen voor meerdere documenten in één keer te onderhouden worden. De stijl informatie moet eerst worden gedownload alvorens een pagina weergegeven kan worden Het document wordt pas weergegeven als de stijl informatie gedownload is Overkill voor kleinere hoeveelheden van stijles Tabel 2: De voor- en nadelen van werken met de verschillende methodes van StyleSheets. Opmerking: Uit de voorgaande tabel blijkt dat iedere methode van het gebruik van CSS zijn voor- en nadelen heeft. Het is daarom niet mogelijk om aan te geven welke de beste manier is voor het gebruik van CSS. In een goedgebouwde webpagina zullen we waarschijnlijk alle methodes terugvinden. IV 9
10
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
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 informatieWelkom 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.
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 informatieInformatietechnologie 1. Inleiding tot CSS. Richtlijnen voor opmaak. Kristof Michiels
Informatietechnologie 1 Inleiding tot CSS Richtlijnen voor opmaak Kristof Michiels In deze presentatie Voordelen en kracht van CSS Hoe schrijf je CSS stijlregels? Toevoegen aan HTML documenten Basisconcepten:
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 informatieMarkup: 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)
Nadere informatieLES 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
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 informatieDeze opdracht vraagt uitbreiding van jullie doorheen de lessen. We gaan zelf een ontwerp
DOORLOPENDE OPDRACHT KINEPOLIS Beste studenten, Deze opdracht vraagt uitbreiding van jullie doorheen de lessen. We gaan zelf een ontwerp maken/ code schrijven voor de Kinepolis website. Wat hoort er thuis
Nadere informatieAdobe Dreamweaver CS4 startersgids
Adobe Dreamweaver CS4 startersgids Ontwerp van statische websites met XHTML en CSS Versie 1.0 - juni 2009 Adobe, Macromedia, Dreamweaver, Fireworks en Flash zijn handelsmerken of gedeponeerde handelsmerken
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 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 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 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 informatieVersie 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,
Nadere informatieSushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren
MIJN EERSTE WEBSITE Sushi EEN WEBPAGINA BEWERKEN Kaart 1 van 10 We gaan een nieuwe website bouwen! We gaan hem over boeken maken maar je kan hem ook zo maken zoals jij zelf wilt! Download de HTML code
Nadere 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 informatieEen LOI-opleiding is méér dan leerstof alleen
Een LOI-opleiding is méér dan leerstof alleen Bedankt voor het aanvragen van deze proefles. Hierin laten we een stukje van de leerstof zien, om een indruk te geven van de opzet en het niveau. Maar een
Nadere informatieWebsitecursus 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
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 informatieHand-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
Nadere informatieStap voor stap door je studie
Groei door. Stap voor stap door je studie Welkom, Bedankt voor het aanvragen van deze proefles. Hiermee krijg je een goede indruk van studeren bij de LOI en de opleiding van je keuze. Je maakt kennis met
Nadere informatieLES 4 WERKEN EN ERVARING OPDOEN. NOG VIER WEBPAGINA'S MAKEN.
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,
Nadere informatieOp heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan.
Layout met CSS Naast het opmaken van tekst, navigatie menu s en foto s komt de echte kracht van CSS tot uiting voor de layout van de webpagina. Het is geen eenvoudig onderwerp, daarom eerst een beetje
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 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 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 informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere 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 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 informatieAPEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010
APEX Templates OGH APEX dag 30 maart Art Melssen Introductie Over de spreker 4 jaar APEX ervaring / 7 jaar Oracle 10 jaar web technologie ervaring APEX trajecten o.a. bij Centraal Boekhuis en eboekhuis
Nadere informatieSchrijven 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?
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 informatieHand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012
Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Positie en flow Boxes, block-level en inline elements: Ieder HTML-element wordt, als het ware, als een omkaderd block-
Nadere informatieHTML-EDITOR GEBRUIKEN
HTML-EDITOR GEBRUIKEN Over TinyMCE TinyMCE is een kleine What-You-See-Is-What-You-Get (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browsers, zoals MSIE of Mozilla. Het werken met
Nadere 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 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 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
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 informatieWeek 1 1/4. Week 1 2/4
Week 1 1/4 3. Beschrijf keuzes: Wij hebben gekozen voor Dreamweaver omdat een van ons dit al op zijn/haar laptop had staan. Ook weten we hoe we dit programma moeten gebruiken en kan bijvoorbeeld notepad++
Nadere informatieModule II - Enkele Begrippen
Module II - Enkele Begrippen Wanneer we spreken over het Internet, het bekijken van websites, komen we al gauw een aantal begrippen tegen. Enkele van de veelgebruikte begrippen binnen de Internet wereld
Nadere informatieHandleiding - Styling van OFB Web 4.0
Handleiding - Styling van OFB Web 4.0 Versie: 1.0 Inleiding OFB Web is opgebouwd uit controls. De plaatsing en positionering van de controls wordt vastgelegd in de page.aspx. Dit bestand kan gezien worden
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 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 informatieHighpotech IT. Nieuwsbrief. Een webpagina maken. heeft een zekere es- verhouding van 4:3
Uitgave 6 versie 2 Augustus 2010 Highpotech IT Nieuwsbrief Een webpagina maken Eerdere uitgaven Een website wordt weergegeven op een hoek waarvan de verhoudingen dicht in de Werken met Excel beeldscherm
Nadere informatieSharepoint Designer. Een website maken in Sharepoint gaat als volgt: Start Sharepoint. Het openingsvenster van Sharepoint verschijnt.
Nota bene! In deze instructie wordt een website gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructie gebruiken voor elke website met frames, ongeacht
Nadere informatieWEBSITE-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
Nadere informatieFrontpage 2003. Een web aanmaken in Frontpage doe je zo: 1 Start Frontpage op. Het openingsvenster van Frontpage verschijnt.
opmerking In deze instructie wordt een web gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructies gebruiken voor elk web met frames, ongeacht het onderwerp.
Nadere informatie<meta name="description" content= "de tekst die in zoekresultaten bij de link te lezen is" />
Author Description Favicon
Nadere informatieHandleiding 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.
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 informatieVersie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor NHV verenigingen Versie 0.2 Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
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 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 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 informatieHTML. 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
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 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 informatieModule III - HTML. Stefan Flipkens - Cursus: Internet - Intranet (2004-2005)
Module III - HTML HTML een wijdverspreide standaard voor het beschikbaar stellen van informatie. In deze module vind u meer informatie over de opbouw van een HTML tag, de basisstructuur van een HTML pagina
Nadere informatieToen stylesheets nog niet bestonden, moesten webdesigners met
Hoofdstuk 11 Creatief met kleuren en lettertypen In dit hoofdstuk: `` Tekstopmaak definiëren met CSS `` Werken met paginakleuren en achtergronden `` Lettertypeweergave veranderen `` Tekstbehandelingen
Nadere informatieVoor 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.
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 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 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 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 informatieVersie: 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
Nadere informatiePublicatie 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
Nadere informatieUitwerking 1 Multimedia (INFOMM) 11 oktober 2005
Departement Informatica en Informatiekunde, Faculteit Bètawetenschappen, UU. In elektronische vorm beschikbaar gemaakt door de TBC van A Eskwadraat. Het college INFOMM werd in 2005/2006 gegeven door Hans
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding
Nadere 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 informatieGoogle Maps op uw site
Google Maps op uw site 1. Ga naar maps.google.com en voer het gezochte adres in. 2. Klik op de knop Zoeken in Maps. 3. U kan naar de gewenste positie zoomen en kiezen voor de satellietweergave of de gewone
Nadere informatieMODULE 4 : WEBSITEX1
MODULE 4 : WEBSITEX1 In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX1. We stellen deze tijdelijk ter beschikking op onze site:
Nadere informatieI'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
Nadere informatieMacromedia Dreamweaver MX 2004
Macromedia Dreamweaver MX 2004 Ontwerp van statische websites met XHTML, CSS en JavaScript Versie 1.1 - maart 2005 Macromedia, Dreamweaver, UltraDev, Fireworks, Flash, Contribute en FreeHand zijn handelsmerken
Nadere informatieFrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:
1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina
Nadere informatievan PSD naar JavaScript
2015 van PSD naar JavaScript F. Vonk versie 2 19-9-2015 inhoudsopgave 1. inleiding... - 2-2. ontwikkelomgeving... - 3-3. programmeerconcepten... - 4 - statement... - 4 - sequentie... - 4 - variabele en
Nadere informatieUiterlijk. Lauri Watts Vertaling van het handboek: Niels Reedijk Vertaler/Nalezer: Alexander S. Koning
Lauri Watts Vertaling van het handboek: Niels Reedijk Vertaler/Nalezer: Alexander S. Koning 2 Inhoudsopgave 1 Uiterlijk 4 1.1 Algemeen.......................................... 4 1.2 Lettertypen..........................................
Nadere informatieHTML Editor: tabellen en hyperlinks
LES 19 HTML Editor: tabellen en hyperlinks In deze les leert u nog iets meer over HTML en de HTML Editor van OpenOffice.org. U leert hoe u absolute en relatieve hyperlinks maakt. We staan even stil bij
Nadere informatieHTML 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 informatieLES 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
Nadere informatieInhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B
Inhoudsopgave Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B PORTFOLIO 1 - STAPPEN Stappen INTRODUCTIE Voordat ik over mijn stappen vertel, wil ik kort toelichten dat ik eerder een
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. 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 informatieMODULE 4 : WEBSITEX5(11)
MODULE 4 : WEBSITEX5(11) In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX(Versie 9 is volledig gratis, maar beperkter dan versie
Nadere informatieLes 13. Voorbereiding
Les 13 Voorbereiding 1. Plaats DEZE TWEE PLUGINS op de server in de map libraries. Deze is nodig voor de werking van Masonry Views en Masonry API 2. Schakel de modules Masonry Views en Masonry API in.
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 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 informatieSushi 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
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 informatie1 Inleiding. 1.1 In dit hoofdstuk. 1.2 Het web en opmaak
1 Inleiding Niemand neemt nog genoegen met saaie webpagina s. Afbeeldingen, kleuren, mooie typografie en animaties, het hoort er allemaal bij. De webtaal 1 HTML is nooit voor dat doel ontwikkeld, maar
Nadere informatieHandleiding Content Management Systeem
Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne
Nadere informatieR5.0. Bijlage I. Wysiwyg editor. Handleiding. Clixmaster Studio. Gebruikershandleidingen
Bijlage I R5.0 Wysiwyg editor Gebruikershandleidingen Clixmaster Studio Handleiding 1/8 Bijlage I Wysiwyg editor 2010 Clixmaster BV Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd,
Nadere informatieMin-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
Nadere informatie1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.
Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te
Nadere informatieBsc5 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
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 informatieOm 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
Nadere informatie