Naam cursist: Als er iets niet duidelijk is kijk dan eens op: 1 Leerkracht: Gielen Jeroen

Maat: px
Weergave met pagina beginnen:

Download "Naam cursist: Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen"

Transcriptie

1 Als er iets niet duidelijk is kijk dan eens op: 1 Leerkracht: Gielen Jeroen

2 Inleiding: Hoe zit het internet in elkaar? Client is in ons geval is de trage PC hier op school of de trage PC bij jou thuis of De webserver is de snelle PC die de gegevens van de webpagina s bevat. Via het pad(url) in je browser vraag je aan de server de gewenste website op(request). De server stuurt dan de gegevens van de website weer(response). Je browser geeft de gegevens(bron van de website) dan visueel weer. 2 Leerkracht: Gielen Jeroen

3 Wanneer je deze cursus doorlopen hebt kan je heel eenvoudig een site in elkaar steken. Uiteraard is deze HTML kennis later nog uitbreidbaar. De belangrijkste uitbreidingen zijn: 1. Client-side scripts: HTML, CSS(cascading style sheets), Javascript, 2. Server-side scripts PHP(vroeger: Personal Home Page, nu: Hypertext Preprocessor) ASP(Active Server Pages) 3. database MySql Microsoft SQL Voorbereidingen: Je kan op verschillende manier online nieuwtjes publiceren: Op of kan dit zonder enige kennis van HTML Waarom dan HTML leren? Bij een MSN groepen of Wordpress zit je vast aan een bepaalde lay-out. Willen we origineler en professioneler uit de hoek komen is dit dus af te raden. Praktischer voor latere toepassingen. Om zowel de lay-out als de inhoud van een webpagina aan te passen is het noodzakelijk enige kennis van HTML te hebben. Maar hoe beginnen we daar dan aan? Als je een eigen website wilt ontwikkelen is het leuk deze ook ergens online te kunnen plaatsen. Dit kan bijvoorbeeld op: hier zijn echter ook beperkingen dit omdat je er niet voor betaald. Thuis heb je waarschijnlijk een abonnement bij Belgacom, Telenet, Fulladsl, Versatel, Deze geven ook allemaal een gratis webruimte Gemiddeld zo een 50mb. Volgend jaar als jullie op het universiteit of hogeschool terecht komen krijgen jullie allemaal ook een eigen webruimte. Zo een 20mb. Bovenstaande webservers zijn allemaal beperkt tot het gebruik van HTML en maken niet of gedeeltelijk interactie met de server. Indien gedeeltelijk, is er meestal de mogelijkheid om een gastenboek of forum te draaien. M.a.w. het werken met PHP of ASP op deze servers is onmogelijk, dit wordt gedaan omdat deze server-client zijn en dus de mogelijkheid kunnen bieden om een server plat 1 te leggen. 1 plat leggen : laten crashen, door een virus of spammen 3 Leerkracht: Gielen Jeroen

4 Program m a s dow nloaden: Er zijn verschillende programma s om een website aan te maken. In Microsoft Frontpage kom je helemaal niet in aanraking met de HTML code, dus als leek kan je daar makkelijk je weg in vinden. In Adobe Dreamweaver kan je zowel grafisch werken als met de HTML code. Echter beide programma s hebben een dure licentie voor aanschaf! Daarom houden wij het bij een tekstverwerker. In ons geval kladblok. Extensies weergeven in WINDOWS XP: 1. Open Deze Computer. 2. Klik op Extra > Mapopties. 3. Ga naar het tabblad Weergave. 4. Haal het vinkje weg voor Extensies voor bekende bestandstypen verbergen. 5. Bevestig je keuze met OK. Je site aanmaken: De opbouw van een HTML-document vereiste een aantal standaard codes die niet mogen ontbreken in elk HTML-document. Elk HTML document bestaat uit 2 delen: de hoofding(head) en de eigenlijke pagina(body). <HTML> <! - begin HTML document --> <HEAD> <! - begin hoofding --> <TITLE>Hier komt de titel van je pagina</title> <! - begin en einde tekst in titelbalk --> </HEAD> <! - einde hoofding --> <BODY> <! - begin eigenlijke pagina --> Hier komt de tekst van je pagina </BODY> <! - einde eigenlijke pagina --> </HTML> <! - einde HTML document --> 4 Leerkracht: Gielen Jeroen

5 Losstaande tags: codes Soft-return(zachte enter) Horizontale lijn Afbeelding invoegen tags <BR> <HR> <IMG SRC="figuur.gif" vlign> Tag parameters voor losstaande tags: Hieronder geef ik je nu een tabelletje met een overzicht van de parameters en hun eigenschap. Uiteraard mag je parameters weglaten, dan neemt de browser gewoon de standaardinstellingen. Lijn opmaak <HR> Parameter Breedte in pixels WIDTH= 200 Hoogte in pixels HEIGTH= 200 Vb: <HR WIDTH="200"> Afbeelding opmaak <IMG> Parameter Lettertype FASE= Times New Roman Kleur COLOR= red infotekst ALT="picture of a pumpkin" positie ALIGN=LEFT Vb: <IMG SRC="figuur.gif" WIDTH="400" HEIGHT="60" ALT="Dit is een figuur" BORDER="0"> 5 Leerkracht: Gielen Jeroen

