Formatareafonturilor

Grupul Scolar Voievodul Gelu” – Zalau
Profesor: Ciupe Carmen

ITAC
Proiect de activitate didactica
Data:
Numele: Ciupe Carmen
Clasa: a XII-a E, H,I
Tema: Formatarea documentelor
Competente specifice:
- Enumerarea marcajele folosite pentru delimitarea randurilor;
- Observarea atributelor de formatare a culorilor la text si la pagina;
- Utilizarea atrbutelor multiple pentru formatarea culorilor;
- Aplicarea in lucrari practice a marcajelor de farmatare a culorii;
Metode: conversatia, observatia, exercitiul, exemplificarea, repetitia,
Mijloace de invatare: calculatorul, tabla, creta colorata, Internet explorer;
Metode de evaluare: observatia sistematica, aplicatii practice
Bibliografie: HTML prin exemple Ed. Teora - Teodoru Gugoiu;

Crearea paginilor web – Ed. Teora – Ned Snell
Evaluarea lectiei:
1. Care este marcajul pentru adaugarea de fonturi de culoare paginii? Dar textului?
2. Cu ce marcaj este trecut textul pe randul urmator?
3. Cu ce se preformateaza textele?
4. Realizati o aplicatie care sa cuprinde toate marcajele invatate?
ITAC
Formatarea fonturilor
Sfarsitul de linii
Sa presupunem ca dorim sa introducem in pagina web (adica in ceea ce va afisa browser-ul)
mai multe linii vom folosii marcajul <br> (de la line break- intrerupe linia).
Ex:
<html>
<head>
<title>
<aceasta este pagina mea>
</title>
</head>
<body>
Prima linie
A doua linie
A treia linie
</body>
</html>
Blocuri preformatate
Pentru ca browser-ul sa interpreteze corect caracterele “spatiu”, “tab” ce apar in cadrul unui
text, acest text trebuie inclus intr-un bloc <pre> … </pre>. Pentru a observa facilitatile oferite de un
bloc <pre> … </pre> folositi exemplu:
<html>
<head>
<title>
acesta este titlul primei pagini
</title>
</head>
<body>
<pre>
(00)
\/ | | \/
_| |_
</pre>
</body>
ITAC
</html>
Culori, fonturi si margini

O culoare poate fi determinata in doua moduri:
1. Printr-un nume de culori. Sunt disponibile cel putin urmatoarele 16 nume de culori: aqua, black,
blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white si yallow.
2. Prin constructie “rrggbb” unde r, g sau b sunt cifre hexazecimale si pot lua valorile:
0,1,2,3,4,5,6,7,8,9,0,a,A,b,B,c,C,d,D,e,E,f sau F; se pot defini astfel 65536 de culori. S-a folosit
aici modelul de culori RGB (red, Green, Blue). Conform acestei model, oculoare se obtine din
amestecul a trei culori fundamentale: rosu, verde si albastru.
Culorile unei pagini se precizeaza prin intermediul unui atribut al etichetei <body>. Atributele
apar in interiorul parantezelor ce delimiteaza eticheta dupa sintaxa:
<eticheta atribut=valoare>
De exemplu, culoarea fontului paginii web se stabileste cu atributul bgcolor al etichetei <body>,
astfel: <body bgcolor=culoare>, unde culoarea se stabileste dupa modelul precizat mai sus.
Pentru a realiza o pagina web cu fondul de culoare galbena, putem proceda ca in exemplul
urmator:
Ex:
<html>
<head>
<title>
Exemplul 2
</title>
</head>
<body bgcolor=”yellow>
Aceasta este o pagina web<br>
Cu fondul de culoare galbena.
</body>
</html>
Culoarea textului
Acest lucru se face prin intermediul atributului text al etichetei <body>, dupa sintaxa: <body
text=culoare>, unde culoarea se precizeaza ca in exemplul anterior.
Ex:
<html>
<head>
<title>
ITAC
exemplul 3
</title>
</head>
<body text=”red”>
Aceasta este o pagina web cu textul de culoare rosie.
</body>
</html>
Atribute multiple
O eticheta poate avea mai multe atribute. De exemplu, o eticheta cu trei atribute arata astfel:
<eticheta atribut1=valoare1 atribut2=valoare2 atribut3=valoare3>.
Urmatorul exemplu prezinta modul de construire a unei pagini web cu fondul de culoare galbena
si textul de culoare rosie:
Ex:
<html>
<head>
<title>
Exemplul 3
</title>
</head>
<body bgcolor=”yellow” text=”red”>
Aceasta pagina web este cu fondul de culoare galbena <br>
Si cu textul de culoare rosie.
</body>
</html>
Stabilirea caracterelor textului de baza

Formatareafonturilor

Î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

Formatareafonturilor

Încărcat de

Drepturi de autor:

Formate disponibile

Grupul Scolar Voievodul Gelu” – Zalau

Profesor: Ciupe Carmen

Tema: Formatarea documentelor

Metode: conversatia, observatia, exercitiul, exemplificarea, repetitia,

Mijloace de invatare: calculatorul, tabla, creta colorata, Internet explorer;

Metode de evaluare: observatia sistematica, aplicatii practice

Bibliografie: HTML prin exemple Ed. Teora - Teodoru Gugoiu;

Culori, fonturi si margini

Stabilirea caracterelor textului de baza

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