Dreamweaver CS3

Dobro došli u knjigu o Dreamweaveru, najmoćnijem programu za kreiranje web prezentacija. Ova knjiga je namenjena svim korisnicima koji žele da kreiraju web prezentacije, bez obzira da li su to lične prezentacije, ili profesionalne prezentacije za druge. Da biste savladali ovu knjigu nije vam potrebno nikakvo prethodno poznavanje web dizajna i kreiranja web stranica. Od samog početka mi ćemo vas voditi kroz proceduru kreiranja web sajtova, počev od osnovnih procedura kao što je definisanja web sajta, pa sve do naprednih tehnika kao što je rad sa CSS stilovima.

Nakon što savladate sva poglavlja ove knjige vi ćete biti spremni da samostalno kreirate web stranice sa svim standardnim elementima od kojih se one sastoje.

Kratak sadržaj

Uvod 1

Poglavlje 1 - Kako da definišete web sajt 3

Etape kreiranje web sajta 4
Osmišljavanje strukture web sajta 4
Zaglavlje 5
Navigacija 5
Sadržaj 6
Fusnota 7
Dizajniranje web sajta 8
Isecanje elemenata web sajta 8
Definisanje web sajta 9
Kreiranje razmeštaja 9
Dodavanje grafičkih i drugih elemenata web sajta 9
Definisanje web sajta u Dreamweaveru CS3 9
Delovi Dreamweaver web sajta 10
Lokalni direktorijum 10
Udaljeni direktorijum 10
Dva načina definisanja web sajta 11
Postavljanje fajlova web sajta 11
Advanced Settings podešavanja 12
Definisanje lokalnog direktorijuma 12
Files panel 15
Modifikovanje ili dodavanje informacija u definiciju web sajta 17

Poglavlje 2 - Kako da dizajnirate web sajt sa dve
Kolone 20

Kako da kreirate web sajt sa dve kolone u Dreamweaveru CS3 20
Unapred planirajte vaš dizajn 20
Učitajte web sajt u Dreamweaver CS3 20
Kreirajte novu stranicu i podesite njene parametre 21
Podešavanje parametara web stranice 22
Snimite web stranicu 24
Ubacite divove za sva područja web stranice 24
Kreirajte Div tag za centriranje web sajta 25
Kreirajte Div tag zaglavlje 26
Kreirajte Div tag navigacija 27
Kreirajte Div tag levipanel 28
Kreirajte Div tag sadrzaj 29
Kreirajte Div tag fusnota 29
Kreiranje stilova za Div tagove 31
O kaskadnim stilovima 31
Vrste CSS pravila 32
Još nešto o CSS pravilima 33
Kreirajte stil za Div glavni 34
Kako da centrirate div glavni 36
Izračunajte veličinu pojedinih divova 38
Kreirajte stil za Div sadrzaj 39
Kreirajte stil za Div levipanel 41
Kreirajte stilove za divove navigacija i fusnota 43
Kreirajte clear stil kako biste sprečili preklapanje divova 46

Poglavlje 3 - Kako da ubacite sadržaj u web stranice 51

Ubacivanje sadržaja index.html stranice 52
Ubacivanje sadrzjaa Div taga zaglavlje 53
Kreiranje navigacione linije 57
Unošenje teksta linkova i definisanje neuređene liste 57
Kreiranje linkova navigacione linije 59
Redefinisanje neuređene liste 61
Stilizovanje pojedinačnih stavki liste 63
Ubacivanje sadrzja u div tag sadrzaj 68
Formatiranje sadržaja stranica pomoću stilova 72
Formatiranje naslova 73
Formatiranje pasusa 74
Formatiranje slike 76
Ubacivanje sadrzaja u Div tag fusnota 79

Poglavlje 4 - Kako da poravnate slike na web stranici 81

Kako da poravnate slike pomoću CSS-a 81
Ubacite slike 82
Kreirajte CSS stil za sliku 83
Primenite stil na sliku 85
Kreirajte stil za levo poravnanje slika 87
Primenite novi stil na sliku 88

Poglavlje 5 - Kako da koristite JavaScript ponašanja 91

Kako da kreirate rollover efekat pomoću Swap Image ponašanja 92
Proučite dizajn koji želite da kreirate 92
Razmislite kako ćete pozicionirati slike 94
Kreirajte razmeštaj za pozicioniranje slika 94
Ubacite slike koje će biti prikazane prilikom učitavanja web stranice 94
Imenujte slike u Properties inspector-u 94
Otvorite Behaviors panel 95
Specifikujte ciljne pretraživače za ponašanje 96
Selektujte sliku i izaberite Swap Image komandu 97
Odredite sliku koja će da zameni postojeću sliku 98
Selektujte slike koje će biti zamenjene 98
Specifikujte događaj koji će da pokrene ponašanje 101
Primenite ostala ponašanja 101
Kako da otvorite novi prozor pretraživača u Dreamweaveru CS3 102
Otvorite web stranicu 102
Otvorite Behaviors panel 103
Odredite ciljne web pretraživače 103
Izaberite ponašanje 104
Specifikujte podešavanja prozora pretraživača 105
Odredite događaj koji će da pokrene akciju 106
Testirajte rad u web pretraživaču 107
Editujte ponašanje 108
Primenite dodatna ponašanja 108

Poglavlje 6 - Kako da kreirate padajuće menije 109

Kako da kreirate padajuće menije u Dreamweaveru CS3 110
Isplanirajte navigaciju 110
Postavite web sajt 110
Kreirajte novu web stranicu ili otvorite neku već postojeću 111
Ubacite Spry padajući meni 111
Izaberite vertikalnu ili horizontalnu orijentaciju padajućeg menija 112
Poravnajte padajući meni 113
Zamenite tekst u stavkama padajućeg menija 114
Prikažite opcije Spry padajućeg menija u Properties inspector-u 115
Editujte podmenije 115
Dodajte ili oduzmite stavke menija 116
Kreirajte linkove za stavke padajućeg menija 117
Promenite boje teksta i pozadine 117
Promenite vrstu fonta i stil 117
Prikažite web stranicu u web pretraživaču 118

Poglavlje 7 - Kako da koristite predefinisane razmeštaje 119

Predefinisani razmeštaji u Dreamweaveru CS3 120
Kreirajte razmeštaj i izgled budućeg web sajta 120
Definišite web sajt 121
Kreirajte novi dokument od gotovih CSS razmeštaja 121
Liquid razmeštaji 121
Fixed razmeštaji 121
Elastic razmeštaji 122
Hybrid razmeštaji 122
Promenite širinu fiksiranog razmeštaja 122
Ubacite sliku u zaglavlje 124
Promenite font i tekst 126
Editujte stilove po želji 127
Dodajte tekstove i slike 127
Podesite širinu kolona 128
Podesite razmake i margine 128
Poravnajte elemente levo i desno 128
Sakrijte ili prikažite vizuelna pomagala 129
Testirajte izgled stranice u web pretraživačima 129

Poglavlje 8 - Optimizacija web sajta za korisnike i mašine za pretraživanje 131

Implementiranje pristupačnosti u Dreamweaveru CS3 132
Podešavanje Preferences okvira za dijalog 132
Ubacivanje standardnih slika 133
Definisanje praznih Alt vrednosti 134
Rukovanje Flashom i drugim medijima 135
Dodavanje reda zaglavlja tabele 135
Kreiranje izveštaja za vaš web sajt 136
Podešavanje raspona izveštaja 137
Definisanje podešavanja izveštaja 138
Pokretanje izveštaja 138
Razumevanje grešaka 139
Ispravljanje grešaka vezanih za pristupačnost 139
Optimizacija web sajta za mašine za pretraživanje 140
Nema magične formule 140
Optimizovanje web sajta 140
Tekstualna pravila 141
Linkujte ka i linkujte od 141
Redovno čitajte statisitku posećenosti vašeg web sajta 142
Plaćeno rangiranje 142
Zaključak 144

Poglavlje 9 - Kako da radite sa kodom i sa fajlovima 145

Kako da radite sa fajlovima i kodom u Dreamweaveru CS3 146
Saveti za Code prikaz 146
Istovremeni rad u dva prikaza 146
Automatsko zatvaranje tagova 147
Obeležavanje koda 148
Unošenje specijalnih karaktera 148
Koristite Find and Replace funkciju 148
Rad sa File Managerom 149
Upotreba Put komande 150
Otvaranje svih direktorijuma 151
Pronalaženje fajlova u lokalu i onlajn 152
Upoređivanje fajlova 152
Otvaranje različitih tipova fajlova 153

Poglavlje 10 - Kako da publikujete web sajt 155

Publikovanje web sajta na Internet 156
Kreiranje udaljenog direktorijuma 156
Kopiranje lokalnih fajlova 159
Problemi sa podešavanjem udaljenog direktorijuma 160

Poglavlje 11 - Dodavanje novih funkcija Dreamweaveru CS3 163

Proširivanje Dreamweavera CS3 novim funkcijama 164
Posetite Dreamweaver Exchange web sajt 164
Instalirajte novu ekstenziju 169
Pronađite novu funkciju u Dreamweaveru i upotrebite je 170

Poglavlje 12 - Resursi za web dizajnere 171

Resursi za web dizajnere 172
What The Font? 172
Zaštitite vašu e-mail adresu od spemera 173
Kreirajte umanjene prikaze stranica ka kojima kreirate linkove 174
Anketirajte vaše posetioce 174
Ulepšajte liniju adrese web pretraživača pomoću Favicone 175
Optimizujte vaš web sajt za mašine za pretraživanje 176
Daunlodujte profesionalne slike po veoma povoljnim cenama 177
Daunlodujte (polu) profesionalne slike po veoma povoljnim cenama 178
Saznajte ko posećuje vaš web sajt pomoću Stat Counter-a 179
Pratite saobraćaj pomoću Webstat-a 180
Kreirajte besplatnu telekonferenciju 181
Delite PowerPoint prezentacije 182
Kreirajte profesionalne CSS/DHTML menije 183
Napomena za kraj 184