Introducerea de caractere speciale si lucrul cu tabelele in visweaver 8

femeie frumoasă, începe să coase articole, eu recomand să fac baza de model (a se vedea. „Forme și rochii de croitorie“ și „bluze Modeling“) pentru dimensiunea și apoi simula în funcție de stilul. De asemenea, vă sfătuiesc să vedeți site-ul meu
Sfaturi simple pentru sănătate, frumusețe, managementul casei


Dreamweaver8 aduce puțin de avertizare (fig. 1), spunând că simbolul poate să nu apară în mod corespunzător în cazul unui contact dat în opțiunile de codificare Dreamweaver. Vom închide-o făcând clic pe butonul OK și, dacă nu se afișează pe ecran în viitor, activați caseta de validare Nu mai afișați-mă din nou înainte de a închide.

Fig. 1. Avertizare privind afișarea incorectă a unui caracter special

Apropo, simbolul citatelor duble (") este notat ca", simbolul "mai puțin" (<) — как &1t;. а символ "больше" (>) - ca>. (Caracterele semicolonului la final sunt obligatorii - trebuie să țineți cont de asta atunci când editați codul HTML!)

Un alt simbol special util este un martor indisolubil. Orice s-ar întâmpla, browserul web nu va muta niciodată o linie în acest spațiu. Pentru a introduce un astfel de spațiu în text, trebuie să introduceți locul unde aveți nevoie de un cursor de text, să ștergeți spațiul obișnuit dacă există și să apăsați combinația de taste <Сtr1>++<Пробел>. În codul HTML, un spațiu indisolubil este notat cu -.

Uneori este necesar, dimpotrivă, să rupem o linie paragraf în două, atât de mult încât acest decalaj să fie întotdeauna păstrat. Pentru aceasta, puneți cursorul de text pe locația dorită și apăsați combinația de taste +. În acest caz, în codul HTML va fi inserată o etichetă specială unică
- o etichetă de rupere a liniei.

Separarea paragrafelor printr-o linie orizontală. Plasați cursorul de text la începutul paragrafului și selectați submeniul Reguli orizontale din meniul HTML din meniul Inserare. Linia orizontală pe care am creat-o este prezentată în Fig. 3.

Fig. 3. Linia orizontală

Pentru a șterge o linie orizontală incorectă, selectați-o cu un click de mouse și apăsați .

Linia orizontală este creată de o singură etichetă


și se referă la elementele așa-numite non-text. Elementele non-text sunt definite în codul HTML în sine, dar nu în text. Pe lângă liniile orizontale, ele sunt incluse și în tabelele cu care ne aflăm acum

Lucrul cu tabelele din Dreamweaver8

Dacă doriți să puneți o mulțime de date numerice (și nu numai numerice) într-un spațiu limitat al unei pagini Web, nu există o unealtă mai bună decât tabelul. Dacă doriți să creați o listă frumoasă, tabelul vine din nou la salvare. Tabelele au fost umplute cu documente Web. Și nu e de mirare: cu câteva defecte care nu sunt foarte semnificative, au multe avantaje.

Puneți cursorul de text la sfârșitul ultimului paragraf și apăsați tasta , pentru a crea un paragraf gol. (Dacă există deja, atunci nu trebuie să o creați.) Aici vom crea primul nostru tabel.

O masă goală este creată prin selectarea tabelului din meniul Inserare sau prin apăsarea unei combinații de taste ++. Apare caseta de dialog Tabel. prezentat în Fig. 3,19.

În câmpurile de introducere Rânduri și Coloane din această fereastră, introduceți numărul de rânduri și coloane ale tabelului creat. Să introduceți numărul 5 în câmpul Rânduri - până când tabelul nostru conține cinci rânduri. În câmpul Coloane, introduceți numărul 2.

Fig. 4. Caseta de dialog Tabel

Câmpul de introducere a lățimii tabelului specifică lățimea tabelului în pixeli sau procentul lățimii părintelui. În lista derulantă, situată în partea dreaptă a acestui câmp de introducere, va trebui să selectați pixeli sau respectiv procent. Să setăm lățimea mesei la 400 de pixeli.

Câmpul de intrare a grosimii marginii specifică grosimea limitelor tabelului în pixeli. Implicit, este 1. Putem introduce 0 pentru a elimina complet marginile.

În câmpul de introducere a culorilor celulei, specificați distanța dintre limita celulei tablei și conținutul său în pixeli. Valoarea implicită este 1.

În mod similar, câmpul Spațiu celular este utilizat pentru a specifica distanța dintre limitele celulelor individuale. Implicit este 2.

Încă nu avem nevoie de restul comenzilor. Deci, faceți clic pe OK. Ca rezultat, ar trebui să avem ceva similar cu Fig. 5.

Fig. 5. Primul nostru tabel

Interesant este faptul că, deși am setat anterior grosimea zero a marginii mesei (în câmpul de grosime a frontierei casetei de dialog Tabel), Dreamweaver8 afișează în continuare așa-numita margine invizibilă. constând din linii punctate subțiri. În browser-ul Web, această margine nu va fi afișată. Dacă am setat o grosime non-zero a marginea vizibilă a tabelului, Dreamweaver8 îl va afișa ca o linie solidă.

Acum puneți cursorul de text în prima (stânga sus) celulă a tabelului și începeți să tastați textul. După ce introduceți conținutul primei celule, apăsați tasta <Таb>, Pentru a muta cursorul de text în cea de-a doua celulă a tabelului și continuați să creați lista.

Dreamweaver8 ne va ajuta cu acest lucru. Când tastăm conținutul ultimei celule a tabelului și apăsăm tasta <Таb>, va adăuga încă un rând la masă, deci nu trebuie să o facem manual. Dar dacă avem nevoie pentru a insera un nou rând la masă, vom avea nevoie pentru a plasa cursorul de text în orice celulă a rândului pe care doriți să inserați o nouă linie, fie selectați Inserare rând din meniul Tabelul meniului Modificare. sau apăsați o combinație de taste +.

Ca rezultat, ar trebui să avem ceva similar cu Fig. 6. În timp ce nu vom fi implicați în prelucrarea textului listei, ci vom experimenta primul tabel.

Fig. 6. Masă cu celule umplutură

Știm deja cum puteți introduce un rând nou în tabel. Pentru a face acest lucru, plasați cursorul de text în celula liniei de deasupra căruia trebuie adăugată noua și selectați Insert Row din submeniul Table din meniul Modify sau apăsați combinația de taste +.

În mod similar, puteți introduce o nouă coloană în tabel. Puneți cursorul de text în celula din dreptul căruia trebuie să apară noua coloană și selectați elementul Inserare coloană din submeniul Tabel din meniul Modificare sau apăsați combinația de taste ++.

Ștergerea unui rând sau a unei coloane inutile este la fel de ușoară. Pentru a șterge o linie, puneți cursorul de text în celula rândului care trebuie șters și fie selectați Ștergere rând din submeniul Tabel din meniul Modificați. sau apăsați o combinație de taste ++. Și pentru a șterge o coloană cu un cursor de text în celulă, trebuie fie să selectați elementul Ștergere coloană din submeniul Tabel din meniul Modificare sau din meniul de comenzi rapide, fie să apăsați combinația de taste +.

Cea mai ușoară modalitate de ștergere a tabelului este utilizarea secțiunii de etichete. Puneți cursorul de text în orice celulă din tabelul dorit, faceți clic pe buton

secțiune a etichetelor și apăsați tasta .

Este mai bine să utilizați rânduri sau coloane pentru ștergere și lipire. deoarece acolo puteți specifica după care rând sau coloană pentru a insera.

Când am introdus text în celulele tabelului, dimensiunile celulelor au fost modificate automat pentru a se potrivi cu conținutul lor. Desigur, acest lucru este util, dar adesea aceste dimensiuni variază în modul cel mai de neînțeles. Pentru a preveni acest lucru, trebuie să setăm noi dimensiunile celulelor astfel încât browser-ul Web să nu renunțe.

Așezați cursorul mouse-ului pe marginea verticală dintre celule și trageți-l astfel încât coloana din dreapta să fie cât mai departe posibil pentru a găzdui numai cuvântul deschis. După aceea, lățimea ambelor coloane ale mesei noastre va fi fixată rigid.

În mod similar, putem schimba înălțimea liniilor tragând marginea dintre celulele dorite cu mouse-ul. Și atingerea finală schimbă lățimea și înălțimea mesei tragând marginea dreaptă sau inferioară.

După ce experimentăm foarte mult, schimbând mărimea mesei, a rândurilor și a coloanelor, să o salvăm. Și pentru o schimbare, trecem la modul de afișare a codului HTML pentru a vedea ce etichete crează tabelul creat de noi. Și vezi că există o grămadă de etichete care vor deveni teribile.

Cum se generează 8 tabele Dreamwever

Dar, de fapt, nu este nimic teribil acolo. Este suficient să înțelegeți principiul prin care se formează un tabel HTML pentru a putea naviga cu ușurință în codul său. Să ne uităm la codul HTML folosit pentru generarea tabelului, în părți.

În primul rând trebuie să creăm masa în sine. Aceasta se face folosind eticheta pereche

:



atributul WIDTH specifica latimea mesei, atributul BORDER - grosimea limitei vizibile, atributele cellspacing și cellpadding - respectiv distanța dintre limitele celulelor adiacente și între limita celulei și conținutul său. Am setat toți acești parametri în caseta de dialog Tabel (vezi Figura 4).

Apoi, utilizând etichete asociate formăm rândurile tabelului:





Aici am format o singură linie - pentru un exemplu acest lucru va fi de ajuns. Rețineți că eticheta poate fi numai în interiorul etichetei

, altfel, browserul Web nu o va procesa corect.

Următorul pas este generarea celulelor de masă utilizând etichete pereche

, în caz contrar, browserul nu va putea să o proceseze.

Toate acestea pot părea foarte complicate. Dar, de fapt, nu este nimic complicat aici - dimpotrivă, totul este foarte simplu, dacă înțelegeți principiul. Mai mult decât atât, această metodă de formare a tabelelor este extrem de flexibilă și a fost sacrificiul flexibilității care a adus compactitatea codului HTML al tabelului.

În celula mesei, puteți pune orice: orice text mare, o imagine grafică și chiar o altă masă. Codul HTML necesar este pur și simplu plasat în eticheta corespunzătoare

:





Internetul Deschideți

Aici am pus în linie două celule conținând textul de pe Internet și deschise respectiv. Atributul WIDTH, de asemenea, în acest caz specifică lățimea celulei. Din nou, eticheta

poate fi numai în interiorul etichetei
.

Dacă trebuie să conectăm celulele, apoi selectând celulele care urmează să fie îmbinate, faceți clic pe simbolul conexiunii din partea stângă jos a ecranului. Și dacă împărțiți o celulă, apoi selectând o celulă, faceți clic pe semnul de separare de lângă ea.

Articole similare