En av de viktigaste aspekterna av webbplats- och programvaruutveckling är att skapa menyer. En vacker skjutmeny är fortfarande ett riktmärke för många webbplatsägare och programmerare. Detta kan göras med CSS och Expression Web-verktyg.
Instruktioner
Steg 1
Öppna Expression Web och gå till Manage Style för att börja skapa en skjutmeny och tryck på knappen New Style. Namnge den nya stilen Selector ul li. Se till att den genererade filen har rullgardinsmenyn.css förlängning. För att skapa en skjutmeny, ange lämplig position på skärmen. Bestäm bredden på vart och ett av menyalternativen och ta bort onödiga prickar som kan finnas framför dem.
Steg 2
Kör alternativet Layout och ställ in attributet Display. Ge det ett lämpligt Inline-värde för att justera på skärmen. Ställ attributet Float till vänster och tryck på knappen Apply. Ställ in alla element i listan på en rad. För att hålla dem i en snygg ordning och inte överlappa dig ställer du in attributet Bredd till Position i form av 150 px. Se till att alla artiklar i listan har samma storlek. Ta bort prickarna framför varje element genom att gå till attributet List och ställa in List Style-typen till None. Klicka på "OK" för att acceptera ändringarna och träda i kraft.
Steg 3
Justera stil och teckenstorlek för ul li. Gå till Manage Styles och högerklicka på ul li, välj Modify Style. Du kommer att se den redan bekanta dialogmenyn. Gå till Font, välj Font-family och ställ in detta attribut till Helvetica, Arial, Sans-serif. Justera teckensnittsstorleken och ställ in den till 0, 9. Ställ in attributet Text-transform till versaler. I attributet Höjd - Position anger du den exakta höjden på menyalternativen genom att ställa in värdet på 30 px.
Steg 4
Spara filen som menu.html när alla korrigerande åtgärder är slutförda. Testa menyn du just skapade i olika applikationer och webbläsare för att se om den fungerar. Som du kan se är det inte svårt att skapa en sådan meny.
