Opgave 3:
|
Fælles kanter & navigationsmenu
|
|
Vi skal have indsat et sidehoved og en sidefod på dine
websider.
Sidehovedet skal indeholde et logo eller billede samt en
navigationsmenu for web-stedet. Tilsvarende det som du ser på siderne her. |
|
- Vælg Menuen Formater -> Fælles Kanter
og du får vist denne dialogboks:
|
- Marker følgende felter:
- 'Alle sider'
- Øverst og nederst
- og Inkluder Navigationsknapper
Vi får her gjort to ting :
både indsat fælles kanter og indsat navigationspanel
|
|
Du får nu vist en firkantet ramme øverst på din webside.
Se nedenfor.
Det er hvad der skal blive til sidehovedet, men vi skal lige gøre
ordne en ting først.
For at kunne placere de elementer som sidehovedet skal indeholde , f.eks:
logo, tekst og navigationsmenu vil vi først indsætte en tabel i
sidehovedet til at holde styr på de enkelte elementer.
|
|
- Indsæt nu en tabel øverst i sidehovedet
- altså over
teksten [Tilføj denne side i navigationsvisning for at få vist et sidebanner]
tabellen skal indeholde 2 rækker med to kolonner (celler)
- Anden række skal dog kun indeholde en celle - så du skal lige
flette de to celler til én
(marker de to nederste celler -> højreklik i
markerede og vælg 'Flet Celler')
|
Hvad er det her ?
Den øverste klamme
[Tilføj denne side i navigationsvisning for at få vist et sidebanner]
tilføjer et sidebanner til sidehovedet. Et sidebanner viser sidens titel
(ligesom på siderne her)
Nedenfor med småt
er den funktion som indsætter hyperlinks i vores
navigationsmenu.
|
|
Flyt op i tabellen |
Inden vi går videre skal vi flytte de to funktioner [
xxxxxx] op i tabellen.
- Klik nu en gang på [Tilføj denne side i navigationsvisning for at
få vist et sidebanner] og træk nu klammen op i sidehovedets
øverst højre celle
- På samme måde trækkes [Tilføj denne side i navigationsvisning
for at få vist et hyperlinks]
Nu skulle dit sidehoved gerne se som herunder: |
Der er nu blevet et stort hul eller tomt rum nederst
i sidehoved - der hvor vi flyttede sidebanner og hyperlinks funktion fra.
Placer din markør her og delete de tomme linjer |
|
Navigationsvisning |
Som angivet i klammerne [Tilføj denne side i
navigationsvisning for at få vist et sidebanner] skal vores side
tilføjes navigationsvisning. Det gør vvi på følgende måde:
- I visningspanelet (yderst t.v. i FP 's programvindue )
klikker du på
'Navigation', og ser nu dit web-side i Navigationsvisning - se nedenfor
|
|
|
tilføj siderne til Navigationsvisning |
- Det du nu skal gøre er at markere en htm.fil i mappelisten , f.eks.
Opgave 3 og så trække den over i højre side - mod ikonet
'Startside'
- Når der vises en streg mellem filen du trækker over og ikonet
'startside' er filen tilføjet navigationsmenuen
- Gå nu tilbage i 'Sidevisning' - ikonet øverst i 'Visningspanelet'
og se resultatet af det du har lavet
|
|
Du skulle gerne få noget som ligner nedenstående
- tilføj nu på samme måde 'opgave_2.html i navigationsvisning
|
|
|
Afprøv navigations menuen |
Hvis der mangler navigationsmenu på din startside (index.htm)
så gør følgende:
- Højreklik i feltet hvor navigationsmenuen skulle være og vælg 'Egenskaber
for NavigationsPanel'.
Du får nu vist denne dialogboks:
|
- Marker de samme felter som jeg har gjort her.
Underordnet niveau,
Startside og
Overordnet side
og endelig
Vandret og
Tekst
- Klik Ok - Check resultatet....
|
Navigation |
I vores sidehoved har vi indsat en funktion/ kode
kaldet 'Sidebanner'. Sidebanneret viser htm-filens titel (altså ikke
filnavn, men den titel som optræder mellem HTML koderne < title >
...........</ title>.
Indholdet af titel-feltet er også det som kan læses i browserens
titelfelt (det blå felt øverst på siden)
- Gå ind i Navigations visning (se nedenfor)
- Her vises de htm-filer som er tilføjet navigationsmenuen
- på ikonerne er angivet filernes 'title'
- ret - om nødvendigt' titlen ved at højreklikke på ikonet og vælg 'Omdøb'
- Prøv at checke HTML koderne til din side og find <title> koden og se
hvilken title der optæder her.
|
|