Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de...
Transcript of Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de...
![Page 1: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/1.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Comunicare în medii electronice
Dr. Sabin‐Corneliu Buraga
![Page 2: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/2.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Proiectarea siturilor Webcontinuare
![Page 3: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/3.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
The ability to simplify meansto eliminate the unnecessary so that
the necessary may speak.Hans Hofmann
![Page 4: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/4.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Întrebare
Cum vom proiecta conținutul paginilor Web?
![Page 5: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/5.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Întrebare
Care sunt aspectele de interes privind textul?
![Page 6: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/6.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Componentă vitală a procesului de comunicare
Nu înseamnă “picking a cool font”!
Typos (impresie) + grapheia (scriere)
![Page 7: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/7.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Corpul de literă – typeface, fontmulțime unitară de glyphs(semne, simboluri grafice)
asociate unui set de caractere
Font: Caracter→ Semn
![Page 8: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/8.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Corpul de literă
dimensiunemăsurată în puncte tipografice ori picas
scala: 6 8 9 10 11 12 14 16 18 21 24 36 48 60 72
![Page 9: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/9.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
1: baselinelinia imaginară pe care se redau caracterele
![Page 10: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/10.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
2: cap heightmarchează înălțimea tuturor majusculelor
![Page 11: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/11.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
3: crossbarbara care conectează cele doua linii ale “A” sau “H”
![Page 12: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/12.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
4: serifdetaliu adăugat unor glyphs
![Page 13: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/13.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
5: meanlinemarginea superioară a minusculelor
![Page 14: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/14.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
6: bowlcurbatura asociată unor glyphs – e.g., “D”, “g”
![Page 15: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/15.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
7: descenderporțiunea inferioară a minusculelor “g”, “j”, “p”, “q”, “y”
![Page 16: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/16.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
8: counterspațiul negativ din cadrul unui glyph
![Page 17: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/17.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
9: stembara principală verticală/diagonală a unei litere
![Page 18: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/18.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
10: tittledefineşte simbolul figurat deasupra unor glyphs
(e.g., unele diacritice: accente/marcaje – é, ö, ň,…)
![Page 19: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/19.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
11: terminalterminația unei bare/linii
![Page 20: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/20.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
12: ascenderporțiunea superioară a unor minuscule – e.g., “b”, “f”, “t”
![Page 21: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/21.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
13: legterminația inferioară a unor litere – e.g., “K”, “R”, “Q”
![Page 22: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/22.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
14: ligaturedesemnează combinația a două glyphs alăturate
îmbunătățeşte aspectul estetic
![Page 23: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/23.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
15: x‐heightînălțimea literei mici “x”
![Page 24: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/24.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Corpul de literă
proporțiaindică variația de lățime a setului de glyphs
proporționat vs.monospațiat (monospace)
![Page 25: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/25.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 26: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/26.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Corpul de literă
efecte speciale:îngroşare (bold), înclinare (italics), subliniere (underline)
culori, umbriri, rotiri, perspective etc.
![Page 27: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/27.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Corpul de literă
familia de fontclasifică fonturile pe baza unor caracteristici
(e.g., modul de redare a glyph‐urilor)
include fontul de bază + variants (italic, bold, bold italic)
![Page 28: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/28.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 29: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/29.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Corpul de literă
fonturi “sigure” pentruWebdisponibile pe orice sistem
![Page 30: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/30.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 31: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/31.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Formate electronice de fonturiBitmap/raster – fiecare glyph este reprezentatprintr‐o matrice de puncte (pixeli) pentru fiecare dimensiuneExemple: fonturile pentru consola Linux
![Page 32: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/32.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Formate electronice de fonturiVectoriale – fiecare glyph e generat prin calcularea unui set de vectori (linii, curbe Bézier,…)Formate: PostScript, TrueType, OpenType
![Page 33: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/33.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
“Culoarea” tipograficăindică densitatea texturii conținutului unei pagini
“It refers only to the darkness or blacknessof the letterform in mass.”
Robert Bringhurst, The Elements of Typographic Style
![Page 34: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/34.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 35: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/35.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Măsuraindică lungimea unei linii de text
element‐cheie al uşurinței parcurgerii conținutului
![Page 36: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/36.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 37: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/37.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Măsura
valori recomandate: 45‐75 caractere (30‐50 em)
dificil de stabilit pentru layout‐uri lichide
![Page 38: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/38.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 39: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/39.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Kerningprocesul de ajustare a spațiului
dintre 2 glyphs alăturate
actualmente, nu există suport oferit la nivel de Web
![Page 40: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/40.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 41: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/41.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Leading (sau line‐spacing)spațiul vertical dintre 2 linii de text
uzual, titlurile (headings) nu necesită leadingfonturile masive vor avea nevoie de leadingmai mare
fonturile sans‐serif necesită mai mult leading decât cele seriflățimea mai mare a liniei conduce la creşterea leading‐ului
![Page 42: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/42.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 43: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/43.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Ritmul vertical“...the total amount of vertical space consumed by
each departure from the main text should bean even multiple of the base leading.”
Robert Bringhurst, The Elements of Typographic Style
![Page 44: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/44.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Ritmul verticalstabilit prin realizarea unui grid invizibil de linii
orizontale pe baza înălțimii fontului de bază utilizat
![Page 45: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/45.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Linia albă (white line)spațiul vertical liber dintre 2 paragrafe adiacente
tipografia tradițională în loc de linii albe foloseşte tehnica aliniatului paragrafelor (indentation)
![Page 46: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/46.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Indicarea unui paragraf nouTehnici: aliniat, linia albă, letrina, ornamente,…
de folosit în mod unitar un singur mijloc
primul paragraf nu are aliniat
![Page 47: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/47.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Liniuța de unire orizontală (dash)‐ hyphen Sabin‐Corneliu Buraga– en dash 14:00–16:00
Separație de fraze – cu spații.— em dash Separație de fraze—fără spații.− minus Scădere (20−5=15)
![Page 48: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/48.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Lizibilitateatehnici de anti‐aliasing
minimizarea distorsiunilor (aliasing) vizuale
fonturile cu serifeajută la mutarea privirii de‐a lungul liniilor de text
![Page 49: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/49.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
![Page 50: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/50.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Utilizarea peWeb a fonturilor nestandardfolosirea de valori negative pentru text‐indent
textul va fi substituit de o imagine
<h1>textul va fi substituit</h1>h1 { text‐indent: ‐7000px; background: url(imagine.png);
width: 200px; height: 80px; /* dimens. imaginii */ }
![Page 51: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/51.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography
Utilizarea peWeb a fonturilor nestandardgenerarea de imagini care să substituite textul
la nivel de server
utilizarea de biblioteci – ImageMagick, GD,…tehnica sIFR (Scalable Inman Flash Replacement)
![Page 52: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/52.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Typography: Aplicații software
Programe de editare & management de fonturi
Sisteme de tip DTP – DeskTop Publishingaliniate paradigmei WYSIWYG (What You See Is What You Get)
Sisteme de marcare (typesetting)utilizează un set de marcaje: TeX, LaTeX, XML,…
Aplicații pentru tipografie digitală (digital typography)
![Page 53: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/53.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Întrebare
Care sunt aspectele de interes privind grafica?
![Page 54: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/54.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Oferă o înfățişare distinctă a suprafețelor
Se bazează pe puncte, linii, forme (shapes)
![Page 55: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/55.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Punctul (dot, point)element fundamental al designului grafic
prin grupare, poate sugera imagini(linii, forme, volume) – tehnica halftone
![Page 56: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/56.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
![Page 57: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/57.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Linia (line)
proprietăți importante:direcție, grosime, curbură
![Page 58: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/58.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Linia (line)
liniile diagonale – e.g., haşurile – sugerează mişcarea (vivacitatea)
liniile curbe sunt deosebit de expresive
![Page 59: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/59.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Linia (line)
![Page 60: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/60.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Forma (shape)creată pe baza liniilor
categorii: geometrice sau libere/organice (freeform)
![Page 61: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/61.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Forma (shape)
formele geometrice perfecte inducun mesaj tehnic/mecanic
formele libere sunt mai abstracte,sugerând informalitate, spontaneitate, umanism
![Page 62: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/62.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Forma (shape)
![Page 63: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/63.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Volumula treia dimensiune spațială a conținutului
indică profunzimea (depth)
![Page 64: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/64.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Volumul
perspectivaalegerea unui punct de fugă (vanishing point)
proporția
lumina & umbra
![Page 65: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/65.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
![Page 66: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/66.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Caracterizată de ton (valoare), pattern& culoare
Creată şi de materiale, lumină, reflexie, distanță
Texturile complicate nu se utilizeazăpentru fundalurile paginilor Web
![Page 67: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/67.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
Tipuri:Trompe l’oeil (“înşeală ochiul”)
creşte gradul de realism
Decorativese folosesc modele (patterns)
![Page 68: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/68.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Textura
![Page 69: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/69.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica
Alegerea conținutului grafic
relevant, interesant, atrăgător
![Page 70: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/70.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica
Utilizarea ilustrațiilor & fotografiilor
ilustrații de calitateminimizarea timpului de încărcare
asigurarea accesibilității (descrieri alternative textuale)
![Page 71: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/71.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
PixelModel cromatic: RGB, CYMK,…
Rezoluție: W &H, dpi (dots per inch)Adâncime de culoare: 8 biți, 64K, TrueColor
Compresie: cu/fără pierderiSistem de coordonate
![Page 72: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/72.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Reprezentare bitmap (raster)imagini reprezentate prin matrice de pixeli
culoarea unui pixel va fi stocată pe un număr fix de biți (adâncimea de culoare)
contrast, luminozitate, efecte: blur, sharpen, desaturate,…
![Page 73: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/73.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Reprezentare vectorialăimagini compuse din primitive grafice
(plot, line, polyline, polygon, arc, ellipse, box,…)
rotire, oglindire (flip), scalare, colorare,umplere (cu o culoare/pattern) etc.
![Page 74: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/74.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
IndexareCLUT (Color Look‐Up Table) pentru maxim 256 culori
pixelii nu sunt reprezentați prin valoarea culorii,ci prin valoarea indexului tabelei CLUT
![Page 75: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/75.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
![Page 76: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/76.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Ditheringproces de “scalare” cromatică a unei imagini
conținând un număr mare de culorila un număr mai mic de culori (e.g., 256)
![Page 77: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/77.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
![Page 78: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/78.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Formate pentru WebGIF (Graphics Interchange Format)
indexat, maxim 256 culori
permite realizarea de animații simple
oferă transparență(o culoare din CLUT este considerată transparentă)
![Page 79: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/79.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
![Page 80: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/80.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Formate pentru WebJPEG (Joint Picture Experts Group)
compresie cu pierderi a imaginilor cu tonuri continueadâncime de culoare 24 biți/pixel – TrueColor
încărcare progresivă (detaliile imaginii se îmbogățescprogresiv cu încărcarea fişierului)
![Page 81: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/81.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Formate pentru WebJPEG (Joint Picture Experts Group)
calitatea imaginilor JPEG vs. dimensiunea fişierelor
rate mari de compresie conduc la apariția “zgomotului”
![Page 82: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/82.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
![Page 83: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/83.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Formate pentru WebPNG (Portable Network Graphics)
combină avantajele JPEG şi GIF: TrueColor, transparență (graduală), compresie fără pierderi
se acceptă şi stocarea indexată a culorilor
standard deschis al Consorțiului Web
![Page 84: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/84.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Formate pentru WebWBMP (Wireless Bitmap)
folosit în lumea comunicațiilor fără fir
adâncime de culoare de 1‐8 biți/pixel
![Page 85: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/85.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Grafica electronică
Formate pentru WebSVG (Scalable Vector Graphics)permite redarea graficii vectoriale,
pe baza unor marcaje textuale
standard deschis al Consorțiului Web
<circle cx="100px" cy="100px" r="0.5cm" fill="red" />
![Page 86: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/86.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Multimedia
Animațiicadre (frame‐uri) de imagini care se succed
într‐un interval de timp – e.g., 25 fps (frames per second)
GIF, JavaScript, Flash, applet‐uri Java, SVG, Silverlight,...
![Page 87: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/87.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Multimedia
Videonecesitatea compresiei datel0r + redarea analog ↔ digital
codec (codificator‐decodificator)redat în regim de streaming sau nu
MPEG, AVI, Flash, RealVideo, QuickTime etc.
Streaming = redarea unui conținut (audio, video)pe măsura încărcării acestuia, în timp‐real
![Page 88: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/88.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Multimedia
Sunetconvertirea în format digital a undelor audio
sunete eşantionate – e.g., CD audio: 44100 eşantioane/sec.număr de canale (1 – mono, 2 – stereo, ≥4 – surround)
MIDI, MP3, RealAudio, QuickTime, WMA,…
nu se foloseşte ca “fundal” pentru paginile Web
![Page 89: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/89.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Rezumat
Proiectarea conținutului paginilor Web
De la tipografie la textură& graficăAspecte privind conținutul multimedia
![Page 90: Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie](https://reader033.fdocuments.us/reader033/viewer/2022041721/5e4e6f99fa5414173c54ac39/html5/thumbnails/90.jpg)
here://iCome
Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/
Întrebări?