C1-Web 2016

Universitatea Constantin Brncui din Trgu-Jiu
TEHNOLOGII WEB
Lect.dr. Adrian Runceanu
copyright@www.adrian.runceanu.ro
Cteva precizri
Structura cursului
2 ore curs titular curs: Adrian Runceanu
2 ore laborator titular aplicaii practice:
Adrian Runceanu
16.02.2016
Tehnologii Web
Cteva precizri
Forme de examinare:
Examen final 60%

Evaluare pe parcursul
semestrului a activitii de
laborator 30%
Prezen curs i laborator
10%
16.02.2016
Tehnologii Web
Cteva precizri
Bibliografia necesar cursului:
1. Brian Behlandorf , Running a Perfect Web Site with Apache, Second
Edition, Macmillan Computer Publishing,
http://www.acan.toya.net.pl/books/apache/ewtoc.html
2. Mihaela Brut, Sabin Buraga, Prezentri multimedia pe Web, Polirom,
Iasi, 2003
3. Sabin Buraga, Aplicaii Web la cheie. Studii de caz implementate n PHP,
Polirom, 2003
4. Sabin Buraga, Proiectarea siturilor Web ediia a doua, Polirom, Iasi,
2005
5. Traian Anghel, Programare Web, Editura Polirom, Iasi, 2007
6. Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si
MySQL, Editura Teora, Bucuresti, 2005
7. Larry Ullman, PHP si MySQL pentru site-uri dinamice, Editura Teora,
Bucuresti, 2006
16.02.2016
Tehnologii Web
Cteva precizri
Bibliografia necesar cursului(continuare):
8. Adrian Runceanu, Mihaela Runceanu

Tehnologii web ndrumar de laborator,
Editura Academica Brncui, 2009, Tg-Jiu
16.02.2016
Tehnologii Web
Cteva precizri
Referine electronice:
9. ***, http://apache-server.com/store.html#Books
10. ***, http://www.bayes.co.uk/xml/index.xml?/xml/main.xml
11. ***, http://www.edusoft.ro/php.html
12. ***, http://www.rophp.net/
13. ***, http://www.microsoft.com
14. ***, http://www.sun.com
15. ***, http://www.w3.org
16.02.2016
Tehnologii Web
Cteva precizri
Suportul de curs - varianta electronic
disponibil pe site-ul:
www.runceanu.ro/adrian
Not: Actualizarea site-ului se face sptmnal.

16.02.2016
Tehnologii Web
Curs 1
Noiuni introductive despre
tehnologii web
Noiuni introductive
Tehnologiile utilizate n aplicaiile Web
reprezint n general, acele limbaje de programare
utilizate la crearea de site-uri web complexe,
interactive, al cror concept presupune stpnirea
ct mai detaliat a unor limbaje de scripting sau de
programare web i baze de date.
n categoria tehnologii Web se pot include:
1. o multitudine de limbaje de programare web,
cum ar fi PHP, JavaScript, ASP, etc.
2. iar ca baze de date pot fi utilizate MySQL,
MsSQL, Access, ORACLE, etc.
16.02.2016
Tehnologii Web
Noiuni introductive
Cteva aplicaii Web ntalnite mai des sunt:
portal-uri
forum-uri
magazine virtuale
formulare de nscriere
licitaii on-line, etc.
Acum civa ani, tehnologiile Web erau folosite doar

