Internet Standaarden HC4

Maat: px
Weergave met pagina beginnen:

Download "Internet Standaarden HC4"

Transcriptie

1 Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1

2 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor Interactieve Media 2

3 Herhaling Hogeschool van Amsterdam - Instituut voor Interactieve Media 3

4 Standaardisering W3C standaarden 11 oktober 2007 Hogeschool Hogeschool van Amsterdam van Amsterdam - Instituut Instituut voor voor Interactieve Media 4 4

5 XHTML Element <tag>lorem ipsum dolor</tag> Begin tag Inhoud Eind tag Hogeschool van Amsterdam - Instituut voor Interactieve Media 5

6 XHTML <img src= img.jpg alt= Foo /> tagtype attribuut waarde Hogeschool van Amsterdam - Instituut voor Interactieve Media 6

7 Nesten 11 oktober 2007 HTML elementen zijn genest <html> <body> <p> Lorem ipsum dolor sit amet </p> </body> </html> Hogeschool van Amsterdam - Instituut voor Interactieve Media 7

8 Nesten in een boom, DOM? xhtml head body title h1 p ul a strong em Hogeschool van Amsterdam - Instituut voor Interactieve Media 8

9 Basisrecept XHTML 11 oktober 2007 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" lang="en" xml:lang="en"> <head> <title>dit is de titel</title> </head> <body>... <img src= img.jpg alt= Foo />... </body> </html> Hogeschool van Amsterdam - Instituut voor Interactieve Media 9

10 3 typen tags Block level Inline Invisible Hogeschool van Amsterdam - Instituut voor Interactieve Media 10

11 Semantisch opmaken se man tiek (de ~ (v.)) 1. leer van de betekenis van de woorden en woordgroepen => betekenisleer 2. [fil.] leer van de interpretatie van formele systemen Juiste tag bij de juiste tekst Hogeschool van Amsterdam - Instituut voor Interactieve Media 11

12 Hogeschool van Amsterdam - Instituut voor Interactieve Media 12

13 Zorg voor een duidelijke scheiding van vormgeving en inhoud Vuistregel Hogeschool van Amsterdam - Instituut voor Interactieve Media 13

14 CSS basis selector h1 { } font-family: arial, sans-serif; color: red; eigenschap waarde Hogeschool van Amsterdam - Instituut voor Interactieve Media 14

15 Vuistregel Geef bij font-family als laatste één van de vijf algemene lettertypefamilies aan, zodat hier op teruggevallen kan worden. serif sans-serif cursive fantasy monospace Hogeschool van Amsterdam - Instituut voor Interactieve Media 15

16 11/10/07 Kleuren Kleurnamen yellow lime white etc. RGB code Rood, Groen, Blauw percentages: (100%, 0%, 10%) getal tussen (255, 0, 26) hexadecimaal: (FF, 0, 1A) Hogeschool van Amsterdam Instituut voor Interactieve Media 16

17 11/10/07 Hogeschool van Amsterdam Instituut voor Interactieve Media 17

18 Hogeschool van Amsterdam - Instituut voor Interactieve Media 18

19 Hogeschool van Amsterdam - Instituut voor Interactieve Media 19

20 Hogeschool van Amsterdam - Instituut voor Interactieve Media 20

21 Hogeschool van Amsterdam - Instituut voor Interactieve Media 21

22 11/10/07 Relatief em { width: 100% height: 3em; } Vast em { width: 800px; heigth: 50px; } Breedte en hoogte Hogeschool van Amsterdam Instituut voor Interactieve Media 22

23 Let op! Alleen bij block-level elementen kun je een breedte en een hoogte opgeven Hogeschool van Amsterdam - Instituut voor Interactieve Media 23

24 Hogeschool van Amsterdam - Instituut voor Interactieve Media 24

25 Deze week XHTML en CSS in een notedop Advanced stuff Voorbereiding tentamen Hogeschool van Amsterdam - Instituut voor Interactieve Media 25

26 XHTML in een notedop <html>, <head>, <title>, <body> <p> <h1> t/m <h6> <ol>, <ul>, <li> <a href=" " > <img src= " " alt= " " /> <table>, <tr>, <th>, <td> <caption> <strong>, <em> <div>, <span> basis elementen in elk document paragraaf koppen lijstjes linkjes plaatjes tabellen onderschrift benadrukken groeperen Hogeschool van Amsterdam - Instituut voor Interactieve Media 26

