Web building basis: HTML. Karel Nijs 2008/09

Maat: px
Weergave met pagina beginnen:

Download "Web building basis: HTML. Karel Nijs 2008/09"

Transcriptie

1 Web building basis: HTML Karel Nijs 2008/09

2 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities

3 Web building basis les 2 Herhaling: HTML basis tags HTML lijsten HTML links HTML figuren HTML tabellen

4 Web building basis les 3 Herhaling: HTML basis tags Herhaling: tabellen HTML frames Je eigen website online zetten Web building gevorderden: intro HTML Quiz

5 Web building basis les 3 Herhaling: HTML basis tags Herhaling: tabellen HTML frames Je eigen website online zetten Web building gevorderden: intro HTML Quiz

6 HTML basis tags Herhaling: Start tag: <tag> Eind tag: </tag> Inhoud van elementen omringen met tags Bv. < tag > inhoud </ tag > Uitzonderingen: Sommige elementen hebben geen inhoud Bv. <br />, Sommige elementen hebben geen eindtag Bv. <br />, <img />, <hr />

7 HTML basis tags Herhaling: Tags moeten afgesloten worden: <p align= left > </p> Tags op de correct manier afsluiten: <b> </b> Attributen enkel bij de start tag: <font size= +1 > </font> Attributen bij de correcte tags zetten: <font face= arial > </font> Attribuutwaarden tussen aanhalingstekens zetten: <font color= red > </font>

8 Web building basis les 3 Herhaling: HTML basis tags Herhaling: tabellen HTML frames Je eigen website online zetten Web building gevorderden: intro HTML Quiz

9 HTML frames Weergave van meerdere HTML pagina s in één browser venster Elk HTML document wordt frame genoemd Nadelen: Ontwikkelaar moet hele structuur onderhouden Website is niet printbaar Niet ondersteund door alle browsers (voorbij?) Voordelen: Herladen van slechts delen van de site Hergebruik van pagina s

10 Voorbeeld: HTML frames

11 Voorbeeld: HTML frames

12 HTML frames Tags: <frameset> Bepaald indeling van het scherm Elke set is een verzameling van rijen of kolommen Attributen: cols=» Bepaald grootte van de kolommen» Bv. cols= 25%,75%, cols= 100,*,150, cols="100,*" rows=» Bepaald grootte van de rijen» Bv. rows= 25%,75%, rows= 300,*,50, rows="300,*" *: gebruikt als wild card voor variabele lengte Kan enkel volgende tags bevatten: frameset, frame

13 HTML frames Tags: <frame> Bepaald welk HTML document in het frame geladen wordt Attributen name=» Naam van het frame (voor referentie)» Bv. name= boven src=" "» Pad naar het HTML document» Bv. src="bovendeel.html"

14 HTML frames Opmerking: Wanneer een HTML document een "frameset" tag bevat, mag er géén "body" tag voorkomen! Voorbeeld: <html> <head> <title>...</title> <head> <frameset cols="10%,*"> <frame name="links" src="links.html" /> <frame name="boven" src="boven.html" /> </frameset> </html>

15 HTML frames Voorbeeld 1: <frameset cols="100,*"> <frame name="links" src="links.html" /> <frame name="boven" src="boven.html" /> </frameset>

16 HTML frames Voorbeeld 2: <frameset cols="10%,*,33%"> <frame name="links" src="links.html" /> <frame name="midden" src="midden.html" /> <frame name="rechts" src="rechts.html" /> </frameset>

17 HTML frames Voorbeeld 3: <frameset rows="15%,*"> <frame name="boven" src="boven.html" /> <frame name="onder" src="onder.html" /> </frameset>

18 HTML frames Oefening 3: Voorbereiding: Noem je profiel pagina met je voornaam: bv. karel.html Kopieer deze naar de map: O:\wissel\#karel\les3\ boven.html en links.html vind je ook in de map. Pas deze niet aan! Maak een nieuwe pagina aan: bv. frameset_karel.html Namen van de frames: boven links rechts Zorg dat alle links naar je vrienden werken!

