Cum creați foi de stil interne și exterioare în Dreamweaver - dummies

Când creați stiluri noi în Dreamweaver, trebuie să decideți dacă doriți să salvați stilul într-o foaie de stil internă sau externă. Într-o foaie de stil internă , regula stilului este salvată în partea de sus a documentului HTML în care doriți să aplicați stilul. Într-o foaie de stil externă , stilurile noi sunt salvate într-un document separat care poate fi atașat la orice fișier de pe site-ul dvs. Web.

Fișele de stil externe oferă cele mai mari avantaje, deoarece utilizarea unui set de stiluri pe mai multe pagini este mai eficientă decât crearea de stiluri pentru fiecare pagină a site-ului dvs. Acestea fiind spuse, uneori foile de stil interne sunt o alegere bună, cum ar fi atunci când creați un stil care se va aplica numai elementelor de pe o singură pagină.

Cum se creează o foaie de stil internă în Dreamweaver

Fișele de stil interne sunt salvate în același fișier HTML unde sunt aplicate. Astfel, nu creați un fișier atunci când creați o foaie de stil internă, așa cum faceți atunci când creați o foaie externă.

În schimb, atunci când creați o foaie internă de stil, pur și simplu adăugați etichete în etichetele din partea de sus a fișierului HTML pe care l-ați deschis în Dreamweaver. Apoi, când creați stiluri, salvați definițiile de reguli de stil nou în etichetele din fișier.

Crearea unui nou stil intern în Dreamweaver necesită doar doi pași. Mai întâi faceți clic pe pictograma plus (+) din panoul Surse din partea de sus a panoului CSS Designer. Apoi selectați Definire în pagină din lista derulantă. Ai terminat. Dreamweaver inserează etichetele în codul din fișierul dvs. și afișează foaia de stil internă din panoul Surse cu eticheta.

Cum să creați o foaie de stil externă în Dreamweaver

În partea de sus a panoului CSS Designer, veți găsi panoul Surse. Acest panou afișează numele sau numele oricărei foi de stil disponibile pentru pagina deschisă. Același panou este utilizat pentru a crea sau a face legătura cu foile de stil atunci când creați sau aplicați stiluri.

Pentru a crea o foaie de stil externă, creați mai întâi și salvați un nou fișier HTML sau deschideți un fișier existent în Dreamweaver și urmați aceste instrucțiuni:

1. Faceți clic pe pictograma plus (+) din panoul Surse din partea de sus a panoul CSS Designer.

   Se deschide o listă verticală cu trei opțiuni: Creați un nou fișier CSS, atașați fișierul CSS existent și definiți în pag.

   

2. Alegeți opțiunea Creați o nouă fișier CSS din lista derulantă.

   Se deschide caseta de dialog Creează un nou CSS fișier.

3. Introduceți un nume pentru noul fișier de foi de stil.

   Puteți numi foile de stil oricui doriți, atâta timp cât nu includeți spații sau caractere speciale, altele decât liniuța (-) sau sublinierea (_).

   

4. Selectați opțiunea Link.

   Linkul este considerat cea mai bună practică în majoritatea cazurilor și este selectat implicit în Dreamweaver.

   În cea mai mare parte, opțiunea Import este utilizată numai atunci când doriți să aplicați mai multe coli de stil externe paginii, dar doriți doar să conectați o foaie de stil. În acest caz, puteți utiliza opțiunea Import pentru a asocia mai multe coli de stil cu una.

5. Faceți clic pe săgeata de lângă Utilizare condiționată pentru a vedea setările suplimentare.

   Setările de utilizare condiționată sunt utilizate pentru a seta interogările media pentru foile de stil.

6. Faceți clic pe OK.

   Fișa de stil este salvată și conectată la pagina HTML pe care ați deschis-o în Dreamweaver. Notă: Dacă lucrați la o nouă pagină HTML, asigurați-vă că ați salvat pagina; în caz contrar, nu veți putea să creați și să conectați un nou fișier CSS.

După ce creați o foaie de stil externă, puteți să conectați aceeași foaie de stil la cât mai multe pagini doriți, urmând pașii din exercițiul imediat următor. Puteți adăuga, de asemenea, cât mai multe reguli de stil pe care le doriți la orice foaie de stil externă, care este acoperită în diferite exerciții care urmează după crearea de clase, etichete și alte tipuri de stiluri.