Website plannen

In ‘normale’ omstandigheden gebruiken we Publisher om publicaties te maken die we later willen afdrukken, of laten afdrukken.
Maar ook met de hulp van Publisher kunnen we een website maken. Het is dan niet zo uitgebreid als Dreamweaver, maar wanneer dit enkel is voor persoonlijke informatie, zelfs voor een klein bedrijfje, dan is Publisher goed genoeg.

Wat we eerst moeten doen is onze website plannen.
Wat ik hiermee bedoel is dat je
1. moet weten voor wie je website is bedoelt (bepaal je doelgroep).
2. wat je met deze site wil bereiken (is het bijvoorbeeld een louter informatie site, of een winkel).
3. hoe wil je dat je site eruit ziet (moet het een serieuze site zijn of mag deze wat speels overkomen).
4. hoe bereik je dat de bezoekers terugkeren naar jouw site (werk je site regelmatig bij).

Website maken

Om een website te maken klikken we op de knop “Bestand” in de menubalk, en kiezen we “Nieuw”.
Dit opent het Welkomscherm van publisher.
Klik “Websites” onderaan in het deelvenster.
Maak je keuze uit de verschillende voorbeelden in het midden van het venster.
En stel een aantal opties in aan de linkerzijde van het welkomvenster.
Kleurschema, lettertypeschema en bedrijfsgegevens hadden we reeds gezien in eerdere lessen, maar wat belangrijk is zijn de twee opties onderaan.
Het eerste is de “Navigatiebalk”, hier bepaal je de positie van de navigatiebalk. Klik het naar benedenwijzend pijltje om hiervoor een andere optie te kiezen. In dit voorbeeld kies ik “Alleen verticaal”. Later kan ik dit nog steeds wijzigen.

Daaronder hebben we het aanvinkvakje “Gemakkelijke wizard voor het web gebruiken”.
Standaard is dit aangevinkt.
Dit laat ons toe via een wizard onze pagina’s samen te stellen.
Wanneer al je opties zijn ingesteld klik je de knop “Maken” onderaan.

Dit start de wizard “Gemakkelijk een website maken”.
In het venster selecteren we de opties (lees pagina’s) die we willen toevoegen aan onze website.
Ik denk dat deze me allen wel duidelijk lijken.
Wat ik wel wil zeggen is dat de derde optie, “Producten verkopen”, niet echt een online-winkel zal toevoegen aan je site, enkel een catalogus met verschillende producten.
In dit voorbeeld kies ik de drie eerste opties.
En klik de knop Ok

De werkbalk “Webwerkset” verschijnt.
De extra pagina’s die ik had geselecteerd in de wizard worden toegevoegd aan mijn website.
De “Start-pagina” die er altijd is, nummertje 1.
De “Informatie-pagina”, nummertje 2.
De pagina “Ons adres”, nummertje 3.
En de pagina “Productenlijst”, nummertje 4.
Plus nog een aantal andere waar ik per product meer details kwijt kan. In dit geval de nummers 5 tot en met 10.

Een woordje uitleg over de werkbalk “Webwerkset”.
De meeste zijn wel zelfverklarend, de andere bespreek ik wel wanneer we deze gaan gebruiken.

1. Publiceren op het web.
2. Voorbeeld webpagina weergeven.
3. Hyperlink invoegen.
4. Hotspot
5. Navigatiebalk
6. Naam wijzigen
7. Achtergrond
8. Achtergrondgeluid
9. Formulierbesturingselement
10. Bladwijzer
11. HTML-Codefragment
12. Websiteopties
13. Webpaginaopties

 
Kleur wijzigen

Wat ik eerst ga doen is die lelijke groene kleur van bepaalde objecten wijzigen in de achtergrondkleur van mijn logo. Dit kan op twee manieren.
Je hebt de vlugge manier en je hebt de tijdrovende manier.

Laat me eerst eens beginnen met de tijdrovende manier.
Ik selecteer eerst het object waar ik de kleur van wil wijzigen.
Ik klik het naar benedenwijzend pijltje naast de knop “Opvulkleur” in de opmaakwerkbalk.
Ik kies “Voorbeeld opvulkleur” in het drop-downlijstje, en klik met de muisaanwijzer op de achtergrond van het logo.
Dit geeft het object dezelfde achtergrondkleur dan het logo. Hetzelfde doe ik voor het tweede groene object in mijn pagina. De kleur instellen hoeft je nu niet meer te doen, deze is reeds ingesteld, selecteer gewoon het object, en klik de knop “Opvulkleur”.
Dit moet je doen voor elke pagina.

Wat ook nog moet worden gewijzigd is de kleur van de knoppen in de navigatiebalk.
Rechtsklik hiervoor een knop in de navigatiebalk, en kies “Tekstvak opmaken”.
In het dialoogvenster dat verschijnt geef je onder het tabblad “Kleuren en lijnen” in het vak “Kleuren” de kleur in die je wenst. Of indien je een kleurovergang wil gebruiken klik je het naar benedenwijzend pijltje en kies je “Opvuleffecten”.
In het dialoogvenster “Opvuleffecten” stel je de verschillende kleuren in.
Klik de knop OK wanneer je klaar bent.
En klik nogmaals de knop OK om het dialoogvenster “Tekstvak opmaken” te sluiten.
Nu hebben we een voordeel en een nadeel.
Het voordeel is dat de opmaak van deze knop wordt toegepast op al onze pagina’s waarin deze knop zich bevindt.
Het nadeel is dat we dit moeten doen voor al onze knoppen.

Nu de vlugge manier.
Om al deze wijzigingen van objectenkleur en de kleur van onze navigatiebalk heel wat vlugger te laten verlopen, kun je de knop “Sjabloon wijzigen” klikken in het deelvenster.
Pas het kleurschema aan in het dialoogvenster dat verschijnt.
Hoe je dit doet hadden we reeds gezien in een eerdere les.
Op deze manier is alles in één keer gewijzigd, objecten en knoppen.
!!! Vergeet niet in het laatste dialoogvenster “Sjabloon wijzigen” de optie “Sjabloon toepassen op de huidige publicatie” aan te vinken.

Pagina’s verwijderen

Wat ik ook nog doe is de pagina’s 5 tot en met 10 verwijderen.
Dit zijn toch pagina’s die per product wat meer uitleg verschaffen, en deze heb ik niet nodig, toch niet in dit voorbeeld. Enkel de cataloguspagina is voor dit voorbeeld voldoende.
Selecteer eerst de paginanummers die je wil verwijderen.
Om meerdere naast elkaar liggende pagina’s te verwijderen hou je de Shifttoets op je toetsenbord ingedrukt.

Klik met de rechtse muisknop, en kies “Pagina verwijderen” in het drop-downmenu.

Cursussen

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats