Hoe interactieve knoppen in Dreamweaver te maken

Video: How to create a button in Adobe Dreamweaver CC - Dreamweaver Templates [27/38]

Inhoud

routebeschrijving
tips
Wat je nodig hebt

U kunt op een eenvoudige manier professioneel ogende geanimeerde knoppen maken met behulp van een plug-in voor Dreamweaver. U kunt een vooraf gedefinieerde stijl kiezen en uw tekst, kleur, koppeling en andere instellingen wijzigen om deze aan uw site aan te passen. Met "Krijg meer stijlen" kunt u zelfs kiezen uit honderden unieke knoppen gemaakt door andere gebruikers.

routebeschrijving

U kunt op een eenvoudige manier professioneel ogende geanimeerde knoppen maken met een plug-in voor Dreamweaver (Jupiterimages / Photos.com / Getty Images)

Open Dreamweaver. Start een nieuw leeg document door "HTML" te selecteren onder het gedeelte "Nieuw" in het introductiescherm.
Kies het menu "Invoegen", "Media" en vervolgens "Flitser" om het dialoogvenster "Flash-knop invoegen" te openen.
Selecteer een vooraf ingestelde stijl in de "Stijl" -optie voor uw knop. De standaardstijl is er een die al in gebruik is. Op dit punt kunt u het aanpassen met uw eigen kleuren en teksten.
Voer de tekst voor uw knop in bij "Knoptekst", stel het lettertype in via het menu "Lettertype" en wijzig de grootte in "Formaat".
Stel de link in door de URL te typen of blader om een webpagina te vinden in het gedeelte "Link" van het dialoogvenster. Definieer hoe u de koppeling wilt openen door op "Doel" te klikken.
Selecteer een kleur voor de onderkant van de knop met behulp van de "BG-kleur (BG-kleur)".
Bewaar de knop met de "Opslaan als" -functie en klik op "OK" om het maken van je geanimeerde knop te voltooien.

tips

Kies de knop 'Meer stijlen ophalen' in het dialoogvenster 'Knop invoegen' om verbinding te maken met de Adobe-website en meer knopstijlen te krijgen. Klik op de knop "Toepassen" in het dialoogvenster "Knop invoegen" om de instellingen te bekijken die zijn gemaakt in het gedeelte "Voorbeeld" van het dialoogvenster.