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:
- Beauty and the Beast
- Ice Age
- Shreck
- 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