6 Container tags (Omvattende codes): codes: Tags Vet <B>tekst</B> Cursief <I>tekst</I> Onderstreept <U>tekst</U> Doorstreept <S>tekst</S> Subscript Superscript Centreren <SUB>tekst</SUB> <SUP>tekst</SUP> <CENTER>tekst</CENTER> Grootte <H1>tekst</H1> <H2>tekst</H2> <H3>tekst</H3> <H4>tekst</H4> <H5>tekst</H5> <H6>tekst</H6> Grootte <FONT SIZE= 10 > Alinea <P>tekst</P> <P ALIGN= LEFT >tekst</p> <P ALIGN= RIGHT >tekst</p> <P ALIGN= CENTER >tekst</p> Links Link naar mail adres <A HREF="document.HTML">Klik hier</a> <A Klik hier om mij te en!</a> Tag parameters voor container tags: Hieronder geef ik je nu een tabelletje met een overzicht van de parameters en hun eigenschap. Uiteraard mag je parameters weglaten, dan neemt de browser gewoon de standaardinstellingen. Algemene opmaak <BODY> parameter Breedte in pixels WIDTH= 200 Hoogte in pixels HEIGTH= 200 Tekst kleur link kleur LINK="#4466DD" Actieve link kleur ALINK="#AABBFF" Bezochte link kleur VLINK="#00BBAA" Achtergrond kleur BGCOLOR="FFFFFF" Achtergrond afbeelding BACKGROUND="achtergrond.gif" Vaste achtergrond backgroundproperties="fixed" Vb: <BODY TEXT="#000000" LINK="#4466DD" ALINK="#AABBFF" VLINK="#00BBAA" BGCOLOR="FFFFFF" BACKGROUND="achtergrond.gif"> Tekst opmaak <FONT></FONT> Parameter Lettertype FASE= Times New Roman Kleur COLOR= red Vb: <FONT FASE="Times New Roman" SIZE="9" COLOR="#333333"></FONT> Link opmaak <A HREF></A> Parameter Nieuw venster TARGET= _BLANK Zelfde venster TARGET= _PARENT Links uitlijnen ALIGN= LEFT Centreren ALIGN= CENTER Rechts uitlijnen ALIGN= RIGHT Rand BORDER= 0 Doel frame TARGER= midden Vb: <A HREF= start.html >ga naar start</a> (relatief pad) <A HREF= TARGET= _BLANK >ga naar google</a> (absoluut pad) Link in pagina zelf: 6 <A NAME="top" id="top"></a> Leerkracht: Gielen Jeroen <A HREF="#top">naar boven</a>

7 Structuur: De eenvoudigste structuur die we best kunnen aanhouden bij het maken van een webpagina is de volgende: In de hoofdmap komen al de.html of.htm bestanden in de submap images komen de beeld bestanden met extensie.jpg of.gif Webpagina online zetten: Wanneer alle pagina's klaar zijn kan je je site eindelijk op het internet zetten. Controleer wel eerst nog eens offline of alle links en dergelijke kloppen zodat je dat straks niet moet veranderen. Je pagina s online zetten moet via FTP(File transfer Protocol) in InternetExplorer is er standaard FTP geïntegreerd. Hoe doe je dit dan? In de meeste gevallen verander je door ftp:// en laat je de gebruikersnaam weg. Vb bij telenet: wordt ftp://users.telenet.be Je kan ook gebruik maken een FTP-programma zoals Leech FTP, WS_FTP, cute ftp, De derde mogelijkheid is via een online file-upload systeem zoals op Freewebs. 7 Leerkracht: Gielen Jeroen

8 Kleurcode Online zijn er een aantal gratis websites om kleurcode op te vragen. Adobe Photoshop geeft de mogelijkheid ook maar is niet gratis: De kleurcode is hexadecimaal en ziet er als volgt uit: #xxxxxx De x-en stellen een letter of cijfer voor: XXxxxx : de 2 eerste cijfers achter # bepaald het rood xxxxxx : het 3e en 4e cijfer achter # bepaald het groen xxxxxx : de laatste 2 cijfers bepalen het blauw Wanneer je bij één van deze cijfers 00 typt betekent dit dat er niets van die kleur wordt gebruikt. Bij het typen van ff betekent dit dat het maximum van die kleur moet worden gebruikt staat voor zwart ffffff staat voor wit R G B 16x16=256 16x16=256 16x16=256 Aantal mogelijke kleuren is dus 256x256x256=16,7miljoen kleuren Standaard kleuren: 1. aqua (turkoois) 2. black (zwart) 3. blue (blauw) 4. fushsia (fuchsia) 5. gray (grijs) 6. green (groen) 7. lime (heldergroen) 8. maroon (kastanjebruin) 9. navy(marineblauw) 10. olive (olijfgroen) 11. purple (paars) 12. red(rood) 13. silver(zilver) 14. teal(groenblauw) 15. white(wit) 16. yellow(geel) vb: <font face= yellow > < /font> vb: < font face= FF1122 > < /font> 8 Leerkracht: Gielen Jeroen

