Atestat Informatica HTML

=ATESTAT=
Data susinerii: 9.mai.2013
Ultimele tendine
n mod
ELEV: Vlase Alexandru Mihai

CLASA : a XII-a A
PROFESOR COORDONATOR: Prof. Mereuta Camelia
LICEU: Colegiul Naional Alexandru Ioan Cuza, Focani
Cuprins
1 notiuni de html
1.1
1.2
1.3
1.4
2.1
2.2
2.3
2.4
Structura paginii
Despre texte
Despre culori
Link-uri si pozitionare
2 introducere in css
Ce inseamna CSS?
Prioritate in cascada
Folosirea stilurilor
Cum se insereaza o foaie de stil
3. Prezentarea proiectului
4. Cerintele sistemului
5. Bibliografie
6. ANEXE PROGRAM
1.Notiuni de HTML
1.1. Structura paginii
Paginile pe internet sunt, de regula, realizate intr-un limbaj
numit HTML - HyperText Mark-up Language. Editarea acestora
se poate face in orice program de editare texte, pornind chiar
2
cu banalul Notepad din Windows. Toate notiunile prezentate in

acest ghid pot fi puse in practica utilizand Notepad, astfel incat
poti deschide Notepad acum.
Fisierul pe care il vom edita se va numi index.html. In general
fisierul principal al unui site internet (cel care se incarca atunci
cand tastam o adresa de genul www.abc.abc) este numit
index.html.
Instructiunile pe care le folosim intr-o pagina HTML se numesc
tag-uri si acestea indica browser-ului (Mozilla Firefox, Internet
Explorer, Google Chrome etc.) modul de prezentare a
informatiei din pagina. Tag-urile se scriu intre semnele < si >.
Tag-urile nu trebuie scrise respectand reguli foarte stricte (nu e
nevoie sa scrii numai cate un tag pe rand sau sa foloseti numai
litere mari etc.).Un exemplu de utilizare a tag-ului FONT este:
<FONT FACE=ARIAL COLOR=#FF0000>Text </FONT>
Instructiunea de mai sus va determina afisarea textului
"Text" cu font arial si culoarea rosie. Dupa cum se poate
observa, exista un tag inaintea textului si unul care incheie
textul respectiv. Majoritatea tag-urilor functioneaza in
acest mod: se pun inaintea informatiei pe care dorim sa
o prezentam intr-un anume mod iar apoi la sfarsitul
acesteia, ca in exemplul de mai sus.
Continutul oricarui fisier HTML trebuie inclus intre tag-urile
<HTML> si </HTML>. Aceasta inseamna ca tag-ul <HTML>
trebuie sa fie primul lucru care apare intr-un fisier HTML, iar
tag-ul </HTML> trebuie sa fie ultimul:
<HTML>
...aici se completeaza informatia de prezentat in pagina...
</HTML>
Ca structura, o pagina HTML are doua parti: o parte delimitata

de tag-urile <HEAD> si </HEAD> ce contine informatii de
identificare a paginii si o parte delimitata de tag-urile <BODY>
si </BODY> ce contine informatiile de prezentat efectiv in
pagina. Asupra primei sectiuni nu vom insista prea mult. Cel
mai important tag utilizat in sectiunea HEAD este cel care da
titlul paginii. Acest titlu va fi incadrat de <TITLE> si </TITLE>.
Un exemplu de pagina HTML foarte simpla, avand titlul "
Ajutnd natura, te ajui!" este:
3
<HTML>
<HEAD>
<title>Ultimele tendine n mod</title>
<BODY>
...aici se completeaza continutul paginii...
</BODY>
</HTML>
</HEAD>
Tag-urile <HTML>...</HTML>, <HEAD>...</HEAD>,

