A menük készítése valószínűleg az egyik fő pont a webhelyek és programok fejlesztésében. Ezenkívül egy ilyen menü megfelelő kidolgozása és logikai kialakítása a webhely vagy bármely program arca. Vegyük például a Microsoftot és a Windows 7 operációs rendszert: A Windows 7 megjelenése után a Microsoft sok kritikát hallott, amely nem volt hízelgő önmagának. Sok kritika érte, de leggyakrabban kényelmetlenül elhelyezett menüpontok. Gondosan olvassa el ezt az oktatóanyagot arról, hogyan hozhat létre vízszintes legördülő menüt a CSS és az Expression Web használatával. A címke stílusai megváltoznak a menü létrehozásához
Utasítás
1. lépés
Lépjen a Stílusok kezelése oldalra, majd kattintson az Új stílus gombra. Adja a Selector ul li nevet az imént létrehozott új stílushoz. Ne felejtse el ellenőrizni, hogy az új stílust meg kell-e határozni a legördülő.css fájlban.
2. lépés
A vízszintes menü kinyújtásához meg kell mondania a menüpontoknak, hogy vízszintes lesz. Ezután meg kell határoznia az egyes menüpontok szélességét, és el kell távolítania az összes felesleges pontot az összes listaelem előtt.
3. lépés
A vízszintes igazításhoz lépjen az Elrendezés elemre, és állítsa a kijelző attribútumot sorba. Állítsa balra az úszó attribútumot. Kattintson az Alkalmaz gombra. Az összes listaelemet egy sorban kell beállítani. Annak érdekében, hogy ne fedjék egymást, a következőket kell tennie: állítsa a width attribútum Position értékét 150px-re. Most nézze meg. A lista összes elemének azonos méretűvé kell válnia.
4. lépés
Most meg kell próbálnunk eltávolítani a pontokat a listaelemek előtt. Ehhez lépjen a Lista oldalra, és állítsa a list-style –type attribútumot semmire.
5. lépés
Kattintson az OK gombra az összes módosítás elfogadásához.
6. lépés
Az ul li stílus betűméretének beállításához a következőket kell tennie. A Stílusok kezelése alatt kattintson a jobb gombbal az ul li stílusra, amelyre a Stílus módosítása opciót kell választania. Megnyílik az ismert párbeszédpanel az attribútumok hozzáadásához vagy módosításához. Lépjen a Betűtípus kategóriába, és állítsa be a font-family attribútumot Arial, Helvetica, sans-serif értékre. Ezután lépjen a font-size attribútumra, és állítsa 0.9em értékre. Ezt követően állítsa be a text-transform attribútumot, állítsa annak értékét nagybetűsre.
7. lépés
A létrehozott menü tételeinek magassága a Pozíció kategóriában állítható. Állítsa a magasság attribútumot 30 képpontra.
8. lépés
Ezután el kell mentenie a menu.html fájlt. Ehhez az Expression Web megnyitja a beágyazott fájlok mentése ablakot a fájl mentéséhez. Mentés a legördülő.css fájlba. A mentéshez kattintson az OK gombra.
9. lépés
Most ellenőrizze az eredményt. A megbízhatóság érdekében jobb, ha különböző böngészőkben teszteli. Az alapértelmezett böngészőben kapott eredmény ellenőrzéséhez meg kell nyomnia az F12 billentyűt a billentyűzeten.