de marile companii datorit, n principal, costurilor
ridicate ale licenelor programelor de dezvoltare.
n prezent, datorit dezvoltrii tot mai accentuate a
soluiilor Open Source, oricine i poate permite
realizarea de aplicaii web.
16.02.2016
Tehnologii Web
10
Noiuni introductive
Se pot enumera o serie de tehnologii folosite mai
des n programarea aplicaiilor web dinamice, i
anume:
html - Aprut la nceputul anilor '90, datorit lipsei
unui limbaj universal care s permit publicarea
informaiei la nivel global, html a determinat
dezvoltarea spectaculoas a Internetului.
- Marcajele de tip html din cadrul documentului
spun browser-ului cum s afieze coninutul util
al fiierului;
16.02.2016
Tehnologii Web
11
Noiuni introductive
Xhtml - reprezint prescurtarea de la eXtensible
HyperText Markup Language (denumirea oficiala a
standardului).
- Practic este un nlocuitor modern al mai
vechiului limbaj html;
16.02.2016
Tehnologii Web
12
Noiuni introductive
CSS - Fiierul CSS (cascading style sheet - foi de stil
n cascad).
Un fiier CSS este un fiier text cu extensia ".css"
definind stiluri pentru paginile html.
Fiierele CSS permit stilizarea n bloc a
documentelor html cu un efort semnificativ mai
mic dect n cazul stilizrii elementelor de pagin
n cadrul fiecrui document html n parte, prin
intermediul atributelor tag-urilor.
16.02.2016
Tehnologii Web
13
Noiuni introductive
JAVASCRIPT - este un limbaj de scripting dezvoltat la
origine de Netscape, permind scrierea de secvene
de program care se execut la apariia unui eveniment
utilizator.
FLASH - este un mediu de lucru dezvoltat de compania
Macromedia; cu ajutorul FLASH-ului se poate realiza
un design de calitate, coninut interactiv, animaii
profesionale.
MYSQL - este un sistem de gestiune a bazelor de date
relaionale, fiind o component cheie a limbajului
PHP.
16.02.2016
Tehnologii Web
14
Noiuni introductive
CGI - Common Gateway Interface - sunt script-uri
scrise n orice limbaj de programare indiferent dac
sunt compilate sau interpretate, script-uri care sunt
executate pe server;
ISAPI - Internet Server API - reprezint alternativa
celor de la Microsoft la CGI (Common Gateway
Interface), rulabil bineneles pe platforme Windows.
- Acesta poate fi scris n orice limbaj cu suport pentru
dll-uri.
16.02.2016
Tehnologii Web
15
Noiuni introductive
PHP i ASP aprute n 1994, respectiv 1996, sunt
dou limbaje puternice care au adus o schimbare n
design-ul aplicaiilor web.
Acestea, dei sunt diferite, au totui o serie de
similariti:
ambele sunt interpretate,
ambele genereaz scripturi (.php respectiv .asp), care
pot fi combinate cu html, date de tip text, etc.
Limbajele ofer suport i pentru lucrul cu baze de

date (MySQL, MsSQL, PostgreSQL, Oracle) - de
fapt sunt intens folosite n acest sens.
16.02.2016
Tehnologii Web
16
Noiuni introductive
PHP & ASP (continuare)
- Limbajul ASP nu este un concept nou ci se bazeaz pe
limbajele VBScript i JScript.
- Principalul dezavantaj al acestor doua limbaje este
viteza.
- Acestea sunt lente deoarece fiecare accesare
presupune procesarea i interpretarea lor i nu pot
construi controale reutilizabile.
16.02.2016
Tehnologii Web
17
Noiuni introductive
JSP - Java Server Pages - reprezint o tehnologie de
design al aplicaiilor web ce permite crearea acestor
aplicaii independente de platform.
Tehnologia se bazeaz pe limbajul de programare

