Een van die belangrikste aspekte in die ontwikkeling van sagteware en webwerwe is die skep van spyskaarte. Microsoft en sy bekendste breinkind, die Windows-bedryfstelsel, moet as 'n uitstekende voorbeeld beskou word. Ondanks die feit dat hierdie produk deur die oorgrote meerderheid PC-gebruikers in die wêreld gebruik word, neem kritiek nie net nie af nie, maar neem dit voortdurend toe. Dit gaan basies oor die ongerief van die ligging van spyskaartitems. Die volgende is 'n beskrywing van hoe u spyskaarte in CSS en Expression Web kan skep.
Instruksies
Stap 1
Om te begin met die skep van 'n horisontale menu, gaan na Manage Style en klik dan op die New Style-knoppie. Benoem die nuwe styl Selector ul li. Belangrik! Maak seker dat die gegenereerde lêer die drop-down.css-uitbreiding het. Om 'n horisontale spyskaart te maak, gee aan die element wat geskep is, presies horisontaal. Bepaal vervolgens die breedte van elke menu-item en verwyder alle onnodige punte wat voor al die items in die lys geplaas is.
Stap 2
Gaan na die Layout-opsie, stel die Display-kenmerk op Inline om horisontale belyning te doen. Stel dan die linker waarde op die Float-kenmerk en klik op die Toepassing-knoppie. Stel al die lysitems op een reël. Sodat hulle netjies geplaas word en nie op mekaar kruip nie, stel die Posisie-waarde in die Width-eienskap op 150 px. Kyk of al die elemente van die lys ewe groot is. Verwyder vervolgens die kolletjies voor alle elemente - gaan hiervoor na die Kenmerk List en stel die Geen parameter in die Item van die Lysstyl-tipe. Klik OK om alle veranderinge te aanvaar en toe te pas.
Stap 3
Pas die grootte en styl van die letter aan. Om dit te doen, gaan na Manage Styles en klik regs op die ul en kies Modify Style. Die bekende dialoogkassie sal verskyn. Gaan na Font, kies die Font-family attribuut en stel dit op Sans-serif, Arial, Helvetica. Pas dan die lettergrootte aan deur dit op 0, 9 te stel. Stel dan die teks-transform-attribuut op Hoofletter. Pas die hoogte van die menu-items in die kenmerk Hoogte - posisie aan, en stel die waarde op 30 px.
Stap 4
Nadat u alle regstellende aksies voltooi het, stoor die lêer as menu.html. Toets die aangepaste menu in verskillende blaaiers om seker te maak dat dit reg werk. Soos u kan sien, is die ontwerp van die horisontale menu redelik eenvoudig.
