Grup scolar Mihai Eminescu Jimbolia

Lucrare practica pentru obtinerea atestatului pofesional in informatica

Clasa a XII-a A

Aplicatie in HTML ChuShop birou de arhitectura si design

Profesor indrumator: Tibrea Judith

Realizator: Cioara Ioana

Cuprins
I Introducerea II Tema si motivatia lucrarii III Descrierea lucrarii IV Descrierea meniului V Bibliografia .pag.3 ..pag. 4 .pag. 5 -6 ..pag. 6-9 .pag. 10

I Introducerea

HTML este o form de marcare orientat c tre prezentarea documentelor text pe o singura pagin , utiliznd un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML furnizeaz mijloacele prin care con inutul unui document poate fi adnotat cu diverse tipuri de metadate i indica ii de redare. Indica iile de redare pot varia de la decora iuni minore ale textului, cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus , pn la scripturi sofisticate, h r i de imagini i formulare. Metadatele pot include informa ii despre titlul i autorul documentului, informa ii structurale despre cum este mp r it documentul n diferite segmente, paragr afe, liste, titluri etc. i informa ii cruciale care permit ca documentul s poat fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul). HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotin e solide de HTML i este consumatoare de timp. Editoa rele grafice (de tip WYSIWYG) cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asem n tor cu documetele Word, dar cu observa ia c aceste programe genereaz un cod HTML care este de multe ori de proast calitate. HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar fi PHP, JSP sau ASP. Multe aplica ii ca sistemele de gestionare a con inutului, wiki-uri i forumuri web genereaz pagini HTML. HTML este de asemenea utilizat n e-mail. Majoritatea aplica iilor de e-mail folosesc un editor HTML ncorporat pentru compunerea e -mail-urilor i un motor de prezentare a e-mail-urilor de acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i multe liste de mail le blocheaz inten ionat.

II Tema si motivatia lucrarii

Ideea conteaza
In spatele fiecarei idei se afla o echipa condusa de arhitecti profesionisti care aduc inovatie in fiecare proiect. De aceea ideile ChuShop conteaza.

Ce vrem sa spunem ONE DESIGN raspund cerintelor. Exploram contextul social, cultural si estetic al fiecarui proiect astfel ca fiecare element arhitectural este inspirat de cercetare. Proiectele ChuShop interactioneaza cu oamenii care beneficiaza de idei imbunatatim calitatea vietii oamenilor bazand design -ul nostru pe observate precisa si analiza a modului in care clientii traiesc, lucreaza si se relaxeaza. Proiectele ChuShop se integreaza. De 5 ani sustinem ca arhitectura trebuie integrata in context, de aceea promovam design-ul verde in toate proiectele. Proiectele ChuShop se adapteaza viitorului. Asiguram o utilizare de durata a cladirilor noastre prin integrarea adaptabilitatii in proiecte astfel ca acestea evolueaza in noi moduri de viata, lucru si relaxare. Cum realizam asta. Oferim servicii ce se extind pe tot ciclul de viata al proiectul ui, de la planificare strategica, trecand la design si terminand cu facilitatile de management Raspundem prompt si suntem responsabili fata de client pe toata durata proiectului - de la concept pana la finalizare si dupa.

III D

cri r
s u:

lucr rii
r i t r i t r ri i t ri r i t ir u r stu ii str . r si t

Sit u isi r u s turi s r I i s

