suport de curs html

Download Suport de curs HTML

Post on 30-Jun-2015

477 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

Suport de curs HTML CREAREA UNUI DOCUMENT WEB CUPRINSUL CURSULUI: GENERALITI......................................................................................................................2 STRUCTURA UNUI DOCUMENT HTML...........................................................................4 ELEMENTE STANDARD ALE UNUI DOCUMENT HTML.............................................5 CULORI, FONTURI I MARGINI.........................................................................................6 APLICAREA UNOR EFECTE ASUPRA TEXTULUI I A PARAGRAFELOR.............7 BLOCURI DE TEXT................................................................................................................8 LISTE..........................................................................................................................................9 TABELE...................................................................................................................................12 IMAGINI..................................................................................................................................14 LEGTURI NTRE PAGINILE WEB.................................................................................16 UTILIZAREA SUNETELOR I VIDEOCLIPURILOR N PAGINILE WEB...............19 CADRE.....................................................................................................................................20 FORMULARE.........................................................................................................................21 ..................................................................................................................................................22

1

prof. Carmen Manu

Suport de curs HTML GENERALITI Pentru a face schimb de informaii, calculatoarele sunt interconectate, formnd reele de calculatoare. Multe dintre aceste reele de calculatoare sunt conectate ntre ele, formnd inter-reele (reea de reele de calculatoare). O reea de reele se numete Internet (net = reea). Cea mai mare inter-reea public este reeaua Internet. Exist mai multe metode de acces (servicii) la informaia stocat pe un calculator prin intermediul reelei Internet: - FTP File Transfer Protocol serviciul pentru transferul fiierelor - Telnet serviciul pentru accesul de la distan la resursele unui calculator - Electronic Mail serviciul de mesagerie electronic - News serviciu de tiri - World Wide Web este o alt metod de acces la informaia stocat pe un calculator aflat oriunde n lume. World Wide Web (www) nseamn n traducere ad-litteram pnz de paianjen ntins n lumea ntreag. Acesta utilizeaz tehnologia client server. Pentru a comunica ntre ele dou calculatoare folosesc un sistem de reguli ce formeaz un protocol. Serviciul www utilizeaz ca protocol de comunicare ntre client i server HiperText Transfer Protocol (HTTP), adic Protocolul de Transfer al Hipertextului. Hipertextul este un text mbogit, ce conine att text obinuit, ct i etichete pentru formatarea textului i ncapsularea altor tipuri de informaii. Hipertextul este stocat n fiiere avnd extensia .html. Un fiier ce conine un hipertext este scris ntr-un limbaj specific numit HiperText Markup Language (HTML). HTML este un limbaj care permite inserarea de: - text - sunete, imagini i filme - indicatori de prezentare a informaiei - legturi ctre alte pagini web aflate oriunde n lume - aplicaii Un calculator din Internet se numete gazd (host). El este identificat n mod unic printr-un nume. Ex. mishu.home.ro Informaia care circula ntre calculatoarele unei reele este ncapsulat n pachete. Un pachet conine: - adresa expeditorului i adresa destinatarului - informaia - numele aplicaiei client care a formulat cererea i numele aplicaiei de pe server care va primi cererea spre rezolvare. Reeaua Internet dispune de: mijloace de dirijare Internet Protocol (IP) mijloace de corecie Control Protocol (TCP). n orice calculator informaia este stocat n programe, imagini, filme, sunete, etc. Pentru www pagini Web. Acestea au extensia .html sau .htm. 2 a pachetelor astfel nct s ajung la destinaie a erorilor de transmitere a pachetelor Transfer uniti numite fiiere. Aceste fiiere conin text, sunt importante anumite fiiere speciale, numite

prof. Carmen Manu

Suport de curs HTML Paginile Web sunt vizualizate pe calculatorul client prin intermediul unei aplicaii speciale numite browser. Browser-ul permite schimbarea paginii vizualizate prin intermediul: - unei ferestre speciale, numit Address - meniului FileOpen Browse - legturilor afiate n pagina Web. Cele mal utilizate browser-e sunt: - Netscape Communicator; - Internet Explorer - HotJava. O mulime organizat de pagini Web formeaz un site Web. n WWW, clientul solicit pagini Web de la un site Web. HiperText Transfer Protocol Demon (httpd) este o aplicaie care se execut pe serverul Web pentru a prelucra cererile de pagini Web recepionate de acesta de la clieni. HomePage (pagina gazd) este o pagin din site-ul unei organizaii care: este n mod uzual prima pagin accesat din site; este o pagin de prezentare a organizaiei; ofer modul cel mal eficient de explorare a informaiilor, aflate n site. Un server Web este un calculator care adpostete un Site Web i care este capabil s rspund la cereri de pagini Web din partea unui client. Pentru a rspunde permanent cererilor Web, un calculator trebuie s ruleze permanent o aplicaie special: httpd. Un utilizator al serviciului WWW poate solicita vizualizarea prin intermediul browser-ului a unei pagini Web care poate fi localizat pe un calculator aflat oriunde n lume. O pagin Web este unic determinat prin adresa URL (Uniform Resource Locator) asociat. URL nseamn Identificator Universal al Resurselor n Internet. Adresa URL a paginii curente vizualizate de browser pare n fereastra Address. Ex. de URL: http://www.cnmv.ro/index.html unde fiecare reprezint: http metoda de acces la pagin www.cnmv.ro calculatorul pe care se afl Index.html numele paginii Paginile Web au urmtoarele caracteristici: - sunt multimedia conin informaii sub form de text, imagini, sunete, filme etc. - sunt interactive rspund la cererile utilizatorului - sunt independente de platforma hardware i software se vd la fel pe orice calculator, indiferent de sistemul de operare i utiliznd orice browser.

