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!

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

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

Frames. Dit gedeelte wordt uitgebreid besproken in 1TIN Internettechnologie les 06

Frames. Dit gedeelte wordt uitgebreid besproken in   1TIN Internettechnologie les 06 Frames Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/html/frames.htm 1 Frames - doel? Browservenster kan opgedeeld worden in meerdere views (= schermen, subvensters) Laten toe

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

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

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

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

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

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

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

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

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

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

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

Les W-04: Een introductie in PHP

Les W-04: Een introductie in PHP Les W-04: Een introductie in PHP 4.0 PHP De afgelopen jaren zijn websites steeds interactiever geworden. Je beantwoordt een enquête via internet, doet mee aan een poll, stuurt een formulier naar iemands

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

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

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

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

Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website

Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website Wat we gaan doen 1. Wie ben ik? 2. Voor- en nadelen bestaande templates en eigen templates 3. Eigen template op basis

Nadere informatie

SBO WEBSITES BOUWEN IN 7 STAPPEN

SBO WEBSITES BOUWEN IN 7 STAPPEN SBO WEBSITES BOUWEN IN 7 STAPPEN STAPPENPLAN WEBSITE BOUWEN Online ondernemers behalen drie procent meer omzet dan hun offline collega's, zo blijkt uit onderzoek. Een goede reden om als mkb er online aanwezig

Nadere informatie

Eén framesetpagina Een xhtml pagina per deel van het frame.

Eén framesetpagina Een xhtml pagina per deel van het frame. Frames xhtml heeft van zijn broertje HTML een manier geërfd om een pagina in verschillende delen te splitsen. Dit maakt het mogelijk van in ieder deel een andere xhtml pagina te laden en deze apart van

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

De tag aan het begin van het PHPscript is "<?php" aan het einde van het PHPscript gebruik je "?>".

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

Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde

Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]

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

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

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

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

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

HTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy

HTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy Programmeren met CodeAcademy HTML is de taal die gebruikt wordt om webpagina s te maken die jij elke dag bezoekt. Het is een logische manier om een website te structureren. Laten we kijken wat de term

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

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

Mijn eerste Website. Basis kennis en praktijk oefeningen. Handleiding-syllabus. SNV HANDLEIDING MIJN EERSTE WEBSITE BOUWEN 1

Mijn eerste Website. Basis kennis en praktijk oefeningen. Handleiding-syllabus. SNV HANDLEIDING MIJN EERSTE WEBSITE BOUWEN 1 Mijn eerste Website Basis kennis en praktijk oefeningen Handleiding-syllabus. SNV HANDLEIDING MIJN EERSTE WEBSITE BOUWEN 1 MODULE 1: BROWSERS EN WEBSERVERS Dit is een theoretisch onderdeel. [Max 30 minuten]

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

Zelftest Internet concepten en technieken

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

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

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

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

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

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

Handleiding Aansluiting beeldbank

Handleiding Aansluiting beeldbank Handleiding Aansluiting beeldbank Copyright 2014 FotoCadeau.nl Versie 1.0 Overzicht veranderen Versie Datum Verandering 1.0 22-07-2014 Oplevering eerste versie handleiding Copyright 2014 FotoCadeau.nl

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

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

LES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS

LES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS LES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS In les 1 hebben we op een webpagina aan een gedicht de beoogde vorm gegeven. We deden dit met het html-code-element

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

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

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

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

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

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

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

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

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

procesbeschrijving. Opdracht 1

procesbeschrijving. Opdracht 1 Opdracht 1 procesbeschrijving 2014-2015 Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde 72 Jelle Bouwman,

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

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

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

MODULE 5 : CMS jouwweb

MODULE 5 : CMS jouwweb MODULE 5 : CMS jouwweb Tijdens de beide oefeningen hebben we gemerkt dat er heel wat bij komt kijken, om zelfs een eenvoudige pagina te maken en op een WebServer te plaatsen: een tool zoals KompoZer of

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

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

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

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

12.1 Frames als structuur voor je website

12.1 Frames als structuur voor je website BOUWSTEEN 12 Het gebruik van frames 12.1 Frames als structuur voor je website Naast gebruik van inline frames kan je de structuur van je website helemaal via frames opzetten i.p.v. via tabellen. Bij tabellen

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

procesbeschrijving. Opdracht 1

procesbeschrijving. Opdracht 1 Opdracht 1 procesbeschrijving 2014-2015 Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde Team 28 Randell

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

Checklist websiteonderhoud divosa.nl

Checklist websiteonderhoud divosa.nl Checklist websiteonderhoud divosa.nl 1. Tekst opschonen Zorg altijd dat je gekopieerde tekst vanuit Word of e-mailberichten is opgeschoond voordat je deze in de editor van Drupal zet. Plak je tekst eerst

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

1 Inleiding Installatie 21. WAMP met Apache Friends 23. XAMPP starten en controleren 26. LAMP 32 De installatie ongedaan maken 33

1 Inleiding Installatie 21. WAMP met Apache Friends 23. XAMPP starten en controleren 26. LAMP 32 De installatie ongedaan maken 33 0DD&) QO( l 1 Inleiding 13 De betekenis van PHP 14 Voorkennis 15 Wat dit boek niet biedt 15 PHP 5 - Een routebeschrijving door dit boek 1 5 Zo kunt u de weg vinden 17 Een dankwoord van de auteur 18 Copyright

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

Oefeningen Windows 7 en Vista

Oefeningen Windows 7 en Vista 1 Oefeningen Windows 7 en Vista Om het geleerde vlot te leren toepassen, kunt u de volgende herhalingsoefeningen doen. Weet u niet meer hoe u een handeling uitvoert? Dan zoekt u dit met behulp van het

Nadere informatie

Herhalingsoefeningen

Herhalingsoefeningen Herhalingsoefeningen bij Websites maken met WEB! Pro ISBN 90 5905 193 9 2 Oefeningen hoofdstuk 2 2.1 Nieuwe website maken en opslaan Open een lege webpagina Open het venster Document Eigenschappen Typ

Nadere informatie

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

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

Nadere informatie

JOOMLA. Lokale installatie van Joomla met XAMPP. Naslagwerk over hoe men joomla installeert, zonder dat men webruimte huurt

JOOMLA. Lokale installatie van Joomla met XAMPP. Naslagwerk over hoe men joomla installeert, zonder dat men webruimte huurt JOOMLA Lokale installatie van Joomla met XAMPP Naslagwerk over hoe men joomla installeert, zonder dat men webruimte huurt Carl Maegerman www.lesgever.be INHOUDSOPGAVE 1 LOKALE INSTALLATIE VAN JOOMLA MET

Nadere informatie

owncloud Het alternatief tegen grote gluurders

owncloud Het alternatief tegen grote gluurders owncloud Het alternatief tegen grote gluurders Grote Clouds betekenen zwaar weer Cloud Systemen om bestanden centraal te beheren en te delen Wereldwijd Grote Clouds One Drive Microsof Google Drive icloud

Nadere informatie

Toegang Persoonlijke Schijf Piter Jelles via secure FTP.

Toegang Persoonlijke Schijf Piter Jelles via secure FTP. Toegang Persoonlijke Schijf Piter Jelles via secure FTP. Datum: 05-01-2010 Door: B. Boonstra / J. Brouwer Inhoudsopgave INHOUDSOPGAVE... 2 INLEIDING... 3 1.0 DE SOFTWARE EN DE INSTELLINGEN... 4 1.1 DOWNLOADEN....

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