10 Sfaturi și trucuri Dreamweaver simple, dar utile pentru începători

Adobe Dreamweaver este un instrument puternic pentru designeri web. Dreamweaver oferă o suprafață de design vizual și un editor de cod pentru a dezvolta site-uri web. Deși are atât avantaje, cât și dezavantaje, gama sa largă de caracteristici vă permite să construiți site-uri web în mod eficient.

Iată 10 sfaturi și trucuri Dreamweaver simple, dar utile pentru începători.

1. Ștergeți întreruperile de rând:

În timp ce copiați text dintr-un document, e-mail sau fișier Word în Dreamweaver, ajungeți să aveți întreruperi de rând la sfârșitul paragrafelor sau rândurilor. Caracterul de întrerupere a legăturii <br> semnalează sfârșitul rândurilor, astfel încât orice text după acesta se va afișa pe linia de sub el. Aceste personaje sunt invizibile și, prin urmare, este dificil să le eliminați. Deși Dreamweaver nu evidențiază în mod obișnuit aceste caractere, puteți modifica setările din meniul de preferințe pentru ca programul să arate o pictogramă galbenă mică care indică rupturi de linie. Odată ce rupturile de linie sunt vizibile, le puteți șterge cu ușurință.

2. Nu uitați să definiți un site:

Oamenii confundă adesea lucrul pe Dreamweaver cu lucrul cu un document Word. Cu toate acestea, proiectarea unui site nu este despre construirea unui singur fișier, ci despre construirea unui site cu o colecție de fișiere interconectate, cum ar fi imagini, fișiere JavaScript, pagini web și fișiere CSS. Utilizatorii care nu înțeleg acest lucru uită adesea importanța creării unui site. Dreamweaver oferă un proces ușor de configurat pe site. Acesta oferă informații despre locația fișierelor site-ului dvs. și vă permite să selectați unul dintre numeroasele instrumente de gestionare Dreamweaver. Aceste instrumente vă transferă fișierul pe serverul dvs. Web, verifică linkurile întrerupte și construiesc un site cu șabloane.

3. Măriți dimensiunea fontului codului dvs.:

Cu funcția Dreamweaver de a vă ajusta dimensiunea fontului, puteți crește dimensiunea codului în câțiva pași simpli. Pentru a vă mări dimensiunea fontului, alegeți mai întâi Dreamweaver > Preferințe, apoi faceți clic pe categoria Fonturi, apoi selectați noua dimensiune și faceți clic pe OK. Acest lucru vă va ajuta să faceți codul ușor de citit și puteți lucra la dezvoltarea site-ului dvs. web pentru o perioadă lungă de timp, fără a vă încorda ochii.

4. Dezactivați Scurtarea de fundal CSS:

Una dintre caracteristicile CSS este proprietatea de fundal. Această caracteristică vă permite să adăugați culoare sau imagini pe fundal. Proprietatea de prescurtare de fundal a Dreamweaver scurtează codul de 3 linii la o singură linie care definește o imagine, o culoare și o proprietate de repetare. Acest lucru poate facilita cu siguranță definirea proprietăților de fundal, dar dacă lăsați o proprietate în versiunea scurtă, browserul web va trata ca „niciunul”. De exemplu, în timp ce schimbați fundalul dacă specificați numai proprietatea imaginii, browserul web va elimina culoarea existentă din fundalul anterior. Prin urmare, este mai bine să dezactivați prescurtarea de fundal CSS pentru a evita această problemă.

5. Copiați stiluri cu CSS Designer:

Cu CSS Designer puteți îmbunătăți vizual stilurile de pe pagina dvs. web. Dacă doriți să utilizați mai multe caracteristici ale designerului CSS, faceți clic dreapta pe orice selector pentru a utiliza operațiuni de copiere sau duplicare. Aceste opțiuni vă permit să copiați stiluri dintr-un selector în altul. Aceste stiluri includ fundal, text, animație sau chenar. Dacă doriți să copiați un întreg selector, utilizați comanda standard de duplicare sau duplicare în interogare media pentru o abordare țintită. Aceste comenzi rapide vă vor economisi mult timp și, de asemenea, vor menține un stil consistent.

6. Eliminați bara de navigare:

