Sunteți pe pagina 1din 18

=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 Ce inseamna CSS? Prioritate in cascada Folosirea stilurilor Cum se insereaza o foaie de stil
2 introducere in css

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 &nbsp;. 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&nbsp;n&nbsp;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> <FONT COLOR=#00FF00> <FONT COLOR=#0000FF> <FONT COLOR=#FFFF00> <FONT COLOR=#FF00FF> <FONT COLOR=#00FFFF> <FONT COLOR=#000000> <FONT COLOR=#FFFFFF> rosu verde albastr u galben mov bleu negru (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. 8

Aspectul i 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"> <!--h1 {color: blue}p {margin-left: 20px} body {background-image: url("fundal.gif")} --></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> <!--footer--> <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