HTML&CSS OEFENBOEKJE. van:
|
|
|
- Carla Hermans
- 9 jaren geleden
- Aantal bezoeken:
Transcriptie
1 HTML&CSS OEFENBOEKJE van:
2 HTML SYNTAX De meeste HTML tags zien eruit zoals hierboven. Een tag om te openen <p>, en een tag om te sluiten </p>. De letters die tussen de <haakjes> staan, geven aan wat voor soort tag het is. Een paar soorten HTML tags heeft geen sluit-tag. Een HTML-bestand bestaat uit twee delen: <head></head>, hiertussen staat extra informatie voor de website zoals de paginanaam en gegevens voor een zoekmachine zoas Google. <body></body>, hiertussen staat alles wat je op de website wil laten zien.
3 #1: TAGS VOOR TEKST Om HTML te leren moet je weten welke tags er zijn en wat ze doen. Hieronder zie je een lijstje met HTML tags die je in een tekst op een website kan tegenkomen. Noteer er bij waarvoor je de tags precies gebruikt. <h1></h1> <h6></h6> <p></p> <b></b> <i></i> <br> <hr> <blockquote></blockquote> <em></em> <strong></strong> <ol> </ol> <ul> </ul> <li>voorbeeld</li> <li>voorbeeld</li> <li>voorbeeld</li> <li>voorbeeld</li>
4 HTML SYNTAX 2 Je kunt nog iets toevoegen aan een HTML tag. Dat heet een "attribute". Er zijn verschillende soorten, maar ze zien er allemaal hetzelfde uit: naam="ietstussenhaakjes" Een paar voorbeelden: <img src="plaatje" /> Een src (source) geeft aan waar de website het plaatje vandaan moet halen. <h1 id="logo">... </p> een id is een unieke naam die je aan een stukje website geeft. Hiermee kun je dat stukje later apart stylen. <a href=" target="_blank" >klik hier</a> Een href geeft aan waar het linkje naar toe gaat. En target zorgt dat je link in een nieuw tabblad opent. Je kunt dus ook meer dan 1 attribuut hebben.
5 #2: HTML AFBEELDINGEN Hieronder zie je een aantal afbeeldingen met een vraag. Schrijf het antwoord op de vraag op. 1. Schrijf bij het plaatje hieronder wat de verschillende onderdelen betekenen. 2. De meeste afbeeldingen bestaan uit pixels: de vierkante blokjes die je ziet als je ver inzoomt op een afbeelding. Als je die pixels niet in beeld wil hebben, moet je letten op de resolutie van een plaatje. Resolutie is het aantal pixels per inch. Zoek eens op: Een computerbeeldscherm heeft een resolutie van...ppi, en een iphone 6 laat plaatjes zien met... ppi. 3. Hieronder staan de 3 meest gebruikte soorten afbeeldingen. Voor wat voor soort plaatje kun je ze het best gebruiken?
6 CSS SYNTAX Een css regel ziet er altijd hetzelfde uit: een selector, de { haakjes}, en de eigenschappen die je in wilt veranderen. De selector is heel belangrijk: hiermee zeg je welk stukje van de HTML je wilt veranderen. Er zijn een paar verschillende. Let op dat je de goede kiest! een gewone HTML tag ID class Samengesteld HTML <h1></h1> <p></p> <div id="voorbeeld"> </div> <div class="voorbeeld"> </div> <ul> <li>home<li> <ul> CSS h1 { } p { } #voorbeeld { }.voorbeeld { } ul li { }
7 #3: CSS SELECTOR Links zie je steeds een stukje HTML. Hoe wordt dat in de CSS? Schrijf de goede selector er bij! (uitleg op vorige pagina) <h1></h1> <div id="container"></div> <p></p> <header></header> <div class="blokje"></div> <h3></h3> <img src="logo.png" /> <div id="menu"></div> <a href=" <li></li> <p class="speciaal"></p> <img src="plaatje.jpg" id="logo"/> <article></article> <div class="blokje"></div> <ol id="lijstje"></ol> <strong></strong>
8 CSS LINKEN & VOORRANG Voorrangsregels CSS heeft een aantal voorrangsregels. Die zie je hieronder. De volgorde is belangrijk, hoe specifiek je selector is en of je een joker gebruikt. CSS reset Hoe een internet pagina er uit ziet, verschilt een beetje per browser. Vergeet niet de CSS reset bovenaan je stylesheet te zetten. De meest uitgebreide versie is van Erik Myer: Van boven naar beneden lezen Als je per ongeluk 2 dezelfde regels CSS hebt, krijgt de laatst gelezen voorrang. Specifiek Hoe precies is je CSS selector? Voorbeeld: #header (iets met het ID header) is een stuk specifieker dan div (alle divjes op de pagina).!important Er is ook een joker: als je dit extra stukje code erbij zet, krijgt dit altijd voorrang. div { color:red!important; }
9 #4: CSS EIGENSCHAPPEN Aan de linkerkant zie je een veelgebruikte CSS eigenschap. Waar gebruik je deze eigenschap voor? Zoek het op in je boek of op w3schools.com en schrijf het erbij. height:500px; margin:30px; color:#ffffff; font-size:16px; background-color:powderblue; font-family: "Helvetica", Arial, sans-serif; padding-top:20px; text-align:center; border: solid 3px blue; float:right; background-color:rgba(0,0,0,0.5); opacity:0.75; box-shadow:-5px -5px #000000; border-radius:10px; text-transform:uppercase; list-style-type:square;
10 HTML BOUWBLOKKEN Er zijn twee manieren om bouwblokken voor een site te maken. De oude manier is met het bouwblokje <div> </div>. Hieronder zie je die manier. Straks moeten ze allemaal gestyled worden, en daarom moeten ze nog een eigen "naam" krijgen met het attribuut ID. In de nieuwste versie van HTML hebben ze die naam al verwerkt in de tag zelf. <div id="header"> </div> is afgekort naar <header> </header. Ook de andere blokjes hebben zo een naam gekregen. Heb je andere blokkken nodig? Je mag ook de <div> in combinatie met deze HTML5 blokken gebruiken!
11 #5: HERKEN DE HTML TAG Aan de linkerkant zie je een HTML tag. Waar gebruik je deze tag voor? Zoek het op in je boek of op w3schools.com en schrijf het erbij. <h4></h4> <div></div> <body></body> <nav></nav> <ul><li>test</li></ul> <p></p> <a href="p2.html"></a> <img src="logo.png" /> <header></header> <br /> <title></title> <footer></footer> <aside></aside> <html><html/> <table></table>
12 #6: BOX MODEL OPDRACHT De box model: dat is hoe een html-blokje er uit ziet. Hieronder zie je een voorbeeld van een div. De stippellijn is de rand van de div. Teken waar je de volgende CSS eigenschappen zitten: border, margin, padding, width, height, background-color, inhoud. Am quat. Nobissed et, earchit et occaepudam que cusaperiae eos de accus il ipsam solorum earit hitatec uscimostem. Itae. Nequi ipsandion rerumquiberi voles raeptaquam fugitatia quos et veliqui consequam, sitam, ium dem que. Blokken naast elkaar zetten doe je door beide blokken een eigenschap te geven. Je hebt de keuze uit: display:inline-block; of float:left; Zorg dat je ze niet door elkaar gebruikt, ze moeten dezelfde eigenschap hebben. Blokken in het midden zetten doe je door het blok een breedte te geven in pixels, en dan de margin links en rechts op automatisch te zetten. width:500px; margin-left:auto; margin-right:auto;
13 LAY-OUT BOUWEN TIPS De site in het midden zetten doe je door het blok een breedte te geven in pixels, en dan de margin links en rechts op automatisch te zetten. Een achtergrondkleur Een achtergrondkleur voor de hele site stel je met CSS in voor de <body> </body> tag. Je kunt ook kleur instellen met een hexcode (zoals hierboven) of in RGBa of HSLa. Dreamweaver helpt je hierbij tijdens het typen. Je kunt hier ook alvast een standaard lettertype voor de hele site instellen. De hele site "erft" de eigenschap. Een flexibele site Je hoeft niet per se in pixels te bouwen. Bouwen met procenten (in de breedte) zorgt dat de site meerekt met de browser. Hieronder zie je een site die 90% breed is, en om 'm in het midden te houden, links en rechts een beetje margin heeft. Zorg dat het totaal weer 100% is! Minimale hoogte en breedte Het is niet altijd goed om een blok een vaste hoogte te geven (een maat in pixels). Als er dan meer tekst of foto's in komen te staan, dan rekt het niet mee. Een alternatief is min-height. Dan wordt ie minimaal die grootte, en als er meer inhoud is, wordt ie langer. Het tegenovergestelde (max-height) bestaat ook.
14 #7: CSS EIGENSCHAPPEN Aan de linkerkant zie je een CSS eigenschap. Waar gebruik je deze eigenschap voor? Zoek het op in je boek of op w3schools.com en schrijf het erbij. display:block; display:inline-block; display:none; position:fixed; position:absolute; position:relative; screen and (min-with:960px){ header { width:80% } }
15 #8: SPOT DE FOUT Hier zie je steeds een stukje HTML of CSS met een typfout. Verbeter de code!
16 HTML DOM De DocumentObjectMarkup van een website is een schema van hoe het in elkaar zit. Het kan je helpen om de goede selector te kiezen voor de CSS. Dit is vooral zo als je een "samengestelde' css selector gaat gebruiken. Soms wil je bijvoorbeeld alleen de linkjes in de header aanpassen, en niet alle linkjes op de site. Hier zie je een schema van een HTML pagina hiernaast: <body> <div id="page"> <header> <div id="inhoud"> <div id="sidebar"> <footer> <ul> <h1> <p> <p> <a> <li> <li> <li> <a> <a>
17 OPDRACHT Z.O.Z.
18 #9: SAMENGESTELD Kijk goed naar de HTML code op de vorige twee pagina's. Je krijgt steeds de opdracht om een CSS regel te schrijven voor een deel van de HTML. Hoe zou die CSS regel er uit zien? Schijf de hele CSS regel op. Dit is soms nog best lastig, denk goed na! Zet de site in het midden van de browser. Maak de links in de inhoud rood. Geef de tekst in de sidebar een gele achtergrondkleur. Geef het linkje in de footer een beetje margin. Zet de blokjes in het menu naast elkaar. (de li's) Geef het kopje in de inhoud een groene achtergrondkleur.
19 NOTITIES
20 NOTITIES
Interactief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
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
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
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
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
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
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.
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
Voor vragen: http://www.richard3332.nl/ of mail naar [email protected]
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.
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
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
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.
HTML BEGINNER Inhoudsopgave
Inhoudsopgave 6 7 8 9 0 Configuratie Een webpagina maken Een stijlbestand toevoegen Een lijst maken Afbeeldingen toevoegen Meer pagina's toevoegen Links maken Navigeren op je website Een menu maken Het
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
Informatietechnologie 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:
Pro templates. Copyright Starteenwinkel.nl
Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen
Websitecursus deel 2 CSS
Websitecursus deel 2 CSS A Eskwadraat WebCie [email protected] 5 oktober 2015 Introductie Vorige week HTML Deze week CSS Volgende week Javascript CSS CSS (Cascading Style Sheets) bepalen hoe een website
Stelt de voorgrondkleur van de tekst van een element in. Stelt in hoe de achtergrondfiguur moet worden herhaald, standaard: repeat.
OVERZICHT CSS - EIGENSCHAPPEN Eigenschap Beschrijving Mogelijke waarden KLEUR EN ACHTERGROND color Stelt de voorgrondkleur van de tekst van een element in. background-color Stelt de achtergrondkleur van
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
Voor vragen: http://www.richard3332.nl/ of mail naar [email protected]
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.
Descendant selectors toepassen
HTML EN CSS de basis Oefening 13.4 Descendant selectors toepassen Maak een lijst binnen een definitielijstlijst en geef de binnenste lijst een totaal andere vormgeving. 13.7 Verticaal navigatieblok Een
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
Eindopdracht webdesign
Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef
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
Voor vragen: http://www.richard3332.nl/ of mail naar [email protected]
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.
Eindopdracht HTML/CSS: hovenier
Eindopdracht HTML/CSS: hovenier De eindopdracht is verplicht voor wie de opleiding Applicatie Ontwikkelaar wil gaan doen. Het is de bedoeling dat je zo veel mogelijk individueel werkt. Als je samenwerkt
Leer CSS Positioneren in Negen Stappen
Leer CSS Positioneren in Negen Stappen Deze tutorial (vertaald uit het engels, origineel hier te vinden: http://www.barelyfitz.com/screencast/html-training/css/positioning/ ) laat zien hoe je met CSS verschillende
HTML/CSS GEVORDERDEN 2
Inhoudsopgave 5 6 7 Configuratie Klikbare kaarten Alles op een rijtje Opmerkingen en bijschriften Ontwerp een gave pagina opmaak Fotocollage Speciale effecten.....5.6.7 Configuratie We gebruiken Thimble
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 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
Leuk idee: de menubalk blijft zichtbaar ookal scroll je naar beneden
Les 9 Inleiding In dit hoofdstuk gaan we opnieuw verder met Drupal 8. We bekijken een aantal specifieke modules. De ene al eenvoudiger dan de andere, maar stuk voor stuk schitterende toepassingen voor
Template maken voor Webshops van FreeWebShop
Template maken voor Webshops van FreeWebShop Versie 1 Peter Jan van Tuil Maart 2011 [email protected] De uitdaging. Een kennis die een site wil hebben, een webshop. Het grafisch ontwerp is er al. Voor
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. , , ).
Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [
![Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [](/thumbs/92/107823628.jpg "Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [")
Procesbeschrijving [team 1] [Sodfa Shafik] [Daniël Jansen] [4293053] [5491185] [http://www.students.science.uu.nl/~5491185/opdracht1/site/index.html] Procesbeschrijving Beschrijf bij alle genummerde items
Websitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat [email protected] 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Op 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
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
HTML/CSS GEVORDERDEN 1
Inhoudsopgave 5 6 7 8 9 Configuratie Alle kleuren! Organiseren van je pagina Thema's ontwerpen Jouw individuele stijl Inspector Gadget Groter Maken Animatie Leer Klara om om te rollen!.....5.6.7.8.9 Configuratie
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
FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:
1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina
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
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
Frontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Agenda. 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?
Er is nog heel wat voor nodig om van alle losse HTML-code
Boxmodel, weergavemodel en positionering 9 Er is nog heel wat voor nodig om van alle losse HTML-code een toonbare pagina te maken, meer dan u misschien op het eerste gezicht denkt. Als de HTML-code is
Een 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
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 [email protected] Woudt Inhoudsopgave 1 HTML...1 1.1 Wat heb je nodig?...1
Inhoud. Wat zijn webrichtlijnen, waarom zouden we daar iets mee moeten en hoe doe je dat dan?
Webrichtlijnen Inhoud Wat zijn webrichtlijnen, waarom zouden we daar iets mee moeten en hoe doe je dat dan? Webrichtlijnen? 30 juni 2006: de Tweede kamer neemt het 'Besluit Kwaliteit Rijksoverheidswebsites'
Les 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.
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
Bijlage. Onderzoeksrapport. Onderwerp: HTML 5 - CSS 3.0 - Web 3.0 Opdrachtgever: Karel de Heer Opdrachtnemers: Future Websolutions
Bijlage Onderzoeksrapport Onderwerp: HTML 5 - CSS 3.0 - Web 3.0 Opdrachtgever: Karel de Heer Opdrachtnemers: Future Websolutions Tom Somerville 428573 Roy Rutten 428148 Rob Lohmann 429898 Gerard Peters
AutoTrack.nl. Handleiding Implementatie Voorraadlijst
AutoTrack.nl Handleiding Implementatie Voorraadlijst Basis Implementatie De nieuwe AutoTrack.nl Voorraadlijst kunt u (of uw webbouwer) implementeren door op uw website de URL die u van AutoTrack.nl heeft
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
Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.
Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in
Whitepaper. E-mail design best practices
Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk
12.1 Frames als structuur voor je website
BOUWSTEEN 12 Het gebruik van frames 12.1 Frames als structuur voor je website Naast gebruik van inline frames kan je de structuur van je website helemaal via frames opzetten i.p.v. via tabellen. Bij tabellen
1. De basis 2. De basis uitbreiden
Wordpress Theme Hoe moet je deze reader gebruiken? Deze reader is digitaal, zodat je makkelijk stukjes code kunt kopieren en plakken. 1. De basis 2. De basis uitbreiden Hier aan de linkerkant vind je een
HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
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
Nieuwsbrief. Een webpagina bouwen. Piet Mondriaan. Highpotech IT
September 2009 Highpotech IT Nieuwsbrief Een webpagina bouwen Indit nummer Maak een webpagina met Gebruik CSS om deze op te maken Volg een proefles en zie hoe het werkt. Een website wordt weergegeven op
design ook items uitsnijden
(fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het
http://blog.seniorennet.be/seniorennet_blogs_tips_trucs Inhoud van dit lesje: 1.Plaatsen van foto of afbeelding van uw harde schijf.
Op het blog SeniorenNet Blogs Tips en Trucs vind je in de linkerkolom verschillende mogelijkheden voor Aanmaken van een Internetadres (URL) en Foto s Verkleinen met uitleg. http://blog.seniorennet.be/seniorennet_blogs_tips_trucs
HTML & CSS. Studievaardigheden 2013. Frank Takes ([email protected]) LIACS, Universiteit Leiden
HTML & CSS Studievaardigheden 2013 Frank Takes ([email protected]) LIACS, Universiteit Leiden Inleiding Voorkennis: geen Stof: www.w3schools.com en dit college: www.liacs.nl/~ftakes/pdf/htmlcss.pdf Opdracht:
Verstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes!
8 Opdrachtenkrant 38 Technika 10 Nederland Verstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes! E-mails zijn vaak heel saai! Witte achtergrond met zwarte letters. Of heb je al ontdekt dat
Natuurlijk moet je niet element invoeren, maar de afgesproken benamingen, meestal afkortingen: zo staat p voor alinea en h1 voor een grote kop.
HTML-elementen Met de markeertaal HTML bouw je webpagina's en kan je ze eveneens aan elkaar koppelen (linken). Een webpagina bouw je niet met een tekstverwerker. Je schrijft hem best in code. Een browser
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
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
HTML Graphics. Hans Roeyen V 3.0
HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.
Handleiding Nieuwsbrief InSocial in Mailchimp
Handleiding Nieuwsbrief InSocial in Mailchimp Inhoud 1 Mogelijkheden page 2 2 Bericht opties page 3 3 Achtergrond page 4 4 Afbeeldingen page 5 5 Tekst page 6 6 Link page 7 7 Testen page 8 TEST altijd eerst
Onderdeel: Opdracht Uitleg + Opdracht
Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...
PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!
HANDLEIDING DIGIMANAGER PAGINA BEHEER In het pagina beheer heeft u de mogelijkheid om de content van uw website in te vullen en aan te passen. om invullingen en wijzigingen uit te voeren gaat u naar het
Mijn eerste Website. Basis kennis en praktijk oefeningen. Handleiding-syllabus. SNV HANDLEIDING MIJN EERSTE WEBSITE BOUWEN 1
Mijn eerste Website Basis kennis en praktijk oefeningen Handleiding-syllabus. SNV HANDLEIDING MIJN EERSTE WEBSITE BOUWEN 1 MODULE 1: BROWSERS EN WEBSERVERS Dit is een theoretisch onderdeel. [Max 30 minuten]