Adobe Dreamweaver CS5 vine cu o bară de instrumente de navigare a browserului. Această bară de instrumente este creată pentru a fi utilizată cu opțiunea de vizualizare live a Dreamweaver. Puteți găsi ambele opțiuni în fereastra documentului. Vizualizarea live este folosită pentru a vedea o previzualizare a paginii dvs. web. Cu o vizualizare live, puteți face clic pe link și puteți trece la o anumită pagină. Bara de instrumente de navigare afișează locația noii pagini și vă permite să navigați cu ușurință între pagini. Puteți ascunde această bară de instrumente atunci când nu este utilizată debifând opțiunea de navigare în Browser din secțiunea Vizualizare > Bare de instrumente.

7. Gestionați-vă fișierele:

Toate fișierele sunt prezente în panoul Fișiere atunci când configurați un site cu Dreamweaver. Puteți utiliza acest panou de fișiere pentru multe funcții, cum ar fi redenumirea, mutarea și evidențierea numelui fișierului. Acest lucru este probabil comun și s-ar putea să știți toate acestea, dar paginile web sunt diferite de fișierele obișnuite. Paginile Web au imagini, link-uri către alte pagini Web și stiluri CSS dintr-un fișier extern de foaie de stil. Redenumirea unei imagini, a unei pagini web sau a unui fișier CSS în mod normal prin intermediul Windows Explorer poate avea ca rezultat legături întrerupte. În timp ce Dreamweaver vă permite să actualizați automat linkurile dacă mutați sau redenumiți un fișier folosind panoul de fișiere. În acest fel, nu există link-uri rupte.

8. Optați pentru selectorul de etichete:

În timpul aplicării stilului de clasă CSS, adăugarea sau eliminarea etichetei cu precizie poate fi dificilă. Pentru selectarea liniilor precise, selectorul de etichete Dreamweaver este cel mai bun. Selectorul de etichete este plasat în partea din stânga jos a ferestrei documentului. Acest selector arată toate etichetele HTML și alte etichete prezente în jurul textului. Puteți selecta anumite etichete făcând clic pe o etichetă disponibilă în bara de selectare a etichetelor. Eticheta evidențiată înseamnă că eticheta este selectată.

9. Folosiți fragmente:

Dreamweaver oferă fragmente de cod care pot economisi mult timp. Fragmentele sunt sincronizate prin Creative Cloud, care se asigură că sunt disponibile pe fiecare sistem. Le puteți atribui pe cele mai utilizate ca scurtătură de la tastatură. Dacă doriți să editați comenzile rapide, deschideți designul comenzilor rapide de la tastatură și duplicați setul standard. Apoi, selectați categoria fragmentului de sub secțiunea de comenzi pentru a vă selecta preferatele. Veți găsi apoi o listă cu toate fragmentele disponibile, inclusiv pe cele pe care le creați. Cea mai dificilă parte este să descoperi ce combinații de tastaturi nu sunt folosite. Dar acest lucru poate fi rezolvat folosind un modificator.

10. Conectați WordPress și Dreamweaver:

Dreamweaver și WordPress formează o echipă grozavă. Puteți proiecta și modifica paginile WordPress cu setul de instrumente pentru fișiere dinamice Dreamweaver. Acest set de instrumente include filtre personalizate, fișiere legate dinamic și sugestii de cod specifice site-ului. Partea dificilă este să vă dați seama cum să lucrați cu alte pagini de site cu Dreamweaver. Mai întâi ar trebui să începeți cu fișierul index.php prezent în rădăcina site-ului WordPress și să navigați de acolo. Puteți adăuga calea direct către adresa web sau puteți utiliza caracteristica Dreamweaver pentru a face clic pe un link. După ce pagina este afișată, CSS și alte instrumente din Dreamweaver sunt sub controlul dumneavoastră.

Adobe Dreamweaver este excelent pentru a construi un site web. Împreună cu funcții de bază, cum ar fi completarea codului, restrângerea codului și evidențierea sintaxei, vine cu câteva funcții avansate, cum ar fi introspecțiile codului și verificarea în timp real a sintaxei. Aceste sfaturi menționate vă vor ajuta să vă construiți site-ul mai eficient. Dacă sunteți în căutarea unor instrumente pentru a construi un site web fără multă codare, consultați aceste instrumente de creare a site-ului web.