Jak korzystać z Adobe Dreamweaver

Adobe Dreamweaver to potężne narzędzie dla projektantów stron internetowych, ponieważ oferuje tak wiele rzeczy, które można z nim zrobić. Oczywiście wszystkie te rzeczy, które możesz zrobić, sprawiają, że nauka jest trudna. Poznaj niektóre z wielu możliwości programu Dreamweaver, w tym zmiany w najnowszej wersji CS5. I nie zapomnij sprawdzić rzeczy, które są brak w Dreamweaver CS5.

Definiowanie witryny

• Uruchom nową stronę internetową
• Stwórz stronę internetową
• Skonfiguruj tylko te części witryny, których potrzebujesz, kiedy ich potrzebujesz *Nowość w CS5
• Skonfiguruj serwery zdalne, QA i testowe, aby uzyskać pełniejsze przepływy pracy *Nowość w CS5
• Twórz i publikuj nowe katalogi
• Zmień typ dokumentu
• Dołącz metadane na swoich stronach

Umieszczanie swojej witryny na żywo

• Zdefiniuj zdalną witrynę
• Pliki FTP na serwer WWW
• Użyj systemu kontroli wersji do wpisywania i wypisywania plików
• Połącz się z Subversion, aby uzyskać bardziej zaawansowaną kontrolę wersji *Nowość w CS5
• Zostaw notatki dla kolegów z drużyny

Tworzenie stron internetowych

• Napisz stronę w trybie WYSIWYG
• Napisz stronę w HTML
• Utwórz nową stronę z szablonu
• Utwórz nową stronę od podstaw
• Utwórz szablon
• Zapisz pliki w katalogu swojej witryny
• Zdefiniuj właściwości strony

CSS

• Użyj arkuszy stylów CSS
• Dodawanie stylów wbudowanych
• Utwórz zewnętrzny arkusz stylów
• Dołącz zewnętrzny arkusz stylów
• Twórz selektory klas, identyfikatorów, tagów i złożonych selektorów CSS
• Edytuj istniejące reguły CSS
• Twórz CSS dla stron do wydrukowania
• Włącz i wyłącz właściwości stylu *Nowość w CS5
• Sprawdź wizualnie model skrzynki CSS *Nowość w CS5

Tekst

• Zmodyfikuj tekst
• Użyj różnych czcionek
• Wstaw podział wiersza
• Użyj znaków specjalnych
• Uwzględnij dzisiejszą datę
• Napisz komentarze
• Zastosować Tagi HTML pisać
• Dodaj atrybuty HTML do tagów

Spinki do mankietów

• Połącz tekst i obrazy
• Sprawdź linki do stron
• Zmień domyślne kolory linków (link, odwiedzone, najechanie, aktywne)
• Twórz podpowiedzi dotyczące linków
• Utwórz linki mailto
• Utwórz kotwice strony internetowej

Obrazy

• Dodaj grafikę do strony
• Edytuj obrazy
• Zmień rozmiar obrazów
• Dodaj tekst alternatywny do obrazów
• Dodaj dodatkowe opcje ułatwień dostępu do obrazów
• Wyrównaj obrazy i tekst
• Utwórz obraz najazdu
• Posługiwać się mapy obrazów
• Użyj obrazów śledzących
• Użyj symboli zastępczych obrazów
• Wstaw kod HTML programu Fireworks
• Wstaw pliki Photoshop

Układ

• Skorzystaj z dołączonych darmowych szablonów *Nowe układy startowe CSS w CS5
• Wstaw elementy div dla układu
• Edytuj div w panelu stylów CSS
• Wstaw elementy pozycjonowane bezwzględnie
• Formatuj elementy pozycjonowane bezwzględnie w inspektorze właściwości
• Używaj linijek, siatek i prowadnic

Listy

• Dodaj listy punktowane i numerowane
• Dostosuj punktory i numery list

Stoły

