Toate pentru site-uri

Definirea lățimii celulelor

Ajutor interactiv Dreamweaver vă recomandă să specificați lățimea celulelor numai după ce le completați cu conținut. Cel puțin, este mai bine să setați valorile finale ale lățimii exact atunci: puteți vedea singuri cum va arăta pagina. Dar puteți seta lățimea în prealabil și umpleți celulele, pe care le vom face acum.






Deci, celulele pot avea o lățime fixă ​​sau nelimitată (celule "orizontale"). (Din păcate, aceleași instrumente nu sunt furnizate pentru a controla înălțimea celulelor.) Doar o singură celulă din tabel poate fi "auto-extinsă"; Lățimile celulelor rămase trebuie fixate. Și acest lucru este logic.

Cu toate acestea, primul Dreamweaver vă va întreba o singură întrebare. Caseta de dialog Select Spacer Image va apărea pe ecran, prezentată în Fig. 8.22. În el, trebuie să alegeți unde va veni imaginea "strut".

Fig. 8.22. Selectați caseta de dialog Spacer Image

Puteți selecta unul dintre cele trei comutatoare:

  • Creați un fișier imagine distanțier - creați un fișier de imagine distanțier. Acest switch trebuie să fie selectat dacă nu aveți deja o imagine "distantă";
  • Utilizați un fișier de imagine distanțier existent - utilizați fișierul imagine existent - "distanțiere";
  • Nu utilizați imaginile de distanțare pentru mesele autostretch - nu utilizați imaginile "spacer" în general. Acest switch ar trebui să fie selectat dacă tu însuți vei lua măsuri împotriva schimbărilor neautorizate în lățimea celulelor de către browser, de exemplu, pentru a plasa acolo conținut care umple întreaga celulă. Selectați acest comutator, de asemenea, dacă dvs. însuți doriți să plasați în celulele cu o lățime fixă ​​"strut". Dacă nu luați nicio măsură, tabelul poate fi distorsionat de browserul web fără a fi recunoscut, pe care Dreamweaver vă va avertiza.

După ce faceți alegerea dvs., faceți clic pe OK pentru a crea o celulă "care se extinde automat" sau pe Anulați - pentru a o elimina.

Deoarece nu avem un fișier de imagine "spacer", să ordonăm Dreamweaver să-l creeze. Selectați primul buton radio și faceți clic pe OK. Apoi, apare caseta de dialog Save Spacer Image File As, asemănătoare casetei de dialog standard de salvare a fișierelor Windows. Verificați că lista verticală, faceți clic pe Relativ la documente (calea de referință și numele fișierului în raport cu pagina, nu site-ul), apoi salvați fișierul izobrazheniya- „bare de susținere“ în dosarul Pics. Implicit se va numi spacer.gif; dacă doriți, schimbați numele, dar nu puteți să o faceți.






După ce ați specificat fișierul imagine "struts" (creat, selectat sau deja abandonat), Dreamweaver îl va utiliza fără a vă întreba. Dacă doriți să modificați numele fișierului izobrazheniya- „distanțier“ sau recrea, aproape Dreamweaver, selectând Exit din meniul File, se deschide din nou și repetați toți pașii pentru a crea o celulă „samorastyagivayuscheysya“.

Acum acordați atenție liniei de lățime din partea superioară a tabelului de marcare externă. Părțile sale, legate de celulele exterioare (lățimi fixe), au forma prezentată în Fig. 8,23; acest lucru înseamnă că în interiorul celulei există o imagine a "distanțierului". Partea referitoare la celula "autoexpandantă" are forma prezentată în Fig. 8.24.

Fig. 8.23. Desemnarea unei celule cu o lățime fixă ​​și a unui "distanțier" plasat în ea în linia de lățime

Fig. 8.24. Desemnarea unei celule "autoexpandante" în linia de lățime

Există un alt mod de a converti o celulă de la fix la "auto-extindere" și invers - utilizați meniul liniei de lățime. Accesați acest meniu făcând clic pe lățimea exactă a celulei (a se vedea Figura 8.25). Pentru a converti o celulă fixă ​​într-o celulă care se "auto-se extinde", selectați Asigurați coloana Autostretch. Pentru a readuce celula "auto-extindere" la o lățime fixă, selectați Make Make Width Fixed Column.

Fig. 8.25. Rândul de meniu lățimi

Meniul liniei de lățime conține, de asemenea, un număr de elemente care vă permit să efectuați diverse manipulări cu imagini "spacer". Acestea sunt elementele:

  • Adăugați Imaginea Spacer - adăugați o imagine "spacer" acestei celule;
  • Eliminați toate imaginile Spacer - ștergeți toate imaginile "spacer" în toate celulele acestui tabel de marcare. Acest lucru poate fi util dacă plasați manual conținutul în celulă, ocupându-l complet; astfel, nevoia de "strut" artificială dispare. De exemplu, vom pune în cele din urmă o bară de navigare în celula stângă, iar "distanța" va deveni inutilă;

Trebuie să adaug manual imaginile spacer la celule? Există un singur răspuns la această întrebare. Uitați-vă la ce veți face cu tabelul de marcare Netscape Navigator și Microsoft Internet Explorer și decideți singur. Versiunile vechi ale Navigatorului sunt renumite pentru abilitatea lor de a mutila mesele, acordându-le astfel o atenție specială. Dacă tabelul arată bine și fără "struturi", este mai bine să faci fără ele. Altfel, adăugați-le. Cu toate acestea, rețineți: trebuie să verificați pagina în browserul Web numai după ce ați completat conținutul.

Faceți celula centrală a tabelului de structură externă, unde va fi afișat conținutul principal, "auto-extindere". Dreamweaver va adăuga "distanțiere" la celelalte celule.







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: