Više od 100 različitih Dreamweaver savjeta i tehnika
Adobe Dreamweaver je tako snažno sredstvo za web dizajnere, jer ima toliko stvari koje možete učiniti s njim. Naravno, sve one stvari koje možete učiniti čine izazivanjem učenja. Saznajte neke od mnogih stvari koje Dreamweaver može da uradi, uključujući i promene u najnovijoj verziji, CS5. I ne zaboravite da proverite stvari koje nedostaju od Dreamweaver CS5 .
Definisanje lokacije
- Pokrenite novu web stranicu
- Kreirajte web stranicu
- Podesite samo delove sajta koji su vam potrebni, kada vam trebaju * Novo u CS5
- Postavite daljinski, QA i testiranje servera za potpunije tokove posla * Novo u CS5
- Kreirajte i objavite nove direktorijume
- Promijenite doctype
- Uključite meta podatke na svojim stranicama
Postavljanje vaše stranice uživo
- Definišite udaljenu lokaciju
- FTP datoteke na Web server
- Koristite sistem za kontrolu verzija kako biste proverili ulaz i odlazak
- Povežite se sa Subverzijom za napredniju verziju kontrole * Novo u CS5
- Napustite beleške za svoje kolege
Kreiranje Web stranica
- Napišite stranicu u WYSIWYG modu
- Napišite stranicu u HTML-u
- Kreirajte novu stranicu iz šablona
- Kreirajte novu stranicu iz nule
- Kreirajte šablon
- Sačuvajte datoteke u svoj direktorij sajta
- Definišite svojstva stranice
CSS
- Koristite CSS stil liste
- Dodavanje inline stilova
- Napravite spoljašnji stilski stil
- Priložite spoljašnji stilski list
- Kreirajte klase, ID, tag i složene CSS selektore
- Izmenite postojeća pravila CSS-a
- Kreirajte CSS za stranice koje se mogu štampati
- Omogućite i onemogućite svojstva stila * Novo u CS5
- Inspektirajte model CSS box vizuelno * Novo u CS5
Tekst
- Izmijenite tekst
- Koristite različite fontove
- Umetnite pauzu linija
- Koristite posebne znakove
- Uključite današnji datum
- Napišite komentare
- Primijenite HTML oznake u tekst
- Dodajte HTML atribute oznakama
Linkovi
- Povezati tekst i slike
- Proverite linkove sajta
- Promenite podrazumevane boje veza (link, posećeni, lebdeći, aktivni)
- Napravite savete o vezama
- Kreirajte mailto veze
- Napravite sidra za web stranice
Slike
- Dodajte grafiku na stranicu
- Uredite slike
- Promenite veličinu slika
- Dodajte alt tekst u slike
- Dodajte dodatne mogućnosti pristupa slikama
- Poravnajte slike i tekst
- Kreirajte sliku rollovera
- Koristite mape slika
- Koristite praćenje slika
- Koristite slike
- Ubacite HTML Fireworks
- Ubacite Photoshop datoteke
Raspored
- Koristite uključene besplatne tempate * Novi CSS starter layouts u CS5
- Ubacite divs za raspored
- Uredite divs na panelu CSS stilova
- Umetnite apsolutno postavljene elemente
- Formirajte apsolutno postavljene elemente u inspektoru za imovinu
- Koristite vladare, mrežu i vodiče
Liste
- Dodajte beleške i numerirane liste
- Prilagodite metke i brojeve liste
Tabele
- Napravite tablicu
- Dodajte redove i stupce zaglavlja
- Koristite prozirne slike da biste otvorili ćelije ćelija
- Kreirajte stubove fiksne širine i fleksibilne širine
- Promenite granične stilove tabela
- Ugradite sto u tabelu
- Uvoz tabelarnih podataka
Obrasci
- Koristite mailto formu
- Definišite formu aktivnosti
- Dodajte tekst, radio, polje za potvrdu, datoteku, sliku, izaberite polja i skrivene forme polja
- Obradite svoje forme sa poljima polja i oznaka
- Kreirajte custom button dugme
- Potvrdite obrasce sa JavaScript-om (Spry)
Baze podataka i PHP skriptovanje
- Priložite vašu stranicu u bazu podataka
- Postavite PHP / mySQL stranicu
- Koristite Spry elemente za povezivanje sa bazom podataka
- Ubacite podatke na svoje stranice
- Ispitajte i ažurirajte izvor podataka ili displeja Spry
- Izmjerite složene dinamičke stranice u prikazu dizajna
- Otkrijte sve dinamično povezane datoteke za sastavljanje PHP CMS sajtova (WordPress, Joomla i Drupal) * Novo u CS5
- Namještanje klase po meri za PHP kod, uključujući okvire nezavisnih proizvođača poput Zend okvira * Novi u CS5
Okviri
- Izgradite uokvirenu web stranicu
- Uredite sadržaj noframa
- Formatirajte i oblikujte svoje okvire
- Podesite podrazumevane ciljeve veze između okvira
Dodajte Interaktivnost
- Izgradite foto album (ne više u CS5)
- Dodajte zvuk na web stranice
- Kreirajte padajući meni
- Koristite Dreamweaver ponašanja da biste otvorili iskačuće prozore, kreirali menije za skok, reprodukovali zvuk, razmjenjivali slike i još mnogo toga
- Dodaj RSS feedove na sajt
- Umetnite Flash tekst kao rolover
- Ubacite CSS tekst kao rolover
- Ubacite druge dodatke
- Dodajte traku menija Spry, tabove sa pločicama, harmonika, vrh alata i sklopivi panel
- Koristite Widget Browser da biste pronašli nove widgete za vašu web lokaciju, bez potrebe da znate JavaScript
Testirajte svoje stranice
- Testirajte svoje stranice u Live View-u da biste videli promene zbog JavaScript-a i interaktivnosti * Novo u CS5
- Potvrdite svoj HTML
- Pregledajte svoje stranice u nekoliko pretraživača
- Koristite BrowserLab da biste pregledali svoje stranice u drugim operativnim sistemima * Novo u CS5
- Koristite Device Central kako biste proverili kako stranice izgledaju na mobilnim uređajima
- Proverite kompatibilnost pretraživača
- Promenite postavke tako da odgovaraju onome na čijoj web lokaciji treba raditi
- Proverite interne linkove sajta
- Proverite dostupnost vašeg sajta (više u CS5)
- Pretvoriti Word dokument u HTML
Prilagodite Dreamweaver
- Dodajte ekstenzije
- Onemogući nadogradnje
- Prilagodite Dreamweaver prečicama
Povećajte svoju efikasnost
- Koristite ugrađene prečice na tastaturi
- Koristite šifre koda
- Kreirajte i koristite predloške
- Generišite nove stranice iz prilagođenih šablona
- Ažurirajte šablone
- Uključite jednu datoteku u drugu pomoću Dreamweaver biblioteke
- Ažurirajte stavke biblioteke
- Uključite jednu datoteku u drugu koristeći SSI
- Koristite pretragu i zamijenite