LICEUL TEORETIC “HYPERION” Lucrare pentru atestarea competentelor in informatica Sistemul solar Profesor coordonator: Elev: Bucuresti 2010 Cuprins: 1.Introducere…………………pag. 3. 2. Limbajul HTML…………..pag. 4-5 3. Descrierea aplicatiei………pag. 5-10 4. Concluzii…………………...pag. 10 Bibliografie……………….. pag. 11 Anexe………………………pag. 12-50 2 Introducere Am ales aceasta tema deoarece informatiile privind sistemul solar sunt greu accesibile utilizatorilor obisnuiti ai Internetului. Acest site isi propune sa ofere informatii intr-un limbaj accesibil oricui, putand fii astfel folosit de copii, elevi, studenti si chiar de catre specialisti ca punct de plecare in lucrari de mare amploare.Aceast site cuprinde informatii generale despre subiecte greu accesibile in mod obisnuit, si anume: • Soare • Luna • Plantele sistemului solar • Meteoriti • Asteroizi • Univers, in general • Galaxii • Stele • Gauri negre • Eclipse • Comete Site-ul a fost structurat astfel incat sa ofere informatii utile celor curiosi fara sa depaseasca domeniul acestora de interes. Terminologia si modul de prezentare a datelor faciliteaza oricui accesul la aceste informatii, fiind o sursa ideala pentru copiii pasionati de astre. Din puntul meu de vedere limbajul utilizat HTML reprezinta un mod de implementare a imaginilor foarte usor de realizat si utilizat. Cu ajutorul acestuia se realizeaza aplicatii atractive cu diverse grade de dificultate, in functie de pregatirea feicarui programator. Se pot insera astfel texte, imagini, filme si muzica, toate acestea pentru a atrage si pentru a mentine atentia utilizatorilor. 3 Limbajul HTML HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afişate într-un navigator. Scopul HTML este mai degrabă prezentarea informaţiilor – paragrafe, fonturi, tabele ş.a.m.d. – decât descrierea semanticii documentului. Unul din primele elemente fundamentale ale WWW ( World Wide Web ) este HTML ( Hypertext Markup Language ), care descrie formatul primar in care documentele sint distribuite si vazute pe Web. Multe din trasaturile lui, cum ar fi independenta fata de platforma, structurarea formatarii si legaturile hipertext, fac din el un foarte bun format pentru documentele Internet si Web. Primele specificatiile de baza ale Web-ului au fost HTML, HTTP si URL. HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989. HTML a fost vazut ca o posibilitate pentru fizicienii care utilizeaza computere diferite si schimbe intre ei informatie utilizind Internetul. Erau prin urmare necesare citeva trasaturi : independenta de platforma, posibilitati hypertext si structurarea documentelor.Independenta de platforma inseamna ca un document poate fi afisat in mod asemanator de computere diferite ( deci cu fonte, grafica si culori diferite ), lucru vital pentru o audienta atit de variata. HTML este pur si simplu un DTD, deci o aplicatie a SGML. In primii ani de evolutie HTML a crescut lent, in principal pentru ca ii lipseau posibilitatile de a descrie publicatii electronice profesionale; limbajul permitea oarece control asupra fontelor dar nu permitea inserarea graficii. In 1933, NCSA a imbogatit limbajul pentru a permite inserarea graficii si au construit primul navigator grafic, Mosaic. Au urmat apoi contributii ad hoc ale diverselor firme care au adus adaugiri limbajului HTML (adaugiri si nu imbogatiri pentru ca unele taguri nu erau in conformitate cu principiile generale ale SGML) astfel incat, prin 1994 limbajul parea scapat de sub control. Urmarea a fost ca la prima conferinta WWW din Geneva ( Elvetia ) s-a constituit un grup ( HTML Working Group ) a carui prima misiune a fost formalizarea HTML intr-un DTD al SGML, lucru care s-a concretizat in HTML Level 2 ( sau HTML 2.0; Nivelul 1, deci HTML 1.0, a fost proiectat de Tim BernersLee ). Importanta actiunii acestui grup consta in faptul ca, odata standardizat, limbajul poate fi apoi extins intr-un mod mai controlat la alte nivele. Standardul oficial HTML este World Wide Web Consortium (W3C), care este afiliat la Internet Engineering Task Force (IETF). W3C a enuntat cateva versiuni ale specificatiei HTML, printre care si HTML 2.0, HTML 3.0,HTML 3.2, HTML 4.0 si, cel mai recent, HTML 4.01. In acelasi timp, autorii de browsere, cum ar fi Netscape si Microsoft, au dezvoltat adesea propriile "extensii" HTML in afara procesului standard si le-au incorporat in browserele lor. In unele cazuri, cum ar fi tagul Netscape , aceste extensii au devenit standarde de facto adoptate de autorii de browsere. HTML 2.0, elaborat in Iunie 1994, este standardul pe care ar trebui sa-l suporte toate browserele curente -- inclusiv cele mod text. HTML 2.0 reflecta conceptia originala a 4 HTML ca un limbaj de marcare independent de obiectele existente pentru asezarea lor in pagina, in loc de a specfica exact cum ar trebui sa arate acestea. Daca doriti sa fiti siguri ca toti vizitatorii vor vedea paginile asa cum trebuie, folositi tagurile HTML 2.0.Specificatia HTML 3.0, Enuntata in 1995, a incercat sa dezvolte HTML 2.0 prin adaugarea unor facilitati precum tabelele si un mai mare control asupra textului din jurul imaginilor. Desi unele din noutatile HTML 3.0 erau deja folosite de autorii de browsere, multe nu erau inca. In unele cazuri, taguri asemanatoare implementate de autorii de browsere au devenit mai raspandite decat tagurile "oficiale". Specificatia HTML 3.0 acum a expirat, deci nu mai este un standard oficial.Hipertext inseamna ca orice cuvint, fraza, imagine sau alt element al documentului vazut de un utilizator ( client ) poate face referinta la un alt document, ceea ce usureaza mult navigarea intre multiple documente sau chiar in interiorul unui aceluiasi document. sStructurarea riguroasa a documentelor permite convertirea acestora dintr-un format in altul precum si interogarea unor baze de date formate din aceste documente. Documentele HTML sint documente in format ASCII si prin urmare pot fi create cu orice editor de texte. Au fost insa dezvoltate editoare specializate care permit editarea intr-un fel de WYSIWYG desi nu se poate vorbi de WYSIWYG atita vreme cit navigatoarele afiseaza acelasi document oarecum diferit, in functie de platforma pe care ruleaza. Au fost de asemenea dezvoltate convertoare care permit formatarea HTML a documentelor generate ( si formatate ) cu alte editoare. Evident conversiile nu pot patra decit partial formatarile anterioare deoarece limbajul HTML este inca incomplet. Descrierea aplicaţiei Aplicaţia este realizată cu ajutorul limbajul HTML în care au fost introduse elemente de CSS. Fiecare element al site-ului este construit pe baza div-urilor combinate cu elementele de CSS. Din punct de vedere structural fiecare pagina a site-ul este compusă din patru zone: Fig. 1 – Structura paginilor 5 1. Zona meniului ce ramane fixa(optiunile sunt aceleasi) pe fiecare pagina. 2. Titlul care se schimba la alegerea unei optiuni. Fig. 2- Modificare titlului la selectie 3.Banner-ul care se schimba la alegerea unei optiuni 6 Fig. 3- Modificarea Banner-ului 4.Informatii corepunzatoare meniului care se schimba la alegerea unei optiuni Fig. 5 – Afişarea informaţilor Construcţia meniului este construit cu ajutorul urmatorului cod: 8 Fig. 6 – Meniul site-ului Exista situatii in cadrul site-ului cand este utilizata o imagine pe post de buton. Codul este: Fig. 7 – Butoane grafice Structura site-ului se bazeaza pe urmatoarea schema: Pagina principala a site-ului (index.php) 9 - Sistemul Solar(sistemul solar.html) - Soarele(soarele.html) - Luna(luna.html) - Planetele(planetele.html) - Asteroizii(asteroizii.html) - Meteorii(meteorii.html) - Universul(universal.html) - Galaxiile(galaxiile.html) - Stelele(stelele.html) - Gaurile negre(gaurile negre.html) - Eclipsele(eclipsele.html) - Cometele(cometele.html) Totodata apelarea imaginilor se foloseste utilizand calea relativa catre fisierul images ce se afla situate in radacina site-ului. Concluzii 10 Acest site este un prim pas in informarea generala a persoanelor de orice nivel in privire cu Sistemul Solar. Am prezentat aici informatii generale despre acest domeniu, incercand sa fie prezentate intr-un mod cat mai adecvat pentru facilitarea intelegerii unor notiuni relative abstracte. Sistemul solar este si continua sa fie un subiect greu accesibil noua, dar absoslut fascinant pentru specialistii in domeniu. Tocmai de aceea apar in ultima perioada carti si materiale despre acest subiect, materiale care pot fi imbunatatite si aprofundate. Acest site poate fi folosit in scoli, licee, fie numai pentru lectii de fizicaastronomie, fie ca un tipar pentru orice alt domeniu * bilogie, istorie, geografie, etc. Este un site usor de folosit si de completat de catre profesori respective de parinti. Bibliografie 11 1. Anghel Traian – Programarea web pentru liceu, Ed Polirom, Iasi, an 2008 2. Anghel Traian – Dezvoltarea aplicatiilor web folosind HTML, PHP si Mysql, Ed. Polirom, Iasi, an 2005 3. Draghici Margareta Dima – Situri web in html h, Ed. Tehnica Bucuresti 2003 Anexe Index.html /*----------Text Styles----------*/ .ws6 {font-size: 8px;} .ws7 {font-size: 9.3px;} .ws8 {font-size: 11px;} .ws9 {font-size: 12px;} .ws10 {font-size: 13px;} .ws11 {font-size: 15px;} .ws12 {font-size: 16px;} .ws14 {font-size: 19px;} .ws16 {font-size: 21px;} .ws18 {font-size: 24px;} .ws20 {font-size: 27px;} .ws22 {font-size: 29px;} .ws24 {font-size: 32px;} .ws26 {font-size: 35px;} .ws28 {font-size: 37px;} .ws36 {font-size: 48px;} .ws48 {font-size: 64px;} .ws72 {font-size: 96px;} .wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;} /*----------Para Styles----------*/ DIV,UL,OL /* Left */ { 12 margin-top: 0px; margin-bottom: 0px; } div#container { position:relative; width: 868px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align:left; } body {text-align:center;margin:0} 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 26 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i