Website maken met Frontpage  

  • Open FrontPage

  • Klik op 'Bestand' 'Nieuw'

  • Klik nu in het rechtermenu onder Nieuwe website op: website met één pagina

  • Kies 'lege website'

  • Ga naar 'geef de locatie van de nieuwe website op' en geef de website een naam  

  • Klik op OK

1     Een website maken

1.1    Een blanco begin

Als je een site wilt beginnen (zonder dat je van bestaande bestanden gebruik maakt) begin je als volgt:

  • Klik op 'Bestand' 'Nieuw'

  • Klik nu in het rechtermenu op: lega pagina

  • typ ny het begin van een tekst en klik in 'bestand' op 'opslaan als'

  • Deze eerste pagina krijgt automatisch de naam index.htm krijgt.
  • Klik op titel wijzigen en geef het bestand de naam 'index' en klik op ok
  • Klik nu op 'opslaan'
  • Klik op het tabblad 'website'
  • je ziet nu het bestand index.htm dat je kunt openen door er op te dubbel klikken.
  • Je kunt op de wijze als hierboven beschreven nieuwe pagina's aan je web toevoegen

Noot:   Kijk, als je een site met frames wilt maken, bij punt 7

1.2    Bestanden importeren

Als je in je site gebruik wilt maken van bestaande bestanden (tekstbestanden en/of afbeeldingen) moet je deze eerst importeren. Voor je dit doet is het handig eerst een bestand te kiezen dat je als index pagina wilt gebruiken. Noem dit bestand index.htm (of index.html). Dit bestand zal fungeren als home-page. Het importeren gaat als volgt:

  • Klik op 'Bestand' 'Importeren'

  • Kies 'Uit Site' en geef de locatie op waar de bestanden staan (kan zowel van harde schijf als van diskette)

  • Kopieer geïmporteerde afbeeldingen nu naar de Images.

1.3    Afbeeldingen

Afbeeldingenie je wilt publiceren op het Internet moeten het formaat gif of jpeg hebben. Heb je afbeeldingen in een ander formaat, bijvoorbeeld bmp dan kun je deze omzetten met een programma als Paint Shop Pro (de afbeeldingen inlezen en vervolgens wegschrijven in het juiste formaat)

1.3.1    Afbeeldingen invoegen

Via 'Invoegen' 'figuur' of met een klik op de knop 'figuur uit bestand invoegen' kun je een afbeelding aan de pagina toevoegen. Zoek in de juiste map naar de afbeelding die je wilt gebruiken.

1.3.2    Afbeeldingen bewerken

Klik met de rechtermuisknop op de afbeelding en klik op eigenschappen van afbeelding of dubbel klik op de afbeelding

  • Je kunt nu de plaats van de afbeelding in de tekst bepalen.
  • Je kunt het formaat van de afbeeldingen aanpassen
  • Met Horizontale/Verticale afstand kun je bepalen hoeveel wit je wilt tussen tekst en afbeelding.

1.3.3    Afbeelding als miniatuur (thumbnail)

Afbeeldingen nemen op een site veel ruimte in beslag. Daarom kan het handig zijn deze te verkleinen en pas 'op afroep' te vergroten. Dit heet een miniatuur of thumbnail. Een afbeelding verschijnt klein op het scherm en wordt na aanklikken 'opgeblazen' in een nieuw scherm. Een miniatuur maak je als volgt:

  • Laad een afbeelding

  • Klik met de rechtermuisknop op de afbeelding

  • Klik op 'autominiatuur'

1.4    Hyperlinks

1.4.1    Externe links

Een externe link (d.w.z. een verwijzing naar een ander internet-adres (URL) of ander bestand binnen je site) maak je via 'Invoegen' 'Hyperlink' of door op de 'Hyperlink' knop op de werkbalk te klikken. (of via CTRL+K)

Werkwijze:

