Adobe Dreamweaver este un instrument atât de puternic pentru designerii de web, deoarece are atât de multe lucruri pe care le puteți face cu acesta. Desigur, toate lucrurile pe care le puteți face fac dificilă învățarea. Aflați câteva din lucrurile pe care le poate face Dreamweaver, inclusiv modificările din ultima versiune, CS5. Și nu uitați să verificați lucrurile care lipsesc din Dreamweaver CS5.
Definirea unui site
- Începeți un nou site web
- Creați un site web
- Configurați numai părțile site-ului de care aveți nevoie atunci când aveți nevoie de ele * Nou în CS5
- Configurați servere remote, QA și de testare pentru fluxuri de lucru mai complete * Nou în CS5
- Creați și publicați directoare noi
- Schimbă doctype
- Includeți metadatele în paginile dvs.
Punerea site-ului dvs. live
- Definiți un site la distanță
- Fișiere FTP pe serverul web
- Utilizați un sistem de control al versiunilor pentru a verifica și a închide fișierele
- Conectați-vă cu Subversion pentru controlul versiunii avansate * Nou în CS5
- Lăsați notițele coechipierilor
Crearea de pagini web
- Scrieți o pagină în modul WYSIWYG
- Scrieți o pagină în HTML
- Creați o pagină nouă dintr-un șablon
- Creați o pagină nouă de la zero
- Creați un șablon
- Salvați fișierele în directorul site-ului
- Definiți proprietățile paginii
CSS
- Utilizați coli de stil CSS
- Adăugarea de stiluri inline
- Creați o foaie de stil externă
- Atașați o foaie de stil externă
- Creați selectori de clasă, ID, tag și compuși CSS
- Modificați regulile CSS existente
- Creați CSS pentru pagini imprimabile
- Activează și dezactivează proprietățile stilului * Nou în CS5
- Controlați vizual modelul casetei CSS * Nou în CS5
Text
- Modificați textul
- Utilizați fonturi diferite
- Introduceți o pauză de linie
- Utilizați caractere speciale
- Includeți data de astăzi
- Scrieți comentarii
- Aplicați etichete HTML în text
- Adăugați atribute HTML la etichete
Link-uri
- Legați textul și imaginile
- Verificați legăturile site-ului
- Modificați culorile implicite ale legăturilor (link, vizitat, hover, activ)
- Creați sfaturi pentru unelte pe legături
- Creați link-uri mailto
- Creați ancore de pagină web
Imagini
- Adăugați grafice la o pagină
- Editați imaginile
- Redimensionați imaginile
- Adăugați alt text imaginilor
- Adăugați opțiuni suplimentare de accesibilitate la imagini
- Aliniați imaginile și textul
- Creați o imagine de rollover
- Utilizați hărți imagine
- Utilizați imagini de urmărire
- Utilizați substituenții de imagine
- Introduceți Fireworks HTML
- Introduceți fișierele Photoshop
schemă
- Utilizați șabloanele gratuite incluse * Noi layout-uri de start CSS în CS5
- Introduceți divs pentru aspect
- Editați divs în panoul de stiluri CSS
- Introduceți elemente absolute poziționate
- Formați elemente absolut poziționate în inspectorul proprietății
- Utilizați rigle, grile și ghidaje
liste
- Adăugați liste cu marcatori și numerotate
- Personalizați gloanțele și numerele de listă
Mese
- Creați un tabel
- Adăugați rânduri și coloane antet
- Utilizați imagini transparente pentru a ține celulele tablelor deschise
- Creați coloane cu lățimea fixă și cu lățimea flexibilă
- Modificați stilurile de margine ale tabelelor
- Încorporați un tabel într-un tabel
- Importați date tabulare
Formulare
- Utilizați un formular mailto
- Definiți acțiunile formularului
- Adăugați câmpuri text, radio, casete de selectare, fișiere, imagini, casete de selectare și câmpuri ascunse
- Asigurați-vă că formularele sunt accesibile cu ajutorul campurilor de câmp și a etichetelor
- Creați butoane personalizate de trimitere
- Validați formularele cu JavaScript (Spry)
Baze de date și scripting PHP
- Atașați-vă site-ul la o bază de date
- Configurați un site PHP / mySQL
- Utilizați Elementele Spry pentru a vă conecta la baza de date
- Introduceți obiecte de date în paginile dvs.
- Testați și actualizați o sursă de date Spry sau afișați-o
- Editați site-uri dinamice complexe în vizualizarea designului
- Descoperiți toate fișierele dinamice legate de asamblarea site-urilor PHP CMS (WordPress, Joomla și Drupal) * Nou în CS5
- Sugestie de clasă personalizată pentru codul PHP, inclusiv cadre terțe, cum ar fi cadrul Zend * Nou în CS5
Cadre
- Construiți un site încadrat
- Editați conținutul noframe
- Formatați și stilul cadrelor dvs.
- Configurați obiectivele de legătură implicite dintre cadre
Adăugați interactivitate
- Creați un album foto (nu mai este în CS5)
- Adăugați sunet la paginile web
- Creați un meniu drop-down
- Utilizați comportamentele Dreamweaver pentru a deschide ferestre pop-up, a crea meniuri de salt, a reda sunet, a schimba imaginile și multe altele
- Adăugați feeduri RSS la un site
- Inserați textul Flash ca o răsturnare
- Inserați textul CSS ca rollover
- Introduceți alte pluginuri
- Adăugați bara de meniu Spry, panourile cu tab-uri, acordeon, vârful instrumentului și panoul pliat
- Utilizați browserul widget pentru a găsi noi widget-uri pentru site-ul dvs., fără a fi nevoie să știți JavaScript
Testați-vă paginile
- Testați-vă paginile Live View pentru a vedea modificările datorate JavaScript și interactivitate * Nou în CS5
- Validează codul HTML
- Previzualizați-vă paginile în mai multe browsere
- Utilizați BrowserLab pentru a previzualiza paginile dvs. în alte sisteme de operare * Nou în CS5
- Utilizați dispozitivul Central pentru a verifica modul în care apar paginile pe dispozitivele mobile
- Verificați compatibilitatea browserului
- Schimbați setările pentru a se potrivi cu ce trebuie să lucrați site-ul dvs.
- Verificați legăturile interne ale site-ului
- Testați accesibilitatea site-ului (nu mai este în CS5)
- Conversia unui document Word în HTML
Personalizați Dreamweaver
- Adăugați extensii
- Dezactivați extensiile
- Personalizați Dreamweaver cu comenzi rapide
Creșterea eficienței
- Utilizați comenzile rapide de la tastatură încorporate
- Utilizați fragmente de cod
- Creați și utilizați șabloane
- Generați pagini noi din șabloane personalizate
- Actualizați șabloanele
- Includeți un fișier în altul cu biblioteca Dreamweaver
- Actualizați elementele bibliotecii
- Includeți un fișier în altul utilizând SSI
- Utilizați căutarea și înlocuiți-o
