Jedným z najdôležitejších aspektov vývoja webových stránok a softvéru je tvorba menu. Krásne posuvné menu zostáva štandardom pre mnohých majiteľov webových stránok a programátorov. To je možné vykonať pomocou nástrojov CSS a Expression Web.
Inštrukcie
Krok 1
Otvorte Expression Web, prejdite na Spravovať štýl, začnite vytvárať posuvné menu a stlačte kláves Nový štýl. Pomenujte nový štýl Selector ul li. Skontrolujte, či má vygenerovaný súbor príponu drop-down.css. Ak chcete vytvoriť posuvné menu, zadajte príslušné umiestnenie na obrazovke. Určte šírku každej z položiek ponuky a odstráňte nepotrebné bodky, ktoré môžu byť pred nimi.
Krok 2
Spustite možnosť Rozloženie a nastavte atribút Zobraziť. Priraďte tejto hodnote príslušnú vloženú hodnotu na obrazovku. Atribút Float nastavte doľava a stlačte kláves Použiť. Nastavte všetky prvky zoznamu na jeden riadok. Aby ste ich udržali v prehľadnom poradí a neprekrývali sa, nastavte atribút Width na pozíciu v tvare 150 px. Uistite sa, že všetky položky v zozname majú rovnakú veľkosť. Odstráňte bodky pred každým prvkom tak, že prejdete na atribút List a nastavíte Type Style List na None. Kliknutím na tlačidlo „OK“zmeny prijmete a nadobudnú platnosť.
Krok 3
Upravte štýl a veľkosť písma pre ul li. Prejdite na Spravovať štýly a kliknite pravým tlačidlom myši na ul li, zvoľte Upraviť štýl. Uvidíte už známe dialógové menu. Prejdite na Font, vyberte Font-family a nastavte tento atribút na Helvetica, Arial, Sans-serif. Upravte veľkosť písma a nastavte ju na 0, 9. Nastavte atribút Text-transform na Veľké písmená. V atribúte Výška - Pozícia zadajte presnú výšku položiek ponuky nastavením hodnoty na 30 px.
Krok 4
Po dokončení všetkých nápravných opatrení uložte súbor ako menu.html. Vyskúšajte ponuku, ktorú ste práve vytvorili v rôznych aplikáciách a prehľadávačoch, či funguje. Ako vidíte, vytvorenie takéhoto menu nie je ťažké.