19 Oefening 3: HTML frames

20 Web building basis les 3 Herhaling: HTML basis tags Herhaling: tabellen HTML frames Je eigen website online zetten Web building gevorderden: intro HTML Quiz

21 Je eigen website online zetten Nodig om een site te maken: Personal Computer editor (bv. UltraEdit) ontwikkelaar inspiratie Nodig om een site aan te bieden: webspace / server DNS Nodig om een site online te zetten: FTP client

22 Je eigen website online zetten Webserver: Supercomputer die diensten aanbiedt. Bv. websites, dynamische websites, video streaming, Webspace: Bestandsruimte op de webserver Offline: Bestanden op je computer thuis Online: Bestanden op een webserver

23 Je eigen website online zetten FTP: File Transfer Protocol Manier om bestanden van je PC naar de server te kopiëren Programma's: FileZilla (gratis) WS-FTP CuteFTP DNS Domain Naming System Mensen onthouden beter namen ipv. IP adressen Bv. Beschikbare opzoeken:

24 Je eigen website online zetten

25 Je eigen website online zetten In vijf stappen: 1. Maak je website offline 2. Registreer je persoonlijke webruimte bij je provider 3. FTP: 1. Installeer een FTP programma. 2. Zet je site online. 4. Test je webpagina's 5. Vraag een DNS aan Meer: zie CD-ROM bij cursus

26 Web building basis les 3 Herhaling: HTML basis tags Herhaling: tabellen HTML frames Je eigen website online zetten Web building gevorderden: intro HTML Quiz

27 Web building gevorderden: intro Het "head" element Het "meta" element Formulieren Opmaak & attributen Cascading Style Sheets JavaScript Dynamic HTML XHTML introductie inschrijven nog mogelijk!

28 Web building basis les 3 Herhaling: HTML basis tags Herhaling: tabellen HTML frames Je eigen website online zetten Web building gevorderden: intro HTML Quiz

29 HTML Quiz W3Schools.com HTML Quiz: 20 vragen geen tijdslimiet geen verplichtingen De online HTML quiz:

30 Bedankt voor jullie aandacht!

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

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

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

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

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

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

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

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

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11 Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11 Webbuilding gevorderden les 3 JavaScript intro JavaScript invoegen JavaScript statements JavaScript popup berichten JavaScript functies JavaScript

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

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

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden...

1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden... 1 1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden... 5 2 Onderhoud website De Onthaasting... 7 2.1 Editor... 7 2.2 Netbeans-project

Nadere informatie

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11 Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11 Leswijze Eerst wat theorie Begeleid met (korte) oefeningen Editor = Geen DreamWeaver Browser = Internet Explorer Online hulp: http://htmlhelp.com/reference/html40/

Nadere informatie

JavaLogo-programma s op het web plaatsen

JavaLogo-programma s op het web plaatsen Bijlage JavaLogo-programma s op het web plaatsen In deze bijlage laten we u zien hoe u JavaLogo-programma s op het web kunt plaatsen, met als voorbeeld het programma Cirkels uit opgave 2.16. We gaan er

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

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

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

Lesbrief Les 2 Basis CSS

Lesbrief Les 2 Basis CSS Lesbrief Les 2 Basis CSS Jullie hebben net de basis uitleg van CSS gehad. Om deze uitleg wat te laten bezinken gaan we aan de slag met de oefenopdracht voor deze week. Lees de opdracht goed door zodat

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

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

Studio Visual Steps Uploaden naar uw eigen webhostingservice

Studio Visual Steps Uploaden naar uw eigen webhostingservice Studio Visual Steps Uploaden naar uw eigen webhostingservice Aanvullend PDF-bestand bij het boek Een website maken voor uw eigen bedrijf Uploaden naar uw eigen webhostingservice 2 Uploaden naar uw eigen

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

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

ailexpert Tips & Tricks Email design