Java i marcatori XML
Avantajul JSP este reprezentat de administrarea
facil, independent de platform, separarea
logicii aplicaiei de partea de interfa utilizator,
performana
16.02.2016
Tehnologii Web
18
Noiuni introductive
ASP.NET - este o nou tehnologie pentru
aplicaii web elaborat de Microsoft, dar
despre care nu se poate spune dac este o
urmare a ASP-ului, cu toate c pstreaz
compatibilitatea cu acesta.
16.02.2016
Tehnologii Web
19
Concluzii
Exist o serie de alte medii pentru
proiectarea aplicaiilor web, fiecare cu avantajele
i dezavantajele sale, dar cu un singur scop
crearea unor aplicaii web:
interactive
securizate
cu timp de rspuns ct mai redus
dar care s ofere i o interfa grafic plcut
16.02.2016
Tehnologii Web
20
Curs 1
Limbajul HTML
(partea I)
16.02.2016
Tehnologii Web
21
Limbajul HTML
1. Limbajul HTML. Noiuni introductive
2. Formatarea textului
2.1. Formatarea paragrafelor
2.2. Utilizarea paragrafelor titlu
2.3. Formatarea la nivel de caracter
2.4. Aplicarea unor efecte asupra textului
2.5. Grosimea unui font
16.02.2016
Tehnologii Web
22
1. Limbajul HTML
HTML este prescurtarea de la HyperText
Markup Language, limbajul utilizat n
protocolul World Wide Web pentru
descrierea hipertextelor.
HTML nu este un limbaj de programare
propriu-zis, ci doar un limbaj de descriere,
coninnd elemente ce permit construirea
paginilor Web.
16.02.2016
Tehnologii Web
23
1. Limbajul HTML
Caracteristicile limbajului HTML:
1. independenta de platforma - modul de afisare al
unui document este acelasi, indiferent de
computerul pe care se realizeaza afisarea
2. structurarea formatarii
3. posibilitatile hypertext - orice cuvant, imagine sau
alt element al documentului vizualizat de utilizator
poate face referinta la un alt document, ceea ce
usureaza navigarea in cadrul aceluiasi document
sau intre documente diferite
16.02.2016
Tehnologii Web
24
1. Limbajul HTML
Documentele HTML sunt exclusiv de tip
text (ASCII); prin urmare ele pot fi editate
direct, prin comenzi specifice sistemului de
operare folosit.
De exemplu, pentru crearea unui
document HTML n Windows se poate
utiliza unul din editoarele de texte incluse
n sistemul de operare (Notepad,
Wordpad) sau orice alt editor de texte.
16.02.2016
Tehnologii Web
25
1. Limbajul HTML
Documentele descrise n HTML pot fi vizualizate cu
ajutorul unor aplicaii speciale denumite browser-e,
care lucreaz pe diferite tipuri de sisteme de calcul;
prin
urmare,
documentele
HTML
sunt
independente de platforma de lucru.
HTML utilizeaz pentru descrierea documentelor
Web etichete (denumite i tag-uri) specifice pentru
fiecare element descris;
etichetele stabilesc att structura documentului,
ct i aspectul acestuia
16.02.2016
Tehnologii Web
26
1. Limbajul HTML
O etichet (tag) este un identificator care
furnizeaz browser-ului instruciuni de
formatare a documentului.
Pentru a fi delimitate, etichetele HTML sunt
ncadrate ntre paranteze unghiulare (<
>).
16.02.2016
Tehnologii Web
27
1. Structura unui document html

Un document HTML este delimitat de perechea de
etichetele <html> i </html> i este constituit din:
a) Antetul documentului, delimitat de etichetele

<head> i </head>, care conine informaii
generale referitoare la document, cum ar fi titlul
documentului, autorul acestuia, versiunea
documentului, etc.
b) Corpul documentului, care conine textul propriuzis al documentului, precum i elementele
specifice de descriere a formatului acestuia.
16.02.2016
Tehnologii Web
28

n antet este recomandat s precizai titlul
documentului, care va fi afiat n bara titlu a
ferestrei browser-ului.
Pentru a preciza titlul documentului, care nu
poate depi 64 de caractere, se utilizeaz n
seciunea antet etichetele pereche <title> i
</title>, ntre care se scrie titlul
documentului.
16.02.2016
Tehnologii Web
29

De exemplu:
Putem scrie aceste etichete n aplicaia Notepad:
<html>
<head>
<title> Introducere in limbajul html </title>
</head>
....
16.02.2016
Tehnologii Web
30

Apoi putem vizualiza rezultatul n (de exemplu)
browser-ul Mozilla Firefox:
16.02.2016
Tehnologii Web
31

Corpul documentului poate fi delimitat de:
etichetele <body> i </body>
sau (n cazul n care este descris structura
cadrelor din document) de etichetele pereche
<frameset> i </frameset>.
16.02.2016
Tehnologii Web
32

Astfel, structura general a unui document HTML
poate fi:
<html>
<head>
. . . antetul documentului . . .
</head >
<body>
. . . corpul documentului . . .
</body>
</html>
16.02.2016
Tehnologii Web
33

Exemplu:
Pasul 1: Lansai n execuie editorul de texte Notepad i
introducei urmtorul text, care reprezint descrierea n limbaj
html a unei pagini Web foarte simple:
<html>
<head>
<title> Prima mea pagina Web </title>
</head>
<body bgcolor=GREEN text=BLACK>
<i> <b>
Scriu in fereastra browser-ului un text negru pe fond verde...
</i> </b>
</body>
</html>
16.02.2016
Tehnologii Web
34