u i i ur t t si i t i r i ht st ut u r r u R i w r i h tu R Softw r tru ut u st r u usuri t si i ur x ort t i obe Dreamweaver di pachetu Adobe Creative Suite x pentru a da startu temei esentiale ce atrage ochiul liber atunci cand este prezentat fiecare pagina al firmei de exercitiu. La prima vedere site-ul pare a fi unul simplu usor accesibil si nu foarte incarcat cu imagini greu vizualizabile sau diferite text-uri imprastiate in diferite colturi ale pagini. In spatele acestor pagini se ascund tag-uri si manuscrise la care s-a depus mult efort inca de la pagina mama index.html pentru a putea face un intreg proiect de bun gust. Tema intreaga a fost scrisa in CSS (Cascading Style Sheets pentru a reusi la formatarea elementelor inserate in documentul html. Cu ajutorul CSS-ului s-a reusit la perfectionarea culoriilor font-urilor marginilor (borders liniilor inaltimilor latimilor imaginilor de fundal, pozitiile avansate si multe alte optiuni.
5

Care este diferenta intre CSS si HTML? HTML este folosit pentru a structura continutul in timp ce CSS este folosit pentru a formata continutul. In concluzie CSS-ul a reprezentat un element revolutionar in realizarea acestui site. In pagina mama se prezinta imagini si descrieri scurte ale fimei chushop pentru ca mai apoi acestea sa fie accesate si prezentate in detalii mai largi. Pentru imbunatatirea slide-ul cu imagini variabile s-a folosit jQuery deoarece ofera posibilitatea si indeplineste cu usurinta crearea efectului de SlideLeft/SlideRight. La prezentarea portofoliului de lucrari in slide s-au folosit 4 imagini (cu rezolutia de 980x3 0) cu diferite incaperi concepute de firma Chushop. In partea de jos a paginii si in dreptul acestuia se prezinta informatii scurte si imagini trimise receptorului (clientului) care poate accesa prin diferite link-uri paginile ce contin prezentarea serviciilor oferite. Codul sursa este unul foarte important pentru ca daca se greseste la scrierea acestuia poate rezulta o eroare de proportii la vizualizarea paginilor html.

IV D

cri r

meniului

Meniul este unul dintre cele mai importante obiecte ale acestui web site. Acesta este usor de utilizat, iese in evidenta de la prima scanare a paginii si se potriveste cu design-ul web al site-ului pentru a facilita navigarea corespunzatoare.

Fara acest meniu de navigare practic, vizitatorul este blocat pe pagina de start inca de cand a ajuns pe site. Aceasta bara de navigare este una simpla, nu este incarcat cu butoane ce ingreuneaza derularea acestuia. Meniul este construit din elemente standard HTML folosind CSS pentru a defini aspectul si schema, si JavaScript pentru actiunea meniului drop down. Practic, imita aspectul si comportamentul din bara de meniu frecvent intalnit pentru aplicatiile window. Asta inseamna sa afisezi un rand de butoane care, atunci cand faci click pe ele, afiseaza un meniu orizontal. In plus, meniul din lucrare are mai multe submeniuri.
6

Componentele meniului Pentru contruirea barei de meniu s-a folosit o serie de taguri HTML ce sunt definite: bara de meniu, meniurile drop down si fiecare meniu in parte. Construirea barei de meniu Abordare utilizata pentru construirea meniului "derulant". Fiecare meniu contine o eticheta DIV care achizitioneaza ca un container mai multe link-uri spre anumite elemente si posibil cateva bare de separare. Clasele stilurilor sunt setate pentru fiecare componenta a meniului. Pozitionarea absoluta pentru DIV in meniuri, cu vizibilitatea setata "ascunsa" arata faptul ca meniul nu va aparea initial in pagina. Odata pozitionate aceste elemente, pot fi definite oriunde in sursa HTML. Dar pentru a evita unele probleme, este indicata definirea lor in . Pentru elemente, setarea display:block face ca fiecare link sa apara dupa primul. Ambele stiluri, normal si mouseover folosesc pseudo-clasa :nover care este definita de link-ul etichetei pentru a da senzatia de evidentiere. Separatorii sunt construiti folosind un DIV gol cu borduri pentru a crea gravuri. In prim plan meniul incepe cu tabul de Informatii in care gasim diverse comunicari cu privire la descrierea compania Chushop, 3 studii de caz caz diferite cu privire la amenajarea spatiului, dimensiunea acesteia si alte abordari importante acordate elementelor ce se regasesc intr-o locuinta.

In tabul <Portofoliu lucrari> gasim o selectie a proiectelor de amenajare interioara ce familiarizeaza cu stilul de lucru. Fiecare proiect a fost gandit in functie de necesitatile si dorintele clientului, dar si de posibilitatile sale financiare. Experienta si profesionalismul , dar si conceptia originala,
7

creativitatea si imaginatia isi pun amprenta asupra lucrarilor realizate de lungul -a timpului.

Mansarda, baia, living-ul, dormitorul si bucataria sunt spatiile la care s-au decis intregul personal sa se perfectioneze pe deplin pentru a putea multumi cele mai stilate gusturi ale clientilor. Navigand printre aceste pagini din categoria Portofoliu lucrari vom gasi descrieri si imagini virtuale la care s-au folosit cele mai sofisticate programe specializate pentru a usura munca tuturor. Pentru fiecare zona selectata, se gasesc diverse spatii pentru a avea un amplu portofoliu de prezentare. Paginile au fost gandite si proiectate pentru o vizualizare si o accesare usoara. Acestea nu au fost incarcate cu diverse informatii care se lanseaza incontinuu sau imagini deplasabile care obosesc vederea vizitatorului si usureaza intelegerea informatiilor transmise. Tabul de Servicii prezinta locul de arhitectura ce are ca obiect de activitate realizarea unor proiecte de design si amenajare interioara.

In ultimul tab al meniului gasim pagina de Contact prin care se poate lua cu usurinta legatura prin intermediul completarii unui formular pus la dispozitia fiecarui vizitator doar completand corect si obligatoriu fiecare camp ori expediind manual o scrisoare electronica la adresa pusa la dispozitie in dreptul paginii. Practic fara aceasta pagina, potentiali clienti nu ar putea contacta compania.
8

V Bibliografia
Cartea: Titlu: HTML, XHTML, CSS si XML prin exemple - ghid practic Autor Teodoru Gugoiu Site-urile http://www.invatam.net http://ro.wikipedia.org/wiki/Pagina_principal%C4%83

http://www.scs.ubbcluj.ro/~pabd0316/pagina/referat.html

10

11