Ministerul Educaiei Naionale

Colegiul Naional MIHAIL SADOVEANU PacaniPROIECT PENTRU SUSINEREA EXAMENULUI DE ATESTARE A COMPETENELOR PROFESIONALE LA INFORMATICTITLU PROIECT: FractaliFILIERA: TeoreticPROFIL: RealSPECIALIZAREA: Matematic-Informatic, intensiv informaticNUME CANDIDAT:Mititelu Mihai PROFESOR COORDONATOR:Mitric Eduard GabrielCLASA: a XII-a DSESIUNEA: MAI 2014

CUPRINS :1. Prima paginpag. 12. Cuprins.pag. 23. Introducerepag. 34. Prezentare..pag.4-55. Structura aplicaieipag.6-76. Descrierea limbajului HTML..pag.8-14 6.1. Noiuni generale...pag.8 6.2. Structura unui document HTML...pag.10 6.3. Inserarea unei imagini.pag.137. Despre realizarea unor paginipag.9-14 Bibliografie ..pag.15

IntroducereAm ales s realizez acest proiect pentru a crea un material exemplificator n ceea ce privete aceste aspecte geometrice numite fractali. Aplicaia este una simplist, cuprinznd informaii generale. Am inclus o serie de imagini cu rol informativ, spre a face lectura materialului mai plcut. Site-ul este fcut cu scopul de a demonstra potenialul artistic al matematicii, prin animaii demonstrative.

Prezentarea aplicaieiAm realizat aplicaia folosind programul freeware WebPageMaker, pentru uurina n utilizare.Programul are o interfa simpl, cu butoanele necesare amplasate n susul paginii.

Proiectul conine, n mare parte, casete de text i imagini. Acestea au fost inserate prin comenzile Insert > Text, respectiv Insert > Image :

Redimensionrile necesare se fac prin click-and-drag, sau folosind tastele sgei+ tasta Shift.

Structura aplicaieiProiectul conine 4 pagini, realizate n intregime n limbajul HTML.Prima pagin este introductiv, coninnd definiii, date istorice i exemple de fractali.

Cea de-a doua pagin conine exemple n imagini:

Pagina 3:din nou, imagini cu rol de exemplu:

i finalmente, pagina 4, care conine animaii referitoare la subiect:

Descrierea limbajului HTMLLimbajul HTML -HyperTextMarkupLanguage - este un limbaj de marcare utilizat pentru crearea paginilor Web. Un marcator (sau tag) este cuprins ntre caracterele. Majoritatea tagurilor au tag de sfrit, acesta avnd acelai nume ns precedat de simbolul/. Exemplu de marcatori:text
Marcatorulbare tag de sfrit, iarbreste de sine stttor.n cazul n care avem deschise mai multe taguri, acestea se nchid n ordine invers fa de cum au fost deschise (ultimul tag deschis va fi primul nchis).Corect:Text corectGreit:Text incorect

Un tag poate s conin unul sau mai multe atribute. Acestea sunt perechi de formanume="valoare". Exemple de atribute:paragraf centrat

Comentariile sunt cuprinse ntre. Exemplu de comentariu:

Editarea i vizualizarea documentelor HTMLPentru editarea documentelor HTML se poate utiliza orice editor de texte obinuit (de exemplu n Linuxjoe,pico, sauNotepadn Windows).Pagina de start al unui site depinde de serverul pe care se afl, de regul fiindindex.html.Pentru a vedea o pagin Web de pe calculatorul local, din meniulFileal navigatorului se va selecta opiuneaOpen(n cazul n care utilizm navigatorul Internet Explorer, vom apsa pe butonulBrowsepentru a vizualiza sistemul de fiiere i pentru a selecta pagina Web dorit).

. . . . . .

. . .

Mai nti se definete tipul documentului (cuDOCTYPE), Informaiile sunt cuprinse ntre marcatorulhtml, iar acesta conine dou seciuni:headibody. n partea deheadvor fi cuprinse infromaii utile pentru navigatorul Web sau pentru alte aplicaii, cum ar fi motoarele de cutare. Marcatorultitleva conine un text care va fi afiat pe bara de titlu a navigatorului Web. De regul, seciuneabodyva cuprinde informaiile care vor fi vizibile n suprafaa de afiare a ferestrei navigatorului.ParagrafePentru inserarea de paragrafe avem la dispoziie urmtoarele taguri:Numele taguluiDescriere

pParagraf obinuit

h1,h2,h3,h4,h5,h6Paragrafe pentru titlu. Sunt utilizate pentru titlu, subtitlu, subsubtitlu, .am.d.

Dintre atributele suportate menionm:Numele atributuluiValoareDescriere

alignleft|right|center|justifySpecific alinierea paragrafului. Implicit este valoarealeft.