ailexpert Tips & Tricks Email design ailexpert Tips & Tricks Email design 1 Inleiding E-mail marketing is een vorm van direct marketing waarmee een bedrijf in contact kan komen te staan met haar klanten. De markt van E-mail marketing is de

Nadere informatie

Cursus Onderwijs en ICT. bloggen met Wordpress

Cursus Onderwijs en ICT. bloggen met Wordpress Cursus Onderwijs en ICT Deel 21 (versie 1.0 NL 27-04-2011) bloggen met Wordpress door Serge de Beer Inleiding Zelf ben ik niet zo n blogger. Niet dat ik het niet heb geprobeerd trouwens. Al regelmatig

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

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

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

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

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

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

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

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

Naam cursist: Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen Inleiding: Hoe zit het internet in elkaar? Client is in ons geval is de trage PC hier op school of de

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

Multimedia op een website

Multimedia op een website Multimedia op een website De webpagina's bestonden tot nu toe alleen maar uit tekst. Dat ziet er natuurlijk een beetje saai uit. Tijdens dit practicum gaan we kijken hoe plaatjes, geluidsfragmenten, FLASHmovies,

Nadere informatie

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op 1 Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2 Disclaimer Bij de samenstelling

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

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

Welkom in de wondere wereld van websites met WordPress.

Welkom in de wondere wereld van websites met WordPress. Welkom in de wondere wereld van websites met WordPress. Alsjeblieft, dit kleine WordPress woordenboekje is voor jou. Want als je voor het eerst een website met WordPress gaat maken kom je misschien woorden

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

Instellingen voor het publiceren opgeven

Instellingen voor het publiceren opgeven 289 Aanvulling hoofdstuk 9 i.p.v. blz. 289 tot en met 308 Instellingen voor het publiceren opgeven Voordat u webpagina s kunt publiceren, moet u eerst de instellingen voor het publiceren opgeven. Anders

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

Test Joomla op je PC 1

Test Joomla op je PC 1 1 Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook wordt verstrekt. De auteur van dit ebook kan op geen

Nadere informatie

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor NHV verenigingen Versie 0.2 Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere 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

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren...

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren... Inhoudsopgave Voorwoord... 5 Nieuwsbrief... 5 Introductie Visual Steps... 6 Wat heeft u nodig?... 6 De website bij het boek... 7 Hoe werkt u met dit boek?... 7 Uw voorkennis... 8 Toets uw kennis... 8 Voor

Nadere informatie

File Transfer Protocol (FTP) onder Windows XP

File Transfer Protocol (FTP) onder Windows XP File Transfer Protocol (FTP) onder Windows XP Hoe je website uploaden en beheren met je Verkenner versie 1.0 : 30 november 2005 1/13 Licentie Copyright (c) 2005 Alain Baudrez. Permission is granted to

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

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

FTP met Filezilla. Installatie

FTP met Filezilla. Installatie FTP met Filezilla FTP is de naam van het protocol waarmee bestanden op een webserver kunnen worden gezet. Dit document beschrijft hoe je met Filezilla, het broertje van de Mozilla browser, je eigen webiste

Nadere informatie

Chapter 4. eenvoudige webserver opzetten

Chapter 4. eenvoudige webserver opzetten Chapter 4. eenvoudige webserver opzetten Table of Contents 4.1. overzicht... 44 4.2. software beheren op Linux... 44 4.3. vi... 45 4.4. html... 45 4.5. apache2... 45 4.6. twee extra websites op de apache

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

Week 1 1/4. Week 1 2/4

Week 1 1/4. Week 1 2/4 Week 1 1/4 3. Beschrijf keuzes: Wij hebben gekozen voor Dreamweaver omdat een van ons dit al op zijn/haar laptop had staan. Ook weten we hoe we dit programma moeten gebruiken en kan bijvoorbeeld notepad++

Nadere 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

Handleiding FileZilla

