Et af de vigtigste aspekter af udvikling af websteder og software er oprettelse af menu. En smuk glidemenu er fortsat et benchmark for mange webstedsejere og programmører. Dette kan gøres ved hjælp af CSS og Expression Web-værktøjer.
Instruktioner
Trin 1
Åbn Expression Web, og gå til Manage Style for at starte oprettelse af en glidende menu, og tryk på tasten New Style. Navngiv den nye stilvælger ul li. Sørg for, at den genererede fil har drop-down.css-udvidelsen. For at oprette en glidemenu skal du angive den rette placering på skærmen. Bestem bredden på hvert af menupunkterne, og fjern unødvendige prikker, der kan være foran dem.
Trin 2
Kør indstillingen Layout, og indstil skærmattributten. Giv den en passende Inline-værdi for at justere på skærmen. Indstil flydeattributten til venstre, og tryk på tasten Anvend. Indstil alle elementerne på listen til en linje. For at holde dem i en pæn rækkefølge og ikke overlappe hinanden skal du indstille attributten Bredde til Position i form af 150 px. Sørg for, at alle emnerne på listen har samme størrelse. Fjern prikkerne foran hvert element ved at gå til List-attributten og indstille List Style-typen til Ingen. Klik på "OK" for at acceptere ændringerne og træde i kraft.
Trin 3
Juster typografien og skriftstørrelsen for ul li. Gå til Manage Styles, og højreklik på ul li, vælg Modify Style. Du får vist den allerede velkendte dialogmenu. Gå til Font, vælg Font-family og indstil denne attribut til Helvetica, Arial, Sans-serif. Juster skriftstørrelsen, og sæt den til 0, 9. Sæt attributten Teksttransform til Store bogstaver. Angiv den nøjagtige højde på menupunkterne i attributten Højde - position ved at indstille værdien til 30 px.
Trin 4
Gem filen som menu.html, når alle korrigerende handlinger er afsluttet. Test den menu, du lige har oprettet i forskellige applikationer og browsere for at se, om den fungerer. Som du kan se, er det ikke svært at oprette en sådan menu.