Pasul 2: Salvai documentul cu numele Prim.html,
utiliznd opiunea Save As din meniul File!
Pasul 3: Lansai n execuie Internet Explorer.
Vizualizai pagina Web creat, apelnd opiunea
Open . . . din meniul File al ferestrei browser-ului
(n fereastra de dialog care va aprea pe ecran
trebuie s specificai complet pagina pe care dorii
s o vizualizai - deci introducei calea, numele i
extensia fiierului ce o conine).
16.02.2016
Tehnologii Web
35

Rezultatul este urmtorul:
16.02.2016
Tehnologii Web
36

Elementul <body> admite urmtoarele atribute
BACKGROUND=URL
UNIFORM RESOURCE LOCATOR (URL) - adres a unei
informaii existente pe Web = standard de identificare
i accesare a resurselor din Internet
URL este un ir de caractere ce reprezint adresa Web
a unei imagini care va fi utilizat de ctre browser ca
fundal (background) pentru document.
Dac imaginea nu ocupa ntreaga zon din fereastra
browser-ului destinat vizualizrii paginii respective,
ea va fi multiplicat, caTehnologii
ntr-un
mozaic.
16.02.2016
Web
37

BGCOLOR=culoare
Atributul BGCOLOR (BackGround COLOR)
stabilete culoarea fundalului (culoarea zonei din
fereastra browser-ului n care este vizualizat
documentul).
n HTML culorile se pot specifica n dou moduri:
1. utiliznd denumiri predefinite asociate unor culori

(de exemplu RED semnificnd rou, GREEN verde,
BLUE albastru, etc.);
16.02.2016
Tehnologii Web
38

2. "construind" culori proprii prin combinarea a trei
culori de baza - rou, verde i albastru (modelul RGB).
n acest caz, specificarea unei culori se face
indicnd n ordinea rou, verde, albastru trei valori
hexazecimale cuprinse ntre 00 i FF, cte una
pentru fiecare culoare de baz, astfel: #rrggbb.
Se poate specifica culoarea roie fie prin denumirea
predefinit: BGCOLOR=RED, fie utiliznd valoarea
RGB: BGCOLOR=#FF0000.
16.02.2016
Tehnologii Web
39

TEXT = culoare
Atributul TEXT stabilete culoarea textului.

LINK = culoare
Atributul LINK stabilete culoarea cu care vor

fi marcate n text link-urile nevizitate.
16.02.2016
Tehnologii Web
40

VLINK = culoare
Atributul VLINK stabilete culoarea cu care vor

fi marcate n text link-urile vizitate.
ALINK = culoare
Atributul ALINK stabilete culoarea cu care va

fi marcat n text link-ul activ (cel asupra cruia
este plasat cursorul mouse-ului).
16.02.2016
Tehnologii Web
41

EXERCIIU:
Editai i vizualizai urmtoarea pagin

Web, n care acelai text este scris pe un
fond gri n nuane care variaz de la negru
ctre alb.
16.02.2016
Tehnologii Web
42
<html>
<head> <title> Test de culoare </title> </head>
<body bgcolor=#777777>
<font COLOR=#000000> Test de culoare </font>
<font COLOR=#AAAAAA> Test de culoare </font>
<font COLOR=#BBBBBB> Test de culoare </font>
<font COLOR=#CCCCCC> Test de culoare </font>
<font COLOR=#DDDDDD> Test de culoare </font>
<font COLOR=#EEEEEE> Test de culoare </font>
<font COLOR=#FFFFFF> Test de culoare </font>
</body>
</html>
16.02.2016
Tehnologii Web
43