Handleiding FileZilla Handleiding FileZilla Deze handleiding beschrijft de installatie en configuratie van FileZilla. Met dit programma is het mogelijk om bestanden van uw computer te verplaatsen naar een zogeheten (web)server.

Nadere informatie

DEEL 1: Ontstaan van het internet

DEEL 1: Ontstaan van het internet Inhoudstabel Professioneel Internet Gebruiken DEEL 1: Ontstaan van het internet Praktische inleiding tot het Internet Ontstaan van het Internet De ontwikkeling van het Internet (jaren '80) De ontwikkeling

Nadere informatie

Zonnepanelen Hoe krijg je de data op je website?

Zonnepanelen Hoe krijg je de data op je website? Zonnepanelen Hoe krijg je de data op je website? Beste website-bezoeker, Omdat ik al heel wat vragen kreeg over het gedeelte zonne-energie op mijn website, heb ik besloten om de werkwijze die ik gevolgd

Nadere informatie

Zo maak je een website! Copyright: Roel Grit, auteur Wolters-Noordhoff en Unieboek

Zo maak je een website! Copyright: Roel Grit, auteur Wolters-Noordhoff en Unieboek Website maken 1/7 Zo maak je een website! Copyright: Roel Grit, auteur Wolters-Noordhoff en Unieboek Dit document mag gratis gebruikt worden bij de volgende boeken van Roel Grit: Informatiemanagement Zo

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

Windows Live (Mail) Een introductie HCC Beginners IG H.C.A.H. Moerkerken h.moerkerken@kader.hcc.nl

Windows Live (Mail) Een introductie HCC Beginners IG H.C.A.H. Moerkerken h.moerkerken@kader.hcc.nl Windows Live (Mail) Een introductie HCC Beginners IG H.C.A.H. Moerkerken h.moerkerken@kader.hcc.nl Inhoud presentatie Overzicht Windows Live Windows Live Mail Live Mail Installeren Live Mail configureren

Nadere informatie

HTML. Media. Hans Roeyen V 3.0

HTML. Media. Hans Roeyen V 3.0 Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...

Nadere informatie

JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK. Tips en hulpmiddelen voor gebruiksvriendelijkheid

JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK. Tips en hulpmiddelen voor gebruiksvriendelijkheid JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK Tips en hulpmiddelen voor gebruiksvriendelijkheid JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK 10 tips om joomla gebruiksvriendelijker te maken Sander Potjer

Nadere informatie

Verbinden met FTP server

Verbinden met FTP server We gaan kijken naar: Verbinden met een FTP server Je FTP wachtwoord veranderen Je website bekijken Bestanden op een FTP server zetten Verbinden met FTP server Websites staan op een webserver. Een webserver

Nadere informatie

Laten we eens beginnen met de mouwen op te stropen en een netwerk te bouwen.

Laten we eens beginnen met de mouwen op te stropen en een netwerk te bouwen. Practicum Filius In deze proefles gaan we jullie kennis laten maken met computernetwerken. Na afloop van dit practicum heb je een goede basis van waar een netwerk uit kan bestaan, hoe je een netwerk bouwt

Nadere informatie

In de meeste netwerkomgevingen staan de firewalls het browsen of surfen op internet toe.

In de meeste netwerkomgevingen staan de firewalls het browsen of surfen op internet toe. m:\helpdesk\vgmbox\documenten\handleiding - inzet binnen beveiligd netwerk (dmv proxyserver) - 20110112 - tbv pdf.doc Inzet van De VGM Box binnen een beveiligd netwerk Dit document beschrijft het functioneren

Nadere informatie

Zelftest Internet concepten en technieken

Zelftest Internet concepten en technieken Zelftest Internet concepten en technieken Document: n0832test.fm 10/02/2010 ABIS Training & Consulting P.O. Box 220 B-3000 Leuven Belgium TRAINING & CONSULTING INTRODUCTIE ZELFTEST INTERNET CONCEPTEN EN

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

NAT (Network Address Translation)

NAT (Network Address Translation) Technical Note #019 Auteur: Olaf Suchorski Gemaakt op: 11 juli 2000 Bijgewerkt op: 11 juli 2000 NAT (Network Address Translation) In deze Technical Note worden de meest voorkomende situaties met NAT doorgelicht.

Nadere informatie

DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS. Auteur: Harriet Damen SURFnet BV

DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS. Auteur: Harriet Damen SURFnet BV DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS Auteur: Harriet Damen SURFnet BV Versie 1.1 11 augustus 2010 1 DRAAIBOEK CURSUS 21EDINGEN OP DE EIGEN INSTELLING Benodigde kennis om te starten met 21eDingen:

Nadere informatie

Wat is internet? Hüseyin Uçar 3B

Wat is internet? Hüseyin Uçar 3B Wat is internet? Hüseyin Uçar 3B Internet is een netwerk dat bestaat uit computer netwerken over het algemeen alleen beschikbaar binnen een organisatie of gebouw. T r i v i u m c o l l e g e Wat is Internet?

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

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

De 3 bovenstaande worden onderhouden door mensen beheerd Dus meer kwaliteit dan machine

De 3 bovenstaande worden onderhouden door mensen beheerd Dus meer kwaliteit dan machine Internet Sheet 1 Goed zoeken - Wat, waar en hoe je moet zoeken Startpagina's - Verzamel pagina en woord onderhouden door personen. ( Redactueren ) Direcotries - Is een verzamelen pagina met structuur doormiddel

Nadere informatie

Installatie Handleiding voor Modelit Applicatieprogrammatuur

Installatie Handleiding voor Modelit Applicatieprogrammatuur Modelit Elisabethdreef 5 4101 KN Culemborg Telefoon +31 345 521121 info@modelit.nl www.modelit.nl Installatie Handleiding voor Modelit Applicatieprogrammatuur Datum 27 April 2007 Modelit KvK Rivierenland

Nadere informatie

Welkom in de wondere wereld van websites met WordPress.

Welkom in de wondere wereld van websites met WordPress. Welkom in de wondere wereld van websites met WordPress. Alsjeblieft, dit kleine WordPress woordenboekje is voor jou. Want als je voor het eerst een website met WordPress gaat maken kom je misschien woorden

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

Een website omzetten naar WordPress

Een website omzetten naar WordPress 1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt

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

De webserver c.q. uw hosting-account (waarop Mail to Go Pro geïnstalleerd wordt), dient te voldoen aan minimaal de volgende vereisten :

De webserver c.q. uw hosting-account (waarop Mail to Go Pro geïnstalleerd wordt), dient te voldoen aan minimaal de volgende vereisten : Installatie Systeemvereisten Aangezien Mail to Go Pro een applicatie is die voor 100% op de webserver bij uw provider draait - en dus niet op uw eigen PC - zijn de vereisten voor uw eigen PC minimaal,

Nadere informatie

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

Inhoud. Wat zijn webrichtlijnen, waarom zouden we daar iets mee moeten en hoe doe je dat dan? Webrichtlijnen Inhoud Wat zijn webrichtlijnen, waarom zouden we daar iets mee moeten en hoe doe je dat dan? Webrichtlijnen? 30 juni 2006: de Tweede kamer neemt het 'Besluit Kwaliteit Rijksoverheidswebsites'

Nadere informatie

TW100-S4W1CA Breedband Router (met 4-Poort Schakelaar) Snelle Installatie Gids

TW100-S4W1CA Breedband Router (met 4-Poort Schakelaar) Snelle Installatie Gids TW100-S4W1CA Breedband Router (met 4-Poort Schakelaar) Snelle Installatie Gids STAP 1: DE APPARATEN VERBINDEN Figuur 1 (ver.e) QIG-SS07232003 ** Schakel Uw DSL/Kabel Modem in. 1-1. Verbind de adapter met

Nadere informatie

De website Inleiding Internet

De website Inleiding Internet De website Inleiding Internet (Alle inhoud van dit document kun je gebruiken als leidraad, maar het is geenszins compleet!!) Doelen en Doelgroepen Doel(en): Primair: o Basiskennis (theoretisch & praktisch)

Nadere informatie

Thinking of development

Thinking of development Thinking of development Netwerken en APIs Arjan Scherpenisse HKU / Miraclethings Thinking of Development, semester II 2012/2013 Agenda voor vandaag Netwerken Protocollen API's Opdracht Thinking of Development,

Nadere informatie

De 9lives Webdesign informatie sticky

De 9lives Webdesign informatie sticky De 9lives Webdesign informatie sticky Hoe maak ik een eigen website? Een eigen site maken kan op verschillende manieren, de ene al wat beter dan de andere. Veel gebruikers beginnen met een WYSIWYG-editor,

Nadere informatie

Websites & Zoekmachines

Websites & Zoekmachines Zoekmachines, Wat en Hoe... 2 Wat is een Zoekmachine?... 2 Hoe werkt het?... 2 Meldt Je Site Aan... 3 Meta-data... 3 Links naar je site... 3 De grote 3... 3 Hoe aanmelden?... 3 Wachttijd na aanmelding...

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

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

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/.

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Handleiding website In deze handleiding staat alles wat u nodig heeft om een bericht op de website van de Reddingsbrigade Aoreven Heythuysen te plaatsen. Alles wordt in woord en beeld uitgelegd. Inloggen

Nadere informatie

Aan de slag met DNS Jeroen van Herwaarden, Robbert-Jan van Nugteren en Yannick Geerlings 19-3-2010

Aan de slag met DNS Jeroen van Herwaarden, Robbert-Jan van Nugteren en Yannick Geerlings 19-3-2010 Aan de slag met DNS Jeroen van Herwaarden, Robbert-Jan van Nugteren en Yannick Geerlings 19-3-2010 Inhoud Hoofdstuk 1 Inleiding... 3 Hoofdstuk 2 Algemene informatie over DNS... 4 Hoofdstuk 3 Verschillende

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

Globale kennismaking

Globale kennismaking Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina

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

Is uw bestuur klaar voor IPv6? Shopt IT Antwerpen 25 april 2013

Is uw bestuur klaar voor IPv6? Shopt IT Antwerpen 25 april 2013 Is uw bestuur klaar voor IPv6? Shopt IT Antwerpen 25 april 2013 Fedict 2013. All rights reserved Agenda Fedict 2013. All rights reserved Agenda Wat is IPv4 / IPv6? Waarom is IPv6 nodig? Wie gebruikt al

Nadere informatie

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.6 Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Handleiding - Styling van OFB Web 4.0

Handleiding - Styling van OFB Web 4.0 Handleiding - Styling van OFB Web 4.0 Versie: 1.0 Inleiding OFB Web is opgebouwd uit controls. De plaatsing en positionering van de controls wordt vastgelegd in de page.aspx. Dit bestand kan gezien worden

Nadere informatie

INHOUDSOPGAVE. Laatste versie : Filezilla Client 3.2.3.1. History Log : * HANDLEIDING FILEZILLA CLIENT 2009-05-22

INHOUDSOPGAVE. Laatste versie : Filezilla Client 3.2.3.1. History Log : * HANDLEIDING FILEZILLA CLIENT 2009-05-22 INHOUDSOPGAVE 1] Inleiding pagina 2 2] Installatie pagina 3 3] Aan de slag met Filezilla pagina 4 4] Toetsenbord Shortcuts pagina 9 5] Wil je vanuit ons nog verder hulp met het uploaden? pagina 9 6] Bronnen

Nadere informatie

Bestaat er serieus onderwijs in het maken van websites?

Bestaat er serieus onderwijs in het maken van websites? Bestaat er serieus onderwijs in het maken van websites? InGrUnDes, onderzoek naar InformationGridUnitDesign door Hans Frederik 12 april 2006 www.alexisbv.nl Agenda Vraagstelling Kaders Onderzoek Kwalificatieprofielen

Nadere informatie