<TITLE>...</TITLE> si <BODY>...</BODY> vor aparea o
singura data in cadrul unui fisier HTML, dupa cum arata
exemplul de mai sus.
1.2 Despre texte
Cel mai important element al unei pagini internet este,
desigur, textul. Intr-o forma simpla, acesta poate fi scris
efectiv intr-o pagina HTML, dupa cum am vazut in exemplul
anterior: am scris in fisierul HTML textul "...aici se completeaza
informatia de prezentat in pagina..." si acesta s-a incarcat in
mod identic in browser.
Vom studia in continuare elemente de formatare a textului.
Doua lucruri trebuie mentionate in primul rand, legate de
formatarea textelor: utilizarea spatiilor si trecerea la un nou
rand. Intr-un fisier HTML afisarea mai multor spatii consecutive
nu este posibila prin scrierea directa in fisierul html ci folosind
de mai multe ori sintagma . Astfel, pentru a pune trei
spatii intre cuvintele Tendine, n si mod in textul
"Ajutnd natura, te ajui" va trebui sa scriem in fisierul HTML
astfel:
Tendine n mod
Trecerea la un nou rand nu se face apasand Enter in fisierul
HTML, ci utilizand tag-ul <BR> (acest tag se utilizeaza singur;
nu se foloseste cu </BR>).Astfel, pentru a scrie "Tendine n" pe
un rand, a lasa un rand liber, si "mod" pe un rand separat,
vom folosi:
Tendine n <BR><BR>mod
Am utilizat mai sus de doua ori tag-ul BR: o data pentru a
trece la un nou rand si o data pentru a lasa un rand liber. Tag-ul
4
utilizat pentru formatarea modului de afisare a textului este

<FONT>...</FONT>. Tag-ul FONT suporta mai multi
parametri, printre care:
- SIZE=x, unde x este dimensiunea fontului (1 fiind
dimensiunea cea mai mica);
- COLOR=#RRGGBB - culoarea cu care se va afisa fontul (vom
reveni asupra acesteia in capitolul urmator).Culoarea implicita
este negru;
- FACE=font - fontul cu care va fi scris textul respectiv. Atentie!
Vizitatorii paginii tale trebuie sa aiba fontul respectiv instalat pe
calculator, deci utilizeaza numai fonturi "clasice". Fontul implicit
este Times New Roman.
Acesti parametri poti fi utilizati separat sau simultan in cadrul
tag-ului FONT. Astfel, instructiunea de mai jos afiseaza text
folosind culoarea albastru:
<FONT COLOR=#0000AA>Ajutnd natura</FONT>
Instructiunea de mai jos afiseaza acelasi text cu font arial,
culoare albastra si dimensiune mai mare:
<FONT COLOR=#0000AA SIZE=4 FONT=ARIAL >Ajutnd
natura </FONT>
Dupa cum se poate vedea, se pot utiliza mai multi
parametri in cadrul aceluiasi tag FONT. Acestia nu se despart
prin virgula, ci printr-un spatiu.De retinut ca parametrul FACE
poate primi mai multe fonturi.
Astfel, un tag de tipul <FONT
FACE=VERDANA,ARIAL>...</FONT> va instrui browserul sa
utilizeze fontul Verdana, iar daca acesta nu este gasit, sa
utilizeze Arial.
Mai exista trei tag-uri utile pentru formatarea textelor:
<B>...</B> - utilizat pentru scrierea textelor cu bold,
<I>...</I> - utilizat pentru scrierea textelor cu italics (litere
inclinate) si <U>...</U> - pentru a scrie text subliniat.
Desigur, pot exista combinatii intre tag-ul FONT si tag-urile de
subliniare, ingrosare sau inclinare, ca de exemplu:
<FONT COLOR=#00AA00><B>Text verde
ingrosat</B></FONT>
Tine cont ca tag-urile trebuie inchise in aceeasi ordine in care
au fost deschise.
1.3 Despre culori

Am vazut in capitolul anterior ca textele din paginile HTML
pot avea diverse culori cu un tag de tipul <FONT
COLOR=#00FF00>...</FONT>. Vom prezenta in continuare
sistemul de codificare a culorilor pentru paginile web.
Fiecare culoare este interpretata ca fiind compusa din diverse
procente ale culorilor rosu, verde si albastru. Acestea sunt
exprimate prin numere in baza 16. Astfel, numarul 00
reprezinta nivelul minim dintr-o anumita culoare iar numarul FF
reprezinta nivelul maxim. Acordand ponderi exprimate prin
aceste numere in baza 16 culorilor rosu, verde si albastru (Red,
Green, Blue - RGB) se poate obtine orice culoare:
<FONT
COLOR=#FF0000>
rosu
<FONT
COLOR=#00FF00>
verde
<FONT
COLOR=#0000FF>
albastr
u
<FONT
COLOR=#FFFF00>
galben
<FONT
COLOR=#FF00FF>
mov
<FONT
COLOR=#00FFFF>
bleu
<FONT
COLOR=#000000>
negru
<FONT
COLOR=#FFFFFF>
(alb)
Culorile de mai sus vor fi mai putin "aprinse" daca in loc de FF