Comentarii HTML
n cadrul unui document este bine s inserati
comentarii, pe care browser-ul nu le va afisa, dar care
pot fi utile celor care citesc sau editeaza documenrul.
Comentariile HTML incep cu <! i se termina cu ->.
De exemplu,
<! Acesta e un comentariu. Browser-ul nu l "vede"! ->
Comentariile pot fi inserate oriunde n document!
Ce se ntmpl dac greim ?
Nimic! Mai exact, nimic grav! Browser-ele ignor
elementele care nu respect sintaxa HTML i nu le
interpreteaz.
16.02.2016
Tehnologii Web
44
Limbajul HTML
16.02.2016
Tehnologii Web
45
Formatarea textului care apare n corpul unui document
HTML se poate face la:
1. nivel de bloc (block-level)
2. sau la nivel de caracter (text-level sau inline)
Diferenele principale dintre cele dou tipuri de formatare
sunt:
elementele de formatare la nivel de bloc pot conine alte
elemente de formatare (la nivel de bloc sau la nivel de
caracter), n timp ce elementele de formatare la nivel de
caracter conin doar text sau alte elemente de formatare
la nivel de caracter;
elementele de formatare la nivel de bloc ncep de obicei
16.02.2016
Tehnologii Web
46
de la linie nou.
Gruparea mai multor elemente HTML la nivel de
bloc se realizeaz cu ajutorul etichetelor <div> i
</div>.
Pentru gruparea mai multor elemente dintr-un
bloc la nivel de caracter (inline) se utilizeaz
perechea de etichete <span> i </span>.
Gruparea mai multor elemente prin <div> sau
<span> va fi deosebit de util dac vei apela la
facilitile oferite de stilurile de formatare text
(stilurile CSS), deoarece vei putea aplica acelai
stil simultan tuturor elementelor din grup.
16.02.2016
Tehnologii Web
47
Limbajul HTML
1. Limbajul HTML. Noiuni introductive.
16.02.2016
Tehnologii Web
48
2.1.Formatarea paragrafelor
n tehnoredactare, prin paragraf se nelege o zon
de text cuprins ntre dou caractere de trecere la
linie noua denumite NewLine sau Enter.
n HTML, delimitarea paragrafelor se realizeaz cu
ajutorul etichetei <p>, eticheta de sfrit </p> fiind
opional.
<p> Paragraful 1 </p>
Descriere:
<p> Paragraful 2 </p>
...
Efect:
16.02.2016
Paragraful 1
Paragraful 2
...
Tehnologii Web
49
Cel mai utilizat atribut admis de eticheta

<p> este align, care stabilete modul de
aliniere stnga - dreapta a textului
paragrafului.
align = LEFT | CENTER | RIGHT | JUSTIFY
16.02.2016
Tehnologii Web
50
Se observ c atributul align admite patru valori
predefinite:
LEFT - textul este aliniat la marginea din stnga
RIGHT - textul este aliniat la marginea din dreapta
CENTER - textul este centrat (plasat la egal distan de
marginea din stnga i cea din dreapta)
JUSTIFY - textul este aliniat i la stnga i la dreapta (prin
mrirea spaiului ntre cuvinte)
Valoarea implicit a modului de aliniere a textului
depinde de direcia acestuia:
dac textul este scris de la stnga la dreapta, valoarea
implicit a modului de aliniere este LEFT
dac textul este scris de la dreapta la stnga, valoarea
implicit a modului de aliniere este RIGHT
16.02.2016
Tehnologii Web
51
Exemplu:
Descriere:
<p align=CENTER> Alinierea paragrafelor </p>
<p align=LEFT> Primul paragraf este aliniat la stnga </p>
<p align=RIGHT> Al doilea paragraf este aliniat la dreapta
</p>
<p align=JUSTIFY> Al treilea paragraf este aliniat la stnga i
la dreapta, prin mrirea spatiilor dintre cuvintele de pe aceeai
linie. </p>
<p> Ultimul paragraf utilizeaz modul implicit de aliniere - n
cazul nostru stnga, deoarece direcia textului este LTR. </p>
16.02.2016
Tehnologii Web
52
Efect:
Alinierea paragrafelor
Primul paragraf este aliniat la stnga
Al doilea paragraf este aliniat la dreapta
Al treilea paragraf este aliniat la stnga i la dreapta,
prin mrirea spatiilor dintre cuvintele de pe aceeai
linie.
Ultimul paragraf utilizeaz modul implicit de aliniere n cazul nostru Stnga, deoarece direcia textului este
LTR.
16.02.2016
Tehnologii Web
53
Pentru a stabili acelai mod de aliniere pentru
mai multe paragrafe, trebuie s le grupm ntr-un
singur bloc, cu ajutorul etichetei <div>:
<div align=RIGHT>
<p> . . . Primul paragraf . . . </p>
<p> . . . al doilea paragraf . . . </p>
<p> . . . al treilea paragraf . . . </p>
</div>
16.02.2016
Tehnologii Web
54
Observatie:
Nu utilizai etichete <p> </p> fr coninut,
deoarece majoritatea browser-elor le ignor.
Dac dorii s inserai ntr-un document

