Vienas iš svarbiausių programinės įrangos ir interneto svetainių kūrimo aspektų yra meniu kūrimas. Kaip pagrindinį pavyzdį reikėtų laikyti „Microsoft“ir garsiausią jos idėją, „Windows“operacinę sistemą. Nepaisant to, kad šį produktą naudoja didžioji dauguma kompiuterių vartotojų pasaulyje, kritika ne tik nemažėja, bet ir nuolat auga. Iš esmės tai susiję su nepatogumais dėl meniu punktų vietos. Toliau aprašoma, kaip sukurti meniu CSS ir „Expression Web“.
Nurodymai
1 žingsnis
Norėdami pradėti kurti horizontalųjį meniu, eikite į Tvarkyti stilių, tada spustelėkite mygtuką Naujas stilius. Pavadinkite naują stilių Selector ul li. Svarbu! Įsitikinkite, kad sugeneruotas failas turi išskleidžiamąjį.css plėtinį. Norėdami sukurti horizontalų meniu, sukurtam elementui nurodykite, kad jis bus tiksliai horizontalus. Tada nustatykite kiekvieno meniu punkto plotį ir pašalinkite visus nereikalingus taškus, išdėstytus prieš visus sąrašo elementus.
2 žingsnis
Eikite į parinktį Layout, nustatykite Display atributą į Inline, kad atliktumėte horizontalų lygiavimą. Tada nustatykite kairiosios reikšmės „Float“atributą ir spustelėkite mygtuką Taikyti. Nustatykite visus sąrašo elementus į vieną eilutę. Kad jie būtų išdėstyti tvarkingai ir netikrintų vienas ant kito, atribute „Plotis“nustatykite pozicijos vertę į 150 taškų. Patikrinkite, ar visi sąrašo elementai yra vienodo dydžio. Tada pašalinkite taškus prieš visus elementus - tam eikite į „List“atributą ir sąrašo stiliaus tipo elemente nustatykite parametrą None. Spustelėkite Gerai, kad visi pakeitimai būtų priimti ir pritaikyti.
3 žingsnis
Sureguliuokite ul li šrifto dydį ir stilių. Norėdami tai padaryti, eikite į „Stilių tvarkymas“ir dešiniuoju pelės mygtuku spustelėkite „ul li“, tada pasirinkite Keisti stilių. Pasirodys pažįstamas dialogo langas. Eikite į „Font“, pasirinkite „Font-family“atributą ir nustatykite jį į „Sans-serif“, „Arial“, „Helvetica“. Tada sureguliuokite šrifto dydį nustatydami jį į 0, 9. Po to nustatykite „Text-transform“atributą į „Uppercase“. Koreguokite meniu elementų aukštį atribute „Aukštis - padėtis“, nustatydami vertę į 30 pikselių.
4 žingsnis
Atlikę visus taisomuosius veiksmus, išsaugokite failą kaip menu.html. Tada patikrinkite sukurtą meniu skirtingose naršyklėse ir įsitikinkite, kad jis veikia tinkamai. Kaip matote, horizontalaus meniu dizainas yra gana paprastas.
