Frontpage 2002
Website opfleuren
1
Extra: Website opfleuren E.1 Inleiding Met Frontpage kunt u uw site heel boeiend en interactief maken. De mogelijkheden van webcomponenten, DHTML, Java e.d. dragen hiertoe bij. Toch is niet alles wat u zelf maakt met Frontpage noodzakelijk het mooiste. In vele gevallen is het interessanter op het Internet te gaan neuzen naar leuke extra’s. Hieronder worden een aantal van deze mogelijkheden opgesomd, samen met enkele interessante links. We zullen het o.a. hebben over kant-en-klare gastenboeken en weblogs, leuke tellers, gif-animaties, knoppen, Java-componenten enz. Het spreekt voor zich dat als u zelf a.d.h.v. een zoekmachine nog wat gaat speuren, u een nog veel grotere rijkdom aan interactieve elementen zult vinden. Let op: in het geval van gastenboeken e.d. zult een HTML-broncode krijgen en zult u die moeten plakken in de pagina die u gekozen hebt. Soms interpreteert Frontpage deze code niet correct. Indien dit gebeurt, voegt u de code in op een manier waardoor Frontpage ze niet tracht te herkennen of aan te passen. U gaat hiervoor als volgt te werk: zet in de normale weergave de cursor op de plaats waar het extraatje moet komen, kies Invoegen – Webcomponent – Geavanceerde besturingselementen – HTML en plak de code in het tekstvak. Bevestig met OK. In de normale weergave verschijnt een geel vakje met een vraagteken. In de weergave voorbeeld of in de browser zou het element nu correct te zien moeten zijn.
E.2 Gastenboek, poll, teller etc. Een gastenboek (of guestbook in het Engels) is bijna onmisbaar op een website. Het laat de bezoeker toe feedback te geven. Het is voor u ook een manier om te achterhalen wie uw site bezocht heeft. U bepaalt zelf welke gegevens u vraagt. Gastenboeken kunnen ook allerlei toeters en bellen hebben, bv. de mogelijkheid om een privébericht in een gastenboek te zetten (niet leesbaar door andere bezoekers), het gebruik van smileys enz. Naast gastenboeken kunt u een site ook opfleuren met een andere teller dan de standaardteller in Frontpage (al dan niet gekoppeld aan een statistiekengereedschap dat bijhoudt waar uw bezoekers wonen, hoeveel keer ze de site bezochten enz.), een enquête enz. Gastenboeken en andere gereedschappen zijn overal te krijgen. Tik maar eens de trefwoorden free guestbook of free counter of free poll etc. in een zoekmachine in. U zult massa’s resultaten krijgen. Hou er wel rekening mee dat het aanvragen en managen van dergelijke gereedschappen meestal in het Engels moet gebeuren. Het eenvoudigst kunt u kiezen voor de tools die aangeboden worden door uw webspaceaanbieder. Hieronder wordt gesproken over de mogelijkheden bij Angelfire, maar uiteraard kunt u op de Stedelijke Leergangen Izegem L. De Vos
Frontpage 2002
Website opfleuren
2
sites van andere aanbieders ook naar iets gelijkaardigs zoeken. Uiteraard moet u al geregistreerd zijn bij deze diensten. Ook bij onafhankelijke aanbieders van guestbooks e.d. zult u hoogstwaarschijnlijk moeten registreren. Let op: hieronder worden specifiek webpagina-adressen vermeld. Websites veranderen echter regelmatig dus het kan gebeuren dat deze links plots niet meer werken. Ga dan naar de homepage van de aanbieder en zoek zelf uw weg.
E.2.1 Een gastenboek en poll van Angelfire Op http://htmlgear.lycos.com worden allerlei extra’s aangeboden, waaronder een gastenboek. Men spreekt daar van “gear” (letterlijk: gereedschap). •
Log eerst even in met de knop bovenaan. •
Kies daarna bij HTML Gear voor Gear Manager. Let op: u hebt als gebruiker van een gratis account geen toegang tot de Professional gear. U zult dus maar beperkte mogelijkheden hebben.
•
Er zal u nu gevraagd worden om nog wat meer informatie te geven. Klik op Continue, laat het keuzerondje op Free staan en klik nogmaals op Continue. Vul de ontbrekende gegevens op het formulier
aan,
maar
schakel
zo
mogelijk vinkjes i.v.m. reclame en nieuwsbrieven uit. U moet o.a. een Alias kiezen of zelf intikken. U moet daarna
nevenstaande
bevestiging
krijgen. Klik op de link Get Web site add-ons now!. •
U bevindt zich dan in de Gear Manager. Hier staat een link Add Gear om een nieuw “gereedschap” toe te voegen. U krijgt dan een lijst met mogelijkheden zoals hieronder. We bekijken enkele in detail, maar met de rest zult u zelf moeten
experimenteren.
Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002 •
Website opfleuren
3
Voor een gastenboek klikt u bij Guest Gear op de link Get Gear. U krijgt dan een zeer lang formulier voorgeschoteld. Zoek zelf een beetje uit hoe u het moet invullen. In ieder geval bevat het bovenste gedeelte de meest belangrijke informatie. U ziet vrij vlug een knop Save & Create waarmee
u
een
standaard
gastenboek maakt. Wilt u meer details opgeven, dan moet u meer invullen. Zo kunt u bepalen of uw guestbook open of moderated is (bij dit laatste keurt u eerst berichten goed); met Private OK laat u mensen privéberichten inschrijven; u kunt een e-mail adres opgeven om een melding te krijgen wanneer iemand het gastenboek getekend heeft en u kunt automatisch een bedankingsbericht naar de bezoeker laten sturen. Enz. Met knop Preview onderaan ziet u eerste een voorbeeld. Met Save & Create bevestigt u alle instellingen. •
U krijgt vervolgens een venster met een reeks HTMLcodes. Het is de bedoeling dat u deze codetekst kopieert (selecteren en dan CTRL-C) en dat u die inplakt in de webpagina en op de locatie waar u het gastenboek wilt laten zetten. Ga daarvoor in Frontpage naar het tabblad HTML van de pagina, lokaliseer de plaats waar u het gastenboek wil zetten en plak de code met CTRL-V. Frontpage herkent de code. In feite
gaat het om een verwijzing naar een uw persoonlijke gastenboekpagina’s bij Angelfire zelf. Het logo, het formulier en de bijdrages maken dus niet echt een deel uit van uw site.
U kunt een voorbeeld van een Angelfire guestbook vinden op: http://www.angelfire.com/theforce/cursusfrontpage/index.html
Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002
4
Website opfleuren
E.2.2 Andere gereedschappen bij Angelfire In het overzicht van gereedschappen waarover u beschikt bij Angelfire vindt u nog heel wat andere elementen. U kunt altijd naar dit overzicht terug door op de link Gear Manager te klikken en dan te klikken op Add Gear. Een zeer interessant onderdeel is Poll Gear. Hiermee kunt u een poll oftewel een enquête voeren op uw website. Klik op Get Gear, vul het formulier in en kopieer de gegeven code naar een webpagina. Wanneer de enquête afgelopen is, haalt u de code weer weg. U vindt een voorbeeld op bovenvermelde site. Met de Gear Manager kunt u altijd aanpassingen doen aan lopende polls, aan uw guestbook enz. U klikt daarvoor in de Gear Manager op het gereedschap dat u wenst te wijzigen. U krijgt dan links zoals Edit Settings
(instellingen
veranderen),
View
Results
(pollresultaten
bekijken),
View
Entries
(gastenboekbijdragen lezen), Edit Entries (bijdragen verwijderen e.d.), … Op http://www.angelfire.lycos.com/doc/zones/build.html kunt u nog meer extraatjes opzoeken. U vindt er bibliotheken vol scripts (Script Library) voor klokjes, roll-over effecten, scrollelementen …; u vindt ook een Image Library (allerlei afbeeldingen) en via Animation Factory (of rechtstreeks op http://angelfire.animationfactory.com) kunt u allerlei gif-animaties downloaden. Op dezelfde pagina kunt u ook informatie en hulp krijgen over alle aspecten van het bouwen van sites en het gebruik van Angelfire.
E.2.3 En wat als ik een Tripod site heb? Indien u een website heeft bij Tripod, kunt u ook daar vanalles toevoegen. Ga eerst naar http://www.tripod.com en log in. Via het menu Tools en de mogelijkheden erin herkent u opnieuw de termen die u bij Angelfire ook ziet, bv. Image Library, Guest Gear, Poll Gear, Script Library enz. … u komt op exact dezelfde pagina’s terecht als bij Angelfire. Tripod en Angelfire zijn namelijk beide opgenomen in het bedrijf Lycos. Hoewel u nog op alledrie apart kunt inschrijven, zijn heel wat functies al gemeenschappelijk.
E.2.4 Onafhankelijke aanbieders van guestbooks, tellers e.d. Er zijn ook heel wat andere onafhankelijke aanbieders van guestbooks, tellers, polls enz. Tik in een zoekmachine naar keuze het gewenste gereedschap in, eventueel in combinatie met het woord free. U zult meteen een lange lijst krijgen. Enkele voorbeelden waar u zelf uw weg kunt in zoeken: •
http://www.guestbookdepot.com: vul gewoon het formuliertje in en u krijgt meteen de broncode voor een eenvoudig gastenboek.
Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002 •
Website opfleuren
5
http://www.freegb.net: link Get your free guestbook en dan formulier invullen. Na registratie kiest u link Click here to log in en doet u de gewenste instellingen. Met Get HTML code krijgt u de code.
•
http://www.antibs.com: gastenboeken, knoppen/buttons, polls etc.
•
http://www.freelogs.com: een reeks originele en eenvoudig aan te maken tellers. Bekijk een voorbeeldje op de demosite. Klik op Click here to create your free hit counter en vul het formuliertje in. Met See Styles kunt u de stijlen beoordelen. Als u voor Every unique user kiest wordt per bezoeker maar één keer geteld. Met de andere optie wordt bv. 5 keer geteld als de bezoeker 5 keer de pagina vernieuwt.
•
http://www.freetools.com: een site met allerlei gereedschappen. Hier is vooral Free Website Stats interessant. U kunt hiermee statistieken laten bijhouden. Met Sign up today registreert u. Kies een gebruikersnaam en klik op Sign up now. Kies onderaan bij 100% free stats voor Sign up. Vul het formulier in en klik op Next. U kopieert en plakt de code in de pagina die u laat volgen. U gaat naar de site en logt in om de statistieken te bekijken.
•
http://www.nedstat.com/nl/ en http://www.checkstat.nl/: Nederlandstalige aanbieders van tellers en statistieken. Beide bieden een gratis versie aan. Het principe is weer: inschrijven en code overnemen in HTML-pagina.
•
http://www.realguestbooks.com (kies voor Nederlands en de taal verandert): Nederlandstalige aanbieder van heel eenvoudige gastenboeken. Ook hier krijg je HTML-code om in pagina op te nemen.
•
http://www.tboek.nl (kies voor de gratis versie): een Nederlandstalige aanbieder van gastenboeken met opmaakmogelijkheden.
•
http://www.shoutbox.nl: Nederlandstalige aanbieder van gastenboeken en “shoutboxes” (kleine gastenboekjes die in een banner op een pagina staan).
Zoals hierboven vermeld, bent u niet tevreden met bovenstaande mogelijkheden, dan kunt u er aan de hand van een zoekmachine nog meer vinden.
E.3 Een weblog Weblogs zijn de laatste nieuwe rage in de wereld van het WWW en websites. Een weblog is een online dagboek. In plaats van de klassieke papieren versie (of het bestand op uw PC) kunt u nu al uw belevenissen en uw commentaar op de wereld openbaar maken aan de hand van een weblog. Een aantal weblogdiensten voorzien zelfs de mogelijkheid aan uw vrienden om te reageren op uw ontboezemingen. Hieronder wordt als voorbeeld BlogSpot uitgelegd, maar via een zoekmachine.
Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002
Website opfleuren
6
E.3.1 Een weblog bij BlogSpot Op http://www.blogspot.com worden zowel gratis als betalende weblogs aangeboden. Wij kiezen voor de gratis versie, die evenwel wat reclame met zich mee zal brengen. E.3.1.1 De weblog aanmaken •
Vul op de homepage in het tekstvak bij Start your own een gebruikersnaam in. Die gebruikersnaam vormt samen met de rest het webpagina-adres van uw weblog. Klik dan op Go.
•
Als de gekozen gebruikersnaam al bestaat, wordt dit gemeld en kunt u een nieuw ingeven en met Check it opnieuw controleren. Als de naam nog niet gebruikt is, wordt dit ook gemeld en kunt u meteen klikken op Continue.
•
U komt op een aanmeldingspagina, maar aangezien u nog niet geregistreerd bent kunt u hier klikken op Sign up here om een account aan te maken.
•
U vult het formulier volledig in. Vink zeker “I accept …” aan. Klik dan op Sign Up.
•
In het volgende formulier bepaalt u een titel en beschrijving voor de weblog. U bepaalt ook of de weblog public is (Yes) of niet (No). Een publiek log komt in de lijst met leden. Een privé-log niet (maar is wel beschikbaar om te lezen door mensen die het adres ervan kennen, dus de
mensen die u kent!). Klik op Next. •
In de volgende stap wordt gevraagd waar u de weblog wilt zetten. U kunt die updaten via uw eigen site, maar dit is ingewikkeld. Het eenvoudigst is te kiezen voor de optie “Host it at BlogSpot” en het dus updaten via hun website. Klik op Next.
•
In de volgende stap vult u nog eens het adres in dat u wenst. Om verwarring te vermijden gebruikt u best dezelfde naam als uw gebruikersnaam. Vink het aankruisvakje aan en klik op Next.
Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002
7
Website opfleuren •
In de laatste stap kiest u één van
de
“modellen”
van
weblogs. Met de link Example kunt u een voorbeeld bekijken. Zet het keuzerondje bij je lievelingsmodel aan en klik dan
op
Next.
Na
enkele
seconden verschijnt uw weblog. E.3.1.2 Uw weblog bijwerken Na het aanmaken van de weblog moet u natuurlijk geregeld er iets in schrijven. U doet dit als volgt: •
Eerst logt u op http://www.blogger.com opnieuw in met uw gebruikersnaam en wachtwoord. Let op: dit is dus een totaal andere pagina dan die waar u inschreef.
•
Het paneeltje aan de rechterkant van de pagina verandert en
u kunt er de naam van uw weblog aanklikken. U kunt ook een nieuw weblog bijmaken en uw profiel bijwerken, maar daar hebben we het niet over. •
U krijgt dan een op het eerste gezicht zeer ingewikkeld lijkende pagina. Het basisgebruik is echter vrij gemakkelijk.
1) Tik in het
2) Klik op Post
tekstvak
om de log te
bovenaan uw
bewaren
log-
bericht in
zonder
te
publiceren
en
voor Post & 3) Met View Blog
Publish als u
bekijkt
het
u
een
bericht
voorbeeld maar u
meteen al wilt
kunt beter naar de
publiceren (en
webpagina gaan.
dus
zichtbaar
maken Wanneer u post zonder te publiceren verschijnt
voor
anderen).
hier een knop Publish om alsnog te publiceren. Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002
8
Website opfleuren
Met Edit kunt u een geposte en gepubliceerde log nog altijd aanpassen en opnieuw publiceren. De
weblog
is
te
vinden
op
de
pagina
http://uwgebruikersnaam.blogspot.com
bv.
http://cursusfrontpage.blogspot.com . U moet dus op een of andere manier vanop uw website linken naar deze pagina. E.3.1.3 De instellingen van de weblog wijzigen Op dezelfde pagina als waar u berichten intikt, vindt u een knop (eigenlijk een soort tabblad) Settings. Als u daarop klikt, hebt u een aantal knoppen. U moet telkens met de knop Save Changes de wijzigingen opslaan. •
Bij Basics en Publish past u bepaalde gegevens aan die u tijdens het registreren invulde. U verandert echter best het webpagina-adres niet.
•
Met Formatting verandert u zaken zoals de manier van het weergeven van datum en tijd, de tijdzone (time zone – zeker aanpassen naar GMT 1:00 Europe/Brussels), de taal (language) enz.
•
Archiving: met Archive Frequency bepaalt u om de hoeveel tijd berichten moeten gearchiveerd worden (weekly = wekelijks; daily = dagelijks; monthly = maandelijks). Dit betekent dat de berichten niet onmiddellijk meer zichtbaar zijn, maar dat een link naar de archieven aangeklikt moet worden.
•
Met Email kunt u blogberichten naar uzelf laten mailen.
•
Met Members kunt u andere mensen toestaan uw weblogs aan te passen. Dit doet u best niet aangezien het hier om onbeperkte toegang gaat tot uw account.
E.3.2 Andere aanbieders van weblogs •
http://www.web-log.nl en http://www.punt.nl: Nederlandstalige aanbieders van weblogs.
•
http://www.haloscan.com: een Engelstalige aanbieder van weblogs, waar bezoekers de bijdragen van de eigenaar kunnen becommentariëren.
E.4 Gif-animaties, Java-applets, knoppen e.d. Naast bovenstaande elementen kunnen ook “kleinere” leuke extra’s toegevoegd worden aan webpagina’s. Hieronder vindt u een paar sites waar u dergelijke zaken kunt vinden, telkens met een beknopte uitleg. Zoals altijd zult u met een zoeksysteem nog meer vinden.
E.4.1 Java-applets E.4.1.1 Algemeen gebruik Java-applets zijn mini-programmaatjes die toegevoegd worden aan webpagina’s en die voor een of andere meerwaarde zorgen, met meestal animatie of interactiviteit. Voorbeelden: bewegende beelden, klokjes, Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002
9
Website opfleuren
spelletjes, rekenmachines enz. Deze applets zijn geschreven in de taal Java en bestaan altijd uit een bestand met de extensie .class en eventueel enkele nevenbestanden zoals afbeeldingen. Helaas is het in de meeste gevallen niet voldoende een applet als webcomponent in te voegen; meestal moeten ook zogenaamde parameters gedefinieerd worden. Zij bepalen het precieze uiterlijk en de werking van de applet. Daardoor kan je met één applet dan ook heel verscheidene effecten bereiken. Informatie over de in te stellen parameters moet u meekrijgen met de applet, m.a.w. als u de applet downloadt van een webpagina, moet die webpagina ook uitleg voorzien omtrent de applet of eventueel een tekstbestand met toelichtingen aanbieden. Het toevoegen van een applet gaat over het algemeen als volgt: •
Download de applet en pak het eventueel uit (als het om een gezipt bestand gaat). Importeer de bestanden in uw web. Het is niet strikt nodig de tekst met uitleg op te nemen, maar de .class bestanden en eventuele afbeeldingen moeten wel opgenomen worden. Voeg bij twijfel alles toe.
•
Open de webpagina en plaats de cursor op de plaats waar u de applet wilt invoegen. Kies daarna Invoegen – Webcomponent – Geavanceerde besturingselementen – Java-applet en klik op Voltooien. Het dialoogvenster om de instellingen aan te passen verschijnt. •
Bij Bron van applet tikt u de naam van het .class bestand in, rekening houdend met hoofdletters en kleine letters. U kunt hier dus niet bladeren naar het object. Indien het .class bestand zich in een andere map bevindt als de pagina, dan moet u bij Basis-URL de naam van de map aanduiden, bv /applets als de pagina zich in de root van de site bevindt en het .class bestand in een map applets. Het is eenvoudiger om webpagina en .class bestand in dezelfde map te steken.
•
U kunt een bericht intikken voor browser die geen Java-applets ondersteunen OF waarin de functie
uitgeschakeld is. Java-applets zijn namelijk niet altijd onschuldig en kunnen schade berokkenen. De allervoorzichtigste surfers schakelen ze dus soms uit. •
Met Horizontale en Verticale afstand bepaalt u de ruimte tussen de applet en de omliggende tekst. U kiest ook een Uitlijning. De grootte kunt u beter met de handgrepen in de webpagina zelf bepalen.
•
Bij Applet-parameters moeten de nodige parameters bepaald worden. Ga per parameter als volgt te werk:
Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002
10
Website opfleuren
o klik op de knop Toevoegen. U bekomt onderstaand venster. o De gegevens over de parameters hebt u bij de applet gekregen. Een parameter bestaat altijd uit een naam en een waarde. De naam tikt u in bij Naam en de waarde tikt u in bij Gegevens (nadat u het vinkje hebt aangezet). Daarna klikt u op OK. Herhaal dit proces tot alle parameters ingesteld zijn. •
In het eigenschappenvenster klikt u nogmaals op OK.
•
Uw component verschijnt nu als een grijs vak met een grote J in de werkruimte van Frontpage. U kunt de component nog verplaatsen en in de randen of hoekpunten slepen om de grootte aan te passen.
•
Vraag een voorbeeld in de browser om te zien of de applet werkt. Verander eventueel nog instellingen en parameters door te dubbelklikken op de component in Frontpage.
E.4.1.2 JavaBoutique ( http://javaboutique.internet.com ) Deze site verzamelt een enorm aantal mooie JavaApplets. De meeste mogen gratis gedownload en gebruikt worden, zolang het voor persoonlijke, niet-commerciële sites is. Op de homepage staan al een aantal links naar de populairste applets, maar u werkt het gemakkelijkst met het keuzemenu links op de pagina. Klik daar op Applet Downloads. U kunt nu opnieuw klikken op enkele populaire applets, maar u werkt overzichtelijker via Applets by Category. U krijgt dan categorieën zoals Text Effects (teksteffecten), Navigation (met knoppen, menu’s e.d.), Games (spelletjes), Audio Effects … Klik op een categorie naar keuze. Daar zult u waarschijnlijk nog subcategorieën vinden waaruit u nogmaals moet kiezen. Uiteindelijk kiest u een applet uit de lijst. U kunt dan een pagina zoals hiernaast krijgen. Er wordt een link vermeld naar een .zip archief met de nodige bestanden. Klik er rechts op en kies voor Doel opslaan als. Sla de .zip op een plaats naar keuze op. De vermelde HTML-code mag u negeren. U kunt met deze code de applet handmatig invoegen in uw pagina, maar werk maar met de Invoegen – Webcomponent functie van Frontpage! Voor informatie over welke parameters u Stedelijke Leergangen Izegem
L. De Vos
Frontpage 2002
Website opfleuren
11
moet/kunt instellen wordt een homepage vermeld. Vindt u daar niet wat u nodig heeft, of bestaat de site niet meer, dan zult u vast in het .zip archief een tekstbestand met de nodige uitleg vinden. Zoals hierboven vermeld, pakt u dit .zip archief uit en importeert u de nodige bestanden in uw web. Daarna voegt u de applet in en stelt u de parameters in. E.4.1.3 Andere sites •
http://www.javapowered.com/werks.html: Onder de link Java Applets vindt u heel wat applets, onderverdeeld in categorieën. Helaas is de site wat rommelig en moet u vaak een paar keer klikken voor u uiteindelijk een applet kunt downloaden.
•
http://www.javafile.com: Een zeer uitgebreide en overzichtelijke site met applets die in categorieën georganiseerd zijn. Wanneer u een categorie en applet gekozen hebt, ziet u een voorbeeld en downloadt u met Download the Script een .zip bestand. Dit bestand bevat de nodige bestanden en een tekstbestand met uitleg i.v.m. parameters.
•
http://www.free-applets.com/applets.html: een beperkte collectie Java-applets die, na de keuze van een applet, telkens een link naar een .zip bestand en uitgebreide uitleg bevatten.
Gebruik om zoekmachine om nog tientallen andere sites te vinden.
E.4.2 Buttons = knoppen
E.4.3 Gifs
Stedelijke Leergangen Izegem
L. De Vos