se foloseste AA, spre exemplu: #00AA00.
Folosind acelasi sistem vom putea specifica culoarea de fundal
(background) a unei pagini web, in cadrul tag-ului BODY
6
despre care am vorbit la inceputul acestui ghid:

<BODY BGCOLOR=#DDFFFF>
Tag-ul BODY mai poate contine si alte informatii interesante, ca
de exemplu culoarea cu care vor fi afisate link-urile catre alte
pagini (utilizand atributul LINK) si link-urile catre alte pagini
care au fost vizitate deja (folosind atributul VLINK):
<BODY BGCOLOR=#DDFFFF LINK=#0000AA
VLINK=#0000AA>
1.5 Link-uri si pozitionare

Un element important al oricarei pagini web il constituie linkurile catre alte pagini. Acestea pot fi link-uri externe, care fac
referire catre un alt site, sau link-uri interne care fac referire
catre alte pagini ale aceluiasi site. Ambele tipuri se codifica
asemanator prin folosirea unui tag de tipul <A
HREF=link.html>...</A> (pentru un link intern) sau
<A HREF=http://www.abc.abc>...</A> pentru un link
extern.
O alta varianta este posiblitatea transmiterii unui e-mail. Astfel,
codul de mai jos afiseaza "Scrie-ne!", text care prin apasare va
deschide o fereastra pentru transmiterea unui mesaj la adresa
office@abc.abc:
<A HREF="mailto:office@abc.abc">Scrie-ne!</A>
In acelasi mod o pagina HTML poate fi impartita in mai multe
"capitole" (sectiuni), in caz ca este foarte lunga. Astfel, fiecarei
sectiuni i se va asigna un nume, nume ce va putea fi utilizat in
incarcarea paginii respecitve, astfel incat sa se afiseze exact
sectiunea respectiva. Fie fisierul lucrare.html pe care il
impartim in doua sectiuni.Codul care face acest lucru ar fi:
<A NAME=unu>Sectiunea 1</A>
...text pentru sectiunea 1...
<A NAME=doi>Sectiunea 2</A>
...text pentru sectiunea 2...
Apoi, daca dorim sa incarcam fisierul lucrare.html din alta
pagina, dar astfel incat sa se incarce direct sectiunea 2, vom
7
utiliza:
<A HREF=lucrare.html#doi>Apasa aici</A>
In mod similar poti afisa fisiere text (cu extensia txt) sau poti
da posibilitatea vizitatorului sa salveze pe disc un alt tip de
fisier (zip de exemplu):
<A HREF=raport.txt>Raport</A> sau <A
HREF=program.zip>Salveaza programul</A>
Un alt element util in formatarea paginii web este tag-ul
<CENTER >...</CENTER>. Acesta este utilizat pentru
alinierea pe centru a unor elemente (texte, tabele imagini). Tot
ce este scris intre tag-ul <CENTER> si </CENTER> va apare
centrat.
In fisierul nostru deschis in Notepad vom folosi tag-ul CENTER
pentru a pozitiona central elementele paginii. Astfel, vom
introduce tag-ul <CENTER> imediat dupa tag-ul BODY de la
inceputul fisierului (<BODY BGCOLOR="#DDFFFF"
LINK="#0000AA" VLINK="#0000AA">) si vom mai introduce si
</CENTER> imediat inainte de tag-ul </BODY> de la sfarsitul
fisierului.
Mai facem o imbunatatire fisierului index.html deschis in
Notepad, prin introducerea unor link-uri. Identifica in cel de-al
doilea tabel din acest fisier textul "Va stam la dispozitie si prin
<B>e-mail</B>" si inlocuieste <B>e-mail</B> cu:
<B><A HREF="mailto:info@xyz.xyz.ro">e-mail</A></B>
2.Introducere in CSS
2.1 Ce inseamna CSS ?
CSS (Cascading Style Sheets) sau foi de stil n cascad,
reprezint un mecanism simplu de a aduga elemente de stil
(tipuri de caractere, culori, aliniere, spaiere etc.) unui
document web.
Tag-urile HTML au avut iniial rolul de defini coninutul unui
document, de a face distincia ntre titlul unui paragraf (definit
prin tag-urile <Hn>), coninutul paragrafului (definit prin tag-ul
<P>), tabele (definite prin tag-ul <TABLE>) etc. Aspectul i
8
modul de afiare al unui site cdeau n sarcina browserului, fr

