Dezvoltarea

Aplicațiilor
Web
Curs 3
Conf.univ.dr. Gavrilă Alexandru
 Limbajul HTML: liste

<OL [Type=1 / A / a / I / i] <UL [Type=square / circle / disc]>

[Start=s]> <LI>
<LI>
<LI>
<LI> .......
....... </UL>
</OL>

<DL>
<DT> .... </DT>
<DD> ... </DD>
</DL>
Limbajul HTML: liste ordonate
Limbajul HTML: liste neordonate
Limbajul HTML: liste de definiții
 Tabele WEB

Titlul tabelului
Tabel
Cap de (CAPTION-Top)
(TABLE) Celule fuzionate
tabel
(TH) pe orizontală
(COLSPAN)

Rând Titlul tabelului

tabel Celulă Celule fuzionate
(CAPTION-Bottom)
(TR) tabel pe verticală
(TD) (ROWSPAN)
 Tabele WEB
<TABLE [BORDER=n1] [BGCOLOR=denumire-culoare]
[CELLSPACING=n2] [CELLPADING=n3]
[WIDTH=n4%]
[ALIGN=left|center|right]
[FRAME=above|below|hsides|vsides|lhs|rhs|box]>

<CAPTION [ALIGN=top|bottom|left|right]> Titlu tabel </CAPTION>

<TH [VALIGN=top|middle|bottom]
[ALIGN=left|center|right]
[COLSPAN=n] [ROWSPAN=m]
[WIDTH=l] [HEIGHT=h]
[BGCOLOR=denumire_culoare]
[NOWRAP]>Text ce defineşte intrarea într-o celulă a antetului
</TH>
.......
 Tabele WEB
.......
<TR [ALIGN=left|center|right]
[VALIGN=top|bottom|middle]
[BGCOLOR=denumire_culoare]>
.......
</TR>

<TD [VALIGN=top|middle|bottom] [ALIGN=left|center|right]

[COLSPAN=n] [ROWSPAN=m]
[WIDTH=l] [HEIGHT=h]
[BGCOLOR=denumire_culoare]
[NOWRAP]>Text ce defineşte intrarea într-o celulă
</TD>
.......
</TABLE>
 Tabele WEB - Temă

Să se realizeze tabelul din imaginea următoare,

utilizând limbajul HTML:
 Limbajul HTML: legături hypertext

Hyperlink-urile permit ca, prin executarea unui click pe un şir de caractere sau
pe o imagine, să se vizualizeze conţinutul altor fişiere HTML sau a altor zone
aparţinând fişierului curent. În raport de locaţia fişierului destinaţie, către care se
face legătura, există mai multe tipuri de legături hipertext, şi anume:
• legături interne care se stabilesc către interiorul unui anumit fişier;
• legături locale, între fişiere diferite plasate pe acelaşi server;
• legături externe, între fişiere plasate pe servere diferite.
Pentru realizarea legăturilor hipertext se foloseşte tag-ul ANCORĂ,
Astfel, la sursă, în fişierul din care se va genera conexiunea, tag-ul Ancoră va
conţine un atribut (HREF – Hypertext Reference) care să permită specificarea
URL-ului (Uniform Resource Locator) fişierului destinaţie, în speţă, a adresei
acestuia.
 Limbajul HTML: legături hypertext: interne
La sursă:
<A HREF=”Pagina.html#cuvânt-cheie”>Text (Imagine) de conectare </A>
La destinaţie:
<A NAME=”cuvânt-cheie”> [Paragraf ţintă] </A>

<A Name=“Locatie inceput”></A> ...Locatie de început...

• FABBV
<UL type=disc> • CIG
<LI><A Href=“#LocatieFABBV”>FABBV</A> • Ec. Gen
.....
</UL> • REI
..... ...Locatie FABBV...
<A Name=“LocatieFABBV”>FABBV</A>
FABBV
......
Text ce descrie FABBV
Imagine.GIF

<A HREF=“#Locatie inceput”><IMG SRC=“Imagine.gif ></A>

 Limbajul HTML: legături hypertext: locale