27 CSS in een notedop - tekst color font-family font-size font-style font-weight text-align text-decoration line-height letter-spacing list-style kleur van tekst lettertype grootte normaal, schuin vetdrukken links, rechts, gecentreerd onderstrepen regelafstand letterafstand soort opsommingsteken Hogeschool van Amsterdam - Instituut voor Interactieve Media 27

28 CSS in een notedop - opmaak width, height border padding margin background-color background-image overflow display float breedte en hoogte rand (dikte, stijl en kleur) witruimte binnen de rand witruimte buiten de rand achtergrondkleur achtergrondplaatje scrollbalk block, inline, invisible links of rechts Hogeschool van Amsterdam - Instituut voor Interactieve Media 28

29 Hoeveel <div>'s in deze pagina? 11 oktober 2007 <div> <h1> <div> <ul> Hogeschool van Amsterdam - Instituut voor Interactieve Media 29

30 Waarom een lijst <ul> voor een menu? <ul> Hogeschool van Amsterdam - Instituut voor Interactieve Media 30

31 Zelfde pagina met CSS uit Hogeschool van Amsterdam - Instituut voor Interactieve Media 31

32 <h1>,<h2>,<h3>,<h4>,<h5> of <h6>? Hogeschool van Amsterdam - Instituut voor Interactieve Media 32

33 Semantiek Kies een tag niet op basis van de opmaak (de grootte bijv.) die hij automatisch krijgt. wel op basis van de semantische waarde die hij presenteert Hogeschool van Amsterdam - Instituut voor Interactieve Media 33

34 <table>,<br />,<dl>,<pre> of <blockquote>? Hogeschool van Amsterdam - Instituut voor Interactieve Media 34

35 Hogeschool van Amsterdam - Instituut voor Interactieve Media 35

36 Lijken op classes Pseudo-classes Ingebouwd in de browser Vaak de status van een element Helaas werken ze in oude versies van IE alleen bij a href (een link) Hogeschool van Amsterdam - Instituut voor Interactieve Media 36

37 Pseudo-classes :hover :active :link :visited Demo Hogeschool van Amsterdam - Instituut voor Interactieve Media 37

38 Hover: met plaatjes a:link, a:visited { display:block; text-align: right; width: 157px; height: 27px; background: url(button.gif); } a:hover { background: url(button-over.gif); } a:active { background: url(button-active.gif); } Hogeschool van Amsterdam - Instituut voor Interactieve Media 38

39 Advanced stuff Hogeschool van Amsterdam - Instituut voor Interactieve Media 39

40 Maar nu met 1 plaatje Hogeschool van Amsterdam - Instituut voor Interactieve Media 40

41 Met één plaatje a:link, a:visited { display: block; text-align: right; width: 157px; height: 27px; background: url(button.gif); } a:hover { background-position: ; } a:active { background-position: ; } Hogeschool van Amsterdam - Instituut voor Interactieve Media 41

42 Bij normaal: background: url(button.gif); Bij hover: background-position: ; Bij active: background-position: ; Hogeschool van Amsterdam - Instituut voor Interactieve Media 42

43 Ronde hoeken - CSS: #quadtl, #quadtr, #quadbl, #quadbr { position:absolute; font-size:150px; font-family:arial; color:#08c; line-height:40px; } HTML: <div class="curvy"> <div id="ctl"><div id="quadtl"> </div></div> <div id="cbl"><div id="quadbl"> </div></div> <div id="ctr"><div id="quadtr"> </div></div> <div id="cbr"><div id="quadbr"> </div></div> <div id="txt"><p>i know it's been...</p> </div> </div> Hogeschool van Amsterdam - Instituut voor Interactieve Media 43

44 Onderwerpen en tips tentamen Hogeschool van Amsterdam - Instituut voor Interactieve Media 44

45 Belangrijk voor het tentamen Geschiedenis van Internet/Web Nesten van html-elementen & DOM Semantiek Block level vs inline elementen Selectors / pseudo classes Opbouw van een CSS regel RGB-kleuren Scheiding van vormgeving en inhoud Je eigen website! Hogeschool van Amsterdam - Instituut voor Interactieve Media 45

46 Inzichtvragen over je site Bijvoorbeeld: Absolute/relatieve maten, welke heb je gebruikt en waarom? Beschrijf hoe je je menu hebt gemaakt Bijv. een list, losse links, div s Waarom heb je het op die manier toegepast Beschrijf hoe je site navigeerbaar is en waarom je voor deze oplossing hebt gekozen Hogeschool van Amsterdam - Instituut voor Interactieve Media 46