9 Naam cursist: Speciale tekens Extra spatie: nbsp; 9 Leerkracht: Gielen Jeroen

10 Opsomming(komt in de BODY): Opsommingstekens: <UL> <LI>deel1</LI> <LI>deel2</LI> <LI>deel3</LI> <LI>deel4</LI> </UL> Genummerde oplossing : <OL> <LI>deel1</LI> <LI>deel2</LI> <LI>deel3</LI> <LI>deel4</LI> </OL> Opsomming met meer niveaus <UL> <LI>deel1</LI> <UL> <LI>deel1.1</LI> <LI>deel1.2</LI> <LI>deel1.3</LI> <LI>deel1.4</LI> </UL> <LI>deel2</LI> <LI>deel3</LI> <LI>deel4</LI> </UL> Andere opsommingtekens : <OL TYPE= I START= 4 > <LI>deel1</LI> types: <LI>deel2</LI> I <LI>deel3</LI> i <LI>deel4</LI> A </OL> a 10 Leerkracht: Gielen Jeroen

11 Tabellen: <TABLE border="2" bordercolor="red" bgcolor="ffff00"> <TD>Eerste kolom</td> <TD>Tweede kolom</td> <TD>eerste kolom en eerste rij</td> <TD> tweede kolom en eerste rij </TD> </TABLE> Tabel opmaak <TABLE> parameter Achtergrond afbeelding BACKGROUND= achtergr.gif Rand BORDER= 2 Randkleur BORDERCOLOR="red" Achtergrondkleur BGCOLOR="FFFF00" Breedte in pixels WIDTH= 200 Hoogte in pixels HEIGTH= 200 Centreren <CENTER> DETABEL </CENTER> Kolommen samenvoegen COLSPAN="2" Rijen samenvoegen ROWSPAN="2" CELLSPACING CELLPADDING <HTML> <HEAD><TITLE></TITLE></HEAD> <BODY> <TABLE BORDER="2" BORDERCOLOR="red" BGCOLOR="FFFF00" CELLSPACING="8"> <TD>Eerste kolom</td> <TD>Tweede kolom</td> <TD>eerste kolom en eerste rij</td> <TD> tweede kolom en eerste rij </TD> </TABLE> </BODY> </HTML> <HTML> <HEAD><TITLE></TITLE></HEAD> <BODY> <TABLE BORDER="2" BORDERCOLOR="red" BGCOLOR="FFFF00" CELLPADDING="8"> <TD>Eerste kolom</td> <TD>Tweede kolom</td> <TD>eerste kolom en eerste rij</td> <TD> tweede kolom en eerste rij </TD> </TABLE> </BODY> </HTML> 11 Leerkracht: Gielen Jeroen

12 Rowspan & colspan : <TABLE WIDTH="200" BORDER="1"> <TD COLSPAN="2"> </TD> <TD> </ TD> <TD> </TD> <TD> </TD> <TD ROWSPAN="2"> </TD> <TD> </TD> <TD> </TD> </TABLE> 12 Leerkracht: Gielen Jeroen

13 Frames <HTML> <HEAD> <TITLE></TITLE> </HEAD> <FRAMESET ROWS="40,60,*"> <FRAME SRC="framea.HTML"> <FRAME SRC="frameb.HTML"> midden <FRAMESET COLS="60,*"> <FRAME SRC="framec.HTML"> <FRAME SRC="framed.HTML" NAME="midden"> </FRAMESET> </FRAMESET> </HTML> Als we nu een nieuwe pagina willen laden in het frame midden dan doen we dit als volgt: <A HREF= blabla.html TARGET= midden > 13 Leerkracht: Gielen Jeroen

14 Web- formulieren Maak webform aan, met behulp van HTML. <HTML> <HEAD> <TITLE>Formulieren</TITLE> </HEAD> <BODY> <P><b>Gelieve volgende gegevens in te vullen:</b></p> <form id="form1" NAME="form1" method="post" action="...php"> <table WIDTH="316" border="0" cellpadding="0" cellspacing="0"> <TD WIDTH="90">Naam:</TD> <TD WIDTH="226"> <input NAME="textfield" type="text" value="william" size="25" maxlength="10" /> </TD> <TD>Paswoord:</TD> <TD><input NAME="textfield2" type="text" value="huis" size="25" maxlength="10" /></TD> <TD>Gebruik:</TD> <TD> <input type="checkbox" NAME="checkbox" value="checkbox" checked="checked" /> Thuis <input type="checkbox" NAME="checkbox2" value="checkbox" /> Werk <input type="checkbox" NAME="checkbox3" value="checkbox" checked="checked" /> School </TD> <TD>Geslacht:</TD> <TD><input NAME="radiobutton" type="radio" value="radiobutton" /> Vrouw <input NAME="radiobutton" type="radio" value="radiobutton" checked="checked" /> Man</TD> <TD>Niveau:</TD> <TD><P><select NAME="select" size="3" multiple="multiple"> <option value="beginner">beginner</option> <option value="geoefend" selected="selected">geoefend</option> <option value="geavanceerd">geavanceerd</option> </select></p> </TD> <TD>Opmerkingen:</TD> <TD><textarea NAME="textfield3 " cols="25" rows="2">hallo, lukt het?</textarea></td> <TD> <input NAME="Reset" type="reset" id="reset" value="reset" /> </TD> <TD><input NAME="Verstuur" type="submit" id="verstuur" value="verstuur" /></TD> </table> </form> <P> </P> </BODY> </HTML> 14 Leerkracht: Gielen Jeroen