La sursă:
<A Href=”Nume/adresa fişier HTML”>Text de conectare </A>
......
<UL type=disc> FABBV.HTML
......
<LI><A Href=“FABBV.HTML”>FABBV</A>
ASE.HTML Text ce descrie
....
FABBV
• FABBV
.... .......
• CIG
....
CIG.HTML
<LI> ><A Href=“CIG.HTML”>CIG</A> ......
..... Text ce descrie
CIG
...LocaţieCIG...
 Limbajul HTML: legături hypertext: externe
La sursă:
<A Href=”URL”> Text / (Imagine) de conectare </A>
<A Href=”MailTo:nume.utilizator@domeniu”> Text / (Imagine) </A>

URL = Uniform Ressource Locator

http://www.ase.ro/editura/catalog/index.htm
sintaxă URL :
http :// www.ase.ro /editura/catalog/index.htm

Protocolul de Nume calculator Locaţie resursă informaţională

comunicaţie conectat la Internet (document HTML, PDF, etc.)

URL-ul corespunde unei pagini Web ce utilizează serviciul

WWW (accesate prin protocolul http), înregistrată pe un
calculator cu adresa www.ase.ro în România (domeniul ro),
un fişier index.htm aflat în folderul catalog din editură.
 Limbajul HTML:
HTTP legături hypertext: protocolul HTTP

Protocolul de defineşte formatul de transport al

comunicaţie datelor, între o sursă şi o destinaţie

Pe Internet, datele circulă prin pachete de date de dimensiune fixă.

Fiecare pachet de date conţine în plus un antet (Header) de câţiva bytes. Acest antet
depinde de tipul de resursă informaţională ce este vehiculată pe Internet şi conţine informaţii
cum ar fi numărul pachetului, adresa expeditorului, destinatarului, volumul informaţiei, etc.
Potrivit tipului de resursă informaţională (WEB, NEWS, FTP, ..) natura antetului este
specifică fiecărui protocol de transport ("http" pentru web, "ftp" pentru transferul fişierelor ..)
O adresă web poate fi specificată în mod direct, fără obligativitatea precizării protocolului.
Acesta este determinat direct, după tipul resursei informaţionale.
 Limbajul HTML: legături hypertext: domenii
Nume calculator pe Internet Reţeaua Internet

www.ase.ro INT COM GOV EDU MIL NET RO .....

Domeniu principal ASE PUB CCS BCUB UNIBUC .....

Domeniu(nii) secundar(e) CIG FAB REI .....

Pentru a putea accede la un calculator distant, acesta trebuie să posede o adresă

unică în lume. Această adresă este dată de numele calculatorului (Host-ului)
conectat la Internet.
Acest nume este constituit din mai multe domenii separate prin caracterul punct.
Numele calculatorului conectat la Internet www.ase.ro este constituit din trei domenii
(care se citesc de la dreapta la stânga, de la cel mai cuprinzător la cel mai precis:
Domenii mari de activitate
Ex. .int / .edu / .org / .com / .mil / .gov /
.net
Domeniul de ţară (.ro) reprezintă ansamblul calculatoarelor ce
Domeniul sunt conectate la Internet în ţara respectivă (România)
principal Ex. .ro / .ca / .us / .fr / .it / .sp / .gr / .pt / .uk

.qc.ca = provincia Québec din Canada

Pentru ţările mari, codul de ţară este precedat de codul de regiune
 Limbajul HTML:
legături hypertext: domenii
Domeniu(nii) secundar(e)

ase = numele calculatorului ce are rol de server WEB conectat la INTERNET

un ansamblu de calculatoare conectate într-o reţea locală de tip intranet.
Acest nume este atribuit de administratorul reţelei. Numele este înregistrat la ICI

Un domeniu secundar poate avea mai multe subdomenii (ierarhic inferioare).

În fapt numele subdomeniilor sunt numele calculatoarelor gazdă ale
subdomeniilor respective.
Ex. ase.ro are cig.ase.ro sau fin.ase.ro
www = numele serviciului Internet Dacă se doreşte accesarea unui anumit
fişier aflat pe un server Web din reţea,
după domeniu, trebuie specificată calea
editura/catalog/Pdf/finante.pdf către acel fişier HTML/PDF, utilizând ca
separator caracterul „/”

Locaţie resursă informaţională

(document HTML, PDF, etc.)