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>+
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
O masă goală este creată prin selectarea tabelului din meniul Inserare sau prin apăsarea unei combinații de taste
Î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
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
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
Aici am format o singură linie - pentru un exemplu acest lucru va fi de ajuns. Rețineți că eticheta
:
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 |