Hoe Om 'n Skuifspyskaart Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Skuifspyskaart Te Maak
Hoe Om 'n Skuifspyskaart Te Maak

Video: Hoe Om 'n Skuifspyskaart Te Maak

Video: Hoe Om 'n Skuifspyskaart Te Maak
Video: Hoe kan ik een haring, snel en zonder botten. Hoe filet een haring 2024, Mei
Anonim

Een van die belangrikste aspekte van die ontwikkeling van webwerwe en sagteware is die skep van spyskaarte. 'N Pragtige skuifmenu bly 'n maatstaf vir baie webwerf-eienaars en programmeerders. Dit kan gedoen word met behulp van CSS en Expression Web tools.

Hoe om 'n skuifspyskaart te maak
Hoe om 'n skuifspyskaart te maak

Instruksies

Stap 1

Maak Expression Web oop en gaan na Manage Style om 'n skuifmenu te skep en druk die New Style-sleutel. Benoem die nuwe styl Selector ul li. Maak seker dat die gegenereerde lêer die drop-down.css-uitbreiding het. Spesifiseer die toepaslike posisie op die skerm om 'n skuifmenu te skep. Bepaal die breedte van elk van die menu-items en verwyder onnodige kolletjies wat voor hulle kan wees.

Stap 2

Voer die Layout-opsie uit en stel die Display-kenmerk in. Gee dit 'n gepaste Inline-waarde om op die skerm te belyn. Stel die Float-attribuut op Links en druk die Toepassing-sleutel. Stel al die elemente van die lys op een reël. Om hulle in 'n netjiese volgorde te hou en nie te oorvleuel nie, stel u die attribuut Breedte op Posisie in die vorm van 150 px. Maak seker dat al die items in die lys ewe groot is. Verwyder die kolletjies voor elke element deur na die List-attribuut te gaan en die List Style-tipe op None te stel. Klik op "OK" om die veranderinge te aanvaar en in werking te tree.

Stap 3

Pas die styl en lettergrootte vir die letter. Gaan na Manage Styles en klik regs op die ul en kies Modify Style. U sal die reeds bekende dialoogkieslys sien. Gaan na Font, kies Font-family en stel hierdie kenmerk op Helvetica, Arial, Sans-serif. Pas die lettergrootte aan en stel dit op 0, 9. Stel die teks-transform-attribuut op Hoofletter. Spesifiseer die presiese hoogte van die menu-items in die kenmerk Hoogte - posisie deur die waarde op 30 px in te stel.

Stap 4

Stoor die lêer as menu.html wanneer alle regstellende aksies voltooi is. Toets die menu wat u pas in verskillende toepassings en blaaiers gemaak het om te sien of dit werk. Soos u kan sien, is dit nie moeilik om so 'n spyskaart te skep nie.

Aanbeveel: