Die skep van spyskaarte is waarskynlik een van die belangrikste punte in die ontwikkeling van webwerwe en programme. Daarbenewens is 'n goeie uitwerking en logiese ontwerp van so 'n spyskaart die gesig van 'n webwerf of enige program. Laat ons byvoorbeeld Microsoft en die Windows 7-bedryfstelsel neem. Na die vrystelling van Windows 7 het Microsoft baie kritiek gehoor wat nie vir homself vleiend was nie. Daar is baie kritiek gelewer, maar meestal ongemaklik geplaasde menu-items. Lees hierdie handleiding aandagtig deur hoe u 'n horisontale vervolgkeuselys met CSS en Expression Web kan skep. Merkstyle sal verander om die spyskaart te skep
Instruksies
Stap 1
Gaan na Manage Styles en klik dan op die New Style-knoppie. Gee die naam Selector ul li aan die nuwe styl wat u pas geskep het. Onthou ook om seker te maak dat die nuwe styl in die drop-down.css-lêer gedefinieer moet word.
Stap 2
Om 'n horisontale menu uit te strek, moet u die menu-items vertel dat dit horisontaal sal wees. Vervolgens moet u die breedte van elke menu-item bepaal en alle onnodige kolletjies voor alle lysitems verwyder.
Stap 3
Gaan na Lay-out vir horisontale belyning en stel die vertoningskenmerk inlyn. Stel die float-attribuut na links. Klik op die Toepassing-knoppie. Alle lysitems moet op een reël gestel word. Om nie mekaar te oorvleuel nie, moet u die volgende doen: stel die posisiewaarde van die breedtekenmerk op 150px. Kyk nou. Alle elemente van die lys moet dieselfde grootte hê.
Stap 4
Nou moet ons probeer om die kolletjies voor die lysitems te verwyder. Om dit te doen, gaan na List en stel die kenmerk van die lysstyl –tipe op none.
Stap 5
Klik op OK om alle veranderinge te aanvaar.
Stap 6
Om die lettergrootte vir die ul li-styl aan te pas, moet u die volgende doen. Klik in Manage Styles met die rechtermuisknop op die ul li-styl wat u benodig om Style te wysig. Die bekende dialoogkassie vir die toevoeging of verandering van kenmerke word oopgemaak. Gaan na die kategorie Font en stel die font-family attribuut op Arial, Helvetica, sans-serif. Gaan dan na die kenmerk van lettergrootte en stel dit op 0.9em. Stel daarna die teks-transform-kenmerk op, stel die waarde daarvan in hoofletters.
Stap 7
Die hoogte van die items in die gemaakte menu kan aangepas word in die posisie-kategorie. Stel die hoogtekenmerk op 30 px.
Stap 8
Vervolgens moet u die menu.html-lêer stoor. Om dit te doen, open Expression Web die vereiste venster Save Embedded Files om die lêer te stoor. Stoor in drop-down.css-lêer. Klik OK om te stoor.
Stap 9
Kyk nou na u resultaat. Vir betroubaarheid is dit beter om dit in verskillende blaaiers te toets. Om die resultaat wat in die standaardblaaier behaal is, na te gaan, moet u die F12-sleutel op u sleutelbord druk.