Je selecteert de tekst of de knop van waaruit je wilt verwijzen, bijvoorbeeld 'klik hier voor meer informatie'  Vervolgens klik je op 'Hyperlink'. Typ nu in het vak 'UR' het gewenste adres. Klik op 'Doelframe' en op 'Nieuw Venster' als je wilt dat de nieuwe pagina in een nieuw venster wordt geopend. Klik tenslotte op OK. De nieuwe pagina zal nu na aanklikken in een nieuw venster worden geopend.

(een externe link ziet er in html taal als volgt uit: <a href=http://adres>'naam'</a>.

Je kunt ook van een afbeelding een hyperlink maken. Activeer de afbeelding door er met de rechtermuisknop op te klikken. Klik vervolgens op 'hyperlink'. Typ nu het gewenste adres.

Je kunt ook van een deel van een afbeelding een hyperlink maken (of verschillende hyperlinks op een afbeelding plaatsen). Dit gaat als volgt:

  • Activeer de afbeelding

  • Klik op het rechthoek op de werkbalk 'Figuur'

  • Trek een rechthoek op het deel van de afbeelding dat je tot hyperlink wilt maken

  • Vul vervolgens het formulier in zoals bij een 'gewone' hyperlink

1.4.2    Interne links  (bladwijzers of bookmarks)

Een interne link (d.w.z. een verwijzing naar een andere plaats op je eigen pagina) maak je via 'Invoegen' 'Hyperlink' of door op de 'Hyperlink' knop op de werkbalk te klikken.

Werkwijze:

Ga met de cursor naar de plaats (het stukje tekst, de naam of de lege ruimte (bijvoorbeeld 'informatie over Front Page' ) waarnaar je wilt verwijzen en voeg je een bladwijzer in. Dit gaat als volgt:

Klik op 'Invoegen' 'Bladwijzer' en 'ok'

( in html taal: <a name=#"korte naam">)

Selecteer de tekst of de knop van waaruit je wilt verwijzen, bijvoorbeeld 'klik hier voor meer informatie'  Vervolgens klik je op 'Hyperlink'. Klik op 'Bladwijzer' en selecteer de bladwijzer. (in html taal: <a href=#'korte naam'>'volledige naam'</a>, waarbij de korte en de lange naam ook identiek kunnen zijn) De tekst 'klik hier voor meer informatie' is nu een hyperlink geworden, dus onderstreept en met een afwijkende kleur.

1.4.3    Links naar te downloaden bestanden

Als je een bestand op je site wilt plaatsen dat  anderen moeten kunnen downloaden plaats je dit bestand, bij voorkeur ingepakt op je site. Met een hyperlink verwijs je vervolgens naar dit bestand. Iemand die je site bezoekt kan dit bestand nu eenvoudig downloaden door er op te klikken.

1.4.4    Links in nieuw venster

Soms is het handig om een verwijzing (link) naar een andere site, of andere pagina binnen je site, in een nieuw venster te plaatsen. Bijvoorbeeld  als je op je pagina wilt verwijzen naar een hulppagina. De bezoeker moet dan na afsluiten van de hulppagina weer terugkeren op de oorspronkelijke pagina. Dit gaat als volgt:

Maak een hyperlink en geef het adres op. Klik op 'Doelframe' en op 'Nieuw Venster'. Klik tenslotte op OK. De nieuwe pagina zal nu na aanklikken in een nieuw venster worden geopend.

1.5    Interactieve knoppen

Met 'Invoegen' 'Interactieve knoppen' kan een dergelijke knop worden ingevoegd. Een Knop met aanwijseffect is een label(knop) waarop een tekst gezet kan worden en waaraan een hyperlink gekoppeld kan worden. Met 'effect' kan met ervoor zorgen dat het label van kleur verandert of opgloeit als de bezoeker er met de muis overheen gaat.

1.6    Lichtkrant invoegen

Met  'Invoegen'  'Webcomponent' 'lichtkrant' kun je een door het beeld 'lopende' tekst invoegen. Van de lichtkrant kun je de achtergrond kleur bepalen en of de tekst van links naar rechts of van rechts naar links moet lopen en met welke snelheid. Deze lichtkrant kun je aanpassen door er op te klikken met de rechtermuisknop en te kiezen voor lichtkrant eigenschappen.

1.7    Bezoekersteller

Met  'Invoegen' 'Webcompunet'  'Bezoekersteller' kan een teller op de pagina geplaatst worden, die het aantal bezoekers aangeeft.

1.8    Formulieren invoegen

Met  'Invoegen' 'Formulier' kun je diverse formulieren invoegen.

Wil je statistische gegevens over je bezoekers hebben plaats dan een teller van Nedstat op je site. Dit kan via http://www.nedstat.com/nl/

Wil je een, professioneel, zoekformulier op je site ga dan naar http://www.freefind.com

2    Navigatie

In Front Page kun je met Navigatie de diverse bestanden aan elkaar koppelen. Door bestanden te slepen kun je deze 'onder' de index.htm (Home-Page) 'hangen'. Op deze manier kun je een zeer uitgebreide boomstructuur maken. Bijvoorbeeld:

                                               School

 Brugklas                                          Mavo                                       Havo                            Vwo

  Klas 2     Klas 3         Klas 4              Klas 2          Klas 3                                     Klas 2       Klas 3

 

3    Thema's

Met Thema's kun je je website vormgeven. Elk thema heeft een samenhangend geheel van een achtergrond, een vaandel, knoppen en opsommingstekens. Dit gaat als volgt:

1.       Klik op Opmaak Thema en kies een thema.

2.       Druk tenslotte op OK om het thema toe te passen.

3.       Open nu het index bestand en klik op de rechtermuisknop.

4.       Klik op Gemeenschappelijke randen.

5.       Klik op het randje voor Bovenaan en Links

6.       Klik op Toepassen op alle pagina's.

Je kunt een thema aan eigen wensen aanpassen via 'Invoegen'  en 'Thema'. Klik op 'wijzigen' en je kunt kleur, afbeelding en tekst veranderen. 

4    De Site bekijken

Hoe je site er uit ziet kun je controleren door het bestand waaraan je werkt op te slaan en op het tabblad 'Voorbeeld' te klikken.

Je kunt je site ook bekijken met je eigen browser, bijvoorbeeld Explorer. Dit gaat als volgt: '

Klik op 'Bestand' en 'voorbeeld in browser' en kies een van de browsers.

5    De Site publiceren

Start FrontPage en klik op 'Bestand' en 'Webpubliceren'. Typ het adres van je site in.
Typ, wanneer daar om gevraagd wordt, de naam van je site en je wachtwoord. Het publiceren van je site gaat nu vanzelf en kan, afhankelijk van de grootte, enige tijd duren.  

6    Gevonden worden op het net

Als je wilt dat zoekmachines je site kunnen vinden moet je je site bij verschillende zoekmachines aanmelden. Addme (http://www.addme.com) biedt je de mogelijkheid om je site (gratis) in een keer bij verschillende belangrijke zoekmachines aan te melden.

Bovendien is het verstandig in de kop van je index bestand (index.html) trefwoorden op te nemen. Dit gaat als volgt:

  • <meta name= "keywords" Content="geschiedenis, staatsinrichting, historische sites,…..">

Ook kun je begrippen in een beschrijving opnemen. Dit gaat als volgt:

  • <meta name= "description" Content= "praktische opdrachten, oudheid, …..">

7        Een site met frames

  • Open FrontPage

  • Klik op 'Bestand' 'Nieuw'

  • Klik nu in het rechtermenu onder Nieuwe website op: website met één pagina

  • Kies 'lege website'

  • Ga naar 'geef de locatie van de nieuwe website op' en geef de website een naam  

  • Klik op OK

  • Klik op 'Bestand' 'Nieuw'

  • Klik nu in het rechtermenu onder Nieuwe pagina op: Meer paginasjablonen

  • Klik op Framespagina

  • Kies een van de indelingen

  • Vul de pagina's

  • Klik op 'Opslaan als'

  • Geef nu eerst het overkoepelende bestand een naam, bijvoorbeeld index.htm

  • Sla vervolgens elke pagina onder een unieke naam op.

Korte introductie HTML