• Utwórz stół
• Dodaj wiersze i kolumny nagłówka
• Posługiwać się przezroczyste obrazy trzymać otwarte komórki tabeli
• Twórz kolumny o stałej i elastycznej szerokości
• Zmień style obramowania tabel
• Osadź tabelę w tabeli
• Importuj dane tabelaryczne

Formularze

• Użyj formularza mailto
• Zdefiniuj działania formularza
• Dodaj tekst, radio, pole wyboru, plik, obraz, zaznacz pola i ukryte pola formularzy
• Udostępnij swoje formularze za pomocą pól zestawu pól i etykiet
• Utwórz niestandardowe przyciski przesyłania
• Weryfikuj formularze za pomocą JavaScript (Spry)

Bazy danych i skrypty PHP

• Dołącz swoją witrynę do bazy danych
• Skonfiguruj witrynę PHP/mySQL
• Użyj elementów Spry, aby połączyć się z bazą danych
• Wstaw obiekty danych do swoich stron
• Przetestuj i zaktualizuj źródło danych lub wyświetlacz Spry
• Edytuj złożone witryny dynamiczne w widoku projektu
• Odkryj wszystkie dynamicznie powiązane pliki do tworzenia witryn PHP CMS (WordPress, Joomla i Drupal) *Nowość w CS5
• Niestandardowe podpowiedzi klas dla kodu PHP, w tym frameworków innych firm, takich jak Zend *Nowość w CS5

Ramki

• Zbuduj witrynę z ramkami
• Edytuj zawartość noframes
• Formatuj i stylizuj swoje ramki
• Skonfiguruj domyślne cele linków między ramkami

Dodaj interaktywność

• Zbuduj album ze zdjęciami (już nie w CS5)
• Dodaj dźwięk do stron internetowych
• Utwórz menu rozwijane
• Korzystaj z zachowań programu Dreamweaver, aby otwierać wyskakujące okna, tworzyć menu przeskoku, odtwarzać dźwięk, zamieniać obrazy i nie tylko
• Dodaj kanały RSS do witryny
• Wstaw tekst Flash jako najazd
• Wstaw tekst CSS jako najazd
• Wstaw inne wtyczki
• Dodaj pasek menu Spry, panele z zakładkami, akordeon, podpowiedź i zwijany panel
• Użyj przeglądarki widżetów, aby znaleźć nowe widżety dla swojej witryny, bez konieczności znajomości języka JavaScript

Przetestuj swoje strony

• Przetestuj swoje strony w Live View, aby zobaczyć zmiany spowodowane JavaScript i interaktywnością *Nowość w CS5
• Sprawdź poprawność kodu HTML
• Podgląd swoich stron w kilku przeglądarkach
• Użyj BrowserLab, aby wyświetlić podgląd swoich stron w innych systemach operacyjnych *Nowość w CS5
• Skorzystaj z Device Central, aby sprawdzić, jak strony wyglądają na urządzeniach mobilnych
• Sprawdź kompatybilność przeglądarki
• Zmień ustawienia, aby pasowały do ​​potrzeb Twojej witryny
• Sprawdź linki do witryn wewnętrznych
• Przetestuj dostępność swojej witryny (już nie w CS5)
• Konwertuj Dokument Word do HTML

Dostosuj Dreamweaver

• Dodaj rozszerzenia
• Wyłącz rozszerzenia
• Dostosuj program Dreamweaver za pomocą skrótów

Zwiększ swoją wydajność

• Użyj wbudowanych skrótów klawiaturowych
• Użyj fragmentów kodu
• Twórz i używaj szablonów
• Generuj nowe strony z niestandardowych szablonów
• Zaktualizuj szablony
• Dołącz jeden plik do drugiego w bibliotece Dreamweaver
• Zaktualizuj elementy biblioteki
• Dołącz jeden plik do drugiego za pomocą SSI
• Użyj funkcji wyszukiwania i zamiany