Opg. 4: |
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 |
|