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

Maat: px
Weergave met pagina beginnen:

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

Transcriptie

1 HTML HyperText Markup Language Aniel Bhulai Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Hoe ziet een HTML-file eruit? <!-- An example for Inleiding Computergebruik --> <HEAD><TITLE>A Simple HTML Example</TITLE> <H1>HTML is Easy To Learn</H1> <P>Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph! </P> <P>And this is the second paragraph.</p> 3 4 Waarin maak je een HTML-bestand? Gewone tekst editor Applicatie HTML-editor (WYSIWYG) Waarom HTML leren? HTML-syntax Gegenereerde HTML voldoet niet altijd HTML-kenner is flexibeler Mogelijkheden HTML-editors beperkt 5 6 1

2 Meer over HTML... Web ICG-website ( A beginners guide to HTML ) ( Boeken Source code.html of.htm.txt andere extensies Extensies (1) 7 8 Extensies (2) HTML versies.html of.htm.txt.asp.js.vb geen extensie andere extensies Oorsprong in CERN ( Standaarden door W3C ( HTML versies vs. Browser versies 9 10 Opvragen van HTML-pagina s URL ( file:/home/login/filename file:///c%7c/temp/ (c:\temp) Opbouw HTML file (1) Elementen Tags Attributes Niet case sensitive <HEAD> <title>mijn pagina</title> <BODY BGCOLOR="Blue"> <H1>HTML is niet moeilijk</h1> <P ALIGN="CENTER">Mijn eerste HTML-pagina!</P> </body>

3 Opbouw HTML file (2) Elementen Tags Attributes Scripts Commentaar Niet case sensitive <!-- Dit zie je niet in de browser --> <HEAD><title>Mijn pagina</title> <script language="javascript"> document.write("hello World"); </script> <BODY BGCOLOR="Blue"> <H1>HTML is niet moeilijk</h1> <P ALIGN="CENTER">Mijn eerste HTML-pagina!</P> </body> HTML-tags: voorbeeld <HEAD> <title>mijn pagina</title> <BODY BGCOLOR="Blue"> <H1>HTML is niet moeilijk</h1> <P ALIGN="CENTER">Mijn eerste HTMLpagina!</P> </body> HTML-tags: kleuren HTML-tags: lijsten (1) <body bgcolor= #FFFF00 text= #7200AA link= #FF0000 alink= #00AA00 vlink= #0055FF > <body bgcolor= yellow text= purple link= red alink= green vlink= blue > Ongenummerde lijsten Source <UL> </UL> View </UL> Source <UL TYPE= square > View </UL> Source <UL TYPE= circle > View O O Fig. 1 Fig. 2 Fig HTML-tags: lijsten (2) Genummerde lijsten <OL> Appels Peren </OL> Definitie lijsten <DL> <DT> ICG <DD> ICG, Inleiding Computergebruik </DL> 1. Appels 2. Peren ICG ICG, Inleiding Computergebruik... Binnen een document: HTML-tags: links <A HREF= #doel > Verwijzing </A> <A NAME= doel > Hierheen </A> Naar een lokaal document: <A HREF= path/filename > Lokale verwijzing </A> Extern: <A HREF= url > Externe verwijzing </A>

4 Voorbeeld: links HTML-tags: afbeeldingen <HEAD><TITLE>Mijn pagina</title> <H1>Inhoud</H1> <A HREF="#dank"> Dankwoord </A> <BR> <A HREF="doc/hoofdstuk1.html"> Hoofdstuk 1 </A> <BR> <A HREF=" Yahoo </A> <BR>.. <BR> <A NAME="dank"> Dankwoord </A> <BR> Inhoud Dankwoord Hoofdstuk 1 Yahoo.. Dankwoord <IMG SRC= lokatie_plaatje ALT= tekst_plaatje HEIGHT= 120 WIDTH= 88 > waarbij lokatie_plaatje het volgende kan zijn: relatieve filename: plaatje.jpg absolute filename: /home/karin/../plaatje.jpg of c:\my pictures\plaatje.jpg URL: HTML-tags: uitlijnen Voorbeeld: uitlijnen Tekst uitlijnen met een plaatje <IMG SRC= plaatje.gif ALIGN= top > (CENTER, BOTTOM) Afbeeldingen uitlijnen <P ALIGN= center > <IMG SRC= plaatje.jpg > </P> Deze tekst is aan de onderkant van het plaatje uitgelijnd. Deze tekst is aan de bovenkant van het plaatje uitgelijnd. Deze tekst is in het midden van het plaatje uitgelijnd HTML-tags: afbeeldingen als link <A HREF= link.html > <IMG SRC= plaatje.gif ></A> <A HREF= groot.jpg > <IMG SRC= klein.jpg ></A> HTML-tags: tabellen (1) <TABLE>... </TABLE> <CAPTION> </CAPTION> <TR>... </TR> <TH>... </TH> <TD>... </TD>

5 Voorbeeld: tabellen (1) <HEAD><TITLE> Tabel </TITLE> <TABLE BORDER="1"> <CAPTION> Mijn tabel </CAPTION> <TH>Kolom 1</TH><TH>Kolom 2</TH> <TR><TD> Data 1</TD><TD>Data 2 </TD></TR> <TR><TD> Data 4</TD><TD>Data 3 </TD></TR> </TABLE> Border Cellspacing Cellpadding Width bgcolor align HTML-tags: tabellen (2) Voorbeeld: tabellen (2) Nog een paar tags... <html> <head><title>tabel</title></head> <body text= #ffffff > <table width= 300 bgcolor= #ff0000 cellpadding= 6 cellspacing= 20 > <tr align= center > <td>voorbeeld</td> <td>voorbeeld</td> </tr> <tr align= center > <td> Voorbeeld</td> <td> Voorbeeld</td> </tr> </table> <br> <table bgcolor= #0000ff > <tr align= center > <td>voorbeeld</td> <td>voorbeeld</td> </tr> <tr align= center > <td> Voorbeeld</td> <td> Voorbeeld</td> </tr> </table> <BR> <HR> <FONT> </FONT> <PRE> </PRE> <A HREF= mailto:abhulai@cs.vu.nl > abhulai </A> </body> </html> Voordelen Cascading Style Sheet (CSS) Meer controle over presentatie web-documents Gebruik van stijlen Gebruik van eigenfonts Content positionering Gebruik van CSS als templates Website makkelijk te onderhouden CSS syntax Twee typen CSS syntax type= text/css <style> </style>

6 CSS definiëren <STYLE TYPE= text/css <!-- P {font-size:18pt; margin-left:20pt;} H1 {color:blue;} --> </STYLE> <HEAD><TITLE> Style </TITLE> <STYLE TYPE= text/css > <!-- P {font-size:18pt; margin-left:20pt;} H1 {color:blue;} --> </STYLE> <H1> Cascading Style Sheet </H1> <P>CSS maakt het onderhoud van websites makkelijker. </P> Voorbeeld: CSS Met CSS Zonder CSS Classes definiëren Voorbeeld: classes <STYLE TYPE= text/css <!-- P {font-size:18pt; margin-left:20pt;} all.blauw {color:blue;} all.rood {color:red;} --> </STYLE> 33 <HEAD><TITLE> Style </TITLE> <STYLE TYPE= text/css > <!-- P {font-size:18pt; margin-left:20pt;} all.blauw {color:blue;} all.rood {color:red;} --> </STYLE> <H1 class= rood > Cascading Style Sheet </H1> <P class= blauw >CSS maakt het onderhoud van websites makkelijker. </P> <P>Deze paragraaf maakt geen gebruik van classes. </P> 34 Aantal CSS eigenschappen: font-eigenschappen font-size (x-small, xx-small, small, medium, large, x-large, xx-large, smaller, larger, pt, %) font-style (normal, italic) font-family (serif, sans-serif, cursive, monospace en fantasy ) font-weight (normal, bold, bolder, lighter, ) Voorbeeld: font eigenschappen P {font-size:12pt;} EM {font-size:120%}; BLOCKQUOTE {font-size:medium;} B {font-size:larger;} H2 {font-style: italic;} H1 {font-family:helvetica, Arial, sans-serif;} BLOCKQUOTE {font-weight: bold;}

7 Aantal CSS eigenschappen: text eigenschappen text-align (left, right, center, justify) text-transform (capitalize, uppercase, lowercase, none) text-decoration (none, underline, line-through, blink) Aantal CSS eigenschappen: kleur en achtergrond eigenschappen color (color value, name) background-image (url) background-color (color value, name) Aantal CSS eigenschappen: Block-level eigenschappen margin-left, margin-right, margin-top, marginbottom, margin (length, percentage, auto) border-style (none, solid, double, inset, outset, groove, ridge) border-color (none, color value) border-top-width, border-bottom-width, borderleft-width, border-right-width, border-width (length) 39 Voorbeeld: border-style Solid border Ridge border Double border Inset border Groove border Outset border 40 Zoek de fouten <html> <head><title>zoek de fouten</head></title> <body text= #ffffff > <table width= 300 bgcolor= #0000dd cellpadding= 6 cellspacing= 20 > <tr align= center > <td>12</td> <td>24</td> </tr> <tr align= center > <td> 44</td> <td> 88</td> </tr> </table> <br> <p align= /center > <img src= sydney.jpg border = 0 alt= Sydney > </center> <A HREF= > Zoek <A> </center> </html> HTML voor gevorderden Frames DHTML Formulieren en CGI-scripts Javascript VBscripts Java Applets ActiveX

8 Vragen HTML????

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

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

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

Internet Standaarden HC4

Internet Standaarden HC4 Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Introductie. Wat is HTML?

Introductie. Wat is HTML? Introductie Wat is HTML? Hypertext Markup Language (HTML) is de taal van het World Wide Web. Elk document op het web is geschreven in HTML en alle onderdelen - zoals de opmaak van documenten, koppelingen,

Nadere 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

<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

Doelen: Als je deze opdracht hebt uitgevoerd, heb je de volgende doelen bereikt: Je kunt een eenvoudige webpagina maken met behulp van HTML.

Doelen: Als je deze opdracht hebt uitgevoerd, heb je de volgende doelen bereikt: Je kunt een eenvoudige webpagina maken met behulp van HTML. OPDRACHTKAART MM-05-04-01 HTML Voorkennis: Geen. Intro: De opmaaktaal voor het WWW heet HTML (Hyper Text Markup Language). Met HTML kan een webpagina worden gemaakt, inclusief hyperlinks. Tijdens deze

Nadere informatie

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

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 het element <table> kan je een tabel invoegen, met </table> sluit je de tabel terug af.

Met het element <table> kan je een tabel invoegen, met </table> sluit je de tabel terug af. Les 7: Tabellen. Tabellen is iets dat veel en graag gebruikt wordt, met tabellen kun je immers een heleboel zaken overzichtelijker weergeven. Een tabel aanmaken in Html vergt wat inspanning omdat je met

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

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

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

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

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

Les W-01: HTML. Een website bouwen in HTML. 2006, David Lans

Les W-01: HTML. Een website bouwen in HTML. 2006, David Lans Les W-01: HTML 1.0 HTML Websites zijn opgebouwd uit afzonderlijke webpagina s. Deze webpagina s zijn geschreven in een aparte taal, HTML. De afkorting HTML staat voor Hyper Text Markup Language. Vrij vertaald

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

Module IV - Cascading Style Sheets (CSS)

Module IV - Cascading Style Sheets (CSS) Module IV - Cascading Style Sheets (CSS) Cascading Style Sheets kunnen we het best vergelijken met opmaakprofielen binnen tekstverwerkers zoals Microsoft Word, Corel WordPerfect, OpenOffice Opmaakprofielen,

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

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

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

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

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

qwertyuiopasdfghjklzxcvbnmq ertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwerty

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

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

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

Web building basis: HTML. Karel Nijs 2008/09

Web building basis: HTML. Karel Nijs 2008/09 Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building

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

Pagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.

Pagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag. Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:

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 webpagina maken. Een website bouwen met HTML en CSS practicum 1

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

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

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

Informatica. 2 e graad 2 e jaar

Informatica. 2 e graad 2 e jaar Informatica 2 e graad 2 e jaar Inhoudstafel Inhoudstafel... 2 1. Wat is XHTML en hoe werkt het?... 3 2. Tags... 6 2.1. Wat zijn Tags?... 6 2.2. Basisstructuur van een webpagina... 7 3. Soorten Tags...

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

Mailing List Manager. Hoofdstuk 19

Mailing List Manager. Hoofdstuk 19 Mailing List Manager Een MLM (Mailing List Manager) dient enerzijds om mailinglijsten te maken en daar berichten naar te sturen. Dat is de beheerkant. Anderzijds kan men zich als gebruiker met een MLM

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

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

WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online

WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren

Nadere 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

LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE

LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE Eerst wat theorie. Kijkt u eens naar de links. De link Bolnes eerst zonder lijntje onder, en dan met een lijntje boven. Dat resultaat is verkregen door

Nadere informatie

Webkoppeling Versie 2

Webkoppeling Versie 2 Webkoppeling Versie 2 Versie: 2.7 Versiedatum: 01-03-2015 Inleiding In UBplus kan een koppeling worden gemaakt tussen de aanvragen en beschikbare werknemers die zijn ingevoerd en de eigen website van het

Nadere informatie

HTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505

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

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

Internet en website. Voorwaarden voor een goede website:

Internet en website. Voorwaarden voor een goede website: Internet en website Inleiding Zoals reeds aangehaald is internet een belangrijk onderdeel geworden ter info en activiteiten van een visclub. Vele visclubs en ook andere verenigingen communiceren met elkaar

Nadere informatie

2. KENNISMAKEN MET DE PROGRAMMA'S

2. KENNISMAKEN MET DE PROGRAMMA'S Deze cursus is geschreven ter vervanging van de eerste twee les-stencils over HTML die we sinds 1997 op de PCW gebruikten. 'HTML voor beginners' helpt je een eind op weg met het maken van je eigen website.

Nadere informatie

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

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

Nadere informatie

Inhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers...

Inhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers... 1 Inhoudsopgave Inhoudsopgave... 2 1. Inleiding... 3 2. Het begin.... 4 3. Opmaak... 6 5. Formulieren... 16 6. Editors... 23 7. Webbrowsers... 24 8. Webhosting... 25 9. Website uploaden... 27 10. Website

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

O.O.P.-Project Toegankelijke Webportalen aan de K.U.Leuven

O.O.P.-Project Toegankelijke Webportalen aan de K.U.Leuven KATHOLIEKE UNIVERSITEIT LEUVEN O.O.P.-Project Toegankelijke Webportalen aan de K.U.Leuven Richtlijnen voor het maken van toegankelijke webpagina's Auteurs: Nadia Diraä & Christophe Strobbe email: nadia.diraa@esat.kuleuven.be

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

webdesign CSS Cascading Style Sheets CSS staat voor Cascading Style Sheets. Ook de term "Style Sheets" wordt wel gebruikt.

webdesign CSS Cascading Style Sheets CSS staat voor Cascading Style Sheets. Ook de term Style Sheets wordt wel gebruikt. webdesign CSS Cascading Style Sheets CSS staat voor Cascading Style Sheets. Ook de term "Style Sheets" wordt wel gebruikt. Waarom zou je CSS gaan gebruiken? 1 Met CSS kun je in hoge mate de weergave 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

Versie 2.0 (mei 2005)

Versie 2.0 (mei 2005) Versie 2.0 (mei 2005) 1. Woord vooraf De archivering van websites kan door verschillende redenen worden gemotiveerd: de inter/intranetsite van een openbare dienst kan de handelingen en beslissingen van

Nadere 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

Inhoud. Pagina 2 van 13

Inhoud. Pagina 2 van 13 Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4

Nadere 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

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

Workshop Joomla nivo 1 op 14 november 2015.doc

Workshop Joomla nivo 1 op 14 november 2015.doc Handout workshop Joomla beginners november 2015 Overzicht over de workshop 1 Frontpagina bron.amnesty.nl 2 Achterkant Inlogscherm 3 Controlpanel Hathor beheertemplate 4 Controlpanel Isis beheertemplate

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

Startpagina. Inloggen

Startpagina. Inloggen Handleiding gebruik Mira website Startpagina Als je naar de Mira website gaat (http://www.mira.be/) zal je nergens een login-functie zien. Deze is bewust verborgen gehouden om geen inbrekers aan te lokken.

Nadere informatie

CSS: Inleiding tot CSS

CSS: Inleiding tot CSS 1. Specificaties 2. Basisbegrippen 3. Relaties tussen elementen 4. Overerving 5. DIV en SPAN-elementen Specificaties CSS: Inleiding tot CSS CSS heeft al een behoorlijke evolutie doorgemaakt:? CSS level

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

Rob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:

Rob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan: pagina 1 van 6 Rob's Domein kamp, 's Lands grootste webwinkel! Opleiding Webdesign Verdien aan je site met Tradedou SCRIPTS GIF PLAATJES ACHTERGRONDEN GENERATOREN DIVERSEN OPLEIDINGEN CONTA N Binnen 1

Nadere informatie

Software Instructions for Real Kids - Felix Plesoianu (2009) en Kris Merckx (2013) - Creative Commons License

Software Instructions for Real Kids - Felix Plesoianu (2009) en Kris Merckx (2013) - Creative Commons License SIRK Software Instructions for Real Kiddies (versie 0.247) De programmeeromgeving, interpreter en compiler kan je online gebruiken op www.ardeco.be/sirk Variabele Functies Functienaam Parameters Voorbeeld

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

HTML5 overzicht Tag Uitleg Versie Attributen

HTML5 overzicht Tag Uitleg Versie Attributen HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en

Nadere informatie