47 Tentamen Open boek Spriekbrief, één A4, handgeschreven Stof: colleges + boek hfst 1 t/m Hogeschool van Amsterdam - Instituut voor Interactieve Media 47

48 Tentamen Woensdag 24 oktober 19:00 uur IWO zaal Rood (bij AMC) Routebeschrijving Hogeschool van Amsterdam - Instituut voor Interactieve Media 48

49 Volgend Blok Programmeren met Actionscript Hogeschool van Amsterdam - Instituut voor Interactieve Media 49

50 Tools'r'us Tijdens toetsweek (week van 5 nov) 3 dagen 1 dag Photoshop 1 dag Illustrator 1 dag Flash Inschrijven via groepengids op intranet vanaf ma 22 oktober Vooraf CS3 installeren (Photoshop, Illustrator, Flash) Als al Tools'r'us gedaan mogelijkheid flash opdrachten zelf thuis te doen Hogeschool van Amsterdam - Instituut voor Interactieve Media 50

51 VRAGEN? Hogeschool van Amsterdam - Instituut voor Interactieve Media 51

INTERNET STANDAARDEN HC1

INTERNET STANDAARDEN HC1 9 September 2008 INTERNET STANDAARDEN HC1 Wat is het internet? Wat zijn standaarden? Wat gaan we doen dit jaar? Hogeschool van Amsterdam Instituut voor Interactieve Media Hogeschool van Amsterdam Instituut

Nadere informatie

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 > 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

Nadere informatie

XHTML en CSS. Deel 3. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters

XHTML en CSS. Deel 3. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters XHTML en CSS Deel 3 Ruud Koortens Frans Peeters januari 2008 4-9-2008 Lyceum Sancta Maria 1 2 Inhoudsopgave 1.1.1. Het opmaken van hyperlinks... 1 1.1.2. Kleur... 1 1.1.3. Het gebruik van kleuren bij het

Nadere informatie

Agenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?

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

Nadere informatie

Descendant selectors toepassen

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

Nadere informatie

HTML richtlijnen e-mail marketing. part of the valley

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

Nadere informatie

Wat is een child-theme?

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

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

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.

Nadere informatie

Frontend ontwikkeling

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

Nadere informatie

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B

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

Nadere informatie

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 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 informatie

BIJLAGEN Begrippenlijst HTML

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

Nadere informatie

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012 Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het

Nadere informatie

programmeren in HTML (5) CSS (3) JavaScript

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

Nadere informatie

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.

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

Nadere informatie

Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid

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

Nadere informatie

HTML en CSS gevorderd

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

Nadere informatie

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/css/index.html 1TIN Internettechnologie 2003-2004 les 07 1 Onderwerpen Cascading model Syntax Toevoegen van

Nadere informatie

HTML&CSS OEFENBOEKJE. van:

HTML&CSS OEFENBOEKJE. van: HTML&CSS OEFENBOEKJE van: HTML SYNTAX De meeste HTML tags zien eruit zoals hierboven. Een tag om te openen , en een tag om te sluiten . De letters die tussen de staan, geven aan wat voor

Nadere informatie

Agenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?

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

Nadere informatie

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 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 informatie

Agenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?

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?

Nadere informatie

Toetsmatrijs Web Markup

Toetsmatrijs Web Markup Toetsmatrijs Web Markup Deze toetsmatrijs verstrekt de leerdoelen en toetscriteria voor het vak Web Markup competentienummers of C 1.1 Een eenvoudige webpagina bouwen, testen en publiceren op het web HTML,

Nadere informatie

Toen stylesheets nog niet bestonden, moesten webdesigners met

Toen 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 informatie

HTML & CSS. Studievaardigheden 2013. Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden

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:

Nadere informatie

Websitecursus deel 2 CSS

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

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

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.

Nadere informatie

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. 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 informatie

Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012

Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012 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 informatie

FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40

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

Nadere informatie

Webdesign. cursusjaar 2009-2010. Practicumoefeningen met. (X)HTML en CSS

Webdesign. cursusjaar 2009-2010. Practicumoefeningen met. (X)HTML en CSS Webdesign cursusjaar 2009-2010 Practicumoefeningen met (X)HTML en CSS Departement Informatica Bacheloropeliding Informatiekunde Hans Voorbij (2010) Inhoud 1. Basisoefeningen met HTML...........................................