Paragrafele (i n general elementele care introduc informaiile vizibile celor care viziteaz paginile Web) vor fi scrise n seciuneabodya documentului HTML.Exemple de paragrafe:Paragraf aliniat la stanga si la dreaptaTitlu aliniat centratTitlu 5 aliniat la dreaptaListePentru definirea de liste nenumerotate putem utiliza marcatorulul, iar pentru numerotateol. Ambele posed tag de sfrit. Un element al listei este cuprins n interiorul taguluili.Elementele listei nenumerotate sunt precedate de un anumit simbol. Pentru a stabili simbolul dorit se va utiliza atributultypepentru marcatorulul, cu una din valorile:disc(pentru buline, care este implicit),square(pentru ptrat) icircle(pentru cercuri). Exemplu de list nenumerotat care utilizeaz ptrele:

trandafiri

lalele

narcise

Pentru listele numerotate atributultypepoate lua una din valorile:1pentru numerotarea cu cifre arabe (care este i implicit),apentru litere mici,Apentru litere mari,ipentru cifre romane mici iIpentru cifre romane mari. n plus listele numerotate posed atributulstartcare poate lua o valoare numeric. Aceasta indic valoarea de la se ncepe numerotarea. Exeplu de list numerotat cu cifre romane mari:

1. Beauty and the Beast
2. Ice Age
3. Shreck
4. Snow White

TabeleUn tabel se definete prin intermediul marcatoruluitable. Acesta posed urmtoarele atribute importante:Numele atributuluiValoareDescriere

alignleft|right|centerSpecific alinierea tabelului. Implicit este valoarealeft.

bordervaloare numericStabilete grosimea marginii tabelului. Implicit este valoarea0.

widthvaloare numeric | procenteIndic limea tabelului. Valoarea numeric reprezint limea tabelului exprimat n pixeli, iar cea procentual n proporia din limea ferestrei navigatorului Web.

cellspacingvaloare numericDesemneaz distana n pixeli dintre celulele tabelului.

cellpaddingvaloare numericDesemneaz distana n pixeli dintre textul unei celule i marginea (bordura) acesteia.

Marcatorultrstabilete o linie din tabel (eng.table row), iar n cadrul acesteia pot aprea celule pentru capul de tabel (eng.table head), prin intermediul marcatoruluith, sau/i celule cu date (eng.table data), caz n care se utilizeaz marcatorultd.Exemplu de tabel aliniat centrat:

Nume si prenume Nr. absente Nota Chistol Crina-Elena - 10

Chiriac Ioana 1 10

Marcatoriitritdpot avea urmtoarele atribute:Numele atributuluiValoareDescriere

alignleft|right|centerSpecific alinierea textului n cadrul celulei. Implicit este valoarealeftpentru marcatorultdicenterpentruth.

valigntop|middle|bottomSpecific alinierea textului pe vertical din cadrul celulei. Implicit este valoareamiddle. Pentru a observa efectul acestui atribut trebuie s avem pe aceeai linie dou celule inegale (pe vertical).

colspanvaloare numericStabilete numrul de coloane pe care se ntinde respectiva celul.

rowspanvaloare numericStabilete numrul de rnduri din tabel pe care se ntinde respectiva celul.

widthvaloare numeric | procenteIndic limea celulei i are aceeai semnificaie ca pentru tabele. De regul, se specific doar limile celulelor din prima linie (acestea fiind i limile coloanelor).

Un alt exemplu de tabel:

Grupa 1 Grupa 2

8-10 Limba engleza

10-12 Web Matematica

12-14 Geografie

Tabelele sunt utilizate i n cazul n care se dorete scrierea pe mai multe coloane sau, n general, cnd se doresc diverse alinieri.ImaginiImaginile sunt stocate n fiiere separate cum ar fi cele n format GIF, JPEG sau mai nou PNG. Marcatorul utilizat esteimg, iar acesta nu posed tag de sfrit. Principalele atribute sunt:Numele atributuluiValoareDescriere

srcadresAdresa relativ sau absolut a fiierului surs care conine imaginea.

widthvaloare numeric | procenteIndic limea imaginii.

heightvaloare numeric | procenteIndic nlimea imaginii.

alttextStabilete un text alternativ. Dac navigatorul Web nu poate afia imaginile, atunci n locul lor vor aprea textele alternative.

De regul, sunt specificate dimensiunile reale a imaginilor. Mrirea acestora nu este recomandat deoarece se pierde din calitatea acesteia, iar micorarea se poate realiza ntr-un editor grafic, astfel micorndu-se dimensiunea fiierului (ceea ce duce la o ncrcare mai rapid a ntregii pagini Web).Exemple de utilizare a imaginilor:

LegturiPentru a stabili (hiper)legturi ntre paginile Web (sau n cadrul aceleiai pagini) se utilizeaz marcatorula. Acesta posed atributulhref, iar ca valoarea acesta are o adres relativ sau absolut. Astfel se pot crea trimiteri la documente de diferite tipuri (de exemlu: PDF, GIF, ZIP, XML, VRML).Exemple de legturi:

Laborator 1Prototip Mercedes

Facultatea de Informatica

Bibliografiero.wikipedia.org/wiki/Fractalgiphy.com/search/fractalgoogle.ro/search?q=fractals&es_sm=122&source=lnms&tbm=isch&sa=X&ei=O3BjU_vcLKOX7Qbhr4CIDw&ved=0CAgQ_AUoAQ&biw=1440&bih=775(Google Image Search-Fractals)

2