Hoe Website Tabs maken

Website tabs bevatten menu koppelingen, zoals "Thuis" of "Contact."Ze zijn een aantrekkelijke manier om uw bezoekers een dynamische methode voor het navigeren van uw website.U kunt tabbladen navigatie door het ontwerpen van vormen (meestal vierkant of rechthoekig) en het toevoegen van specificaties, met inbegrip van de grootte, achtergrondkleur en andere verbeteringen (zoals slagschaduwen) te creëren.Met een grafische applicatie, kunt u gemakkelijk uw eigen website tabbladen voor uw pagina's.

wat je

  • Graphics applicatie nodig, zoals Fireworks

instructies

  1. Lanceer een grafische toepassing, zoals Adobe Fireworks.Maak een nieuw bestand.Als een dialoogvenster vraagt ​​u om een ​​achtergrond te kiezen, kies dan de "Transparent" optie, zodat het geen andere kleuren op te leggen aan de achterkant van uw tabbladen.

  2. Selecteer de "Afgeronde rechthoek" optie in de werkbalk van uw toepassing, klik op het document en sleep de muis totdat de vorm is het formaat dat u

    wilt.U kunt ook op de "Skew tool" in de toolbar om een ​​gebied van de vorm te selecteren en sleep het naar verschillende vormen te creëren.

  3. Pas een kleur aan het tabblad door te klikken op de "Fill Color" knop op de werkbalk en selecteer de schaduw van uw keuze door erop te klikken.Gebruik ook het "Filters" functie in uw applicatie om effecten toe te passen op de vorm zoals afschuining en embossing.

  4. Duplicate de tab door erop te klikken en dan te gebruiken "Duplicate" of de functie van uw toepassing "Clone" (doorgaans te vinden onder het menu "Edit") om het aantal exemplaren dat u nodig heeft voor uw menubalk te maken.Kopieën verschijnen meestal op de top van de oorspronkelijke vorm, dus klik en sleep de vorm na te dupliceren om ze te bekijken.

  5. tekst toe aan de tabbladen door te klikken op de "Text" knop in de werkbalk en vervolgens dubbelklikken op het eerste tabblad te typen in de titel (bijvoorbeeld "Over").Blijven namen voor de resterende tabbladen in te voeren.

  6. Breng een "stukje" naar de tab om een ​​hyperlink toe te wijzen, zodat het brengt bezoekers naar de opgegeven pagina wanneer erop wordt geklikt.Klik op de "Slice Tool" op de werkbalk of selecteer deze optie in het "Edit" of "Insert" drop-down menu.Ga verder door de muis te slepen op het tabblad vorm en gebruik vervolgens het menu of iets dergelijks "Eigenschappen" om de juiste URL toewijzen.Plakjes verschijnen meestal als een transparante afbeelding op het tabblad, maar niet opdagen wanneer gepubliceerd op een website.Herhaal deze procedure voor de overige tabs.

  7. Snijd de afgewerkte tabbladen door te klikken op de "Crop Tool" en sleep de muis over de knoppen.Deze actie kan de toepassing van HTML te genereren voor alleen de relevante deel van de pagina en een kleiner bestand ontstaat.

  8. Klik op de "Export" of "Opslaan voor het web" optie onder het menu van de toepassing "File", en de naam van de afbeelding.Zorg ervoor dat de "HTML en afbeeldingen" optie is geselecteerd bij het opslaan, zodat uw applicatie genereert de HTML en tabblad graphics die nodig zijn om te publiceren op uw website.

Resources

  • Adobe Fireworks
776
0
0
Web Design