Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over...

25
Website maken Door Kick de Wolff April 2010

Transcript of Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over...

Page 1: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Website maken

DoorKick de Wolff

April 2010

Page 2: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher, vandaar dat ik in overleg met diverse toehoorders heb besloten om voornamelijk zou te vertellen over wat er komt kijken bij een website maken en daarbij een introductie tot Publisher mee zou nemen

Page 3: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Indeling

• Achtergrond informatie (theorie)• Praktijk met enkele tools• Praktijk met Publisher• 15:15 Uploaden Publisher

Page 4: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Vraagje

• Wat is de naam van mijn website, als mijn email adres is:

[email protected]• ?????

Page 5: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Waar bestaat een website naam uit.

• www.de-wolff.com• “www” = World Wide Web• “de-wolff” = is de domeinnaam• “.com” = de registratie organisatie van

domeinnamen met “.com”• Een domeinnaam mag alleen maar bevatten:

a t/m z en 0 t/m 9 en –dus geen hoofdletters.

Page 6: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Domeinnamen

• www.hcchaaglanden.nl• Is geregistreerd bij de nationale registratie

organisatie van Nederland. www.sidn.nl• Verder heeft elk land zijn eigen

registratieletters. .BE, .DE, .FR, .UK, .IT, .IL• .NU = Niue, .TV = Tuvalua en .TK=Tokalau zijn

zo klein dat de landen letters door andere worden geregistreerd.

Page 7: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• Uitzonderingen zijn:• .COM, .ORG, .GOV, .NET– Dit zijn registratieletters uit de USA– Hier is men begonnen met Internet en heeft

vergeten dat er andere landen zouden komen.

• .EU kan alleen door bedrijven of personen uit de EU worden geregistreerd worden.

Page 8: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• Registratie organisaties houden de domeinnamen bij die binnen hun bereik zijn aangevraagd. Dit kost elk jaar geld. +/- 12,= per jaar.

• Het aanvragen van een domeinnaam gaat altijd via een hosting provider.

• Hosting providers kunnen een domeinnaam bij een van de registratie organisaties onderbrengen.

Page 9: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• Controleren of een gewenste domein naam vrij is kan bij elke hosting provider.

• Een leuke is www.pine.nl• Of www.web-portfolio.be/whois/domeinnaam-

checker.php• Hier zie gelijk of een gewenste domein naam

vrij is bij een aantal veelgebruikte registratie organisaties.

Page 10: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

subdomeinen

• Een website naam kan zijn:• www.hcchaaglanden.nl• Maar ook:• fsgroep.hcchaaglanden.nl• Dit is dan een subdomein en is door de website

beheerder (webmaster) van de betreffende website zelf te definiëren.

• Daarom mag er in een domeinnaam nooit een “.” staan.

Page 11: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• Een domeinnaam wordt door een DNS (Domein Name Server) vertaald naar een URL.

• Bv 83.137.194.25 • Deze geeft aan op welke Internet server in de

wereld deze website staat.• Vandaar dat een verhuizing van een website

enkele dagen duurt voordat alle DNS’n het gewijzigde adres hebben aangepast.

Page 12: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Website / Home page

• Een website met een eigen domeinnaam noem ik een website.

• Een Home page is een stukje ruimte bij een organisatie waar men is aangesloten.– Bv. home.hccnet.nl/c.p.de.wolff– Of home.zonnet.nl/c.p.de.wolff

• Gaat men bij zo’n organisatie weg dan is ook de homepage weg. Maar deze is wel vaak gratis.

Page 13: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Maken van een website/homepage

• Of het nu een website of een homepage is maakt bijna geen verschil.

• Wel is het belangrijk welke hulpmiddelen er beschikbaar zijn.

• Een betaalde hosting provider zal meer tools bieden dan bij een gratis homepage.

• Dit zijn dan: PHP, ASP, FrontPage extensies, Joomla etc.

Page 14: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Hoe een website te maken

• Door gebruik te maken van een Content Management Systeem (Joomla, Smartsite(www.HCC.nl)

• Of door middel van HTML pagina’s, hierbij bestaat de website doorgaans uit een of meerdere pagina’s die staan in HTML (Hyper Text Markup Langauge) HTML is een opmaak taal.

Page 15: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

CMS systemen

• Hierbij draait er een online pakket bij de hosting provider waarbij men ook online van alles kan invoeren en aanpassen. Meerdere mensen kunnen hier gelijk aan werken. Hierbij staat niets op een locale computer.

• Een variant hierop is www.webklik.nl(net via Google gevonden) gratis?

Page 16: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

HTML

• HTML wordt gemaakt op een locale computer(PC)

• Hiervoor is een HTML editor voor nodig.• Dit kan zijn; kladblok, Word, Excel, FrontPage,

Publisher om maar even in de Microsoft hoek te blijven. Daarbuiten zijn er nog heel veel programma’s die HTML maken.

Page 17: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• FrontPage maakt het ontwerpen heel makkelijker maar gebruikt daarvoor frames.

• Dit is een systeem waar men niet mee verder wil gaan. Vandaar dat MS is gekomen met Publisher die geen frames meer gebruikt.

• Nadeel van FrontPage en Publisher zijn dat ze een onderdeel vormen van MS Office en dus duur in aanschaf zijn. +/- €250,=

Page 18: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• In HTML gemaakte webpagina’s die te samen een website vormen moeten van de locale computer overgebracht worden naar de webruimte.

• Er moet als start pagina altijd een pagina zijn die “index” heet. Eerst index.html dan index.htm.

• Let op: bijna alle webservers zijn “Unix servers” en zijn heel erg hoofdletter gevoelig.

Page 19: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Een stukje HTML

• <html>– <head>• Hier allerlei algemene informatie die je niet ziet

– </head>– <body>• <p>dit is een pagina</p>

– </body>

• </html>

Page 20: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Procedure’s

HTML• Maak tekst met bv HTML editor• Breng dit over naar webruimte

Publisher• Maak tekst met Publisher (naam.pub)• Publiceer dit (=vertaal dit naar HTML)• Breng dit over naar webruimte

Page 21: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Publisher

• Hierbij is het origineel een naam.pub bestand.• Na publiceren is er een map index-bestanden

gemaakt en een bestand index.htm• Deze twee moeten overgebracht worden naar

website. Het naam.pub bestand niet.• Wil je een oude versie bewaren geef dan de

nieuwe een andere naam. Bv naam-2.pub.

Page 22: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

• Een van onze leden heeft onlangs een website gemaakt in Publisher.

www.linnenkring.nl

Page 23: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Vullen van webruimte

• Om zaken op een website te zetten is doorgaans een FTP programma nodig. (File Transfer Protocol) Bv.– WS-FTP– Total Commander– De Verkenner via USE net commando!!!!– (FrontPage en Publisher hebben een ingebouwde

FTP functie)

Page 24: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Wat zet je op een website?

• Alles wat men wil, mits het door iedereen gelezen mag/kan worden.

• Dus geen echt persoonlijke zaken als pinkodes etc.

• Zoekmachines inventariseren regelmatig wat er op webpagina’s staat en zet dit in een index zodat men ernaar kan zoeken. (kan een halfjaartje duren)

Page 25: Website maken Door Kick de Wolff April 2010. • Aangekondigd was dat het een presentatie over Publisher zou worden, maar weinig mensen hebben Publisher,

Praktijk:

• Frontpage• Een webpagina in HTML• WS-FTP• Publisher