Nadere informatie

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA AGENDA Het Doel #responsivemobilefirsthtml5buzzwordcompliant CSS preprocessing SASS Werken

Nadere informatie

GVR Soft s HTMLcursus

GVR Soft s HTMLcursus GVR Soft s HTMLcursus Index en snelzoek pagina Les 1: De basis - De basis tags: , , en tags - Het nesten van tags - Achtergrond- en tekstkleur - De basiskleuren - Kleurenkiezer - Een

Nadere informatie

Publicatie formulieren en surveys

Publicatie formulieren en surveys Handleiding: Publicatie formulieren en surveys Deze handleiding is in te zetten voor MailPlus Marcom en MailPlus ecom. Inhoudsopgave Introductie... 1 1 Formulieren integreren... 2 1.1 Formulieren integereren

Nadere informatie

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis

Nadere informatie

Font betekent lettertype, de vele font eigenschappen wijzigen dan ook de opmaak van je lettertype. Hiermee bepaal je het lettertype.

Font betekent lettertype, de vele font eigenschappen wijzigen dan ook de opmaak van je lettertype. Hiermee bepaal je het lettertype. Stijlregels I Nu je de verschillende soorten CSS kent kan je deze ook gaan toepassen. Onthoudt dat alle opmaak in xhtml met CSS gemaakt moet worden. Tegenwoordig zijn er meer dan 200 CSS properties, deze

Nadere informatie

Inhalen les 7 (versie B)

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.

Nadere informatie

Programmeren in MyShop

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

Nadere informatie

Websitecursus deel 1 HTML

Websitecursus deel 1 HTML Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

Nadere informatie

Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen.

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

Nadere informatie

XHTML en CSS. Ruud Koortens Frans Peeters

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.

Nadere informatie

Heeft hetzelfde effect als <b> </b> maar is belangrijker voor SEO. Underline: de tekst wordt onderlijnd. Italic: de tekst wordt schuingedrukt

Heeft hetzelfde effect als <b> </b> maar is belangrijker voor SEO. Underline: de tekst wordt onderlijnd. Italic: de tekst wordt schuingedrukt Hoofdstuk 1 : HTML 1.1 Structuur van het HTML bestand hier komt de titel van de pagina hier komt alles wat we op de pagina willen zien 1.2 HTML- TAGs De BREAK tag wordt gebruikt om

Nadere informatie