3

prof. Carmen Manu

Suport de curs HTML STRUCTURA UNUI DOCUMENT HTML HTML este un limbaj simplu, compus din coduri speciale (marcaje) care se insereaz intr-un text pentru a aduga informaii despre formatare. Un document HTML are urmtorul ciclu de via: 1. Editarea fiierului HTML cu: a) un editor de texte obinuit (NotePad, WordPad) sau b) cu un editor de texte dedicat (Netscape Comunicator, HotMetal, etc) 2. Salvarea fiierului editat folosind extensia .html 3. Vizualizarea paginii cu ajutorul unui browser In cadrul unui document HTML, un marcaj (tag - n limba engleza) va avea forma . Parantezele unghiulare sunt elementele care indica prezenta unui marcaj; numele marcajelor poate fi scris oricum, limbajul nefiind senzitiv la literele mari/mici. Exista doua tipuri de marcaje: - individuale (ex.
) - perechi (ex. ... ) - de menionat ca sfritul unui marcaj este indicat prin utilizarea caracterului / in fata numelui de marcaj In funcie de modul de formatare a paginii, avem marcaje de tip: - bloc: este afiat sub elementul anterior (ex. ) - inline: este afiat dup elementul anterior (ex. ) - table: este afiat sub forma unui tabel Marcajele perechi pot fi imbricate: ................ Browser-ele vor ignora marcajele si opiunile pe care nu le recunosc. Observaie! Un document HTML are extensia .html sau .htm. El se numete fiier surs. Un browser ncarc un document HTML, interpreteaz marcajele coninute de document, iar rezultatul este afiat n fereastra browserului i se numete pagin Web.

4

prof. Carmen Manu

Suport de curs HTML ELEMENTE STANDARD ALE UNUI DOCUMENT HTML O pagin HTML standard este format din: - bloc extern - dou blocuri incluse: - = antetul - = corpul cuprinde coninutul propriu zis al paginii HTML, adic ceea ce va fi afiat n fereastra browser-ului. Titlul unei pagini web - - va aprea n bara de titlu a ferestrei browser-ului. - nu este obligatoriu - se scrie imediat dup Exemplul 1 Titlul apare in bara de titlu a ferestrei Aceasta este prima mea pagina Web Sfrit de linie -
- trecerea pe o linie nou. Exemplul 2 Acesta este titlul paginii Prima linie
A doua linie.
A treia linie. Blocuri preformatate - sunt folosite pt ca browser-ul s interpreteze corect caracterele spaiu, tab i CR/LF ce apar n cadrul unui text. Exemplul 3 Acesta este titlul paginii Prima linie A doua linie A treia linie.

5

prof. Carmen Manu

Suport de curs HTML CULORI, FONTURI I MARGINI A. Culoarea de fond O culoare poate fi precizat n 2 moduri: 1. Printr-un nume de culoare. Sunt disponibile cel puin 16 culori (aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) 2. Prin construcia #rrggbb, unde r, g, b sunt cifre hexazecimale i pot lua valorile: 0, 1...9, a, A, b, B...f, F; se pot defini astfel 65536 culori (Ex. Blue=#0f4eA8) Culoarea unei pagini se precizeaz astfel: Culoarea textului se precizeaz astfel: Observaie! Att culoarea de fond ct i culoarea textului se pot preciza simultan folosind atribute multiple astfel: B. Stabilirea caracteristicilor textului de baz Textul afiat este caracterizat de urmtoarele attribute: Mrime (size) Culoare (color) Font (style) Sintaxa utilizat este: unde: Numr = 1, 2, 3, 4, 5, 6, 7 (1 pt. fontul cel mai mic i 7 pt. fontul cel mai mare) Culoarea = precizat prin nume sau construcia RGB Font = Arial sau Serif sau un font instalat de calculator ca Times New Roman sau Arial C. Stabilirea marginilor paginii Web se face astfel: unde: Leftmargin stabilete distana dintre marginea din stn