HTML o linie vid, utilizai eticheta <br/>.
Aceasta va genera un marcaj de sfrit de
linie (caracterele ASCII Carriage Return / Line
Feed).
16.02.2016
Tehnologii Web
55
Limbajul HTML
16.02.2016
Tehnologii Web
56

Documentele HTML pot fi structurate pe ase niveluri,
existnd ase etichete care definesc nivelul paragrafului
titlu n structura documentului:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>.
Etichetele de sfrit sunt obligatorii.
Nivelul delimitat de etichetele <h1> i </h1> este cel
mai important, iar nivelul delimitat de etichetele
<h6> i </h6> cel mai puin important.
Browser-ul vizualizeaz de obicei paragrafele titlu mai
importante cu litere mai mari dect cele mai puin
importante.
16.02.2016
Tehnologii Web
57

Exemplu
<html>
<head>
<title> Titlu </title> </head>
<body>
<h1> Internet si retele de calculatoare </h1>
<p> n acest document discutam despre INTERNET</p>
<h2> Retele de calculatoare </h2>
<p> n aceasta seciune analizam principalele tipuri de retele </p>
<h3> Retea de tip BUS </h3>
<p> Retea de tip TOKEN-RING</p>
<h4> Retea de tip magistrala </h4>
<p> Protocol TCP/IP </p>
<h5> Configurarea modem-ului</h5>
<p> Conectarea la distanta ca terminal </p>
<h6> Aplicatia TELNET</h6>
<p> Limbajul html </p>
<p> . . . </p>
</body>
</html>
16.02.2016
Tehnologii Web
58
Efect:

h1
Internet si retele de calculatoare
n acest document discutam despre INTERNET

Retele de calculatoare
n aceasta sectiune analizam principalele tipuri de

retele
Retea de tip BUS
Retea de tip TOKEN-RING

Retea de tip magistrala
Protocol TCP/IP
h6
Configurarea modem-ului
Conectarea la distanta ca terminal
Aplicatia TELNET
Limbajul html
...
16.02.2016
Tehnologii Web
59
Limbajul HTML
16.02.2016
Tehnologii Web
60

Un font este caracterizat de urmatoarele atribute:
culoare (stabilita prin atributul color)
tipul sau stilul (stabilit prin atributul face)
marimea (definita prin atributul size)
marimea in puncte tipografice (stabilita prin
atributul point-size)
grosime (definita prin atributul weight)
Toate aceste atribute apartin etichetei <font>, care
permite inserarea de blocuri de texte
personalizate.
16.02.2016
Tehnologii Web
61

Precizarea informaiilor referitoare la fontul
utilizat de browser pentru vizualizarea
textului se realizeaz cu ajutorul etichetelor
pereche <font> i </font>.
Dac n document nu sunt precizate nici un
fel de informaii referitoare la font, browserul va utiliza fontul su implicit.
16.02.2016
Tehnologii Web
62

Atributele admise de eticheta <font> sunt:
SIZE = valoare
stabilete dimensiunea caracterelor.
Valoarea dimensiunii fontului poate fi specificat:
n mod absolut (un numr natural cuprins ntre 1 i 7)
sau relativ la dimensiunea curent a caracterelor:
dac valoarea este +n, caracterele vor fi cu n mrimi mai
mari
dac valoarea este -n, caracterele vor fi cu n mrimi mai
mici
Dimensiunea efectiv cu care sunt vizualizate

caracterele depinde de browser.
16.02.2016
Tehnologii Web
63

COLOR = culoare
stabilete culoarea textului.

FACE = list_fonturi
definete o list de fonturi separate prin virgul,

dintre care browser-ul l va alege pe primul
disponibil n ordinea preferinelor.
Dac nici unul din fonturile din list nu este
instalat pe calculatorul utilizatorului, browser-ul
va utiliza fontul implicit.
16.02.2016
Tehnologii Web
64