a fi folosite niciun fel de tag-uri de formatare.
Dar cum cele dou principale browsere Internet Explorer
i Netscape Navigator au continuat s adauge noi tag-uri i
atribute limbajului HTML original, a devenit tot mai dificil s
creezi un site n care coninutul documentului HTML s fie clar
separat de modul su de prezentare.
Pentru a rezolva aceast problem, consoriul W3C,
responsabil de standardizarea specificaiilor HTML, a creat
stilurile i le-a adugat specificaiilor HTML 4.0.
n prezent, marea majoritate a browserelor suport CSS.
2.2 Prioritate in cascada
CSS specific o schem a prioritilor pentru a determina
care regul de stil are prioritate atunci cnd exist mai multe
reguli aplicate aceluiai element. Este vorba de aa-numita
prioritate n cascad, prioritatea fiind calculat conform
anumitor reguli, astfel nct rezultat s fie predictibil.
Informaiile de stil pot fi prezentate sub diferite forme,
astfel putem deosebi:
stiluri inline, definite n interiorul unui element HTML
-
foi de stil interne, definite n interiorul elementului

<HEAD>
foi de stil
extensia .css
externe,
definite
ntr-un
fiier
cu
Prioritatea cea mai mare o are stilul inline, dup care, din
punctul de vedere al prioritii, urmeaz stilul definit n
interiorul elementului <HEAD> i, n cele din urm, stilul din
foia extern. Prin urmare, o definire a stilului inline va prevala
n faa stilului intern care, la rndul su, va prevala n faa
stilului extern.
2.3 Folosirea stilurilor
Sintaxa CSS este alcatuit din trei pri: un selector, o
proprietate i o valoare, n urmtorul format:
selector { proprietate: valoare}
9
Selectorul este reprezentat de elementul (tag-ul) crui

dorii s-i aplicai un anumit stil, proprietatea este atributul pe
care dorii s-l schimbai i fiecare proprietate poate lua o
anumit valoare. Propritatea i valoarea sunt separate de dou
puncte (:) i sunt ncadrate de acolade {}. De exemplu:
body {color: blue}
Dac dorii s modificai mai multe proprieti aceluiai
element, trebuie s separai fiecare proprietate cu punct i
virgul (;). Exemplul de mai jos arat cum s definii un
paragraf aliniat pe centrul paginii iar textului i se aplic
culoarea roie:
p {text-align: center; color: red}
Pentru a evidenia mai bine proprietile definitie de stil,
putei scrie fiecare proprietate pe cte un rnd, ca n exemplul
urmtor:
p {text-align: center;color: red}
De asemenea, ca i n HTML, pentru a putea introduce i
explicaii ce pot fi utile ulterior, n CSS pot fi inserate comentarii
ce vor fi ignorate de ctre browser. Comentariile ncep cu (/*) i
se ncheie cu (*/), ca n exemplul urmtor:
/* Acesta este un comentariu */
2.4 Cum se insereaza o foaie de stil ?
Cnd un browser citete o foaie de stil, va aplica
documentului formatrile specificate n foia respectiv. n
funcie de forma n care sunt prezentate informaiile de stil,
inserarea acestora ntr-un document web se poate efectua n
trei moduri:
a) astfel, pentru inserarea unei foi de stil externe, ideal
cnd stilul se va aplica mai multor pagini, trebuie folosit tag-ul
<LINK> n fiecare pagin ce urmeaz s foloseasc stilul
respectiv. Atributele obligatorii pentru tag-ul <LINK> sunt REL
cu valoarea stylesheet, TYPE cu valoarea text/css i HREF
care are ca valoare adresa URL a fiierului care conine foaia de
stil.
Acest tag se amplaseaz n seciunea HEAD a paginii web
cu urmtoarea sintax:
10
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="
nume_fiier.css">
</HEAD>
n aceste condiii, browserul va citi foia de stil din fiierul
nume_fiier.css i va formata documentul n mod
corespunztor.
O foaie de stil poate fi scris n orice editor de text. Fiierul
nu trebuie sa conin vreun tag HTML i trebuie salvat cu
extensia .css.
b) o foaie de stil intern ar trebui folosit atunci cnd
exist un singur document cu un stil propriu. Foaia de stil
intern se definete n seciunea HEAD folosind tagul <STYLE>
astfel:
<HEAD>
<STYLE TYPE="text/css">
h1 {color: blue}
p {margin-left: 20px}
body {background-image: url("fundal.gif")}
</STYLE>
</HEAD>
Browserul va citi acum stilurile, aa cum au fost definite, i

