Meniu kūrimas yra bene vienas pagrindinių svetainių ir programų kūrimo taškų. Be to, geras meniu parengimas ir logiškas dizainas yra svetainės ar bet kurios programos veidas. Pavyzdžiui, paimkime „Microsoft“ir „Windows 7“operacinę sistemą. Po „Windows 7“išleidimo „Microsoft“išgirdo daug kritikos, kuri nebuvo pati sau glostanti. Buvo daug kritikos, tačiau dažniausiai nepatogiai išdėstyti meniu punktai. Atidžiai perskaitykite šią pamoką, kaip sukurti horizontalųjį išskleidžiamąjį meniu naudojant CSS ir „Expression Web“. Žymų stiliai pasikeis, kad būtų sukurtas meniu
Nurodymai
1 žingsnis
Eikite į Tvarkyti stilius ir spustelėkite mygtuką Naujas stilius. Suteikite pavadinimui Selector ul li naujai jūsų ką tik sukurtam stiliui. Taip pat nepamirškite įsitikinti, kad naujas stilius turi būti apibrėžtas išskleidžiamajame faile.css.
2 žingsnis
Norėdami išplėsti horizontalųjį meniu, turite pasakyti meniu elementams, kad jis bus horizontalus. Tada turite nustatyti kiekvieno meniu punkto plotį ir pašalinti visus nereikalingus taškus priešais visus sąrašo elementus.
3 žingsnis
Norėdami horizontaliai sulygiuoti, eikite į išdėstymą ir nustatykite ekrano atributą į vidinį. Nustatykite plūdės atributą į kairę. Spustelėkite mygtuką Taikyti. Visi sąrašo elementai turi būti nustatyti vienoje eilutėje. Kad jie nepersidengtų, turite atlikti šiuos veiksmus: nustatykite atributo plotis padėties vertę 150 taškų. Dabar patikrinkite. Visi sąrašo elementai turėtų būti vienodo dydžio.
4 žingsnis
Dabar turime pabandyti pašalinti taškus priešais sąrašo elementus. Norėdami tai padaryti, eikite į sąrašą ir nustatykite atributą „list-style –type“į jokį.
5 žingsnis
Spustelėkite Gerai, kad sutiktumėte su visais pakeitimais.
6 žingsnis
Norėdami koreguoti „ul li“stiliaus šrifto dydį, turite atlikti šiuos veiksmus. Skiltyje „Tvarkyti stilius“dešiniuoju pelės mygtuku spustelėkite „ul li“stilių, kurį reikia pasirinkti Keisti stilių. Bus atidarytas žinomas dialogo langas atributams pridėti ar pakeisti. Eikite į kategoriją Šriftas ir nustatykite šrifto šeimos atributą kaip Arial, Helvetica, sans-serif. Tada eikite į atributą font-size ir nustatykite jį į 0.9em. Po to nustatykite atributą text-transform, nustatykite jo vertę didžiosiomis raidėmis.
7 žingsnis
Sukurto meniu elementų aukštį galima reguliuoti pozicijoje. Nustatykite aukščio atributą į 30 taškų.
8 žingsnis
Tada turite išsaugoti meniu.html failą. Norėdami tai padaryti, „Expression Web“atidarys reikiamą langą „Įterptųjų failų išsaugojimas“, kad išsaugotų failą. Išsaugokite išskleidžiamajame.css faile. Norėdami išsaugoti, spustelėkite Gerai.
9 žingsnis
Dabar patikrinkite savo rezultatą. Dėl patikimumo geriau jį išbandyti skirtingose naršyklėse. Norėdami patikrinti numatytojoje naršyklėje gautą rezultatą, turite paspausti klaviatūros klavišą F12.