<p align=center> Text de diferite dimensiuni cu fontul COURIER NEW </p>
<p> <font SIZE=1 FACE=COURIER NEW> font COURIER NEW cu dimensiune 1 </font></p>
<p> <font FACE=COURIER NEW> font COURIER NEW cu dimensiune implicita </font></p>
<p> <font SIZE=+2 FACE=COURIER NEW> font COURIER NEW cu dimensiune cu 2 marimi mai
mare decat dimensiunea implicita </font></p>
<p align=CENTER> Text de diferite dimensiuni cu fontul Arial </font></p>
<p> <font SIZE=3 FACE=Arial> font Arial cu dimensiune 3 </font></p>
<p> <font SIZE=1 FACE=Arial> font Arial cu dimensiune 1 </font></p>
<p> <font FACE=Arial> font Arial cu dimensiune implicita </font></p>
<p> <font SIZE=-2 FACE=Arial> font Arial cu dimensiune cu doua marimi mai mica decat
dimensiunea implicita </font></p>
16.02.2016
Tehnologii Web
65
Limbajul HTML
16.02.2016
Tehnologii Web
66

Pentru a aplica unei zone un anumit efect, se incadreaza
textul ntre eticheta de nceput i cea de sfrit,
corespunzatoare efectului respectiv.
Cele mai utilizate efecte ce se pot aplica asupta textului n
HTML sunt:
<I> Textul este scris cursiv </I>
<U> Textul este scris subliniat </U>

<B> Textul este scris ingrosat </B>
<BIG> Textul este scris mai mare </BIG>
<SMALL> Textul este scris mai mic </SMALL>
<STRIKE> Textul este scris taiat </STRIKE>
16.02.2016
Tehnologii Web
67
Limbajul HTML
16.02.2016
Tehnologii Web
68

Grosimea unui caracter poate fi definita cu ajutorul atributului weight al
etichetei.
Valorile posibile pentru acest atribut sunt 100, 200, 300, 400, 500, 600,
700, 800 si 900 (100 pentru fontul cel mai subtire si 900 pentru cel mai
gros).
<html>
<head>
<title> Grosimea fontului</title>
</head>
<body>
Aceste linie este scrisa cu caractere normale. <br/>
<font weight="100">fonturi de grosime 100.</font> <br/>
<font weight="500">fonturi de grosime 500.</font> <br/>
<font weight="900">fonturi de grosime 900.</font>
</body>
</html>
16.02.2016
Tehnologii Web
69
ntrebri?
16.02.2016
Tehnologii Web
70

C1-Web 2016

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

C1-Web 2016

Încărcat de

Drepturi de autor:

Formate disponibile

Universitatea Constantin Brncui din Trgu-Jiu

Examen final 60%

8. Adrian Runceanu, Mihaela Runceanu

Not: Actualizarea site-ului se face sptmnal.

Acum civa ani, tehnologiile Web erau folosite doar

Limbajele ofer suport i pentru lucrul cu baze de

Tehnologia se bazeaz pe limbajul de programare

1. Structura unui document html

a) Antetul documentului, delimitat de etichetele

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. Structura unui document html

1. utiliznd denumiri predefinite asociate unor culori

1. Structura unui document html

1. Structura unui document html

Atributul TEXT stabilete culoarea textului.

Atributul LINK stabilete culoarea cu care vor

1. Structura unui document html

Atributul VLINK stabilete culoarea cu care vor

Atributul ALINK stabilete culoarea cu care va

1. Structura unui document html

Editai i vizualizai urmtoarea pagin

1. Structura unui document html

Cel mai utilizat atribut admis de eticheta

Dac dorii s inserai ntr-un document

2.2. Utilizarea paragrafelor titlu

2.2. Utilizarea paragrafelor titlu

2.2. Utilizarea paragrafelor titlu

Internet si retele de calculatoare

n acest document discutam despre INTERNET

n aceasta sectiune analizam principalele tipuri de

Retea de tip TOKEN-RING

2.3. Formatarea la nivel de caracter

2.3. Formatarea la nivel de caracter

2.3. Formatarea la nivel de caracter

Dimensiunea efectiv cu care sunt vizualizate

2.3. Formatarea la nivel de caracter

stabilete culoarea textului.

definete o list de fonturi separate prin virgul,

2.3. Formatarea la nivel de caracter

2.4. Aplicarea unor efecte asupra textului

<U> Textul este scris subliniat </U>

2.5. Grosimea unui font

S-ar putea să vă placă și