va formata documentul n conformitate cu acestea.
Not: n mod normal un browser ignor tag-urile
necunoscute. Acest lucru nseamn c browserele mai
vechi, care nu suport stiluri, vor ignora tag-ul
<STYLE>, dar vor afia coninutul acestuia, cuprins
ntre tag-ul de nceput i cel de ncheiere, sub form de
text. Pentru a prentmpina acest neajuns, este
11
recomandabil s includei coninutul n interiorul unui

comentariu, ca n exemplul de mai jos:
<HEAD>
<STYLE TYPE="text/css">
</STYLE>
</HEAD>
c) n final, dac dorii s folosii un stil inline, va trebui s
folosii atributul style n interiorul tag-ului respectiv. Este o
metod folosit mai ales atunci cnd un stil urmeaz s fie
aplicat unei singure apariii a unui element. Atributul style
poate conine orice caracteristic CSS. Exemplul urmtor arat
cum se poate schimba culoarea i stilul fontului folosit ntr-un
paragraf, fr a mai apela la tag-urile <FONT> cu atributul
color i <B>:
<p style="color:red; font-weight:bold">Acesta este
un paragraf n care textul va fi de culoare roie i scris
cu caractere ngroate</p>
3.Prezentarea proiectului
Moda in imbracaminte reprezinta nu in ultimul rand grija pentru corectitudinea
hainelor, a gustului, a atitudinii. Moda este o "tinuta, este un "stil. "La om
totul trebuie sa fie frumos: si fata, si imbracamintea si gandul si sufletul
(Cehov). Moda este si ea o arta, la fel ca pictura, muzica, literatura; ea imbina
traditia cu inovatia, clasicismul cu modernismul, ceea ce am mostenit de la
inaintasi cu ceea ce modelam in contemporaneitate.
Nu dorim prin acest articol sa ne erijam in modelatori ci doar incercam sa
subliniem cateva generalitati. Balzac care a scris multe pagini despre moda,
spunea: "Bruta se acopera, bogatul sau prostul se impodobesc, iar omul elegant
se imbraca. Despre acesta din urma incercam sa discutam.
Intr-o gandire mai optimista trebuie sa aratam ca schimbarea si variatia
reprezinta necesitati ale cugetului omenesc; moda poate constitui simbolul
pasiunii, al luptei si al activitatii creatoare, al tensiunilor si al dorintelor de
reintinerire, "expresie a neastamparatului spirit novator, stimulator si orientator
12
al elanului vital al omului (C. Angelescu).

