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 komen de pagina’s niet op de goede plek terecht.
Let op! Voor het publiceren van uw webpagina’s heeft u webruimte nodig. Die krijgt u gewoonlijk bij uw eigen internetaanbieder als onderdeel van uw internetabonnement. U kunt ook gebruik maken van aparte hosting providers. Zie voor informatie ook www.visualsteps.nl/websites Klik op Klik op Klik op
Let op! Bij WEB! Pro zit een mogelijkheid om u aan te melden voor gratis webhosting bij MySite Hosting. De bijbehorende procedure wordt in het boek Websites maken met WEB! Pro beschreven. Helaas is deze gratis service erg storinggevoelig gebleken. Geadviseerd wordt om gratis webhosting bij uw eigen internetaanbieder aan te vragen.
Tip Gegevens voor uploaden website De gegevens die u nodig heeft voor het instellen van het publiceren, kunt u terugvinden in de informatie die u na het aanvragen van webruimte van uw internetaanbieder heeft gekregen. Deze informatie vindt u meestal ook op de website van uw internetaanbieder.
290
Websites maken met WEB! Pro
U ziet het venster Publiceer Instellingen: Typ achter uw loginnaam Typ achter uw wachtwoord Typ achter het adres van de ftpserver van uw eigen internetaanbieder
Let op! FTP-server Het FTP-gedeelte (File Transfer Protocol) van internet is speciaal bedoeld voor het up- en downloaden van bestanden zoals bijvoorbeeld webpagina’s. Iedere internetaanbieder heeft zijn eigen FTP-server (computer) waar u bestanden naar kunt uploaden en van kunt downloaden. Het adres hiervan wordt altijd voorafgegaan door de letters: FTP. Het FTP-adres van de internetaanbieder Xs4all die in dit voorbeeld wordt gebruikt, is ftp.xs4all.nl Bij sommige internetaanbieders of hosting-providers moet u ook nog een adres van een specifieke map waarin uw website wordt geplaatst, opgeven. Dit adres kan verschillen per hosting-provider. Het kan bijvoorbeeld zijn: WWW, www, web of juist helemaal niets. U krijgt hierover meer informatie bij uw hosting-provider. U moet in dit venster van WEB! Pro exact de goede naam van deze map opgeven. Als u hierin een fout maakt, kunt u uw website niet op internet bekijken. Typ achter de map waarin de website moet komen te staan Klik op
De publiceerinstellingen zijn opgegeven.
Hoofdstuk 9 Uploaden van de website
291
De website publiceren Als u de instellingen voor het publiceren heeft opgegeven, kunt u uw website gaan publiceren: Maak verbinding met internet Klik op Klik op Klik op
U ziet een venster waarin u kunt opgeven welke webpagina’s moeten worden gepubliceerd: Klik op
292
Websites maken met WEB! Pro
Houd ingedrukt Klik op Alle webpagina’s zijn nu geselecteerd: Klik op
U ziet dat de webpagina’s nu één voor één worden geupload naar de webruimte:
Als alle webpagina’s zijn geupload, ziet u dit venster:
Hoofdstuk 9 Uploaden van de website
293
U ziet het venster van WEB! weer:
HELP! Publiceren blijft hangen Soms komt het voor bij het publiceren van webpagina’s dat het uploaden blijft hangen. Oorzaak kan het programma zelf zijn, maar ook drukte op het internet of bij de server waar u uw website plaatst. U kunt dat als volgt oplossen: Klik op
U kunt vervolgens WEB! opnieuw opstarten en het publiceren nogmaals proberen. Wacht zo nodig tot een rustiger tijdstip.
Let op! Mocht het uploaden niet lukken, kijk dan op www.visualsteps.nl/webpro voor actuele informatie over eventuele wijzigingen.
294
Websites maken met WEB! Pro
De website beheren U kunt de webpagina’s die u heeft ge-upload naar uw webruimte, bekijken en beheren via WEB!. Daar is een speciale optie voor: Klik op Klik op Klik op
U ziet het beheervenster:
Klik op
U wordt automatisch doorverbonden met uw webruimte: U ziet alle gepubliceerde webpagina’s: Ook kunt u zien dat de bijbehorende plaatjes automatisch zijn meegestuurd:
Hoofdstuk 9 Uploaden van de website
295
Een nieuwe map in de webruimte maken U kunt zelf een nieuwe map in uw webruimte maken. Dat kan bijvoorbeeld van pas komen als u een tweede website in uw webruimte wilt plaatsen: Klik op
U ziet het venster Maak map: Typ achter het adres: /test Klik op U ziet dat een nieuwe map is toegevoegd: Achter de naam van een map staat altijd .
296
Websites maken met WEB! Pro
Een map openen U kunt in het beheervenster van My Site eenvoudig naar een andere map gaan: Klik op
U ziet het venster Ga naar: Typ achter het adres: /test Klik op De map Test is geopend: Klik op
U ziet weer de inhoud van de map WWW:
297
Hoofdstuk 9 Uploaden van de website
Een item uit de webruimte verwijderen U kunt in het MySite beheervenster ook items als mappen, webpagina’s of plaatjes verwijderen: Klik op
Klik op
U ziet dat de map is verwijderd: Klik op
De website testen Als u uw website heeft gepubliceerd, kunt u hem bekijken en testen op internet. Dat testen is belangrijk om te controleren of alles goed op de webpagina’s staat en of alle hyperlinks werken.
Let op! Voor het bekijken van uw website heeft u het juiste adres nodig. Gewoonlijk bestaat dat adres uit het adres van de internetaanbieder waar de website staat, gevolgd door een schuine streep, met daarachter uw inlognaam, al dan niet voorzien van een extra teken. Bijvoorbeeld: www.xs4all.nl/-addostuur De juiste manier van schrijven van uw internetadres vindt u in de informatie die u per e-mail of brief van uw internetaanbieder heeft gekregen. U kunt meestal ook op de website van uw internetaanbieder hierover informatie vinden. Sluit het venster van WEB!
6
298
Websites maken met WEB! Pro
Start Internet Explorer U ziet het venster van Internet Explorer: Typ achter het adres van uw website:
Druk op
U ziet de introductiepagina van uw website verschijnen:
15
Hoofdstuk 9 Uploaden van de website
Daarna verschijnt de homepagina: U kunt nu een hyperlink gaan testen. Bijvoorbeeld de link naar mijn computerboekensite. Sleep de schuifknop van het venster een stukje naar beneden Klik op
Er wordt een apart venster geopend voor de computerboekensite:
Klik op
U ziet de vakantiewebsite weer: U kunt nu de andere links testen. Bijvoorbeeld de knoppen:
Klik op
299
300
Websites maken met WEB! Pro
U ziet de contactpagina: U kunt nu testen of het verzenden van de formuliergegevens goed gaat: Sleep de schuifknop van het venster een stukje naar beneden Klik op
U ziet de homepagina weer: Dit betekent dat het verzenden van de informatie van het formulier goed is gegaan. Verschijnt de homepagina niet? Klik op
Test de andere knoppen en hyperlinks van de website Sluit Internet Explorer
6
U heeft in dit hoofdstuk geleerd hoe u uw website op internet kunt zetten. U heeft nu het hele proces van website maken tot en met de website laten werken op internet doorlopen.
Hoofdstuk 9 Uploaden van de website
301
Achtergrondinformatie
Domeinnamen Een webadres dat verbonden is met een bepaalde naam, wordt ook wel een domeinnaam genoemd. Elk webadres heeft een achtervoegsel zoals .com. Bijvoorbeeld: www.addostuur.com Voor dit achtervoegsel bestaan verschillende varianten. In Europa is het de gewoonte om een landaanduiding te gebruiken: Bijvoorbeeld: www.visualsteps.nl Andere landaanduidingen zijn .be voor België en .de voor Duitsland. Buiten Europa en in de Verenigde Staten wordt een ander systeem gebruikt. Daarbij geeft het achtervoegsel aan wat voor soort organisatie het is: .com....................commercieel bedrijf .edu ....................onderwijs .org .....................niet-commerciële organisatie Als u een website heeft gemaakt, dan ziet het adres van uw website er vaak ongeveer zo uit: http://www.planet.nl/~gebruikersnaam/index.html Dat is geen eenvoudige naam. U kunt zelf een eigen domeinnaam aanvragen, zoals www.uwnaam.nl of www.uwnaam.com. Webhosting Er zijn twee soorten internet-providers. De ene groep biedt u toegang tot het internet, zodat u kunt surfen en e-mailen. De andere groep biedt ruimte aan op internet waar u uw website neer kunt zetten. Dit worden webhosting-providers genoemd. Vaak krijgt u bij een gewoon internet-abonnement ook webruimte aangeboden. Voor veel mensen met een eenvoudige website is dat genoeg. Maar het kan zijn dat u meer wilt. Bijvoorbeeld: meer webruimte, een eigen domeinnaam voor uw website (www.mijnnaam.nl) of speciale mogelijkheden om forums en formulieren te gebruiken. U kunt dan terecht bij een hosting-provider. Hosting-providers bieden allerlei pakketten aan. Variërend van basis (met weinig extra’s) tot complete bedrijfspakketten. Voor eenvoudige websites kunt u vaak toe met het goedkoopste pakket. Als extra kunt u bij hosting-providers een domeinnaam laten vastleggen. Zo kunt u voor een klein bedrag per maand mensen laten doorverwijzen naar een website met een herkenbaar adres. Er zijn ook hosting-providers die gratis webruimte aanbieden, maar u moet dan gewoonlijk ‘betalen’ in de vorm van het toestaan van reclame op uw website. Wilt u meer informatie? Kijk dan op www.visualsteps.nl/websites
302
Websites maken met WEB! Pro
HTML Webpagina’s maken gaat tegenwoordig eenvoudig met een WYSIWYG-editor. Met een What You See Is What You Get-programma als WEB! Pro of FrontPage kunt u een webpagina maken door teksten en afbeeldingen te plaatsen. Maar op de achtergrond worden de webpagina’s nog steeds opgebouwd met behulp van de taal HTML of HyperText Markup Language. HTML bestaat uit een aantal opdrachten waarmee u onder andere tekst, afbeeldingen en hyperlinks kunt plaatsen op een webpagina. Een hele eenvoudige HTML-pagina ziet er zo uit: <TITLE>Mijn website
Op het eerste gezicht ziet HTML er nogal cryptisch uit, maar op zich is het een relatief eenvoudige programmeertaal. De voordelen van een webpagina maken in HTML zijn dat u de opmaak van een webpagina meer gedetailleerd kunt maken en dat u vaak meer mogelijkheden heeft dan WYSIWYG-programma’s bieden. Ook heeft u geen speciale editor nodig om de HTML-code in te tikken. Een eenvoudige teksteditor als Kladblok is voldoende. Voor het leren werken met HTML zijn veel boeken te koop. Maar ook op internet zijn verschillende websites te vinden waar u een korte cursus HTML kunt volgen. Eén van die websites is bijvoorbeeld: http://html.op-het.net/ Wilt u meer informatie? Kijk dan op www.visualsteps.nl/websites
Hoofdstuk 9 Uploaden van de website
303
Scripts Op websites wordt veel gebruik gemaakt van zogenaamde scripts. Dit zijn programma’s waarmee een bepaalde gerichte taak kan worden uitgevoerd. Zo is er bijvoorbeeld een mailscript waarmee de ingevulde informatie in een formulier verstuurd wordt naar een opgegeven mailadres. Met andere scripts kunnen bijvoorbeeld forums en chatboxen worden gedraaid. Een script wordt geschreven in een scripttaal. Daar zijn er verschillende van die ieder zo hun eigen voor- en nadelen hebben: CGI - Werd veel gebruikt door computergebruikers om hun eigen scripts te schrijven voor allerlei doeleinden. Deze scripts draaien op de computer van de internet-provider (server). Helaas legt CGI nogal wat beslag op het computersysteem en kan het relatief eenvoudig gebruikt worden om beveiligingen te omzeilen. Vandaar dat veel providers zelfgeschreven CGI-scripts van gebruikers niet meer accepteren. In plaats daarvan bieden ze zelf kant-en-klare CGI-scripts aan. PHP - Een taal die uitermate geschikt is voor het maken van interactieve websites. PHP is vrij eenvoudig onder de knie te krijgen en biedt veel mogelijkheden. Omdat de taal ook goed geschikt is om met databases samen te werken, wordt hij veel gebruikt voor het maken van forums, gastenboeken en webshops. Java - Een taal die vooral wordt gebruikt om multimediatoepassingen mee te maken, zoals animaties en spellen. U hoeft niet zelf te kunnen programmeren om gebruik te kunnen maken van scripts voor uw website. Er zijn heel veel websites op internet te vinden waar u gratis scripts kunt downloaden voor allerlei toepassingen. Variërend van een script dat bezoekers op uw website verwelkomt tot en met hele forums. Door in een zoekmachine te zoeken op ‘free scripts’ vindt u duizenden websites met gratis scripts.
304
Websites maken met WEB! Pro
Java Java is de naam van een speciaal voor internet ontworpen programmeertaal. Het werd ontwikkeld door het bedrijf Sun Microsystems. Oorspronkelijk was de taal bestemd voor de besturing van koffiezetapparaten; dat is waar de naam Java vandaan komt. Met Java kunnen allerlei programmaatjes worden geschreven die applets worden genoemd. Deze applets kunnen worden opgestart vanaf een webpagina. Meestal gaat het om programmaatjes waarmee multimediatoepassingen uitgevoerd kunnen worden, zoals bijvoorbeeld animaties of spelletjes. Het bijzondere van Java is dat het onafhankelijk werkt van het type computer en besturingsprogramma. Zo kan Java zowel werken op een Windows-computer als op een Apple-computer. Om te kunnen werken moet wel de zogenaamde Java Virtual Machine geïnstalleerd zijn. Dat is een stuk software, dat meestal al meegeïnstalleerd is met de internetbrowser. Is dat niet het geval en loopt u tegen een Java-applet aan, dan zal u gewoonlijk automatisch gevraagd worden of u de Java Virtual Machine wilt installeren op uw computer. Java wordt weleens verward met Javascript. Javascript is een door Netscape ontwikkelde taal, die gezien kan worden als een eenvoudig alternatief voor Java. Javascript kan gewoon in de HTML van een webpagina worden ingevoegd met een teksteditor.
Hoofdstuk 9 Uploaden van de website
305
Tellers Als u eenmaal uw website op internet heeft staan, zult u waarschijnlijk willen weten hoeveel bezoekers er langskomen. Al is het alleen maar uit nieuwsgierigheid. Een teller toevoegen aan uw website is niet moeilijk en hoeft niets te kosten. Er zijn verschillende websites op internet waar u een gratis teller kunt ophalen. Zo’n teller houdt bij hoeveel bezoekers er langskomen op uw website, maar geeft meestal ook informatie over uit welk land de bezoeker afkomstig is en welke internetbrowser hij gebruikt. Eén van de bekendste telleraanbieders is Nedstat: U kunt een teller van Nedstat downloaden vanaf de website: www.nedstat.com/nl/ Klik op
U ziet vervolgens een pagina met allerlei informatie over de teller en hoe u hem kunt toevoegen aan uw website.
Als u zich heeft opgegeven, krijgt u HTML-code die bij de teller hoort. Die u moet invoegen in één van uw webpagina’s, bij voorkeur de homepagina. Als er een bezoeker op uw website komt, worden de gegevens doorgestuurd naar de computer van de telleraanbieder. U kunt de tellergegevens voor uw website zelf bekijken op een eigen pagina bij de aanbieder:
306
Websites maken met WEB! Pro
Tips Tip Andere publiceeropties U kunt behalve meerdere webpagina’s ook nog andere onderdelen van een website publiceren met WEB!: Klik op Klik op
U ziet nu de volgende mogelijkheden: Met kunt u de pagina die in het venster staat direct uploaden: Met kunt u een specifieke frameset uploaden:
Hoofdstuk 9 Uploaden van de website
307
Tip Publiceren met een extern FTP-programma Als u het prettiger vindt om een ander FTP-programma te gebruiken, moet u op het volgende letten: Bij het uploaden met WEB! worden alle afbeeldingen op de webpagina’s automatisch mee ge-upload. Bij een ander programma moet u die afbeeldingen zelf mee uploaden. Om te voorkomen dat u geen afbeeldingen vergeet, is het verstandig de afbeeldingen voor de hele website in één map bij elkaar te plaatsen. WEB! past de verwijzingen (links) naar webpagina’s, afbeeldingen en andere onderdelen automatisch aan tijdens het uploaden. Zo verwijzen de links, zodra ze op internet staan naar de juiste mappen in uw webruimte. Als u met een ander FTPprogramma werkt, moet u die verwijzingen vóór het uploaden zelf aanpassen. U kunt het uzelf makkelijk maken door alle webpagina’s en afbeeldingen in één map op internet te zetten. WEB! plaatst bij het uploaden automatisch het bestand web.js in uw webruimte. Dat bestand is essentieel voor het goed werken van een website gemaakt met WEB!. Met een ander FTP-programma moet u web.js zelf mee uploaden. Meer informatie over het werken met een extern FTP-programma vindt u op de website van WEB! Pro: www.supportforweb.com op het tabblad FAQ (veel gestelde vragen) onder het kopje Publiceren:
308
Websites maken met WEB! Pro
Tip Bestandsnaam van de pagina U kunt een webpagina in principe elke bestandsnaam geven. Het is echter zeer sterk aan te raden om de beginpagina de titel ‘index’, of ‘default’ te geven. Deze twee bestandsnamen worden door Internet Explorer automatisch herkend. Als er op een website meerdere bestanden naast elkaar staan, zal Internet Explorer automatisch het bestand openen met de titel ‘index.htm’ of ‘default.htm’. U hoeft zich om de extensie ‘htm’ niet te bekommeren: wanneer u de optie Opslaan kiest, plaatst Web! Pro die automatisch achter de bestandsnaam.
Lees verder in het boek op blz. 309.