15 Oefeningenbundel: 1. Mijn eerste pagina? <HTML> <HEAD><TITLE>Pagina titel</title> </HEAD> <BODY> Mijn eerste pagina is een succes! </BODY> </HTML> Let erop dat alle codering gebeurt met hoofdletters, dit zorgt voor meer overzicht. 2. Dupliceer(maak een copy) voorgaande oefening en verander de kleur van het w oord pagina in het rood. <HTML> <HEAD><TITLE>Pagina titel</title> </HEAD> <BODY> Mijn eerste <FONT FACE= RED >pagina</font> is een succes! </BODY> </HTML> 3. Neem nu de volgende tekst over: HTML(HyperTextMarcupLanguage) te situeren aan de kant van de gebruiker. Men geeft deze ook wel de naam client-script. PHP & ASP zijn daarintegen server-scripts. Deze maakt interactie tussen de gebruiker en de server mogelijk. Met volgende elementen moet je rekening houden: - Vet, cursief of onderstreept. - De kleur: blauw - Opsomming - code voor het & teken. - Neem alles zo exact mogelijk over. 15 Leerkracht: Gielen Jeroen

16 4. In deze oefening gaan we een afbeelding in onze pagina oproepen. Opgepast! -Let er op dat je beeldbestanden (.jpg,.gif, ) in een subfolder images staat. -je kan werken met een absoluut en een relatief pad, maak onderstaand bestand na. De linkse afbeelding komt rechtstreeks van het internet, de rechtse van je hardeschijf. 5. Opsomming Werk onderstaande oefening uit in HTML: 6. Maak onderstaand patroon na met tabellen: Leerkracht: Gielen Jeroen

17 7. Link leggen tussen verschillende pagina s: Maak 2 w ebpagina s: p1.ht m l & p2.htm l Als je in de ene op het woordje link klikt dan ga je naar de 2 de pagina, als je op de 2 de pagina op het woordje link klikt ga je naar de 1 ste pagina. p1.html p2.html 8. Maak een website over jezelf! Werk met frames, baseer je op onderstaand schema: CV KLAS STUDIEKEUZE DE WEBPAGINA ZELF De website bevat een pagina met je: 1.CV + FOTO VAN JEZELF 2.KLAS + LESSENROOSTER 3.MOGELIJKE LATERE STUDIEKEUZE (zoek op internet welke mogelijkheden er bestaan en zet jou voorkeur in het vet) Evaluatie gebeurd op: 1.positie afbeelding, uitwerking CV, bladoverzicht 2.tabellen, bladschikking 3.opsomming Evaluatie gebeurd door: Cotatie op lay-out: Cotatie programatie: Algemene cotatie: Jurry-lid, Mr. Gielen, Mvr. Decaluwé Mr. Gielen, Mvr. Decaluwé medeleerling Punten tellen mee voor het dagelijkswerk 17 Leerkracht: Gielen Jeroen

18 9. Kies zelf een onderwerp voor een site leg het voor aan de leerkracht en ga aan de slag! 10. Oefening webformulieren: Maak onderstaand formulier na in HTML: 18 Leerkracht: Gielen Jeroen

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

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

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

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

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

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

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

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

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

Uw TEKSTEDITOR - alle iconen op een rij

Uw TEKSTEDITOR - alle iconen op een rij Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten

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

HANDLEIDING I-MATE. Inhoud. I-Mate handleiding

HANDLEIDING I-MATE. Inhoud. I-Mate handleiding HANDLEIDING I-MATE Inhoud I-Mate handleiding 1. Opstarten van I-Mate 2. Opbouw van I-Mate 3. Een pagina in de editor openen 4. Tekst invoeren en aanpassen 5. Tekst opmaken 6. Lijsten aanmaken 7. Een horizontale

Nadere informatie

FrontPage 2000. Websites voor iedereen

FrontPage 2000. Websites voor iedereen FrontPage 2000 Websites voor iedereen Andy Camps, 2001 Inhoud 2 Inhoud Inhoud...2 Woord vooraf...7 Hoe met deze cursus werken?...8 1. Proloog webtechno, rauwkost...9 1.1. Internetadres...9 1.1.1. Domein

