Adobe Dreamweaver jest tak potężnym narzędziem dla projektantów stron internetowych, ponieważ ma tyle możliwości, aby z nim zrobić. Oczywiście, wszystkie te rzeczy, które możesz zrobić, utrudniają naukę. Poznaj niektóre z wielu rzeczy, które może zrobić program Dreamweaver, w tym zmiany w najnowszej wersji, CS5. I nie zapomnij sprawdzić rzeczy, których brakuje w Dreamweaver CS5.
Definiowanie strony
- Uruchom nową witrynę
- Stwórz stronę internetową
- Skonfiguruj tylko te części witryny, których potrzebujesz, kiedy ich potrzebujesz * Nowość w wersji CS5
- Skonfiguruj serwery zdalne, kontrolę jakości i testowe, aby uzyskać bardziej kompletne przepływy pracy * Nowość w wersji CS5
- Twórz i publikuj nowe katalogi
- Zmień typ dokumentu
- Uwzględnij metadane na swoich stronach
Wprowadzanie witryny na żywo
- Zdefiniuj zdalną witrynę
- Pliki FTP na serwer WWW
- Użyj systemu kontroli wersji do sprawdzania i usuwania plików
- Połącz się z Subversion, aby uzyskać bardziej zaawansowaną kontrolę wersji * Nowość w CS5
- Pozostaw notatki dla swoich 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 zera
- Utwórz szablon
- Zapisz pliki w katalogu 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 CSS klasy, ID, znaczników i złożonych
- Edytuj istniejące reguły CSS
- Utwórz CSS dla stron do wydrukowania
- Włączanie i wyłączanie właściwości stylu * Nowość w CS5
- Inspekcja wizualna modelu pudełkowego CSS * Nowość w CS5
Tekst
- Zmodyfikuj tekst
- Użyj różnych czcionek
- Wstaw podział wiersza
- Użyj znaków specjalnych
- Dołącz dzisiejszą datę
- Napisz komentarze
- Zastosuj tagi HTML do tekstu
- 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, odwiedzony, hover, active)
- Twórz porady na temat linków
- Utwórz łącza mailto
- Utwórz kotwice strony internetowej
Obrazy
- Dodaj grafikę do strony
- Edytuj zdjęcia
- Zmień rozmiar obrazów
- Dodaj tekst alternatywny do zdjęć
- Dodaj dodatkowe opcje ułatwień dostępu do zdjęć
- Wyrównaj obrazy i tekst
- Utwórz obraz najazdu
- Użyj map obrazów
- Użyj śledzenia obrazów
- Użyj symboli zastępczych obrazu
- Wstaw Fireworks HTML
- Wstaw pliki Photoshop
Układ
- Skorzystaj z dołączonych darmowych szablonów * Nowe układy startowe CSS w CS5
- Wstaw div dla układu
- Edytuj divy w panelu stylów CSS
- Wstaw dokładnie rozmieszczone elementy
- Sformatuj bezwzględnie umieszczone elementy w inspektorze właściwości
- Użyj linijek, siatek i prowadnic
Listy
- Dodaj listy wypunktowane i numerowane
- Dostosuj punktory i liczby list
Tabele
- Utwórz tabelę
- Dodaj nagłówki wierszy i kolumny
- Użyj przezroczystych obrazów, aby utrzymać otwarte komórki tabeli
- Utwórz kolumny o stałej szerokości i elastycznej szerokości
- Zmień style obramowania tabel
- Osadź tabelę w tabeli
- Importuj dane tabelaryczne
Formularze
- Użyj formularza mailto
- Określ działania formularzy
- Dodaj tekst, radio, pole wyboru, plik, obraz, pola wyboru i ukryte pola formularzy
- Udostępniaj formularze za pomocą pól i pól etykiet
- Utwórz niestandardowe przyciski przesyłania
- Zatwierdź formularze za pomocą JavaScript (Spry)
Bazy danych i skrypty PHP
- Dołącz swoją witrynę do bazy danych
- Stwórz stronę 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 ekran Spry
- Edytuj złożone witryny dynamiczne w widoku projektu
- Odkryj wszystkie dynamicznie powiązane pliki, aby złożyć strony PHP CMS (WordPress, Joomla i Drupal) * Nowość w CS5
- Niestandardowe podpowiedzi do klasy dla kodu PHP, w tym frameworki innych firm, takie jak struktura Zend * Nowość w CS5
Ramki
- Stwórz oprawioną stronę internetową
- Edytuj zawartość noframes
- Formatuj i styluj ramki
- Skonfiguruj domyślne cele linków między ramkami
Dodaj interakcyjność
- Zbuduj album ze zdjęciami (już nie w wersji CS5)
- Dodaj dźwięk do stron internetowych
- Utwórz rozwijane menu
- Użyj zachowań programu Dreamweaver, aby otwierać wyskakujące okna, tworzyć menu przeskoku, odtwarzać dźwięk, zamieniać obrazy i wykonywać inne czynności
- Dodaj kanały RSS do witryny
- Wstaw tekst Flash jako rollover
- Wstaw tekst CSS jako rollover
- Włóż inne wtyczki
- Dodaj pasek menu Spry, panele z kartami, akordeon, wskazówka narzędzia i panel zwijany
- Użyj przeglądarki widżetów, aby znaleźć nowe widżety dla swojej witryny, bez konieczności znajomości JavaScript
Przetestuj swoje strony
- Sprawdź swoje strony w widoku na żywo, aby zobaczyć zmiany wynikające z JavaScriptu i interaktywności * Nowość w CS5
- Sprawdź poprawność kodu HTML
- Podgląd stron w kilku przeglądarkach
- Użyj przeglądarki BrowserLab, aby wyświetlić podgląd stron w innych systemach operacyjnych * Nowość w wersji CS5
- Użyj Centrum urządzeń, aby sprawdzić, jak strony wyglądają na urządzeniach mobilnych
- Sprawdź zgodność przeglądarki
- Zmień ustawienia, aby dopasować to, z czym strona musi pracować
- Sprawdź linki do stron wewnętrznych
- Przetestuj dostępność swojej strony (już nie w wersji CS5)
- Konwertuj dokument Word na HTML
Dostosuj program Dreamweaver
- Dodaj rozszerzenia
- Wyłącz rozszerzenia
- Dostosuj Dreamweaver za pomocą skrótów
Zwiększ swoją efektywność
- 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 wyszukiwania i zamień
