Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
Curs 62012/2013
50% nota toate materialele permise schimbul de materiale/aparate interzis De stabilit
Zi?
Curs suplimentar? (exista online)
Capacitate de informare =
Nota Tema
curs 5, prezenta obligatorie, 25% din nota
-
Test 1 referinţă
C2
Test 2 verificare
C6
Interesare subiect ?Nota
Nr Nume Grupa Subiect Rezultat
1 BEJENARI DACIAN 5101 113 19
2 BOICU TOADER PAUL 5101 11 19
3 BURGHELEA VASILE DANIEL 5101 45 17
4 CARNARIU MARIAN 5101 47 19
5 CIOCIRTAU ALEXANDRU 5101 46 18
6 GRIGORUT DRAGOS 5101 20 21
7 HALIP ALEXANDRU 5101 144 13
8 LUNGU NARCIS IUSTIN 5101 40 20
9 MARIUTA CALIN MATEI 5101 104 16
10 NASTASE PETRU 5101 41 21
11 PALADE BIANCA ELENA 5101 37 12
12 PETCU EMILIAN MARIAN 5101 105 25
13 PINTILIASA GIORGIANA 5101 31 12
14 PINZARIU MARINA 5101 34 25
15 RACEA ANDRA 5101 38 12
16 SERBAN IULIAN 5101 140 17
17 SEVERIN IONUT 5101 49 20
18 TEACU ALEXANDRU 5101 42 21
19 TUDOR RAMONA ELENA 5101 33 20
20 ZANCA MITICA ANDREI 5101 48 14
21 ZDERCIUC ARCADIE 5101 107 23
Nr Nume Grupa Subiect Rezultat
22 CIOBANU CEZAR 5102 126 14
23 CUCEREAVII ALEXANDRU 5102 15 17
24 LUCA VLADUT 5102 133 17
25 MIHALIUC SERGIU 5102 121 20
26 MORARIU ALEXANDRU GEORGE 5102 134 19
27 NITA CATALIN 5102 4 17
28 PANAITE STEFAN 5102 19 16
29 PRICOP PAUL 5102 32 18
30 TONOFA VLADIMIR 5102 106 18
31 VALEANU IOANA 5102 36 28
Nr Nume Grupa Subiect Rezultat
32 BACALU DAMOI ANDREEA 5103 43 19
33 BURAGA ALEXANDRU 5103 2 24
34 BUTERCHI IONUT 5103 115 17
35 CARCALETE ADRIAN 5103 35 15
36 CARCEA IONUT 5103 116 16
37 CIOBANU STEFAN 5103 120 12
38 COZMANIUC ALEXANDRU 5103 123 16
39 DOBREA ANDREEA 5103 29 20
40 FEDELES LAURA 5103 28 12
41 FILIMON IOAN VLAD 5103 124 20
42 HARITON SEBASTIAN 5103 114 10
43 ICHIM NICOLETA 5103 117 17
44 IFTIMIE MARIAN 5103 13 11
45 IGNEA MIHAI 5103 18 11
46 MITRICA ELENA 5103 5 18
47 PIRVAN GEANINA 5103 3 15
48 PREPELIUC IULIANA 5103 23 27
49 SLOBODEANU CATALINA 5103 1 18
50 TODIREANU ALEXANDRU IOAN 5103 143 20
Nr Nume Grupa Subiect Rezultat
51 AGAPE ANCA 5104 93 24
52 APETRI COSMINA ELENA 5104 97 24
53 BARON BOGDAN IONUT 5104 109 30
54 CHIPER ANDREEA 5104 99 18
55 CIUBOTARIU VLAD 5104 95 27
56 CUCU ADELINA 5104 100 22
57 ENACHE GEORGIANA LIDIA 5104 112 20
58 GORCEA SORIN ALEXANDRU 5104 132 24
59 MOLDOVAN CLAUDIU 5104 96 29
60 PAVAL MIHAELA 5104 102 29
61 PETRESCU EMMANUEL 5104 103 28
62 RUSU IOANA ALEXANDRA 5104 101 28
63 STOIAN FLORINA CRISTIANA 5104 98 16
64 TANASE CATALINA 5104 94 20
Nr Nume Grupa Subiect Rezultat
77 ANTALUTE MADALINA 5106 50 18
78 BULGARESCU CONSTANTIN 5106 135 7
79 BURCIANU ANDREI SERGIU 5106 44 19
80 CONDREA DORIAN 5106 25 18
81 CRETU BOGDAN 5106 142 17
82 DUTCOVICI ALEXANDRU 5106 131 14
83 EPURE ALEXANDRA 5106 22 17
84 FERENT MARIUS 5106 136 17
85 FILIPCIUC DAN 5106 139 16
86 GULIMAN COSMIN 5106 119 18
87 MARIN LIVIU ANDREI 5106 137 20
88 MARTINAS RAMONA ANTONELA 5106 125 16
89 MOLDOVAN CRISTIAN 5106 21 14
90 PROCOPE CIPRIAN 5106 118 12
91 RADION ALEXANDRU 5106 14 19
92 SIMION DUMITRU 5106 138 15
93 STRATULAT DUMITRU 5106 12 16
94 TAMAS CLAUDIU 5106 141 20
Nr Nume Grupa Subiect Rezultat
65 ALAZAROAIE ALEXANDRU 5105 26 28
66 BARON MARIA 5105 110 18
67 BISTRICEANU ADINA 5105 128 22
68 BURCA FLORIN 5105 108 17
69 CHIRIBAU RADU 5105 39 11
70 GHEORGHIU DRAGOS 5105 127 15
71 GHIUZAN ANDREEA 5105 111 11
72 HUTULEAC ANDREI 5105 129 25
73 IGNAT CATALIN ALEXANDRU 5105 130 27
74 PALADE CRISTIAN 5105 27 33
75 PARASCA PAUL MARCEL 5105 122 12
76 TURCU DANIEL 5105 24 12
Se cauta o persoana
sex: F
varsta 19 ani
neatenta
distrata
emotionata
Se cauta o persoana
sex: F
varsta: 19 ani
neatenta
distrata
emotionata
Nr Nume Grupa Subiect Rezultat
95 X Y 30 24
Nr Nume Grupa T1 T2Progres/
nota
1 BEJENARI DACIAN 5101 12 19 7
2 BOICU TOADER PAUL 5101 17 19 2
3 BURGHELEA VASILE DANIEL 5101 17 3
4 CARNARIU MARIAN 5101 19 5
5 CIOCIRTAU ALEXANDRU 5101 18 4
6 GRIGORUT DRAGOS 5101 21 7
7 HALIP ALEXANDRU 5101 13 -1
8 LUNGU NARCIS IUSTIN 5101 13 20 7
9 MARIUTA CALIN MATEI 5101 16 2
10 NASTASE PETRU 5101 21 7
11 PALADE BIANCA ELENA 5101 12 -2
12 PETCU EMILIAN MARIAN 5101 25 11
13 PINTILIASA GIORGIANA 5101 12 -2
14 PINZARIU MARINA 5101 20 25 5
15 RACEA ANDRA 5101 12 -2
16 SERBAN IULIAN 5101 19 17 -2
17 SEVERIN IONUT 5101 16 20 4
18 TEACU ALEXANDRU 5101 17 21 4
19 TUDOR RAMONA ELENA 5101 20 6
20 ZANCA MITICA ANDREI 5101 14 0
21 ZDERCIUC ARCADIE 5101 23 9
22 CIOBANU CEZAR 5102 13 14 1
23 CUCEREAVII ALEXANDRU 5102 17 3
24 LUCA VLADUT 5102 17 3
25 MIHALIUC SERGIU 5102 15 20 5
Nr Nume Grupa T1 T2Progres/ nota
26 MORARIU ALEXANDRU GEORGE 5102 19 527 NITA CATALIN 5102 16 17 128 PANAITE STEFAN 5102 16 16 029 PRICOP PAUL 5102 9 18 930 TONOFA VLADIMIR 5102 18 431 VALEANU IOANA 5102 10 28 1832 BACALU DAMOI ANDREEA 5103 19 533 BURAGA ALEXANDRU 5103 10 24 1434 BUTERCHI IONUT 5103 17 335 CARCALETE ADRIAN 5103 7 15 836 CARCEA IONUT 5103 16 237 CIOBANU STEFAN 5103 11 12 138 COZMANIUC ALEXANDRU 5103 9 16 739 DIACONITA TIBERIU CONSTANTIN 5103 6 -10040 DOBREA ANDREEA 5103 20 20 041 FEDELES LAURA 5103 16 12 -442 FILIMON IOAN VLAD 5103 20 643 HARITON SEBASTIAN 5103 10 -444 ICHIM NICOLETA 5103 17 17 045 IFTIMIE MARIAN 5103 11 -346 IGNEA MIHAI 5103 8 11 347 MITRICA ELENA 5103 18 448 PIRVAN GEANINA 5103 15 149 PREPELIUC IULIANA 5103 27 1350 SLOBODEANU CATALINA 5103 18 4
Nr Nume Grupa T1 T2Progres/
nota
51 TODIREANU ALEXANDRU IOAN 5103 20 20 0
52 AGAPE ANCA 5104 24 10
53 APETRI COSMINA ELENA 5104 24 10
54 BARON BOGDAN IONUT 5104 20 30 10
55 CHIPER ANDREEA 5104 18 4
56 CIUBOTARIU VLAD 5104 27 13
57 CUCU ADELINA 5104 22 8
58 ENACHE GEORGIANA LIDIA 5104 20 6
59 GORCEA SORIN ALEXANDRU 5104 24 10
60 MOLDOVAN CLAUDIU 5104 29 15
61 PAVAL MIHAELA 5104 29 15
62 PETRESCU EMMANUEL 5104 17 28 11
63 RUSU IOANA ALEXANDRA 5104 28 14
64 STOIAN FLORINA CRISTIANA 5104 16 2
65 TANASE CATALINA 5104 14 20 6
66 ALAZAROAIE ALEXANDRU 5105 28 14
67 BARON MARIA 5105 18 4
68 BISTRICEANU ADINA 5105 22 8
69 BURCA FLORIN 5105 17 3
70 CHIRIBAU RADU 5105 16 11 -5
71 LUCA GEORGE STELIAN 5105 19 -100
72 GHEORGHIU DRAGOS 5105 15 1
73 GHIUZAN ANDREEA 5105 11 -3
74 HUTULEAC ANDREI 5105 25 11
75 IGNAT CATALIN ALEXANDRU 5105 27 13
Nr Nume Grupa T1 T2Progres/
nota
76 PALADE CRISTIAN 5105 18 33 15
77 PARASCA PAUL MARCEL 5105 11 12 1
78 TURCU DANIEL 5105 11 12 1
79 UNGUREANU ELENA 5105 10 -100
80 ANTALUTE MADALINA 5106 18 4
81 BULGARESCU CONSTANTIN 5106 11 7 -4
82 BURCIANU ANDREI SERGIU 5106 19 5
83 CONDREA DORIAN 5106 10 18 8
84 CRETU BOGDAN 5106 17 3
85 DUTCOVICI ALEXANDRU 5106 18 14 -4
86 EPURE ALEXANDRA 5106 17 3
87 FERENT MARIUS 5106 17 3
88 FILIPCIUC DAN 5106 10 16 6
89 GULIMAN COSMIN 5106 17 18 1
90 MARIN LIVIU ANDREI 5106 20 6
91 MARTINAS RAMONA ANTONELA 5106 16 2
92 MOLDOVAN CRISTIAN 5106 11 14 3
93 PROCOPE CIPRIAN 5106 12 -2
94 RADION ALEXANDRU 5106 12 19 7
95 SIMION DUMITRU 5106 9 15 6
96 STRATULAT DUMITRU 5106 16 2
97 TAMAS CLAUDIU 5106 18 20 2
98 X Y 24 10
Nr Nume Grupa
1 AGAPE ANCA 5104
2 BARON BOGDAN IONUT 5104
3 CIUBOTARIU VLAD 5104
4 MOLDOVAN CLAUDIU 5104
5 PAVAL MIHAELA 5104
6 PETRESCU EMMANUEL 5104
7 RUSU IOANA ALEXANDRA 5104
8 ALAZAROAIE ALEXANDRU 5105
9 PALADE CRISTIAN 5105
C++/Pascal/etc.
actiuni
genereaza date
int i,a;for (i=1;i
Hyper Text Markup Language bazat pe SGML - Standard Generalized Markup
Language (ISO 8879:1986 SGML) Tim Berners Lee, 1989 Mosaic – 1993 HTML 2.0 – Noiembrie 1995 IETF – Internet Engineering Task Force -> 1996
HTML 3.0 Draft 1995 HTML 3.2 WWW Consortium http://www.w3c.org ->1996
HTML 4.0 – 18.12.1997 HTML 4.01 – 24.12.1999 HTML 5.0 Draft – Ianuarie 2008 (11, Last Call – mai
2011), oficial prevazut pentru 2014
(Increasing!) Support in browsers Certain future
Features Web Workers: background threads for processing.
Video: Video becomes as easy as embedding an image.
Canvas: allows a web developer to render graphics on the fly.
Application caches: Web pages will start storing more and more information locally on the visitor's computer.
Geolocation: Best known for use on mobile devices, geolocation is coming with HTML5.
bazat pe XML - Extensible Markup Language XHTML 1.0 – Ianuarie 2000 o reformulare a
HTML 4.01 cu mici corectii pentru concordantacu regulile XML
XHTML 1.1 – Mai 2001 XHTML 2.0 Draft 2008 – versiunea 9 lipsit de suport din partea browser-elor nu mentine compatibilitatea in urma cu HTML “expirat”
XHTML 5.0 Draft in paralel cu HTML 5.0
XML
proiectat pentru a descrie datele
orientat spre continutul datelor respective
o metoda de a transmite informatiile independent de platforma si hardware
HTML/XHTML
proiectat pentru a afisa datele
orientat spre forma pe un ecran a datelor respective
o metoda de a afisa uniform datele indiferent de platforma si hardware
Un document HTML e un document ASCII (Notepad) care contine etichete, interpretatsi afisat de browser (View Source)
Tags: etichete, marcaje,
individuale:
▪ ex:
(
- HTML)
pereche (container): Continut_oarecare
▪ ex:
Un paragraf
▪ Eticheta X afecteaza cu sensul ei modul in care apare peecran Continut_oarecare
▪ majoritatea etichetelor sunt pereche
Litere mari/mici (Case sensitivity):
HTML: indiferent - ==
XHTML: obligatoriu cu litere mici
Comentarii:
fara “--” sau “>”
spatiile se comaseaza trecerile la linie noua
(ENTER) devin spatii
1 23 4 5 6 7
1 23 4 5 6 7
1 2 3 4 5 6 7
8
1 2 3 4 5 6 7
8
12345 67
8
1 23 4 5 6 7
8
Nu recunoaste aranjarea documentului ASCII sursa singura exceptie: ….
….
….
….
….
Optiuni ale etichetelor utilizate pentrudetalierea efectului etichetei
Apar in eticheta de inceput in cazul perechilor
ceva
Ca si etichetele sunt cuvinte cheie care trebuie respectate (XML permite definireaatributelor dar HTML si XHTML nu)
Incluziunea etichetelor e obligatorie ….….…… ….….……
Etichetele trebuie inchise intotdeauna
….
….
,….
…. ,
,
Etichetele trebuie scrise cu litere mici
,
,
,
,
Atributele trebuie scrise cu minuscule si valorile lor intreghilimele
, ,
, ,
Toate informatiile trebuie sa apara in interiorul etichetei…
HTML
1 linie cu informatii despre document Documentul: inserat intre si
Antet
▪ sectiune declarativa, in general fara efect vizual
▪
Cuprins
▪ datele ce se afiseaza pe ecran
▪
▪
Document Type Definition Prima linie in orice document HTML conform HTML 4.0 Strict DTD
▪
▪ fara elemente depreciate
HTML 4.0 Transitional DTD ▪ ▪ cu elemente depreciate
HTML 4.0 Frameset DTD ▪ ▪ cu elemente depreciate si cadre (frames)
Elemente depreciate – elemente existente in standard dar“pe cale de disparitie” (nu este recomandata utilizarea lor)
….
….
….
….
… Atribute: lang: limba documentului … dir: directia de afisare a textului
▪ RTL ▪ LTR: implicit
Contine Obligatoriu
▪ TITLE: …▪ META:
Uzual▪ LINK: ▪ SCRIPT: …
TITLE … in mod normal NU apare pe pagina browser-ele afiseaza tipic titlul respectiv Extrem de important pentru motoarele de cautare
▪ Untitled document = LINK defineste fisierele suport ale documentului necesare pentru afisare
corecta: css (stiluri), js (JavaScript)▪ ▪
SCRIPT … introducerea “on-line” a script-urilor
▪
Specificarea a diverse informatii despre document Atribute name:
▪ defineste tipul informatiei▪ standard / nestandard
http-equiv▪ controlul protocolului HTTP
scheme▪ scheme standard
content▪ defineste continutul informatiei denumite anterior prin unul din
cele trei atribute anterioare
< meta http-equiv="Expires" content="Tue, 15 Oct 2008
14:25:27 GMT" />
… Atribute specifice: background: imagine fundal
▪ …
bgcolor: culoare uniforma de fundal▪ …
text: culoarea textului▪ …
link, vlink, alink: culoare legaturi (general, vizitata, activa)▪ < body link=“red” alink=“fuchsia” vlink=“maroon”> …
Atribute generale: lang dir id: nume individual al elementului
▪ utilizat cu script-uri in general, modelul DOM▪
…
title: informatii despre element ▪ tooltip in browser-e▪
…
class: apartenenta la o clasa cu caracteristici comune▪ utilizat in combinatie cu stiluri: CSS▪
…
Evenimente▪ specifice: onload, onunload▪ generale: onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup▪
Specificarea culorii: nume:
▪ …
cod numeric - # Rosu (0-256=00-FF), Verde, Albastru▪ …
foarte importante pentru motoarele de cautare 6 nivele (h1 ÷ h6) Atribute: align: alinierea textului = left, center, right, justify
▪ …
Titlu H1
paragraf text normal
Titlu H2paragraf text normal
Titlu H3paragraf text normal
Titlu H4paragraf text normal
Titlu H5paragraf text normal
Titlu H6paragraf text normal
utilizate pentru gruparea unor elemente in scopulaplicarii unei actiuni comune
… actiune “in-line” : grupul e tratat similar cu un caracter
… actiune “block-level” : grupul e tratat similar cu un
paragraf nu ofera formatare proprie si nici atribute
specifice Atribute: id, class align
… specificarea posibilitatilor de contact ale
autorilor de obicei reprezentat italic (inclinat)
< address >Dave Raggett, Arnaud Le Hors, contact persons
for the W3C HTML Activity
$Date: 1999/12/24 23:37:50 $
HTML
…: evidentiere de obicei italic
…: evidentieresuplimentara de obicei bold (ingrosat)
…: citat … : definitii … : programe … : rezultat al programelor … : introducere de la tastatura … : variabile … : abrevieri … : acronime depreciate: …, …
Citate …: citat la
nivel de bloc ▪ de obicei reprezentat cu margine (indent)
… : citat in-line▪ de obicei incadrat in ghilimele sau
apostroafe
Atribut: cite =“adresa la care se gaseste documentul citat”
Indici/puteri … : indici … : puteri
Paragraf Normal
They went in single file, running like hounds on a strong scent,and an eager light was in their eyes. Nearly due west the broadswath of the marching Orcs tramped its ugly slot; the sweet grassof Rohan had been bruised and blackened as they passed.
John said, I saw Lucy at lunch, she told meMary wants you to get some ice cream on your way home. I think I will get some at Ben and Jerry's, on Gloucester Road.
H2O
103
paragraf :
…
atribute:
▪ align = “left, center, right, justify” linie noua :
atribute:
▪ clear = “none, left, right, all”
evitarea aparitiei unei linii noi: ▪ nonbreaking space: , ,
despartire in silabe: Hard: - , - Soft: , ,
respectarea organizarii sursei: …
inserare : …
uzual reprezentat subliniat
atribute (nonvizuale):
▪ cite = “adresa eventualului document care explica corectia”
▪ datetime = “data/timpul” la care a aparut modificarea
eliminare : …
uzual reprezentat taiat
aceleasi atribute
O grupa poate avea 25 45 studenti.
ASCII HTML HTMLDec Hex Symbol Number Name Description160161162163164165166167168169170171172173174175
A0A1A2A3A4A5A6A7A8A9AAABACADAEAF
¡¢£¤¥¦§¨
©ª«¬-®¯
¡¢£¤¥¦§¨©ª«¬®¯
¡¢
£¤
¥¦
§¨
©ª
«¬®
¯
non-breaking spaceinverted exclamation mark
cent signpound sign
currency signyen sign
broken vertical barsection sign
spacing diaeresis - umlautcopyright sign
feminine ordinal indicatorleft double angle quotes
not signsoft hyphen
registered trade mark signspacing macron - overline
ASCII HTML HTMLDec Hex Symbol Number Name Description176177178179180181182183184185186187188189190191
B0B1B2B3B4B5B6B7B8B9BABBBCBDBEBF
°±²³´µ¶·¸¹º»¼½¾¿
°±²³´µ¶·¸¹º»¼½¾¿
°±
²³´µ¶
·¸¹º»¼½¾¿
degree signplus-or-minus sign
superscript two - squaredsuperscript three - cubed
acute accent - spacing acutemicro sign
pilcrow sign - paragraph signmiddle dot - Georgian comma
spacing cedillasuperscript one
masculine ordinal indicatorright double angle quotes
fraction one quarterfraction one half
fraction three quartersinverted question mark
ASCII HTML HTMLDec Hex Symbol Number Name Description
34386063
22263C3E
“&<>
"&<>
"&<>
double quotesampersandless than signgreater than sign
HTML
Liste neordonate … Liste ordonate … Element in lista … Atribute:
type = “tip lista”
▪ UL tip lista : “disc, circle, square”
▪ OL tip lista : “1, a, A, i, I”
start = “numarul de la care porneste lista” (OL)
value = “fortarea numarului curent” (LI)
Primul elementAl doilea elementAl treilea elementAl patrulea element
Primul elementAl doilea elementAl treilea elementAl patrulea element
Primul elementAl doilea elementAl treilea elementAl patrulea element
Primul elementAl doilea elementAl treilea elementAl patrulea element
Primul elementAl doilea elementAl treilea elementAl patrulea element
Primul elementAl doilea elementAl treilea elementAl patrulea element
Liste de definitii … Termenul definit … Definitia termenului anterior … Atributele standard: id, lang, title, style etc. Reprezentare vizuala: definitia e “indent-ata”
Termen 1Definitia 1Termen 2Definitia 2Termen 3Definitia 3
HTML
4.1.1. Culoare de fundal,
valabil pentru body si td (celula de tabel)
atribut: bgcolor
▪ …
4.1.2. Aliniere
valabil pentru toate elementele cu structura bloc
atribut align = “left | center | right | justify”
▪ … ,
… , … etc.
Definitie: Font = desenul (forma grafica) a caracterului
Fonturi
True type = desen vectorial - scalarea pastreazacalitatea maxima
Bitmap font = harta de pixeli – scalarea duce la aparitia artifactelor
f
Fonturi definite de CSS sans-serif serif monospace cursive fantasy
Fonturi safe Microsoft Arial Courier New Georgia Times New Roman Verdana Trebuchet MS Lucida Sans
… : masina de scris (latime fixa) … : italic (inclinat) … : bold (ingrosat) … : dimensiune ceva mai mare … : dimensiune ceva mai mica … : taiat : depreciat … : subliniat: depreciat
text normal, bold, italic, bold italic,
teletype text, big, small,
strike, underline.
…, contine modificatori al desenului de caracter atribute: size : dimensiunea
▪ absolut 1 ÷ 7 ▪ relativ -4 ÷ +4 (fata de cea implicita, 3, sau cea indicata cu
basefont)
color = “culoare” face: desenul de caractere de folosit, in ordinea
preferintei▪ fonturile ale caror nume contin spatii (Times New Roman) se
scriu intre ghilimele▪ e recomandabil ca macar pe ultima pozitie sa apara unul din
fonturile web-safe CSS
Exemple
text rosu
echiv. cu big
echiv. cu small
un text▪ se utilizeaza Arial
▪ daca Arial nu exista se utilizeaza Times New Roman
▪ daca nici Times New Roman nu exista se utilizeaza sans-serif
▪ daca nici sans-serif nu exista se utilizeaza fontul implicit in browser
size=1size=2size=3size=4
size=5size=6size=7
size=-4size=-3size=-2size=-1size=+1
size=+2size=+3size=+4
relativ la dimensiunea implicita in browser xx-small, x-small, small, medium, large, x-large, xx-large
(implicit medium) relativ la dimensiunea din blocul parinte smaller, larger
absolute in, cm, mm, pt (1 point = 1/72 in), pc (1 pica = 12 pt)
relative em, ex – relative la dimensiunea in blocul parinte
▪ un cuvant cu dimensiunea 2em = dimensiunea de 2 ori mai mare decat a textului din acel paragraf
▪ precizie mai buna, valori fractionare permise (1.25em, 0.85em etc.)
px (pixeli) dependent de dispozitivul de afisare
atribute: align = “left | center | right”
noshade = “noshade ”
size: inaltimea in pixeli
width: latimea (implicit 100%)
HTML
… defineste o zona in care alte date vor fi asezate
sub forma de tabel (linii si coloane rectangulare) atribute: summary = “text de descriere”
align = “left | center | right”
width = “latime in pixeli sau procente”▪ width = “50”
▪ width = “75%”
border = “latimea liniilor despartitoare in pixeli”
altele: id, class, title, bgcolor etc.
in lipsa indicatiilor relative la dimensionare (width sialtele) browser-ul decide dimensiunea tabeluluinumai in functie de datele continute pentru aceasta trebuie sa astepte primirea tuturor datelor
din tabel nu are efect vizual de sine statator e folosit doar in calitate de container pentru linii, care vor
contine celule, care vor contine efectiv datele este preferat pentru realizarea impartirii paginii in
zone fata de … dispare in HTML5 CSS e conceput pentru a inlocui aceasta utilizare a
tabelelor
… defineste titlul tabelului poate apare numai:
imediat dupa definirea tabelului
o singura eticheta pentru fiecare tabel
atribute:
align = “top | bottom | left | right”
… : antetul tabelului … : subsolul tabelului … : corpul tabelului poate aparea de mai multe ori definind
gruparea datelor si pot aparea o singura data,
imediat dupa si eventual toate grupurile trebuie sa contina macar o
singura linie () scopul este de a ajuta browser-ul sa afiseze si sa
imprime corespunzator tabelele mari suportul browser-elor este deficitar
...header information...
...footer information...
...first row of block one data... ...second row of block one data...
...first row of block two data... ...second row of block two data...
… defineste un grup de coloane
defineste o coloana individuala definesc numarul de coloane si dimensionarea
acestora in avans scopul este de a permite afisarea incrementala suport limitat in browser-e atribute: span = “numarul de coloane”, implicit 1 width = “latime” align = “left | center | right | justify | char” char = “caracterul la care se face alinierea” , (‘.’ sau ‘,’) charoff = “pozitionarea caracterului special”
Latimea coloanelor (si a celulelor)
pixeli : width = “50”
procentaj : width = “50%”
relativ : width = “nr *”
▪ col 1: width = “*”; col2: width = “2*”; col3: width = “3*”
▪ browser-ul calculeaza cat va reprezenta “*” si multiplicacorespunzator latimile celorlalte coloane
“0*” : minimul necesar pentru reprezentareadatelor
se aloca mai intai 30 px pentru prima si a doua coloana
apoi minimulnecesar pentrucoloana 3
dimensiunearamasa se impartela 6 (2*+1*+3*) pentru a aflavaloareaelementara “*”
se calculeazalatimilecorespunzatoare ale coloanelor
... ...rows...
… (“table row”) defineste o linie in tabel fara efect vizual, este un container necesar si
obligatoriu pentru celulele tabelului atribute: bgcolor = “culoare” align = “left | center | right | justify |
char” valign = “top | middle | bottom |
baseline”▪ alinierea pe verticala a datelor in celule▪ implicit: “middle”
altele: id, class, title, style etc.
… (“table data”) … (“table header”) – bold si align = “center”
defineste o celula, care va contine dateleefective
atribute: rowspan = “numar”
▪ implicit: 1
▪ numarul de linii pe care se intinde celula (“merge cells” peverticala)
colspan = “numar”▪ implicit: 1
▪ numarul de coloane pe care se intinde celula (“merge cells” peorizontala)
colspan = “2”
rowspan = “2”colspan = “2”
rowspan = “3”
atribute: align = “left | center | right | justify | char”
char = “caracter”, implicit: “.”
valign = “top | middle | bottom | baseline”
nowrap = “nowrap”
width = “latime”, height = “inaltime”
informatii despre celula – suport limitat▪ headers = “nume (id = …) separate de spatiu”
▪ scope = “row | col | rowgroup | colgroup”
▪ abbr = “text scurt”
altele: id, class, title, bgcolor , style etc.
se aplica ca atribut la … atribute: frame = “void | above | below | hsides | lhs | rhs | vsides | box
| border”; pentru exterior▪ void = fara; box, border = toate
▪ above/bellow/lhs/rhs = o singura linie
▪ hsides/vsides = 2 linii (orizontale/verticale)
rules = “none | groups | rows | cols | all”; pentru interior▪ none = fara; all = toate
▪ rows/cols = numai intre linii/coloane
▪ groups = intre gruprile de linii/coloane
border = “latime in pixeli”▪ border = “0” echiv. cu frames = “void” rules = “none”
▪ border = “orice inafara de 0” echiv. cu frames = “border” rules = “all”
aliniere efect
top
middle
bottom
baseline
_,,__,,__,,__,,_
align = “char” nu este implementat de nici un browser actual
align = “justify” nu este respectat de Internet Explorer
se aplica ca atribute la … atribute: cellspacing = “lungime”
▪ lungime = pixeli
cellpadding = “lungime”▪ lungime = pixeli sau %
pentru suprapunericomplexe
similar cu modelul CSS
margin ~ cellspacing
padding ~ cellpadding
HTML
… poate fi folosita pentru a realiza o legatura intre
doua resurse, legatura care are doua : punct de plecare spre un alt document la activarea cu
mouse, tastatura, vocal, etc. (A ca link)▪ ex: http://www.w3.org/TR/html401/struct/links.html
activeaza in browser documentul de la adresa (URI) indicata
punct destinatie in interiorul unui document, caz in care constituie tinta pentru alte trimiteri (A ca ancora)▪ ex: http://www.w3.org/TR/html401/struct/links.html#adef-
name-A activeaza acelasi document, dar cu pozitionare in dreptul zonei identificata de ancora “adef-name-A”
atribute: name = “text”: numele de identificare la definire de ancora href = “URI”: adresa tintei la utilizarea ca link target = “_blank | _self | _parent | _top”: modalitatea de
deschidere a paginii:▪ _blank: o noua fereastra (cu pastrarea paginii anterioare)▪ _self, _ parent, _top: la utilizarea frameset, specificarea modalitatii
de afisare in pagina curenta: in acelasi frame, in frame-ul parintesau ca pagina independenta, inlocuind orice alt frame existent
type = “text MIME caracterizand tipul documentului tinta”▪ ex: “text/html”, “text/css”, “application/pdf”, “image/gif”, etc.
pentru a permite interpretarea corecta de catre browser a tintei. Implicit este “text/html”
altele: id, class, title, etc.
utilizarea tipica: A ca link:
▪ Dati click aici pentru a ajunge la Google
▪ are efect vizual: Dati click aici pentru a ajunge la Google (afisarediferentiata, tipic albastru subliniat si cu activarea unui cursor diferit pentru mouse la survolare)
A ca ancora: ▪ Aici incepe capitolul 1 ▪ fara efect vizual dar cu definire interna a unei tinte pentru alte
link-uri de tipul: http://document.html#cap1
A ca link si ancora simultan : ▪
absolut: prin indicarea URL complet. …
obligatoriu cu specificarea protocolului (e.g. “http://”) altfel interpretarea este facuta relativ.▪ exemplu pozitiv: daca in documentul de la adresa
http://www.etti.tuiasi.ro/doc/ceva.html exista un link: … va exista o trimiterespre server-ul Google
▪ exemplu negativ: daca in documentul de la adresahttp://www.etti.tuiasi.ro/doc/ceva.html exista un link: … va exista o trimitere spre
http://www.etti.tuiasi.ro/doc/www.google.com ?
relativ: la o cale indicata de (se verifica in ordine) eticheta BASE, in sectiunea HEAD: indicata de server in protocolul utilizat (HTTP in acest
caz) adresa documentului curent (cazul cel mai frecvent si
recomandat)▪ exemplu 1: daca in documentul de la adresa
http://www.etti.tuiasi.ro/ceva.html exista un link: … va exista o trimitere spredocumentul http://www.etti.tuiasi.ro/ images/poza.gif
▪ exemplu 2: daca in documentul de la adresahttp://www.etti.tuiasi.ro/doc/ceva.html exista un link: … va exista o trimitere spredocumentul http://www.etti.tuiasi.ro/ images/poza.gif
HTML
atribute: src = “URI”: adresa imaginii care trebuie introduse
alt = “text”: descriere alternativa, de multe oriafisat ca tool-tip in browser-ele vizuale, si ca inlocuitor al imaginii in browser-ele tip text
longdesc = “URI”: adresa unui alt document cu explicatii detaliate: suport minimal in browser-e
altele: ismap, usemap (pentru utilizarea ca zonaactiva), name, id etc.
… mai general, pentru incluziunea diferitelor tipuri
de obiecte in particular se poate folosi pentru a afisa
imagini: Poza de pasaport permite oferirea de indicatii suplimentare
browser-ului si eventual initializarea obiectuluicu eticheta param>
cea mai raspandita utilizare curenta, introducerea continutului multimedia, in special filme sau aplicatii Flash.
exemplu:
HTML
World Wide Web Consortium (W3C), HTML 4.01 Specification
http://www.w3.org/TR/html401/
HTML - manual interactiv on-line (lb. romana)
http://profs.info.uaic.ro/~val/htmlearn.html
Laboratorul de microunde si optoelectronica http://rf-opto.etti.tuiasi.ro [email protected]