Cuprins:
- Îndepărtarea aglomerării
- Împărțirea vizualizării: Lucrul în codul
- Tabelele HTML
- Conversia textului
- Găsirea fonturilor funcționale
- Direcționarea spectatorilor
Video: 4 motive pentru care VREI să vină APOCALIPSA 2024
Chiar și cele mai bune programe se îmbunătățesc atunci când știi cum să profiți la maximum de ele. Ia-ți puțin timp pentru a verifica aceste sfaturi și pentru a salva timp în dezvoltarea site-ului tău Web. Cele mai multe dintre aceste sfaturi se aplică atât utilizatorilor Macintosh, cât și utilizatorilor Windows. Când se aplică numai unul sau altul, textul vă va spune dacă sfatul se aplică versiunii Windows sau Mac.
Îndepărtarea aglomerării
Multe panouri ale Dreamweaver (numite palete în versiunile anterioare) oferă acces rapid la cele mai populare caracteristici, dar pot aglomera zona de design. Pentru a le scoate din drum atunci când doriți să stați în spate și să vă admirați munca (sau să distrugeți pe altcineva), utilizați tasta F4, o comandă rapidă care ascunde simultan toate panourile vizibile. Pentru a le aduce înapoi, apăsați din nou tasta F4.
Pentru a activa și a dezactiva panourile în mod individual, utilizați comanda rapidă de la tastatură atribuită fiecărui panou. Selectați Fereastră din meniu pentru a găsi o scurtătură de tastatură afișată lângă fiecare nume de panou. Puteți utiliza aceste comenzi rapide pentru a activa și a dezactiva panourile în mod individual. De asemenea, puteți utiliza bara de lansatoare din colțul din dreapta jos al ferestrei de proiectare pentru a avea acces la panoul Site, panoul Avantaje, panoul Styles HTML, panoul Stiluri CSS, panoul Comportamente și panoul Istoric.
Împărțirea vizualizării: Lucrul în codul
Dacă doriți să comutați între codul sursă HTML și vizualizarea de proiectare WYSIWYG (ceea ce vedeți este ceea ce obțineți) în Dreamweaver, veți aprecia noua opțiune din versiunea 4, care vă permite să împărțiți fereastra, astfel încât să puteți vizualiza simultan sursa HTML și zona de proiectare WYSIWYG. Pentru a împărți fereastra, alegeți Vizualizare -> Cod și Design.
De asemenea, puteți aprecia caracteristicile îmbunătățite din editorul text încorporat Dreamweaver, inclusiv auto-indentare și posibilitatea de a selecta mai multe linii și de a le indenta. De asemenea, veți descoperi vopsea de sintaxă în direct care apare pe măsură ce tastați - puteți chiar distinge culorile pentru HTML și JavaScript. Selectați Editare -> Preferințe -> fila Coduri de cod pentru a atribui culori.
Tabelele HTML
Tabelele HTML oferă încă cea mai bună modalitate de a crea desene web complexe (deoarece browserele mai vechi nu suportă straturi) și Dreamweaver 4 a făcut mai ușor ca oricând să creeze tabele în zona de design vizual. În noul Layout View, puteți "desena" tabelele pe o pagină, glisați-le în loc și chiar grupați celulele într-o tabelă imbricată - fără să vă faceți griji despre câte rânduri și celule ați creat. Puteți utiliza chiar această funcție pentru a crea tabele care se schimbă cu dimensiunea ferestrei, o tehnică excelentă pentru a vă asigura că desenele dvs. lucrează pe toate monitoarele.
Selectați View -> View Table -> View Layout pentru a accesa noul mediu de creare de tabelă al Dreamweaver și apoi glisați și plasați pentru a crea orice tip de tabel. Puteți găsi opțiuni de aspect al celulei și ale tabelului în panoul Obiecte.
Conversia textului
Dacă sunteți obișnuit să utilizați funcția Paste ca text în Dreamweaver 3, nu fi dezamăgit când descoperiți că acesta lipsește în Dreamweaver 4. Macromedia a simplificat procesul în cea mai recentă versiune. Acum, pur și simplu alegeți File -> Paste și textul formatat dintr-un document de procesare a textului își păstrează formatul - bine, bine, cel puțin menține distanța între linii. Adevărul este că Dreamweaver este încă destul de slab când vine vorba de conversia textului.
Puteți să vă salvați de necesitatea de a reformata textul din Dreamweaver dacă utilizați un program de procesare de text sau de foaie de calcul care include o caracteristică Salvare ca HTML (Microsoft Word și multe altele oferă această caracteristică). În loc să copiați și să inserați textul în Dreamweaver, utilizați funcția File -> Save As HTML din programul de procesare a textului, redenumiți fișierul și apoi deschideți noul fișier în Dreamweaver. Microsoft Word și Excel chiar păstrează formatul tabelului, un timp real de economisire dacă aveți de-a face cu mese mari de text sau numere.
Găsirea fonturilor funcționale
Designerii sunt atât de entuziasmați când află că pot folosi orice font. În realitate, telespectatorii dvs. trebuie să aibă fontul pe calculatoarele lor pentru a fi afișați. Cu cât fontul este mai obișnuit, cu atât este mai probabil să afișați modul în care intenționați. Dacă doriți să utilizați un font mai neobișnuit, mergeți la el - asigurați-vă că includeți și alte alternative. Lista de fonturi Dreamweaver conține deja colecții de fonturi comune și puteți crea întotdeauna o listă de fonturi proprii alegând Text -> Font -> Editare listă fonturi.
Windows este de departe cel mai comun sistem de operare de pe Net. Pentru a asigura cele mai bune și mai rapide rezultate pentru majoritatea utilizatorilor dvs., listați mai întâi un font Windows.
Direcționarea spectatorilor
Crearea mai multor site-uri reprezintă cea mai sigură soluție pentru a vă asigura că toți spectatorii sunt mulțumiți atunci când folosiți modele de pagină de ultimă generație, completate cu DHTML și CSS. Aceasta înseamnă că creați două sau mai multe seturi de pagini: una care utilizează cele mai recente caracteristici și una care utilizează etichete HTML mai vechi și mai universal acceptate. Dar cum să vă asigurați că spectatorii ajung la paginile corecte? Utilizați comportamentul Verificați browserul.
Comportamentul Check Browser este scris în JavaScript și determină tipul de browser folosit de fiecare utilizator care intră pe site-ul dvs. Comportamentul direcționează apoi utilizatorii către designul de pagină cel mai potrivit pentru versiunea lor de browser. Pentru a utiliza această funcție, alegeți Fereastră -> Comportamente pentru a deschide panoul Comportamente. Apoi faceți clic pe semnul plus (+) pentru a deschide lista verticală de opțiuni. Selectați Check Browser și se deschide o casetă de dialog în care puteți specifica ce versiuni de browser ar trebui direcționate către ce pagini de pe site-ul dvs. Când utilizatorii ajung la site-ul dvs., aceștia sunt direcționați automat către pagina pe care o alegeți, pe baza tipului de browser și a versiunii pe care o specificați.