Cum se adaugă elemente de fluid într-o structură în Dreamweaver - manechine

După ce creați o structură de grilă fluidă în Dreamweaver, următorul pas este să adăugați etichete sau alte elemente pentru a alcătui secțiunile designului. Aveți două opțiuni atunci când proiectați pagini în Dreamweaver CC: utilizați etichete sau utilizați etichete HTML5.

Ambele funcționează în mod similar în aceste aspecte fluide, dar utilizarea unor etichete HTML5, precum etichetele și etichetele, are un avantaj, deoarece etichetele adaugă o semnificație și o structură suplimentară paginii dvs. web.

Pentru a adăuga etichete, etichete HTML5 și alte elemente într-o structură de grilă, urmați aceste instrucțiuni:

1. Selectați Insert → Structure → Navigation.

   Alternativ, puteți să faceți clic pe Navigare în panoul Structură inserare.

2. Selectați caseta de selectare Inserare ca element fluid în caseta de dialog Inserare.

   Când utilizați funcțiile de aspect al rețelei de lichide, trebuie să selectați această opțiune când adăugați etichete.

   

3. În caseta de dialog Inserare, selectați dacă doriți să utilizați selectorul de clasă sau ID pentru a crea un stil nou pentru eticheta pe care o inserați și apoi introduceți un nume pentru noul stil.

   Chiar și atunci când inserați etichete HTML5, trebuie să creați un stil corespunzător de clasă sau ID care să poată fi utilizat pentru a formata elementul în toate cele trei planuri.

   Numele de stil de clasă trebuie să înceapă cu un punct (.) Și numele stilului de identitate trebuie să înceapă cu semnul lire (#).

4. Faceți clic pe OK.

   Eticheta este adăugată la aspect, formând o nouă casetă în aspect și numele de stil corespunzător este adăugat de trei ori la aspectul CSS.

5. Selectați eticheta inițială inclusă în aspect și apoi faceți clic pe pictograma coș de gunoi mic care apare în partea dreaptă jos a etichetei pentru a o șterge.

   Deși puteți să păstrați eticheta inițială inclusă în layout-ul grilei de fluid sau puteți să redenumiți stilul aplicat.

6. Selectați Insert → Structure → Article.

   Se deschide caseta de dialog Inserare articol (similar cu caseta de dialog Inserare antet).

7. Selectați caseta de selectare Inserare ca element fluid în caseta de dialog Inserare.

8. În caseta de dialog Inserare, selectați dacă doriți să utilizați selectorul de clasă sau ID pentru a crea un stil nou pentru eticheta pe care o inserați și pentru a introduce un nume pentru noul stil.

9. Faceți clic pe OK.

   Eticheta este adăugată la aspect, formând o nouă casetă în aspect și numele de stil corespunzător este adăugat de trei ori la aspectul CSS.

10. Adăugați cât mai multe elemente dorite pentru aspectul dvs. repetând pașii 6-9.

    Puteți adăuga elemente HTML5 în aspectul grilei dvs. de fluid făcând clic pe pictogramele corespunzătoare din panoul Structură: o navigare, un antet, două articole și un subsol .

    Rețineți că în cod, Dreamweaver adaugă prefixul fluid - la numele fiecărui stil pe care îl creați pentru aspectul rețelei de fluid.