Proiect pentru atestat

Proiect pentru atestat2014

Proiect pentru atestat2014

Proiect pentru atestat2014

Colegiul National Gheorghe ieicaDr. Tr. Severin

PROIECT PENTRU ATESTAT

Prof. ndrumtor,Roman Mihaela E. Elev,Vasile Monica Mariana Clasa a-XII-a F

2014

Cuprins

1. Tema proiectului.32. Obiective..33. Structura proiectului.34. Implementarea aplicatiei..55. Resurse minime obligatorii..96. Webgrafie...9

Tema proiectuluiSa se realizeze un site care sa prezinte informatii despre stilurile muzicale si muzicienii celebri ai lumii.

Obiective prezentarea proiectului la examenul pentru obinerea atestatului profesional la informatic realizarea unui website usor de folosit cu o interfata cat mai prietenoasaRecomandri: pentru o mai bun ncadrare a paginii v recomandm fololsirea monitoarelor de cel puin 20 inch.

Structura proiectuluiHome - index.html. n aceast pagin este prezentat o introducere despre stilurile muzicale, i detalii despre autorul atestatului.

Stiluri muzicale - genuri.html Detalii generale despre principalele genuri muzicale. Din partea dreapt a paginii putem alege elementele din urmatorul submeniu:

Ambiental Blues Chillout Clasic Dance Jazz Hip-Hop House Latino Pop R&B Reggae Reggaeton Rock

Muzicieni muzicieni.html Aceast pagin prezint detalii despre unii din cei mai celebri muzicieni internaionali. Avem urmtorul submeniu:

Michael Jackson Edith Piaf Frederic Chopin Madonna Mick Jagger John Lennon Freddie Mercury Jim Morrison Luciano Pavarotti

Istoria muzicii istorie.html .n aceast pagin sunt prezentate detalii despre istoria muzicii.

Instrumente instrumente.html . Pagina aceasta prezint detalii despre clasificarea instrumentelor muzicale.

Galerie foto - galerie.html n aceast pagin se prezint imagini despre muzicieni, despre diferite dansuri i instrumente (se foloseste Jquery pentru animatie)

Video - video.html. Seciunea video a site-ului. Se prezint cteva clipuri ale unor muzicieni celebri.

Implementarea aplicatieiProiectul a fost realizat cu WYSIWIG Web Builder.WYSIWIG Web Builder este un program foarte simplu de utilizat pentru a crea site-uri web, personale sau profesionale. Se pot adauga o multime de elemente, si pentru fiecare element in parte se poate aplica o serie de setari, totul cu drag & drop din toolbox-ul care se afla in partea stanga. Toolbox-ul este organizat in 8 categorii: General (se pot adauga liste neordonate, linii, imagini, marquee, tabele si text), Forms (in aceasta categorie se poate gasi tot ce este legat de formulare si butoane: form wizard, search box, butoane radio etc.), Advanced (se pot introduce ActivX, fisiere video, fisiere audio .wav, .mp3, .wma si chiar filmulete de pe youtube), Navigation (aici se gaseste tot ceea ce e legat de meniuri intr-o pagina web), Drawing (din aceasta categorie e pot adauga imagini din galeria ClipArt, linii ondulate, poligoane, forme si chiar TextArt), Extra (de aici se pot adauga bannere publicitare, scripturi Java gata facute, galerii foto, slideshow), PayPal eCommerce (butoane PayPal), Login (aici se gaseste tot ceea ce tine de login). HTML Limbajul de Marcare HiperText este un set de coduri ce se insereaz ntr-un text, pentru a specifica cum s arate i ce legturi se pot face din acel text.n general un text html este alctuit din dou pri: un antet (HEAD) un corp n care se plaseaz controalele i textul documentului (BODY)Culorile pot fi referite prin nume iar stabilierea unei culori pentru fundalul ecrenului se face prin utilizarea construciei bgcolor=numeculoare.Pentru ca textul s fie scris cu o anumit culoare vom folosi atributul .Pentru ca textul s fie scris pe un anumit fundal:

Pentru a stabili dimensiunea unui caracter se folosete controlul FONT cu atributul SIZE ce poate lua valori ntre 1 i 7.Se poate schimba fontul implicit folosind controlul , unde n are valoarea ntre 1 i 7.Pentru a schimba culoarea cernelii ntr-un fragment de text se utilizeaz controlul Pentru a stabili cum s arate corpul literei se folosete controlul Pentru a stabili stilul font+ului se pot utiliza urmtoarele marcaje: italic (nclinat): ngroat (bold): subliniat (underline): marcaj de corectur: Inserarea imaginilor: Align: top = textul va fi plasat in partea superiar a imaginii middle = textul va fi plasat la mijlochspace=n: se las n spaii n stnga i n dreapta imaginiivspace=m: se las m spaii att n partea de sus ct i n partea de joswidth i height = redimensionarea imaginii: laime i nlimePunerea unei fotografii ca fundal: Pentru a realiza un salt intern n cadrul unui document web se stabilete o int. intele salturilor interne sunt cunoscute ca ancore cu nume. Locul de unde se laseaz saltul se numete punct-ancor.Punctul ancor: text inta: text Legturile cu alte pagini: Un tabel este descris de controalele pereche . Titlul tabelului: titlu. Liniile se definesc cu controlul iar controalele cu . Chenarul , unde grosime are valoarea 0 dac linia de la chenar nu e vizibil.

Resurse minime obligatoriiSO: Windows 95Browser pentru internetInstalarea variantei Flash 6 sau orice variant flash aprut ulterior.

WebgrafieInformaiile au fost preluate din diferite site-uri:www.google.rowww.wikipedia.orgwww.muzica.ro

9