Lucrați cu cadre. Crearea cadrelor.
Dar destule discuții goale! Să trecem la afaceri și să luăm în considerare principiile de proiectare a cadrelor pe un exemplu concret. Vom crea o nouă versiune a site-ului dedicat designerului ipotetic Web Ivan Ivanov, o versiune bazată pe cadre. Și, fără nici un alt motiv, alegeți pentru el schema prezentată în Fig. 7.1.
Verificați dacă ați creat un nou dosar Sample2. De asemenea, verificați dacă ați șters vechea versiune a site-ului în dosarul Sample 1. La urma urmei, una dintre cele mai importante precepte ale designerului Web: nu aruncați materiale vechi - acestea pot fi utile pentru un nou site. Am verificat? Totul este în locul lui? Atunci mergeți!
Mai întâi, să introducem în Dreamweaver informații despre noul site. Puteți pur și simplu să preluați site-ul Site sample 1 și să-i modificați numele, dosarul rădăcină și numele paginii principale sau puteți crea un nou site de la zero. Cum se face acest lucru a fost discutată în capitolul 6. În fila Remote Info din caseta de dialog Definition Site, selectați None din lista de acces derulantă (vezi Figura 6.3) - nu vom publica acest site oriunde. Și numele site-ului nostru va fi site-ul de probă 2.
Apoi, creați o nouă pagină Web. Acum ne vom uita la procesul de creare a cadrelor ...
crearea de cadre
Da, vom analiza modul în care cadrele sunt create în Dreamweaver.
Dar mai întâi faceți următoarele. În submeniul Visual Aids, selectați opțiunea View Border Frame-Borders din meniul View. Este necesar ca Dreamweaver să ne arate limitele viitoarelor noastre cadre. Faptul este că granițele dintre cadre pot fi invizibile, ceea ce ne poate crea o mulțime de probleme atunci când scriem textul paginilor afișate în aceste cadre. Dacă selectați elementul, Dreamweaver va afișa linii schematice în locurile în care trece granițele cadrelor.
Atenție
Când deschideți o pagină care definește un set de cadre, va trebui să activați elementul Frame Borders de fiecare dată în submeniul Visual Aids din meniul View. Din păcate, Dreamweaver nu-și amintește de această instalare.
Cea mai ușoară modalitate de a crea un set de cadre este folosirea filei Frames a panoului de obiecte. În Fig. 7,9 arată acele butoane de care avem nevoie acum. Albastru (în imagine - gri deschis) este creat cadrul actual, adică cel în care se află cursorul textului. De asemenea, puteți utiliza submeniul submeniului Frames al meniului Inserare. În tabel. 7.1 prezintă descrierile tuturor butoanelor din fila Frames a panoului de obiecte și elementele corespunzătoare din submeniul Frames.
Fig. 7.9. Fila Frames a barei de obiecte (afișată parțial)
Tabelul 7.1. Butoanele din fila Ferestre a panoului obiectelor (în ordine de la stânga la dreapta).
Elementul de meniu "Cadre" din meniul Inserare