Video: Web Design: Introducere 2025
Când creați o nouă pagină Web în Adobe Lotus Dreamweaver Adobe Creative Suite 5 (Adobe CS5) de cod este creat pentru a ajuta browserul web sa recunoasca HTML si ce versiune de HTML foloseste. Dreamweaver funcționează în fundal pentru a vă asigura că pagina dvs. funcționează în majoritatea versiunilor recente de browsere web obișnuite, cum ar fi Firefox, Internet Explorer și Safari.
Codul HTML, deși ușor, este la fel ca orice altă limbă, prin faptul că trebuie să dați seama de sintaxa (secvența corespunzătoare și formarea codului) și vocabularul (memorați o mulțime de etichete). Nu trebuie să aveți geme de bandă pe ochelarii dvs. pentru a construi pagini web bune, curate, dar trebuie să revizuiți următoarele elemente de bază HTML.
Dacă sunteți un utilizator cu experiență, știți că prin copierea și inserarea codului puteți afla foarte multe despre codul HTML. Dacă sunteți un utilizator nou, copierea și inserarea codului vă pot ajuta să înțelegeți codul pe care alții l-au implementat în paginile dvs. și poate să vă dau câteva idei.
În general, etichetele HTML sunt compuse din trei părți:
-
Tag: Partea principală a informațiilor HTML, de exemplu, pentru caractere puternice sau aldine, pentru eticheta fontului sau
pentru un tabel HTML. O etichetă este întotdeauna construită dintr-un cuvânt cheie închis într-un set de paranteze, cum ar fi
sau
.
Deoarece majoritatea etichetelor apar în perechi, trebuie să introduceți o etichetă de deschidere (
) și o etichetă de închidere (
). În XHTML 1. 0 Transitional (standardul folosit pentru toate paginile noi create în Dreamweaver), toate etichetele trebuie să fie închise. Puteți fie să închideți o etichetă, fie să creați o etichetă de auto-închidere prin includerea buclei înaintea clasei de închidere:De exemplu, dacă faceți text îndrăzneț prin adăugarea etichetei , spuneți textului unde să nu mai aplicați caractere aldine prin introducerea unui tag de închidere . În caz contrar, textul continuă să apară aldine în restul paginii.
Atribut: Vă permite să ajustați aspectul unei anumite etichete HTML. Un atribut este întotdeauna adăugat la o etichetă de deschidere și poate lua diferite valori pentru a controla atribute precum culoarea, mărimea și destinația linkului. De exemplu, alinierea este un atribut al etichetei
(paragraf) care specifică modul de aliniere a textului din interiorul paragrafului.
Iată un exemplu de etichetă paragraf (
) cu un atribut adăugat:
Acesta este text centrat
Valoare: Destinația de culoare, dimensiune și legătură, atribut. De exemplu, puteți specifica un număr hexazecimal ca valoare pentru un atribut de culoare. Un exemplu de valoare pentru atributul bgcolor al etichetei (care controlează aspectul general al paginii) ar putea fi "roșu" sau "# CC0000".
Nesting este ordinea în care apar etichetele. Dacă se aplică o etichetă , aceasta arată astfel: Acest text este bold . Adăugați o etichetă italică și vedeți Acest text este caractere aldine și italice. . Observați plasarea totală a etichetelor: Lucrați din interior spre exterior atunci când închideți etichetele.
Alegerea editorilor
Efectuarea unui acord prealabil de primire a tratamentului pentru tulburarea bipolară - manechine
Manie sau depresie, o persoană poate să nu se gândească suficient de clar pentru a căuta un tratament și poate chiar să refuze tratamentul necesar. Cei apropiați doresc să facă ceea ce este mai bun, dar ei ezită adesea, fără să știe când să intre și ce să facă. În cazul în care vă sunați la medic sau terapeut sau vă conduceți ...
Relații iubitoare-dar-furioase - manechine
Când te gândești la violența domestică, ce îți vine în minte? Dacă sunteți ca majoritatea oamenilor, veți crea imediat o imagine a unui cuplu angajat într-un schimb furios și violent. Acest cuplu ar putea fi doi bărbați, două femei, un soț și soție, parteneri sau conviețuiți. Ce înseamnă violența în familie este că trăiesc împreună ...
Făcându-ți Angerul Alia - dummies
Dacă alegi să folosești furia constructivă, te vei alătura unor rânduri destul de notabile oameni buni - George Washington, Martin Luther King, Jr., Isus Hristos, Gandhi și Mama Teresa, pentru a numi câteva. Aceștia sunt doar câțiva oameni care, desigur, s-au supărat - despre sărăcie, nedreptate rasială, ocupația țărilor lor de către puterile străine ...
Alegerea editorilor
Cum se adaugă butoane în jocul HTML5 pentru accesul mobil - dummies
Biblioteca simpleGame are o funcție utilă numită GameButton pentru adăugarea unui buton pe ecranul unui dispozitiv mobil pentru jocul dvs. HTML5. Tastatura este una dintre cele mai ușoare căi de acces la un browser standard, dar majoritatea dispozitivelor mobile nu au tastaturi. Prima problemă este să aflăm ...
Cum să adăugați efecte drift la jocul HTML5 - dummies
ÎN jocul dvs. HTML5. Multe jocuri de curse includ mecanisme de derapare sau derapare. Obținerea exactului acestui comportament necesită matematică foarte sofisticată, dar puteți face o aproximare rezonabilă a acestui comportament fără prea mult efort. Această imagine nu este suficientă. Chiar trebuie să vezi asta ...
Cum să adăugați efecte de tragere la jocul HTML5 - dummies
Jocul dvs. HTML5 în multe feluri. Pentru unul, poate adăuga un efect de tragere și, astfel, poate conduce la un comportament mai precis al vehiculului terestru. Imaginați-vă că mașina dvs. este blocată într-un cartier rău în mijlocul nopții (din nou). Nu puteți schimba pur și simplu poziția mașinii. ...
Alegerea editorilor
Elementele de bază ale hTML în Adobe CS5 Dreamweaver - dummies
Când creați o nouă pagină web în Adobe Creative Suite 5 CS5) Multe coduri Dreamweaver sunt create pentru a ajuta browserul dvs. web să recunoască codul HTML și ce versiune de cod HTML utilizează. Dreamweaver funcționează în fundal pentru a vă asigura că pagina dvs. funcționează în majoritatea versiunilor recente ale browserelor web, cum ar fi ...
Imagine Plasarea în Adobe CS5 Paginile Dreamweaver - dummies
Puteți utiliza elemente de meniu, copiați și lipiți, trageți și plasați imagini pe pagina Dreamweaver Adobe Creative Suite 5 (Adobe CS5). Ca rezultat, plasarea imaginilor pe o pagină Web în Dreamweaver este mai ușoară decât oricând, mai ales datorită integrării sale cu alte produse Adobe. Introducerea imaginilor Dacă pregătiți imaginile din față ...
Modul de utilizare a panoului text în Panoul de proprietăți CSS al Dreamweaver - dummies
Panoul Dreamweaver Text dispune de o colecție de opțiuni care controlează afișarea textului în paginile dvs. Puteți accesa opțiunile de pe panoul text prin derularea în jos a panoului Proprietăți până când ajungeți sub opțiunile Layout sau făcând clic pe pictograma T din partea de sus a panoului. Panoul Text include ...
