Selectarea Culorilor și Fonturilor în Documentele HTML

Laborator
8/10 (1 vot)
Domeniu: Electronică
Conține 1 fișier: pdf
Pagini : 11 în total
Cuvinte : 2048
Mărime: 672.97KB (arhivat)
Publicat de: Todor Ilie
Puncte necesare: 0
Lucrarea 8

Extras din laborator

Aplicatia nr. 8

Selectarea culorilor si fonturilor în documentele HTML

7.1. Scopul lucrarii

Lucrarea are drept scop stabilirea culorilor si fonturilor utilizate la crearea

unei pagii Web.

7.2. Culorile.

Culoarea reprezinta o caracteristica extrem de importanta a unei pagini

Web. Utilizata cu grija îmbunatateste substantial aspectul paginii, facând-o mai

lizibila si mai atractiva, iar textul mai usor de parcurs.

Sistemul general utilizat pentru definirea culorilor este RGB prin care sunt

specificate pentru fiecare culoare care sunt cantitatile de rosu (Red), verde

(Green) si albastru (Blue) care o compun.

În HTML orice culoare este desemnata printr-un cod de 6 caractere

hexazecimale, dintre care primele doua reprezinta cantitatea de rosu, cele doua

din mijloc reprezinta cantitatea de verde, iar ultimele doua reprezinta cantitatea

de albastru.

Sistemul hexazecimal foloseste 16 caractere alfanumerice, existând

urmatoarea corespondenta între cifrele hexazecimale si cele zecimale:

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

0 1 2 3 4 5 6 7 8 9 A B C D E F

Exemplu: #FF0000 este codul pentru rosu. Deci cantitatea de rosu este

maxima (FF), iar cantitatea de verde (00) si albastru (00) sunt egale cu zero.

Standardul HTML 3.2 stabileste un set de 16 culori standard

Nume culoare Cod hexazecimal

aqua #00FFFF

black #000000

blue #0000FF

fuchsia #FF00FF

gray #808080

green #008000

lime #00FF00

maroon #800000

navy #000080

olive #808000

Indrumar de laborator – Anul I Text preliminar

90

purple #800080

red #FF0000

silver #C0C0C0

teal #008080

yellow #FFFF00

white #FFFFFF

Pe lânga culori se pot utilize 100 de nuante de gri (gray). Ele sunt

numeroate de la 1 la 100, “gray 1” fiind nuanta cea mai închisa, iar “gray 100”

este nuanta cea mai deschisa. Multe din editoarele grafice folosesc pentru a defini

culorile codului zecimal, numere care stabilesc cantitatile celor trei culori RGB în

sistem zecimal.

Exemplu: #63FF80 are codul zecimal 99, 255, 128. Aceasta

corespondenta se realizeaza trecând fiecare din cele trei numere hexazecimale din

codul culorii în sistemul zecimal:

(16) (10) 63 = 99 , (16) (10) FF = 255 , (16) (10) 80 =128 .

Conversia unei culori al carei cod este zecimal în cod hexazecimal se face

folosind calculatorul din WINDOWS (StartAccessoriesCalculator) care

trebuie setat pe optiunea Scientific din meniul View. Se selecteaza butonul radio

Dec  se tasteaza numarul în baza 10  si apoi se selecteaza optiunea Hex.

Rezutatul conversiei apare pe ecran. Conversia inversa se realizeza în mod similar.

7.2.1. Culoarea fundalului. Pentru stabilirea culorii fundalului unei pagini

se foloseste atributul bgcolor (background color) al etichetei <BODY>, caruia i se

atribuie o valoare astfel: <BODY bgcolor=#RGB sau nume_culoare>

EXEMPLUL I

<HTML>

<HEAD>

<TITLE>Culori</TITLE>

</HEAD>

<BODY bgcolor=#00FF00>

<H1 align=center> Pagina cu fundal verde </H1> <HR>

</BODY>

</HTML>

Dupa introducerea codului în documentul HTML pagina Web arata astfel:

Indrumar de laborator – Anul I Text preliminar

91

7.2.2. Culoarea textului. Pentru a seta culoarea textului din întreaga

pagina se foloseste atributul text al etichetei <BODY> caruia i se atribuie o valoare

astfel:

<BODY text=#RGB sau nume_culoare>

Preview document

Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 1
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 2
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 3
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 4
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 5
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 6
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 7
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 8
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 9
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 10
Selectarea Culorilor și Fonturilor în Documentele HTML - Pagina 11

Conținut arhivă zip

  • Selectarea Culorilor si Fonturilor in Documentele HTML.pdf

Alții au mai descărcat și

Programul Pspice - generalități

Se vor prezenta progresiv toate informaţiile de care are nevoie un utilizator pentru a efectua diverse tipuri de analize ale circuitelor...

Laborator CAD an II

LUCRAREA DE LABORATOR nr. 1 Metode CAD de generare a schemelor electronice Scopul lucrării: Scopul lucrării de laborator nr.1 este acela de a...

Laborator Matlab

Laborator 1 Mediul de programare Matlab (Limbajul de programare Matlab) Noţiuni generale Matlabul este un program de înaltă performaţă...

Studierea Circuitelor Trifazate cu Conexiune în Stea

4.1. Scopul lucrării: Cercetarea diferitelor regimuri de funcţionare a receptoarelor de energie legate în stea, în cazul conectării lor la o sursă...

Cercetarea Proprietăților Releelor Electromagnetice

1.Scopul lucrării: A lua cunoştinţă de principiile de lucru ale releurilor electromagnetice, de a determina experimental unele caracteristice ale...

Analiza de Curent Continuu

1.DIODA SEMICONDUCTOARE Fig.1.1. Schema circuitului pentru determinarea caracteristicii diodei Fig.1.2. Caracteristicile statice, in polarizare...

Simulări în PSpice la redresoare

*redresor monolternanta R1 0 2 10K D1 1 2 DM2 .MODEL DM2 D (IS=8.0E-16) V1 1 0 SIN(0 5 50) .TRAN 0.2M 100M .DC V1 -15 15 0.1 .FOUR 50 V(1)...

Studiul Limbajului HTML și a Structurii Publicațiilor Web

Aplicatia 7 Studiul limbajului HTML si a structurii publicatiilor WEB 6.1. Scopul lucrarii. Studentii vor învata cum sa-si creeze o pagina Web...

Te-ar putea interesa și

Organizarea Informațiilor pe Web

Capitolul 1. Introducere 1.1 Istoric World Wide Web Web (World Wide Web sau, pe scurt, WWW) reprezintă un sistem de distribuţie locală sau...

Curs - Limbajul HTML

Limbajul HTML este un limbaj ce permite descrierea paginilor web. - HTML = Hyper Text Markup Language - HTML nu este un limbaj de programare, ci...

Laboratoare Limbajul de Programare HTML

Laboratorul 1 Limbajul HTML - Introducere Limbajul HTML este un limbaj ce permite descrierea paginilor web. - HTML = Hyper Text Markup Language...

Webdesign

I. Consideraţii generale privind Internet şi World Wide Web La ora actuală în lume există milioane de calculatoare, care sunt folosite în cele mai...

Îndrumar laborator pentru PHP și HTML

Laborator 1 Introducere –definitiile Ce înseamna WWW (World Wide Web)? - foarte des World Wide Web (WWW) este denumit prescurtat “Web-ul”. -...

Ai nevoie de altceva?