Een korte handleiding voor het maken van een website met MS Publisher.
1
GreenPresents
Inhoudsopgave Inhoud Starten met de Wizard ............................................................................................................................ 3 Hoe nu verder? ........................................................................................................................................ 6 Het invoegen van tekst en afbeeldingen ................................................................................................. 9 Achtergrond toevoegen ........................................................................................................................ 10 Opslaan .................................................................................................................................................. 12
2
GreenPresents
LET OP: Als je een beetje bekend bent met hoe het MS Office pakket werkt (Word, Excel en Powerpoint worden het meest gebruikt op scholen), dan kun je ook vrij vlot met Publisher uit de voeten. Deze handleiding zal niet alle onderdelen van het programma behandelen, maar kan je wel op weg helpen.
Starten met de Wizard Ga naar het Office-pakket via Start -> Programma’s -> MicroSoft Office. Klik hier Publisher aan. Je komt (afhankelijk van de instellingen op je pc) nu op het onderstaande openingsscherm. Klik op dit scherm op websites
3
GreenPresents
Je komt nu op het onderstaande scherm terecht. Je kunt nu kiezen wat de opbouw van je website zal zijn en welke kleuren je wil gebruiken.
Op de afbeelding zie je dat ik gebruik ga maken van het ‘design’ Arrows. Op de rechterkant van het scherm zie je hier ‘Customize’ en ‘Options’ staan. Bij dit blok kun je kiezen voor de juiste kleuren die je wil gebruiken voor je site, welk lettertype en of je navigatiebalken wil gebruiken op je site (voorkeurkeuze ‘Verticaal’ en ‘Bodem’).
4
GreenPresents
Bij kleur kun je naast al bestaande combinaties van kleur ook kiezen om zelf een kleurenschema op te zetten met je eigen kleuren. Deze optie staat onderaan het lijstje bij kleuren.
Je kunt kiezen uit kleuren voor tekst, kaders, achtergrond, links, etc. Nadat je een keuze hebt gemaakt voor de vorm en kleur van je site, dubbelklik je op het design dat je hebt gekozen (in het voorbeeldgeval dus Arrows).
Wil je een speciale achtergrond, bijvoorbeeld een afbeelding, laat dan de achtergrond wit. Verderop in dit verhaal leer je hoe je afbeeldingen toe kan voegen.
Ga nu verder met het volgende hoofdstuk!
5
GreenPresents
Hoe nu verder?
Het onderstaande scherm verschijnt in beeld.
Je gaat nu eerst kiezen wat het doel is van je site en wat voor soort pagina’s je toe wilt voegen. De ‘Home’-pagina is standaard. Door aan te vinken wat je doelen zijn ontstaat er automatisch een structuur voor je site. In het voorbeeld is gekozen een aantal extra pagina’s, zoals onder andere een catalogus om 6
GreenPresents
producten te verkopen, een pagina met links en een contact-pagina. Als je tevreden bent met je keuze klik je op OK.
7
GreenPresents
Het navigeren tussen de verschillende pagina’s die je hebt aangemaakt kun je doen door op het nummer van de pagina te klikken. De lijst met nummers staat onderaan in op je beeldscherm.
Wat je ook nog dient te doen is het beeldscherm-formaat van je site vaststellen. De meeste pc’s werken anno 2010 met een schermresolutie van minimaal 1024 x 768 (25% van de pc’s), terwijl ook 1280 x 1024 (19%) veel wordt gebruikt. Stel je scherm hierop af. Deze instelling kun je natuurlijk altijd achteraf nog wijzigen (dat geldt ook voor kleur, lettertype, etc.). In het voorbeeld zal de site met een resolutie van 1024 x 768 worden gebouwd.
Mocht je deze werkbalk niet in je scherm kunnen krijgen, klik dan op ‘Beeld’ -> ‘Werkbalk’ en vink daar de werkbalken aan.
8
GreenPresents
Het invoegen van tekst en afbeeldingen Op je scherm zie je al voorbeeldteksten en afbeeldingen staan. Deze kun je nu vervangen voor eigen teksten en afbeeldingen.
Let er wel op dat je navigatiescherm (zie rode pijl) blijft staan. Je kunt wel de tekst veranderen, maar als je het hele blok verwijderd werken de links naar je andere pagina’s niet meer. Het makkelijkste is om 1-op-1 de tekstblokken te vervangen voor eigen materiaal. Het principe hiervoor is hetzelfde als bij Word of Excel. Afbeeldingen kun je toevoegen via ‘Invoegen -> Afbeelding -> Uit bestand’. Het tabblad invoegen staat in de werkbalk boven in je scherm. De oude afbeelding kun je verwijderen door er eenmaal op te klikken (zie voorbeeld, er verschijnen dan bolletjes rond de afbeelding of vlak), waarna je hem kan verwijderen met de Delete-knop. 9
GreenPresents
Achtergrond toevoegen Zou je een speciale achtergrond willen hebben voor je site, dan kun je de volgende handeling uitvoeren (zie afbeelding).
Hier kun je kiezen uit een textuur, maar het is ook mogelijk om een eigen afbeelding toe te voegen. Raadzaam is wel om deze afbeelding licht te maken, bij donkere afbeeldingen komt de tekst vaak niet goed over.
Om de achtergrond toe te passen op alle paginas in je site, ga je op de gekozen achtergrond staan en klik je met de rechter muisknop. Kies er nu voor om de achtergrond voor alle pagina’s in te stellen.
10
GreenPresents
Als je denkt dat je eerste pagina klaar is, dan kun je via de cijferbalk onderaan in je beeld doorgaan met de volgende pagina. Een aantal vakken (in dit geval het navigatieblok links en de leus) zijn al automatisch mee veranderd.
11
GreenPresents
Opslaan Het opslaan werkt op dezelfde manier als bij andere Office-programma’s. De site zal automatisch worden opgeslagen als een .pub bestand. Voor verwerking op de site van GreenPresents dien je de site echter op te slaan als een HTMLbestand. Er zal dan een map worden aangemaakt met daarin de verschillende pagina’s en afbeeldingen apart.
De bestandsnaam mag niet bestaan uit hoofdletters. Dit in verband met verwerking naar de website van GreenPresents.
Je krijgt na het opslaan een mapje met bestanden en een ‘HTML’-bestand. Deze map en bestanden moeten worden opgestuurd naar GreenPresents. Voor de zekerheid kun je natuurlijk je site ook opslaan als .pubbestand, stuur deze dan ook mee.
Succes met het maken van je site!!!!! 12
GreenPresents