Jak tworzyć interaktywne przyciski w programie Dreamweaver

Autor: Marcus Baldwin
Data Utworzenia: 14 Czerwiec 2021
Data Aktualizacji: 1 Grudzień 2024
Anonim
How to create a button in Adobe Dreamweaver CC - Dreamweaver Templates [27/38]
Wideo: How to create a button in Adobe Dreamweaver CC - Dreamweaver Templates [27/38]

Zawartość

Możesz tworzyć profesjonalnie wyglądające animowane przyciski w bardzo prosty sposób, używając wtyczki do programu Dreamweaver. Możesz wybrać predefiniowany styl i zmienić tekst, kolor, link i inne ustawienia, aby dostosować go do swojej witryny. Dzięki „Pobierz więcej stylów” możesz nawet wybierać spośród setek unikalnych przycisków utworzonych przez innych użytkowników.


Instrukcje

Możesz tworzyć profesjonalnie wyglądające animowane przyciski w bardzo prosty sposób, używając wtyczki do programu Dreamweaver (Jupiterimages / Photos.com / Getty Images)
  1. Otwórz program Dreamweaver. Rozpocznij nowy pusty dokument, wybierając „HTML” w sekcji „Nowa” na ekranie wprowadzania.

  2. Wybierz menu „Wstaw”, „Media”, a następnie „Przycisk Flash”, aby wyświetlić okno dialogowe „Wstaw przycisk Flash”.

  3. Wybierz predefiniowany styl w opcji „Styl” dla przycisku. Domyślny styl to taki, który jest już gotowy. W tym momencie możesz dostosować go do własnych kolorów i tekstów.

  4. Wprowadź tekst przycisku w „Tekst przycisku”, ustaw czcionkę z menu „Czcionka” i zmień jej rozmiar w „Rozmiar”.

  5. Ustaw link, wpisując adres URL lub wyszukaj stronę internetową w sekcji „Link” okna dialogowego. Określ, w jaki sposób chcesz otworzyć łącze, klikając „Cel”.


  6. Wybierz kolor na dole przycisku, używając koloru „BG (kolor BG)”.

  7. Zapisz przycisk za pomocą funkcji „Zapisz jako” i kliknij „OK”, aby zakończyć tworzenie animowanego przycisku.

Jak

  • Wybierz przycisk „Uzyskaj więcej stylów” w oknie „Wstaw przycisk Flash”, aby połączyć się z witryną Adobe i uzyskać więcej stylów przycisków. Kliknij przycisk „Zastosuj” w oknie dialogowym „Wstaw przycisk Flash”, aby zobaczyć ustawienia wprowadzone w obszarze „Próbka” okna dialogowego.

Czego potrzebujesz

  • Dreamweaver