Adobe_Dreamweaver_CS5_CS5_PL_Oficjalny_podrecznik_drc5op.pdf

Idź do

Adobe Dreamweaver CS5/

CS5 PL. Ocjalny podręcznik

• Spis treści

• Przykładowy rozdział

Autor: Adobe Creative Team

Tłumaczenie: Joanna Zatorska

ISBN: 978-83-246-2916-9

Tytuł oryginał u: Adobe Dreamweaver CS5 Classroom in a Book

Format: B5, stron: 448

Katalog książek

• Katalog online

• Zamów drukowany

katalog

Twój koszyk

Sprawdzone materiały szkoleniowe prosto od ekspertów Adobe!

• Naucz się tworzyć statyczne i dynamiczne strony WWW

• Zobacz, jak wstawiać grakę, tekst i animacje

• Twórz rozbudowane, interaktywne aplikacje internetowe

• Umieść stronę na serwerze i sprawnie nią zarządzaj

Pojawienie się Dreamweavera w 1997 roku było dla sieci prawdziwą rewolucją! Od tego momentu

tworzenie profesjonalnych stron internetowych stało się dostępne dla wszystkich, nawet dla tych

użytkowników, którzynie mają pojęcia o językach programowania i pisaniu kodu. Dreamweaver

umożliwia bowiem projektowanie stron WWW w trybie gracznym, zapewniając jednak możliwość

pełnej kontroli nad kodem źródłowym. Dzięki temu szybko i bez problemu (a co najważniejsze,

samodzielnie) możesz dziś zbudować i skongurować w pełni funkcjonalną statyczną lub

dynamiczną witrynę. Mało tego! Z tym programem możesz wzbogacać gotowe strony o grakę,

tekst i animacje, tworzyć interaktywne aplikacje internetowe oraz umieszczać na serwerze witryny

WWW i sprawnie nimi zarządzać. A w najnowszej wersji znajdziesz także mocno ulepszone,

zaktualizowane początkowe układy CSS, które jeszcze bardziej ułatwią Ci projektowanie stron

i zapewnią pełną zgodność z sieciowymi standardami.

Dzięki tej książce opanowanie możliwości Dreamweavera nie sprawi Ci najmniejszych trudności.

Ta zawierająca oryginalne materiały szkoleniowe Adobe książka ze znanej i bestsellerowej serii

Ocjalny podręcznik obejmuje siedemnaście praktycznych lekcji obsługi programu, przejrzyste

instrukcje krok po kroku i pliki umożliwiające sprawne wykonanie opisanych ćwiczeń.

Dzięki niej bez problemu zaczniesz poruszać się w przestrzeni roboczej programu, a także

kongurować i dostosowywać ją do realizowanych zadań. Błyskawicznie opanujesz podstawy

języka HTML i CSS oraz najlepsze sposoby na tworzenie kodu za pomocą Dreamweavera. Dowiesz

się, jak projektować makiety czy formularze i tworzyć szablony witryn internetowych, a potem

zobaczysz, jak pracować z tekstem, listami, tabelami oraz elementami gracznymi. Już wkrótce

zaczniesz samodzielnie projektować interaktywne i dynamiczne strony WWW, bez trudu

umieszczać na nich animacje we Flashu oraz publikować gotowe serwisy w internecie. Ponadto

każda z zawartych w podręczniku lekcji kończy się podsumowaniem umożliwiającym sprawdzenie

i gruntowne utrwalenie umiejętności zdobytych w trakcie lektury.

Przed Tobą siedemnaście praktycznych lekcji tworzenia stron za pomocą Adobe Dreamweavera CS5.

Opanuj Dreamweavera CS5 – poznaj najszybszy sposób

na stworzenie własnej, profesjonalnej strony internetowej!

• Dodaj do koszyka

Cennik i informacje

• Zamów informacje

o nowościach

• Zamów cennik

Czytelnia

• Fragmenty książek

online

Kontakt

Helion SA

ul. Kościuszki 1c

44-100 Gliwice

tel. 32 230 98 63

e-mail: helion@helion.pl

spIs treŚcI

Wstęp

O książce . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Wymagania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Instalowanie programu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12

Kopiowanie materiałów znajdujących się na serwerze FTP . . . . . . . . . . . . . . . . . .12

Zalecana kolejność wykonywania ćwiczeń. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12

Szybki start. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13

Koni gurowanie przestrzeni roboczej. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14

Polecenia w systemie Windows i Mac OS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15

Pomoc dotycząca programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15

Sprawdzanie dostępności aktualizacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15

Dodatkowe materiały. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16

Certyi katy Adobe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18

Przyspiesz swoją pracę dzięki Adobe CS Live . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19

