Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Mijn eerste Website bouwen

De basis

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen 2

Uw Lesgever : Guido WillekensAnimator bij…

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Inhoud van deze cursusModule 1: Browsers en Webservers

Hoe gebeurt surfen eigenlijk en wat speelt er zich af achter de schermen?

Module 2: HTML en KompoZer De codetaal van de webpagina en een tool om er mee te

leren werken en te verstaan.Module 3: Hosting en FTP

Waar staat mijn website en hoe breng ik er mijn pagina’s naartoe?

Module 4 WebSiteX1 Een website maken met een tool op de PC, gebaseerd op

sjablonen (templates).Module 5: Google Sites

Een alles in één oplossing.Voorjaar 2009 Mijn eerste website bouwen… 3

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW Module 3Hosting en FTP

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 5

Wat leren we?Waar plaatsen we onze website?

LokaalOp een lokale webserverOp een publieke webserver

Wat is hosting?Kan ik terecht bij mijn provider?

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 6

Waar plaatsen we onze site?1. Gewoon op onze PC

Als bestanden in een map dan is enkel HTML mogelijk, want er is geen server met code

2. Op een locale WebserverWindows XP Professional heeft een IIS

Webserver 6 deze kan ASP en ASPX en heeft links relatief t.o.v. de “root”. Windows Vista heeft een IIS Webserver 7 .

Men kan die ook uitbreiden met PHP of Coldfusion

Er bestaan ook open source Webservers, zoals Apache

3. Op een publieke Webserver in het internetDit noemt men Hosting: de site op een “Host”

plaatsen bij een provider

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 7

HostingBen je abonnee bij Telenet of Skynet: dan heb je

daar 50 Mbyte webruimte: users.telenet.be/voornaam.naam/index.htm users.skynet.be/voornaam.naam/index.htm

Bij een Hosting-bedrijf Een eigen domeinnaam (www.mijnnaam.be of .eu) Grote capaciteit en trafiek Een tiental mailboxen Technologie afhankelijk (asp, php, cfm…) Vb1. www.one.com Vb2. www.webcreating.be/hosting/paketten_windows.htm Vb3. www.bella.be ondersteunt asp,aspx en php

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

1. Webspace activerenbij de provider (gratis)

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 9

Web-space activeren bij Telenetwww.telenet.be

Telenet Portaal

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 10

Web-space activerenbij Skynet

www.skynet.be

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

11April 2007

Een alias makenusers.skynet.be/guido.willekens/

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

2. PublicerenUploaden & Back-up

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 13

FileZilla downloadenTyp FileZilla in

Google en download het

Dan uitvoeren

Uitvoeren

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Een verbinding maken met FTPOm pagina’s van en

naar de webserver te verplaatsen gebruiken we File Transfer Protocol.

Het eerste deel van het protocol dient om een verbinding tot stand te brengen tussen de Client en de Server.

Voorjaar 2009 Mijn eerste website bouwen… 14

URL van de server

Gebruiker

Paswoord

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 15

Uploaden

2. Navigerenen openen

3.Verslepen

1. Verbindingmaken

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 16

Structureren

2. Nieuwe map maken

1. Selecteren enrechtermuis klik

Dez

e pr

esen

tatie

mag

noc

h ge

heel

, noc

h ge

deel

telij

k w

orde

n ge

brui

kt o

f gek

opie

erd

zond

er d

e sc

hrift

elijk

e to

este

mm

ing

van

Sen

iorn

et V

laan

dere

n V

ZW

Voorjaar 2009 Mijn eerste website bouwen… 17

Back-up maken

Terug slepen