Navigation, menu, include fil, server side include

Navigation og menu

Når et websted (eng. website) har mange sider, er det vigtigt, at brugeren let kan finde, hvad han søger. Undersøgelser viser, at mange brugere kigger efter en søgefunktion og hvis den forefindes, er den typisk i øverste højre hjørne. Jeg vender tilbage til dette.

At navigere på et websted betyder at kunne finde rundt blandt alle siderne, incl. evt. PDF filer, videoer osv. For nogle år siden stødte jeg på det menusystem, som du ser i toppen af alle sider. Det stammer fra www.cssplay.co.uk og jeg har modficeret det. Man kalder sådanne menuer drop-down menuer og de kan endda have undermenuer, så man på en let måde kan vise brugeren, hvilke sider der findes og brugeren kan ved at køre musen hen over menuerne hurtigt klikke sig frem til en bestemt side.

I headeren af hver .shtml fil står linien

<link rel="stylesheet" type="text/css" href="/topmenu-knowware.css">

som kalder style-sheet-filen topmenu-mayday.css

At forstå koderne i denne fil kræver kendskab til css og for mit vedkommende tog det lang tid, men det lykkedes da at modificere filen til mine ønsker. Du skal kun rette i filen, hvis du har styr på det.

Første linie i hver shtml fil efter <body> er:

og dette er en såkaldt include kommando og kan kun udføres korrekt, hvis webhotellet understøtter SSI (server side include), og det gør one.com. Derfor hedder siderne .shtml til efternavn. Kommandoen inkluderer en anden fil, som består af html koder, og dette er smart, hvis man ønsker at indsætter mange af de samme linier i flere filer. I dette tilfælde handler det om menuerne i toppen af hver side. Jeg ønsker at menuen optræder øverst på siden i alle filer.

topmenu-mayday.css og topmenu-mayday.inc hænger sammen, så det er bestemt med forskellige pixel definitioner, hvordan layout og design for menuerne ser ud.