1 dOstOsOWanIe prZestrZenI rObOcZej 20

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .20

Rzut oka na przestrzeń roboczą . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22

Przełączanie trybu i podział widoku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .23

Praca z panelami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .25

Wybór układu przestrzeni roboczej. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29

Dostosowywanie pasków narzędziowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Dostosowywanie ustawień . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .32

Tworzenie własnych skrótów klawiszowych. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .32

Obsługa panelu Properties (Właściwości) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .34

Tematyka lekcji

Rzut oka na przestrzeń roboczą

Przełączanie trybu i podział widoku

Praca z panelami

Wybór układu przestrzeni roboczej

4 SPIS TREŚCI

2 pOdstaWy jęZyKa htML 38

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .38

Czym jest HTML? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40

Początki HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40

Tworzenie własnego kodu HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

Stosowanie formatowania wierszowego. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44

Najczęściej używane znaczniki kodu HTML 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49

Dokąd zmierza HTML? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52

3 pOdstaWy css 54

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54

Czym są kaskadowe arkusze stylów CSS? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56

Formatowanie za pomocą HTML a CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57

Domyślne ustawienia HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60

Formatowanie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62

Formatowanie obiektów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .65

No i wreszcie grupowanie, klasy oraz ID!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .68

4 Wstęp dO prOGraMU dreaMWeaver cs5 72

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72

Koni gurowanie serwisu w programie Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . .74

Obsługa ekranu powitalnego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76

Wybór szablonu CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .77

Zapisywanie strony . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78

Zmiana tytułu strony. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78

Zmiana nagłówków. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78

Wstawianie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79

Wstawianie elementów grai cznych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81

Wybieranie i edytowanie stylów CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84

Zmiana koloru, kroju i wielkości czcionek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88

Obsługa panelu Properties (Właściwości) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91

Wyświetlanie podglądu strony w widoku aktywnym . . . . . . . . . . . . . . . . . . . . . . . .93

Wyświetlanie podglądu strony w przeglądarce . . . . . . . . . . . . . . . . . . . . . . . . . . . . .94

AdobE dREAmwEAvER CS5/CS5 PL. ofICjALny PodRęCznIk 5

Tematyka lekcji

Czym są kaskadowe arkusze stylów CSS?

Formatowanie za pomocą HTML a CSS

Domyślne ustawienia HTML

Formatowanie tekstu

Tematyka lekcji

Koni gurowanie serwisu w programie Dreamweaver

Obsługa ekranu powitalnego

Wybór szablonu CSS

5 prOjeKtOWanIe MaKIet 98

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .98

Podstawy projektowania stron internetowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100

Tworzenie miniatur i schematów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Przegląd ukończonego projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Zmiana gotowego szablonu CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Wstawianie grai ki w tle nagłówka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

Tworzenie nowych elementów <div> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .111

Zmiana szerokości i koloru tła strony . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114

Zmiana istniejącej zawartości i formatowania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

Wstawianie obrazów tymczasowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Wstawianie tekstu tymczasowego. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119

Edycja stopki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119

Testowanie zgodności przeglądarki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120

6 KasKadOWe arKUsZe styLóW (css) 122

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122

Podgląd ukończonego projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Obsługa panelu CSS Styles (Style CSS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Tworzenie nowej reguły CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128

Tworzenie interaktywnego menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

Modyi kowanie zachowań łączy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

Tworzenie sztucznych kolumn . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139

Przenoszenie reguł do zewnętrznych arkuszy stylów. . . . . . . . . . . . . . . . . . . . . . .141

Tworzenie arkusza stylów na potrzeby innych nośników . . . . . . . . . . . . . . . . . . 142

7 tWOrZenIe sZabLOnóW 150

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150

Przegląd ukończonego projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Tworzenie szablonów na podstawie gotowych układów strony. . . . . . . . . . . . 153

Tworzenie regionów edytowalnych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155

Tworzenie stron potomnych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Aktualizacja szablonu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159

Biblioteki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

Dołączenia po stronie serwera . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .167

6 SPIS TREŚCI

Tematyka lekcji

Podstawy projektowania stron internetowych

Tworzenie miniatur i schematów

Przegląd ukończonego projektu

Zmiana gotowego szablonu CSS

Tematyka lekcji

Podgląd ukończonego projektu

Obsługa panelu CSS Styles (Style CSS)

Tworzenie nowej reguły CSS

Tworzenie interaktywnego menu

Tematyka lekcji

Przegląd ukończonego projektu

Tworzenie szablonów na podstawie gotowych układów strony

Tworzenie regionów edytowalnych

Tworzenie stron potomnych

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: