Adobe Dreamweaver je takav moćan alat za web dizajnere, jer ima toliko mnogo stvari koje možete učiniti s njom. Naravno, sve one stvari koje možete učiniti čine ga izazovnim za učenje. Saznajte neke od mnogih stvari koje Dreamweaver može učiniti, uključujući izmjene u najnovijoj verziji CS5. I ne zaboravite provjeriti što nedostaje iz Dreamweaver CS5.
Definiranje web mjesta
- Pokrenite novu web stranicu
- Izradite web mjesto
- Postavite samo one dijelove web sučelja koji vam trebaju, kada ih trebate * Novo u CS5
- Postavite daljinski, QA i testiranje poslužitelja za potpuni radni tijek * Novo u CS5
- Izradite i objavite nove direktorije
- Promijenite vrstu doktora
- Uključite meta podatke na svoje stranice
Stavite svoju web stranicu uživo
- Odredite udaljeno mjesto
- FTP datoteke na web poslužitelju
- Upotrijebite sustav kontrole verzije za provjeru i uklanjanje datoteka
- Povežite se s Subversionom za napredniju kontrolu verzije * Novo u CS5
- Napusti bilješke za svoje suigrače
Izrada web stranica
- Napišite stranicu u WYSIWYG modu
- Napišite stranicu u HTML
- Izradite novu stranicu iz predloška
- Napravite novu stranicu ispočetka
- Izradi predložak
- Spremite datoteke u imenik web mjesta
- Definirajte svojstva stranice
CSS
- Koristite CSS stilske listove
- Dodavanje inline stilova
- Izradite vanjski stilski list
- Priložite vanjski stilski list
- Izradite klasa, ID, oznaku i spojene CSS odabire
- Uređivanje postojećih CSS pravila
- Izradite CSS za stranice za ispis
- Omogućiti i onemogućiti svojstva stila * Novo u CS5
- Vizualno pregledajte model CSS okvira * Novo u CS5
Tekst
- Izmijenite tekst
- Koristite različite fontove
- Umetanje retka
- Upotrijebite posebne znakove
- Uključi današnji datum
- Napiši komentare
- Primijenite HTML oznake u tekst
- Dodajte HTML atribute oznakama
linkovi
- Povezivanje teksta i slika
- Provjerite veze na web mjestu
- Izmijenite zadane boje veze (veza, posjećivanje, zadržite pokazivač miša, aktivno)
- Izradite savjete alata za veze
- Napravite mailto veze
- Napravite sidra na web stranici
slike
- Dodajte grafiku na stranicu
- Uredite slike
- Promjena veličine slike
- Dodajte alt tekst slikama
- Dodajte dodatne opcije pristupačnosti slikama
- Poravnajte slike i tekst
- Izradite rollover sliku
- Upotrijebite karte slike
- Koristite slike za praćenje
- Upotrijebite rezervirana mjesta slike
- Umetnite vatromet HTML
- Umetnite datoteke programa Photoshop
raspored
- Iskoristite besplatne predloške * Novi izgled CSS startera u CS5
- Umetni divovi za izgled
- Uredite divove na ploči stilova CSS
- Umetnite apsolutno postavljene elemente
- Oblikujte apsolutno postavljene elemente u inspektoru svojstava
- Koristite vladare, rešetke i vodiče
arena
- Dodajte označene i numerirane popise
- Prilagodite popis metaka i brojeva
stolovi
- Izradite tablicu
- Dodajte retke zaglavlja i stupce
- Koristite transparentne slike kako biste otvorili ćelije tablica
- Stvorite fiksne širine i fleksibilne stupce širine
- Promijenite granične stilove tablica
- Umetnite tablicu unutar tablice
- Uvoz tabličnih podataka
obrasci
- Koristite mailto obrazac
- Definirajte radnje obrasca
- Dodajte tekst, radio, potvrdni okvir, datoteku, sliku, okvire za odabir i skrivene polja obrasca
- Unesite obrasce dostupnim polja fieldset i label
- Izrada prilagođenih gumba za slanje
- Provjera valjanosti obrazaca pomoću JavaScript (Spry)
Baze podataka i PHP skriptiranje
- Priložite svoju web lokaciju u bazu podataka
- Postavite PHP / MySQL web mjesto
- Koristite Spry elemente za povezivanje s bazom podataka
- Umetnite podatkovne objekte na svoje stranice
- Ispitajte i ažurirajte Spry izvor podataka ili prikaz
- Uređivanje složenih dinamičnih web-lokacija u prikazu dizajna
- Otkrijte sve dinamički povezane datoteke za sastavljanje PHP CMS web mjesta (WordPress, Joomla i Drupal) * Novo u CS5
- Prilagođeni razred hinting za PHP kod, uključujući i treće strane okvira poput Zend okvira * Novo u CS5
okviri
- Izgradite web stranicu uokvirenu
- Uredi sadržaj noframea
- Oblikujte i stilirajte svoje okvire
- Postavite ciljeve zadanih veza između okvira
Dodaj interaktivnost
- Izradite fotoalbum (više nije u CS5)
- Dodaj zvuk na web stranice
- Izradite padajući izbornik
- Koristite ponašanje tvrtke Dreamweaver da biste otvorili skočne prozore, izradili skokove, reproducirali zvuk, zamijenili slike i još mnogo toga
- Dodaj RSS sa stranice
- Umetnite Flash tekst kao prevrtanje
- Umetnite CSS tekst kao prevrtanje
- Umetnite druge dodatke
- Dodajte Spry traku izbornika, ploče s karticama, harmoniku, savjet alata i sklopivi panel
- Upotrijebite Browser za widgete da biste pronašli nove widgete za svoju web lokaciju, a da ne biste trebali znati JavaScript
Testirajte svoje stranice
- Provjerite svoje stranice u prikazu uživo da biste vidjeli promjene zbog JavaScript i interaktivnosti * Novo u CS5
- Potvrdite svoj HTML
- Pregledajte stranice u nekoliko preglednika
- Koristite BrowserLab za pregled stranica u drugim operacijskim sustavima * Novo u CS5
- Upotrijebite Device Central kako biste provjerili izgled stranica na mobilnim uređajima
- Provjerite kompatibilnost preglednika
- Promijenite postavke tako da odgovaraju onome što vaša web-lokacija treba raditi
- Provjerite veze interne web lokacije
- Provjera dostupnosti vaše web-lokacije (više nije u CS5)
- Pretvori Word dokument u HTML
Prilagodite Dreamweaver
- Dodaj proširenja
- Onemogućite proširenja
- Prilagodite Dreamweaver prečacima
Povećajte svoju učinkovitost
- Upotrijebite ugrađene tipkovničke prečace
- Upotrijebite isječke koda
- Stvorite i koristite predloške
- Generirajte nove stranice iz prilagođenih predložaka
- Ažuriraj predloške
- Uključite jednu datoteku u drugu pomoću biblioteke Dreamweaver
- Ažurirajte stavke knjižnice
- Uključite jednu datoteku u drugu pomoću SSI
- Upotrijebite pretraživanje i zamijenite