<head><style type="text/css">h1 {font-size: 150%}h2 {font-size: 130%}p {fontsize:

<head><style type=text/css>h1 {font-size: 150%}h2 {font-size: 130%}p {fontsize: h1 {font-size: 150%h2 {font-size: 130%p {fontsize: 100%h1 {font-size: 150%h2 {font-size: 130%p {font-size: 100%

Nadere informatie

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.

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

Nadere informatie

Welkom bij mijn website tutorial (Deel 2)

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.

Nadere informatie

Stelt de voorgrondkleur van de tekst van een element in. Stelt in hoe de achtergrondfiguur moet worden herhaald, standaard: repeat.

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

Nadere informatie

Tutorial HTML CSS met Adobe Dreamweaver CSx

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

Nadere informatie

A Inloggen. B - Wachtwoord Veranderen

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

Nadere informatie

qwertyuiopasdfghjklzxcvbnmq ertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwerty

qwertyuiopasdfghjklzxcvbnmq ertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwerty qwertyuiopasdfghjklzxcvbnmq wertyuiopasdfghjklzxcvbnmqw ertyuiopasdfghjklzxcvbnmqwer Basiscursus HTML5 en CSS tyuiopasdfghjklzxcvbnmqwerty Applicatie Ontwikkelaar leerjaar 1 uiopasdfghjklzxcvbnmqwertyui

Nadere informatie

HTML elementen en attributen (volgens de Strict DTD)

HTML elementen en attributen (volgens de Strict DTD) HTML 4.01 - elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde

Nadere informatie

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript

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

Nadere informatie

Software 1. Basis CSS. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1

Software 1. Basis CSS. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Software 1 Basis CSS bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Alain Simons alain.simons@artesis.be Basis CSS 1. Introductie 2.

Nadere informatie

Interactief blok 2 code opdracht 6 - wireframe

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).

Nadere informatie

Extra: Hoe u uw website met HTML kunt verbeteren

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

Nadere informatie

XHTML en CSS. Deel 2. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters

XHTML en CSS. Deel 2. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters XHTML en CSS Deel 2 Ruud Koortens Frans Peeters januari 2008 4-9-2008 Lyceum Sancta Maria 1 2 Inhoudsopgave 1.1.1. Positionering, absoluut en relatief... 2 1.1.2. Float en clear... 3 1.1.3. Float en clear

Nadere informatie

Min-height en min-width

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

Nadere informatie

Bsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica

Bsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica Proces- en presentatieportfolio Technisch Ontwerp en Informatica http://toi.bk.tudelft.nl/bsc5 toi@bk.tudelft.nl Procesportfolio [week 2 t/m 17] voortgang en verloop van het ontwerpproces GEEN productpresentatie

Nadere informatie

Web building basis: HTML. Karel Nijs 2008/09

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

Nadere informatie

1. De basis 2. De basis uitbreiden

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

Nadere informatie

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 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 informatie

ONTWERPEN VAN INTERACTIEVE PRODUCTEN

ONTWERPEN VAN INTERACTIEVE PRODUCTEN ONTWERPEN VAN INTERACTIEVE PRODUCTEN WORKSHOP INTERACTIEF PROTOTYPE BOUWEN F. van Slooten WORKSHOP INTERACTIEF PROTOTYPE BOUWEN Ontwerp Keuze tool/techniek Maken layout 2 dagen: dinsdag 23 september Ochtend:

Nadere informatie

Technische werking whitelabel reviewmodule

Technische werking whitelabel reviewmodule Na integratie van de whitelabel reviewmodule van Kieskeurig.nl kunnen bezoekers via jouw website reviews op Kieskeurig.nl en je eigen website achterlaten. In dit document vind je meer informatie over de

Nadere informatie

CSS. CSS - Inleiding. Scheiding van inhoud en vorm

CSS. CSS - Inleiding. Scheiding van inhoud en vorm CSS opmaken met Cascading stylesheets inleiding style sheet declaratie stijl declaratie stijl eigenschappen commentaar

Nadere informatie

Er is nog heel wat voor nodig om van alle losse HTML-code

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

Nadere informatie

APEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010

APEX 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 informatie

Hier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.

Hier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf. Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt

Nadere informatie

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) pagina 1 van 32 Cascading Style Sheets (CSS) Copyright 2001-2005 Edwin Martin Laatst aangepast: 4 juni 2005. Bij veel voorbeelden in de cursus wordt gebruik gemaakt van style sheets.

Nadere informatie

HTML. Dennis van Wakeren. CC Naamsvermelding 3.0 Nederland licentie. http://maken.wikiwijs.nl/68933

HTML. Dennis van Wakeren. CC Naamsvermelding 3.0 Nederland licentie. http://maken.wikiwijs.nl/68933 Auteur Laatst gewijzigd Licentie Webadres Dennis van Wakeren 14 December 2015 CC Naamsvermelding 3.0 Nederland licentie http://maken.wikiwijs.nl/68933 Dit lesmateriaal is gemaakt met Wikiwijsleermiddelenplein.

Nadere informatie

HTML/CSS GEVORDERDEN 1

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

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

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

Nadere informatie

CSS. Departement VHTI. Studiegebied handelswetenschappen en bedrijfskunde Industriële wetenschappen en technologie opleiding van één cyclus

CSS. Departement VHTI. Studiegebied handelswetenschappen en bedrijfskunde Industriële wetenschappen en technologie opleiding van één cyclus Katholieke Hogeschool Zuid-West-Vlaanderen Studiegebied handelswetenschappen en bedrijfskunde Industriële wetenschappen en technologie opleiding van één cyclus Departement VHTI VRIJ HOGER INSTITUUT VOOR

Nadere informatie

HTML BEGINNER Inhoudsopgave

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

Nadere informatie

Inhoud. Wat zijn webrichtlijnen, waarom zouden we daar iets mee moeten en hoe doe je dat dan?

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'

Nadere informatie

WEBDESIGN HTML / CSS 2

WEBDESIGN HTML / CSS 2 WEBDESIGN HTML / CSS 2 Fons Vitae Lyceum INHOUD 1 INLEIDING 1.1 wat is HTML 1.2 wat is CSS 1.3 browsers browserkeuze top 5 meest gebruikte browsers 1.4 wat is er nodig 2 HTML: een eerste webpagina 2.1

Nadere informatie

Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.

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

Nadere informatie

Schrijven voor het web. 1TIN Internettechonologie 2003-2004 les 02 1

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?

Nadere informatie

Informatietechnologie 1. HTML: DOM, Links en Afbeeldingen. Links en afbeeldingen. Kristof Michiels

Informatietechnologie 1. HTML: DOM, Links en Afbeeldingen. Links en afbeeldingen. Kristof Michiels Informatietechnologie 1 HTML: DOM, Links en Afbeeldingen Links en afbeeldingen Kristof Michiels In deze presentatie DOM of Document Object Model Links (a element) Naar externe pagina's Naar documenten

Nadere informatie

Views, de finesse. Voorbereiding. Inhoudstypes

Views, de finesse. Voorbereiding. Inhoudstypes Les 15 Opdrachten 1. Het bestaande Hoovereffect I-blok verschijnt enkel op de frontpage in de linker zijbalk. 2. Er is een background image aanwezig op de frontpage. Dit is een patroon naar keuze of gebruik

Nadere informatie

Internet_html.doc 1/6

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. , , ).

Nadere informatie

joomladagen 2017 fl ex box niels

joomladagen 2017 fl ex box niels joomladagen 2017 fl ex box niels leenheer @html5test joomla? wat is flexbox? assen main axis cross axis start end start end containers en kinderen

Nadere informatie

A Inloggen. B - Wachtwoord Veranderen

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

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

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.

Nadere informatie

HTML. Tabellen. Hans Roeyen V 3.0

HTML. Tabellen. Hans Roeyen V 3.0 Tabellen Hans Roeyen V 3.0 12 februari 2015 Inhoud 1. Tabellen... 3 1.1. De Tabel tags... 3 1.1.1. Het border attribuut... 4 1.2. De Tabel cellen... 4 1.3. Alignering en spanning... 8 1.1.2. De align attributen...

Nadere informatie

Highpotech IT. Nieuwsbrief. Een webpagina maken. heeft een zekere es- verhouding van 4:3

Highpotech 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 informatie

Quick and Dirty HTML/CSS in epub - handleiding voor beginners

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

Nadere informatie

HTML voor nieuwsbrieven

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

Nadere informatie

Les 8 (Drupalversie: 7) Display Suite

Les 8 (Drupalversie: 7) Display Suite Les 8 (Drupalversie: 7) Display Suite Display Suite (DS) is de tegenhanger van Panels. Eigenlijk is dat een verkeerde uitspraak want in deze les gaan we beiden combineren. Step 1: Voorbereiding Download

Nadere informatie

Hand-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 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 informatie

HTML/CSS GEVORDERDEN 2

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

Nadere informatie

Markup: HTML en CSS. Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering

Markup: HTML en CSS. Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering Markup: HTML en CSS Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering 1 Inhoud XHTML XML en toepassingen basis CSS aantal slides ontleend aan: Anders Møller & Michael I. Schwartzbach. An Introduction to

Nadere informatie

Zelf een webpagina maken met HTML-code

Zelf een webpagina maken met HTML-code Zelf een webpagina maken met HTML-cde Stappenplan: 1. De brncde maken met Kladblk 2. Het resultaat bekijken met Internet Explrer 3. Een tweede webpagina maken en beide pagina s linken 4. De webpagina s

Nadere informatie

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>

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

Nadere informatie

HTML. Basiscursus HTML. Sima

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

Nadere informatie

Handleiding Net-Book voor webdesigners. Iedereen kan het!

Handleiding Net-Book voor webdesigners. Iedereen kan het! Handleiding Net-Book voor webdesigners Iedereen kan het! Colofon Colofon Leverancier: Become-IT Herderlaan 8 3851 BD ERMELO Telefoon: 0341-470068 Internet: http://www.become-it.nl Ondersteuning: Per e-mail:

Nadere informatie

Informatietechnologie 1. Inleiding tot CSS. Richtlijnen voor opmaak. Kristof Michiels

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:

Nadere informatie

Sushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren

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

Nadere informatie

Cursus HTML voor beginners

Cursus HTML voor beginners Cursus HTML voor beginners Gebruikte bron: /www.handleidinghtml.nl/ HTML is de taal waarmee je documenten (webpagina's) maakt die bekeken kunnen worden op het World Wide Web. HTML staat voor HyperText

Nadere informatie

Foutoplossing FotoSpecial Blok

Foutoplossing FotoSpecial Blok Les 9 Foutoplossing FotoSpecial Blok In een vorige les maakten we een blok op de front die de verschillende fotocategoriën weergeeft. Dat doet een beetje raar bij het hoveren. In onderstaande bijlage kan

Nadere informatie

NVU 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. 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 informatie