Un proverb englezesc spune: "mananca sa te multumesti pe tine, dar imbraca-te
astfel incat sa placi celor din jur. Moda inseamna echilibrarea gustului personal
cu cel unanim acceptat, inseamna a adopta intr-o nota personala ceea ce practica
dovedeste corespunzator cu gustul si preferintele timpului, arta de a alege,
dintre elementele invariabile, pe cele ce se armonizeaza cu personalitatea
fiecaruia, la locul potrivit, la timpul potrivit.
A te imbraca cu gust ramane in continuare o problema de gust , dar de "bungust; gustul devenit "bun-gust nu mai este chiar subiectiv si, asociat cu bunul
simt, se include in sferele politetii.
Ne imbracam pentru noi si pentru ceilalti; nici modestie, nici extravaganta, nici
ca ieri, nici ca maine, ca astazi! Casele de moda contemporane acorda tot mai
mult fiecaruia dreptul de a-si exprima personalitatea. Lupta actuala in moda se
da pentru adecvare, pentru sinceritate. Se preconizeaza o moda degajata, lipsita
de rigiditate, o moda evoluata, fiecare ins fiind creatorul propriei sale tinute,
invatand sa discearna ceea ce i se potriveste, mai ales atunci cand are format
bunul-gust. Sa se stie insa ca vesmintele de papagal, ornamentate cu tot felul de
"globuri, visine cu rom si penaj tipator nu merg nici de revelion, nici de 1
martie, nici pe litoral si nici peste hotare. Hainele tipatoare tradeaza lipsa
bunului gust.
Moda omului activ este moda elementelor coordonate: armonie de forma, de stil
si de culori, simplitate, firesc, naturalete, inteligenta! "Simplitatea gatelii si a
vorbirii, cumpatarea, iata podoabe ale naturii (Democrit).
Moda are logica si un echilibru al ei. Poate chiar si eleganta. Moda reprezinta o
necesitate, eleganta un rafinament, moda inseamna "ce se poarta, eleganta
"cum se poarta. Cu bunul simt te nasti, buna-cuviinta ti-o dau parintii, tinuta si
eleganta ti le cultivi. Expresie a unei anumite delicateti sufletesti, a unui fel de a
te misca, de a vorbi, de a te imbraca si de a comunica, tinuta noastra, in toate
imprejurarile, face trecerea de la utilitate la eleganta. Daca moda e capricioasa si
frumusetea trecatoare, eleganta poate fi statornica si poate sa ne insoteasca toata
viata. O femeie inteligenta stie sa se imbrace, dupa posibilitati, conform siluetei,
varstei si ocaziilor, filtrand si alegand cu discernamant ceea ce i se potriveste,
ceea ce-i da farmec, ceea ce ii intregeste personalitatea, ceea ce realizeaza
echilibrul si armonia elegantei. Farmecul si eleganta sunt deasupra modei.
Pentru tineret, regulile vestimentare sunt ceva mai ingaduitoare. Tineretea este
exuberanta, este sete de actiune, cu fireasca ei framantare. O anumita nota de
veselie, de miscare, de nonconformism si poate chiar o anume neglijenta
vestimentara pot face parte din eleganta tineretului, bineinteles in limitele
bunului-simt.
Diversitatea modelelor oferite de creatorii de moda da posibilitatea alegerii, in
13
functie de varsta si preferinta, a modelului care "da viata anilor si "nu adauga
ani vietii. Fiecare trebuie sa fie "arbitrul gusturilor sale, sa stie ce-l
avantajeaza; vestimentatia "se apropie de corp, redescoperindu-l, accentuand
talia, soldurile, decolteul, intr-un cuvant "feminitatea. Atragem totusi atentia
ca, socotind in perspectiva, bunele maniere nu se lasa usor puse la cos; va
invinge in cele din urma permanenta dorinta de reintoarcere la simplitate care
face loc si tandretii si voluptatii...
De la an la an, tinutele prezentate pe podium devin tot mai practice, fara a-si
pierde aspectul spectaculos. Publicul tinta al colectiilor este alcatuit, de cele mai
multe ori, din femeile obisnuite, carora le place sa combine frumosul cu utilul si
nu doar celebritatile care isi doresc tinute demne de covorul rosu.
Moda 2013 e plin de culori puternice, nuanele neon precum verde lime i
fuchsia. Culoarea anului 2013, tangerine tango nu trebuie s i lipseasc din
garderob, fie ca se regsete pe piese vestimentare sau pe accesoriile care i
vor completa inuta.
Cerintele sistemului
Pentru rularea acestui program, sistemul dumneavoastra
trebuie sa respecte urmatoarele conditii:
Cerintele minime
Procesor:Intel Pentium 2
Memorie: 256 MB
Sistem de operare:
Windows/Milenium/2000/XP/Vista/Windows
7*/Windows 8* (unde * - optional)
Cerinte recomandate
Procesor: Intel Pentium IV
Memorie: 512 MB
Sistem de operare:
Windows/Milenium/2000/XP/Vista/Windows
7*/Windows 8* (unde * - optional)
Bibliografie
Sabin Buraga, Proiectarea siturilor Web
Mihaela Brut, Sabin Buraga, Prezentri multimedia pe
Web. Limbajele XHTML+TIME i SMIL
Cosmin Vrlan, Macromedia Flash. Concepte, exemple,
studii de caz,
14
Anexe program
Codul sursa index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Ultimele tendine n mod</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="content">
<div id="sidebar">
<div id="logo"><img src="images/logo.jpg"></div>
<div id="nav">
<ul>
<li><a href="index.html"><center><br/>Index</center></a></li>
<li><a
href="camasi.html"><center><br/>Cmi</center></a></li>
<li><a
href="rochii.html"><center><br/>Rochii</center></a></a></li>
<li><a
href="curele.html"><center><br/>Curele</center></a></a></li>
<li><a
href="culori.html"><center><br/>Culori</center></a></a></li>
</ul>
</div>
</div>
<div id="text">
<p align="right"><img src="images/fashion.jpg"></p>
Moda in imbracaminte reprezinta nu in ultimul rand grija pentru corectitudinea
hainelor, a gustului, a atitudinii. Moda este o "tinuta, este un "stil. "La om
totul trebuie sa fie frumos: si fata, si imbracamintea si gandul si sufletul
(Cehov). Moda este si ea o arta, la fel ca pictura, muzica, literatura; ea imbina
traditia cu inovatia, clasicismul cu modernismul, ceea ce am mostenit de la
inaintasi cu ceea ce modelam in contemporaneitate.<br/><br/>
Nu dorim prin acest articol sa ne erijam in modelatori ci doar incercam sa
subliniem cateva generalitati. Balzac care a scris multe pagini despre moda,
15
spunea: "Bruta se acopera, bogatul sau prostul se impodobesc, iar omul elegant
se imbraca. Despre acesta din urma incercam sa discutam.<br/><br/>
Intr-o gandire mai optimista trebuie sa aratam ca schimbarea si variatia
reprezinta necesitati ale cugetului omenesc; moda poate constitui simbolul
pasiunii, al luptei si al activitatii creatoare, al tensiunilor si al dorintelor de
reintinerire, "expresie a neastamparatului spirit novator, stimulator si orientator
al elanului vital al omului (C. Angelescu).<br/><br/>
Un proverb englezesc spune: "mananca sa te multumesti pe tine, dar imbraca-te
astfel incat sa placi celor din jur. Moda inseamna echilibrarea gustului personal
cu cel unanim acceptat, inseamna a adopta intr-o nota personala ceea ce practica
dovedeste corespunzator cu gustul si preferintele timpului, arta de a alege,
dintre elementele invariabile, pe cele ce se armonizeaza cu personalitatea
fiecaruia, la locul potrivit, la timpul potrivit.<br/><br/>
A te imbraca cu gust ramane in continuare o problema de gust , dar de "bungust; gustul devenit "bun-gust nu mai este chiar subiectiv si, asociat cu bunul
simt, se include in sferele politetii.<br/><br/>
Ne imbracam pentru noi si pentru ceilalti; nici modestie, nici extravaganta, nici
ca ieri, nici ca maine, ca astazi! Casele de moda contemporane acorda tot mai
mult fiecaruia dreptul de a-si exprima personalitatea. Lupta actuala in moda se
da pentru adecvare, pentru sinceritate. Se preconizeaza o moda degajata, lipsita
de rigiditate, o moda evoluata, fiecare ins fiind creatorul propriei sale tinute,
invatand sa discearna ceea ce i se potriveste, mai ales atunci cand are format
bunul-gust. Sa se stie insa ca vesmintele de papagal, ornamentate cu tot felul de
"globuri, visine cu rom si penaj tipator nu merg nici de revelion, nici de 1
martie, nici pe litoral si nici peste hotare. Hainele tipatoare tradeaza lipsa
bunului gust.<br/><br/>
Moda omului activ este moda elementelor coordonate: armonie de forma, de stil
si de culori, simplitate, firesc, naturalete, inteligenta! "Simplitatea gatelii si a
vorbirii, cumpatarea, iata podoabe ale naturii (Democrit).<br/><br/>
Moda are logica si un echilibru al ei. Poate chiar si eleganta. Moda reprezinta o
necesitate, eleganta un rafinament, moda inseamna "ce se poarta, eleganta
"cum se poarta. Cu bunul simt te nasti, buna-cuviinta ti-o dau parintii, tinuta si
eleganta ti le cultivi. Expresie a unei anumite delicateti sufletesti, a unui fel de a
te misca, de a vorbi, de a te imbraca si de a comunica, tinuta noastra, in toate
imprejurarile, face trecerea de la utilitate la eleganta. Daca moda e capricioasa si
frumusetea trecatoare, eleganta poate fi statornica si poate sa ne insoteasca toata
viata. O femeie inteligenta stie sa se imbrace, dupa posibilitati, conform siluetei,
varstei si ocaziilor, filtrand si alegand cu discernamant ceea ce i se potriveste,
ceea ce-i da farmec, ceea ce ii intregeste personalitatea, ceea ce realizeaza
echilibrul si armonia elegantei. Farmecul si eleganta sunt deasupra modei.
16
Pentru tineret, regulile vestimentare sunt ceva mai ingaduitoare. Tineretea este
exuberanta, este sete de actiune, cu fireasca ei framantare. O anumita nota de
veselie, de miscare, de nonconformism si poate chiar o anume neglijenta
vestimentara pot face parte din eleganta tineretului, bineinteles in limitele
bunului-simt.<br/><br/>
Diversitatea modelelor oferite de creatorii de moda da posibilitatea alegerii, in
functie de varsta si preferinta, a modelului care "da viata anilor si "nu adauga
ani vietii. Fiecare trebuie sa fie "arbitrul gusturilor sale, sa stie ce-l
avantajeaza; vestimentatia "se apropie de corp, redescoperindu-l, accentuand
talia, soldurile, decolteul, intr-un cuvant "feminitatea. Atragem totusi atentia
ca, socotind in perspectiva, bunele maniere nu se lasa usor puse la cos; va
invinge in cele din urma permanenta dorinta de reintoarcere la simplitate care
face loc si tandretii si voluptatii...<br/><br/>
De la an la an, tinutele prezentate pe podium devin tot mai practice, fara a-si
pierde aspectul spectaculos. Publicul tinta al colectiilor este alcatuit, de cele mai
multe ori, din femeile obisnuite, carora le place sa combine frumosul cu utilul si
nu doar celebritatile care isi doresc tinute demne de covorul rosu.<br/><br/>
Moda 2013 e plin de culori puternice, nuanele neon precum verde lime i
fuchsia. Culoarea anului 2013, tangerine tango nu trebuie s i lipseasc din
garderob, fie ca se regsete pe piese vestimentare sau pe accesoriile care i
vor completa inuta.</div>
</div>