Nadere informatie

Handleiding Content Management Systeem

Handleiding Content Management Systeem Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne

Nadere informatie

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010 Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management

Nadere informatie

Foutcontrole met Javascript

Foutcontrole met Javascript Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle

Nadere informatie

Werken met afbeeldingen in webpagina's

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.

Nadere informatie

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013 Zelf een eenvoudige website opzetten Jorrit Groenevelt & Arjan Kraak Juni 2013 1 Inleiding/Doel Een onmisbaar onderdeel van het starten van een bedrijf is het opzetten van een website. Een onderneming

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

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

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

Nadere informatie

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd:

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

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

4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word

4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word 1. Code. Toon HTML code van de tekst 2. Verwijder de opmaak van de geselecteerde tekst. 3. Plak de gekopieerde tekst op de plaats van de cursor 4. Plak de gekopieerde tekst op de plaats van de cursor als

Nadere informatie

HTML. Formulieren. Hans Roeyen V 3.0

HTML. Formulieren. Hans Roeyen V 3.0 Formulieren Hans Roeyen V 3.0 26 februari 2015 Inhoud 1. Formulieren... 3 1.1. De form tag... 3 1.1.1. Het action attribute... 4 1.1.2. Het method attribute... 4 1.2. De input tag... 4 1.3. Soorten input

Nadere informatie

Handleiding. Beheeromgeving

Handleiding. Beheeromgeving Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3

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

Formulier maken en opvangen met php

Formulier maken en opvangen met php Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver

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

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:

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

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress V 1.0 Door Inhoud Inloggen op de website... 3 Het Dashboard... 4 Berichten... 5 Berichten aanmaken... 5 Berichten bewerken... 6 Pagina's... 7 Pagina's aanmaken... 7 Pagina's bewerken...

Nadere informatie

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk. Inhoudsopgave frontpage 2003... 2 een thema gebruiken... 4 afbeeldingen op de pagina zetten... 5 knoppen maken... 8 knoppen maken in linkerframe... 10 een tabel maken... 12 opdrachten... 14 een fotopagina

Nadere informatie

E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl

E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl Frontpage 2003 Jouw vak op het leerlingenweb E.M. van Nieuwaal Copyright 2008 http://cursus.anguillanova.nl Inleiding... 3 1. Ontwerp een sitemap... 4 2. Index.htm... 4 3. Nieuwe pagina s maken... 7 4.

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

Proefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler

Proefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler Proefles informatica op het Alberdingk Thijm College Het maken van een website met de tekstverwerker Kladblok of TextWrangler 1 Start het programma kladblok: (Start à Programma s à Bureau-accessoires à

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

Inleiding website maken

Inleiding website maken Inleiding website maken Bert Dingemans DLA Ontwerp & Software http://www.dla-os.nl bert@dla-os.nl DLA Ontwerp & Software, Culemborg 1 Titel Docent Veronderstelde voorkennis Samenvatting Aantal bijeenkomsten

Nadere informatie

Gebruikershandleiding CMS ouderenzorgutrecht.nl

Gebruikershandleiding CMS ouderenzorgutrecht.nl IVVU Gebruikershandleiding CMS ouderenzorgutrecht.nl datum 15 februari 2011 IVVU opdrachtgever projectnummer 8374 Inhoudsopgave Inleiding 3 1 Basishandelingen 4 1.1 Ik wil mijn pagina s op ouderenzorgutrecht.nl

Nadere informatie

Syllabus Zelf een website bouwen. Artheos

Syllabus Zelf een website bouwen. Artheos Syllabus Zelf een website bouwen Artheos Helma de Boer Artheos Webdiensten & Office Support www.artheos.nl 2012 Inhoud Syllabus Zelf een website bouwen H1 De techniek van een website... 3 1.1 Browser en

Nadere informatie

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal

Nadere informatie

Juni 2013 OKRA HANDLEIDING TREFPUNTSITES. wendy.dekeyzer@okra.be

Juni 2013 OKRA HANDLEIDING TREFPUNTSITES. wendy.dekeyzer@okra.be Juni 2013 OKRA HANDLEIDING TREFPUNTSITES wendy.dekeyzer@okra.be Opbouw trefpuntsite... 3 Startpagina... 3 Over OKRA... 7 Activiteiten... 8 Lid worden... 9 Contact... 10 Foto s... 11 Hoe starten?... 12

Nadere informatie

<input type=text name=veldnaam size=20 maxlength=30 value=inhoud veld> Les 9: Formulieren. Proficiat, U hebt het al tot de laatste oefening gebracht. In deze les komen formulieren aan bod, U hebt ze zeker al eens gezien op een site, en indien niet neem dan eens vlug een kijke

Nadere informatie

Frontpage 2003. Een web aanmaken in Frontpage doe je zo: 1 Start Frontpage op. Het openingsvenster van Frontpage verschijnt.

Frontpage 2003. Een web aanmaken in Frontpage doe je zo: 1 Start Frontpage op. Het openingsvenster van Frontpage verschijnt. opmerking In deze instructie wordt een web gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructies gebruiken voor elk web met frames, ongeacht het onderwerp.

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 Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK

Nadere informatie

Les 9: formulier controle met javascript.

Les 9: formulier controle met javascript. Les 9: formulier controle met javascript. Javascript is erg veel gebruikt bij internet toepassingen. In tegenstelling tot PHP, wat een server side scripting is, is java client side scripting. Dwz, niet

Nadere informatie

Algemene basis instructies

Algemene basis instructies Inhoud: Algemene basis instructies... 2 Pictogrammen en knoppen... 2 Overzicht... 3 Navigeren (bladeren)... 3 Gegevens filteren... 4 Getoonde gegevens... 5 Archief... 5 Album... 5 Tabbladen en velden...

Nadere informatie

HTML krijgt een standaard opmaak van de browser

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

Nadere informatie

HANDLEIDING HOE AANPASSINGEN AAN JE WEBSITE TOEBRENGEN? 1 DE BASIS... 2 A INLOGGEN... 2 B HOE GA JE NAAR EEN BEPAALDE PAGINA OP DE WEBSITE?...

HANDLEIDING HOE AANPASSINGEN AAN JE WEBSITE TOEBRENGEN? 1 DE BASIS... 2 A INLOGGEN... 2 B HOE GA JE NAAR EEN BEPAALDE PAGINA OP DE WEBSITE?... HANDLEIDING HOE AANPASSINGEN AAN JE WEBSITE TOEBRENGEN? INHOUD 1 DE BASIS... 2 A INLOGGEN... 2 B HOE GA JE NAAR EEN BEPAALDE PAGINA OP DE WEBSITE?... 2 C TEKST AANPASSEN... 2 D JE WILT JE AANPASSINGEN

Nadere informatie

Webs.hogent.be Persoonlijke home/webdirectory voor personeel en studenten

Webs.hogent.be Persoonlijke home/webdirectory voor personeel en studenten Webs.hogent.be Persoonlijke home/webdirectory voor personeel en studenten Inleiding Als personeelslid of student aan de beschikt u over de mogelijkheid om 100 MB aan data centraal op onze servers te plaatsen.

Nadere informatie

design ook items uitsnijden

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

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

HTML Editor: de eerste stappen

HTML Editor: de eerste stappen LES 18 HTML Editor: de eerste stappen In deze les leert u werken met HTML Editor. Daarbij geven we tevens een inleiding tot HTML. Hoewel op dit moment HTML versie 4.01 in gebruik is, maakt de HTML Editor

Nadere informatie

Formulieren maken met Dreamweaver CS 4/CS 5

Formulieren maken met Dreamweaver CS 4/CS 5 Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit

Nadere informatie

Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/

Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Een bestaande website met kompozer www.acc.dds.nl/lesonline/kompozer/website/ Bestanden

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

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

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

Microsoft word 2003. http://www.gratiscursus.be/

Microsoft word 2003. http://www.gratiscursus.be/ Inleiding Dit document is bedoelt voor leerlingen die snel een aantal basishandelingen met word willen leren zonder veel tekst door te lezen. Dit document is gebaseerd op materiaal van de website: http://www.gratiscursus.be/

Nadere informatie

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat.

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat. Een website maken met ZIMPLIT. Geen kennis van html nodig. www.acc.dds.nl/lesonline/zimplit/ Download Zimplit handleiding pdf Download de Zimplit bestanden Zimplit CMS Handleiding Zimplit is een CMS (content

Nadere informatie

Leereenheid Webdesign

Leereenheid Webdesign Leereenheid Webdesign INLEIDING Deze leereenheid leert je een eenvoudige website opbouwen. Vervolgens passen we dit toe op webquest. VOORKENNIS Elementaire kennis van Web 2.0 is vereist. LEERDOELEN LEERDOELEN

Nadere informatie

Sharepoint Designer. Een website maken in Sharepoint gaat als volgt: Start Sharepoint. Het openingsvenster van Sharepoint verschijnt.

Sharepoint Designer. Een website maken in Sharepoint gaat als volgt: Start Sharepoint. Het openingsvenster van Sharepoint verschijnt. Nota bene! In deze instructie wordt een website gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructie gebruiken voor elke website met frames, ongeacht

Nadere informatie

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?

Nadere informatie

WYSIWYG editor. De knoppen worden besproken beginnend bovenaan van links naar rechts.

WYSIWYG editor. De knoppen worden besproken beginnend bovenaan van links naar rechts. WYSIWYG editor Handleiding Mimar CMS Website De knoppenbalk van de editor lijkt in grote mate op die van Microsoft Word en zal er dus vertrouwd uitzien. De functies van de knoppen kunnen enigszins afwijken

Nadere informatie

Dynamische websites met PHP (basis) Karel Nijs 2010/09

Dynamische websites met PHP (basis) Karel Nijs 2010/09 Dynamische websites met PHP (basis) Karel Nijs 2010/09 Leswijze Eerst wat theorie Begeleid met (korte) oefeningen Editor = UltraEdit Geen DreamWeaver Browser = Internet Explorer Vereiste voorkennis: (X)HTML

Nadere informatie

11. Website controleren

11. Website controleren 11. Website controleren 11.1 Website controleren op verschillende browsers Het blijkt nog altijd nodig te zijn een website te controleren. De website zoals deze er in Kompozer uit ziet, ziet er op internet

Nadere informatie

Auteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5. Handleiding Beheer Standaard Website

Auteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5. Handleiding Beheer Standaard Website Auteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5 Handleiding Beheer Standaard Versie Datum Opmerkingen 0.1.2 29-01-09 Note opgenomen op pagina 7 over subpagina's en weergave in menu structuur. 0.1.3 02-02-09

Nadere informatie

Van Dreamweaver CS4 naar CS5

Van Dreamweaver CS4 naar CS5 Danny Devriendt Van Dreamweaver CS4 naar CS5 Beknopte overstapgids www.wwwsoft.be Bijlage gratis te downloaden bij Basiscursus webdesign Dreamweaver CS4 WWW-Soft GCV 2010 www.wwwsoft.be CS5 Nieuw in Dreamweaver

Nadere informatie

Editie 2010. Handleiding Tiny MCE. Tiny MCE Uitgebreide handleiding Sanmax bvba Mieënbroekstraat 33 3600 Genk T 070.250.236 E info@sanmax.

Editie 2010. Handleiding Tiny MCE. Tiny MCE Uitgebreide handleiding Sanmax bvba Mieënbroekstraat 33 3600 Genk T 070.250.236 E info@sanmax. Editie 2010 Handleiding Tiny Tiny Uitgebreide handleiding Sanmax bvba Mieënbroekstraat 33 3600 Genk T 070.250.236 E info@sanmax.be Sanmax Tiny handleiding Inhoudsopgave Deel 1: Inleiding... 3 Deel 2: icoontjes

Nadere informatie

Vragen opmaken in de editor

Vragen opmaken in de editor Vragen opmaken in de editor De tekstvakken van WTMaak zijn in versie 5.0 opgebouwd volgens de HTML5-methode. Hiermee kunt u direct zien wat u invoegt of opmaakt, de zogenaamde WYSIWYG methode (What You

Nadere informatie

Les 1a: Downloaden en instellen van software Software gebruik

Les 1a: Downloaden en instellen van software Software gebruik Les 1a: Downloaden en instellen van software Software gebruik Eisen computer Deze e-cursus heb ik geschreven voor gebruikers van een Windows computer. Zelf gebruik ik voor deze cursus Windows 7. Mocht

Nadere informatie

INDEX Frontpage Handleiding:

INDEX Frontpage Handleiding: 1 INDEX Frontpage Handleiding: Pagina Onderdeel 1 Index 2 Eerste stappen 3 Website aanpassen: opstarten: Nieuwe pagina maken Wijzigingen 4 Opslaan Tekst opties instellen Modus ontwerpen/splitsen/code/voorbeeld

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

Titel: flashvars.html

Titel: flashvars.html Data uitwisselen met Flash: the easiest way Kris Merckx www.ardeco.be Macromedia Flash-bestanden kunnen opgenomen worden in HTML. Een Flashfilm (*.swf) kan tekst, afbeeldingen, film, geluid en vectorbeelden

Nadere informatie

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

Nadere informatie

I Inleiding... 3 Hoofdstuk 1 Maken vaneen eenvoudige webpagina... 4 Hoofdstuk 2 maken van een site... 8 Hoofdstuk 3 maken van verbindingen tussen

I Inleiding... 3 Hoofdstuk 1 Maken vaneen eenvoudige webpagina... 4 Hoofdstuk 2 maken van een site... 8 Hoofdstuk 3 maken van verbindingen tussen 2006-2007 I Inleiding... 3 Hoofdstuk 1 Maken vaneen eenvoudige webpagina... 4 Hoofdstuk 2 maken van een site... 8 Hoofdstuk 3 maken van verbindingen tussen pagina s... 10 Hoofdstuk 4 Tabellen en layers...

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

De tag aan het begin van het PHPscript is "".

De tag aan het begin van het PHPscript is <?php aan het einde van het PHPscript gebruik je ?>. PHP Les 3 Commando ECHO Interessante links: o http://www.donboscozwijnaarde.be/~moermant/ o http://php.net/manual/en/function.echo.php o http://www.w3schools.com/php/default.asp Wat is PHP? PHP is een

Nadere informatie

NVU-Workshop. Websites bouwen met Nvu. Henk Stoop - Docent Website design - HkeyDesigns - HCC WG Website design - KBO WG ICT-Adviseur

NVU-Workshop. Websites bouwen met Nvu. Henk Stoop - Docent Website design - HkeyDesigns - HCC WG Website design - KBO WG ICT-Adviseur Websites bouwen met Nvu Voorbeeld websites Hkey-Designs Manders mondhygieniste Slaapadvies Sterrenburg Werkplan Henk Stoop - Docent Website design - - HCC WG Website design - KBO WG ICT-Adviseur Workshop:

Nadere informatie

Handleiding bij de onderhoudsmodule van de Hermes CMS website.

Handleiding bij de onderhoudsmodule van de Hermes CMS website. Handleiding bij de onderhoudsmodule van de Hermes CMS website. Voor wie? U wilt uw bedrijf professioneel voor stellen? U wenst uw website graag zelf te onderhouden? U wenst het budget laag te houden? Wat?

Nadere informatie

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken.

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken. KNIPPEN Als u na de selectie van een gedeelte van een tekst of een afbeelding op dit icoon klikt, knipt u de selectie uit het veld. Op deze manier kunt u het geselecteerde verwijderen, maar het ook juist

Nadere informatie

Studio Visual Steps Een website omzetten van WEB! Pro naar Web Easy

Studio Visual Steps Een website omzetten van WEB! Pro naar Web Easy Studio Visual Steps Een website omzetten van WEB! Pro naar Web Easy Aanvullend PDF-bestand bij het boek Websites bouwen met Web Easy Een website omzetten van WEB! Pro naar Web Easy 2 Een website omzetten

Nadere informatie

1 Start Dreamweaver op. De workspace verschijnt. De Dreamweaver MX Workspace. 2 Klik op Dreamweaver Site in de kolom Create New.

1 Start Dreamweaver op. De workspace verschijnt. De Dreamweaver MX Workspace. 2 Klik op Dreamweaver Site in de kolom Create New. In deze instructie wordt een web gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructies gebruiken voor elk web met frames, ongeacht het onderwerp. Deze

Nadere informatie

HANDLEIDING CMS. v.0.0.1

HANDLEIDING CMS. v.0.0.1 HANDLEIDING CMS v.0.0.1 0.0 Inhoudsopgave 0.0 Inhoudsopgave...2 1.0 Het inlogscherm......3 1.1 Inloggen...3 1.2 Wachtwoord vergeten?...4 2.0 CMS onderdelen...4 2.1 Quicklinks...4 2.2 Pagina's...5 2.2.1

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

Navigator CMS 2009. Beknopte handleiding v1.0

Navigator CMS 2009. Beknopte handleiding v1.0 Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...

Nadere informatie

HTML. Links. Hyperlinks. Hans Roeyen V 3.0

HTML. Links. Hyperlinks. Hans Roeyen V 3.0 Links En Hyperlinks Hans Roeyen V 3.0 5 februari 2015 Inhoud 1. Werken met (Hyper)links... 3 1.1. De anchor tag... 3 1.1.1. Het ID attribuut... 3 1.1.2. Oefeningen op linken... 4 1.1.3. Absoluut en relatief

Nadere informatie

HTML-EDITOR GEBRUIKEN

HTML-EDITOR GEBRUIKEN HTML-EDITOR GEBRUIKEN Over TinyMCE TinyMCE is een kleine What-You-See-Is-What-You-Get (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browsers, zoals MSIE of Mozilla. Het werken met

Nadere informatie

TEKST INVOEREN EN BEWERKEN

TEKST INVOEREN EN BEWERKEN TEKST INVOEREN EN BEWERKEN Het invoeren en bewerken van tekst gaat via de editor. Onderstaand een overzicht van de te gebuiken knoppen (indien je rechts op de knoppen klik krijg je de betekening in tekst

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

Handleiding Websitebeheer

Handleiding Websitebeheer Handleiding Websitebeheer Event Media Websites Copyright 2005, Event Media 1. Inleiding... 3 2. CMS-systeem... 3 2.1 Inloggen... 3 2.2 Basis-menu... 3 2.3 Bestaande pagina s aanpassen...3 2.4 Nieuwe pagina

Nadere informatie

HTML Editor: tabellen en hyperlinks

HTML Editor: tabellen en hyperlinks LES 19 HTML Editor: tabellen en hyperlinks In deze les leert u nog iets meer over HTML en de HTML Editor van OpenOffice.org. U leert hoe u absolute en relatieve hyperlinks maakt. We staan even stil bij

Nadere 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

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

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken Wordpress handleiding: Algemeen: -Hosting 200Mb webruimte en 2Gb verkeer per maand voor 3 euro per maand. Bij overschrijding volgt automatisch een verdubbeling naar de ruimte/verkeer naar 400Mb/4Gb/6 euro

Nadere informatie

Een ASP.NET applicatie opzetten. Beginsituatie:

Een ASP.NET applicatie opzetten. Beginsituatie: Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.

Nadere informatie

Snel een begin maken met Front-Page voor een eigen website. blad 1

Snel een begin maken met Front-Page voor een eigen website. blad 1 Snel een begin maken met Front-Page voor een eigen website. blad 1 Je gaat zelf een eenvoudige web site maken en zult deze eerst op papier moeten ontwerpen. Je maak een met daaronder sub-pagina s en eventueel

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