Een van de belangrijkste aspecten van website- en softwareontwikkeling is het maken van menu's. Een mooi schuifmenu blijft een maatstaf voor veel website-eigenaren en programmeurs. Dit kan met behulp van CSS en Expression Web-tools.
instructies:
Stap 1
Open Expression Web en ga naar Stijl beheren om een schuifmenu te maken en druk op de toets Nieuwe stijl. Noem de nieuwe stijl Selector ul li. Zorg ervoor dat het gegenereerde bestand de extensie drop-down.css heeft. Om een schuifmenu te maken, specificeert u de juiste positie op het scherm. Bepaal de breedte van elk van de menu-items en verwijder onnodige stippen die ervoor kunnen staan.
Stap 2
Voer de optie Lay-out uit en stel het kenmerk Weergave in. Geef het een geschikte Inline-waarde om uit te lijnen op het scherm. Stel het Float attribuut in op Links en druk op de Apply-toets. Stel alle elementen van de lijst in op één regel. Om ze in een nette volgorde te houden en niet te overlappen, stelt u het kenmerk Breedte in op Positie in de vorm van 150 px. Zorg ervoor dat alle items in de lijst even groot zijn. Verwijder de stippen voor elk element door naar het List-attribuut te gaan en het List Style-type in te stellen op Geen. Klik op "OK" om de wijzigingen te accepteren en van kracht te worden.
Stap 3
Pas de stijl en lettergrootte aan voor de ul li. Ga naar Stijlen beheren en klik met de rechtermuisknop op de ul li en kies Stijl wijzigen. U ziet het al bekende dialoogvenstermenu. Ga naar Font, selecteer Font-family en stel dit attribuut in op Helvetica, Arial, Sans-serif. Pas de lettergrootte aan en stel deze in op 0, 9. Stel het kenmerk Teksttransformatie in op Hoofdletters. Geef in het kenmerk Hoogte - Positie de exacte hoogte van de menu-items op door de waarde in te stellen op 30 px.
Stap 4
Sla het bestand op als menu.html wanneer alle corrigerende acties zijn voltooid. Test het menu dat u zojuist hebt gemaakt in verschillende toepassingen en browsers om te zien of het werkt. Zoals je kunt zien, is het niet moeilijk om zo'n menu te maken.