<center><font color="#ffffff"><br/><br/> 2012 - Colegiul Naional
Alexandru Ioan Cuza - Focani</font></center>
</body>
</html>
CSS-ul siteului:
body {margin:0; padding:0; background:#860000}
td, tr {font:11px/14px tahoma, arial, helvetica, sans-serif; color:#545454;
vertical-align:top; text-align:left;}
a{ color:#860000;}
a:hover{text-decoration:none;}
#content {
background:#fff;
width:900px;
margin: 0 auto;
margin-top:50px;
height:500px;
17
}
#sidebar {
background: #f9f9f9;
border-right: 2px solid #ddd;
float:left;
width:285px;
height:500px;
}
#text {
text-align:justify;
padding:10px;
width:570px;
float:right;
overflow: auto;
height:480px;
}
#nav ul { margin:0; padding:0; list-style-type:none; }
#nav ul li a {
display:block;
background:#d9d9d9;
height:62px;
text-decoration:none;
padding:4px;
border-bottom:1px solid #eeeeee;
border-top:1px solid #cccccc;
border-left:5px solid #333333;
color:#333333;
font-size: 20px;
}
#nav ul li a:hover { border-left-color:#860000; color:#860000;
background:#c4c4c4; }
#logo {
border-left:5px solid #333333;
}
18

Atestat Informatica HTML

Î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

Atestat Informatica HTML

Încărcat de

Drepturi de autor:

Formate disponibile

=ATESTAT=

Data susinerii: 9.mai.2013

ELEV: Vlase Alexandru Mihai

cu banalul Notepad din Windows. Toate notiunile prezentate in

Ca structura, o pagina HTML are doua parti: o parte delimitata

Tag-urile <HTML>...</HTML>, <HEAD>...</HEAD>,

utilizat pentru formatarea modului de afisare a textului este

1.3 Despre culori

Culorile de mai sus vor fi mai putin "aprinse" daca in loc de FF

despre care am vorbit la inceputul acestui ghid:

1.5 Link-uri si pozitionare

modul de afiare al unui site cdeau n sarcina browserului, fr

foi de stil interne, definite n interiorul elementului

Selectorul este reprezentat de elementul (tag-ul) crui

Browserul va citi acum stilurile, aa cum au fost definite, i

recomandabil s includei coninutul n interiorul unui

al elanului vital al omului (C. Angelescu).

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