ATESTAT LA INFORMATICA-Belgia

LICEUL TEORETIC ION NECULCE TG. FRUMOS PROFILUL REALSPECIALIZAREA MATEMATIC-INFORMATIC

LUCRARE PENTRU ATESTAREA COMPETENELOR PROFESIONALE

Belgia

Prof. Coordonator:Ciobanu OctavianElev: Ignat Iustina-GabrielaClasa: a XII-a B

2015

Cuprins:

1. Motivul alegerii temei: pag. 3

2. Structura aplicatiei: pag. 4-15

3. Limbajul html: pag. 16-27

4. Resurse de hard si soft: pag. 28

5.Bibliografie: pag 29

1. Motivul alegerii temei:

Am ales tema Belgia deoarece dintotdeauna am fost pasionata de istoria acestei regiuni si in special de vitejia belgienilor,care au influientat istoria antica si au tinut piept unui imens imperiu cum a fost cel Otoman.

Acest site ofera o gama larga de informatii despre Belgia, cuprinzand date importante privind istoria, politica , economia , transportul , arta , cultura , gasrtonomia , demografie.

2. Structura aplicatieiProgramul contine o forma principala alcatuita din mai multe butoane precum: Pagina Homepage contine o scurta descriere a Regatului Belgiei.

Pagina Istorie prezinta o scurta istorie a formarii Belgiei. Pagina Politica contine date despre organizarea politica a Belgiei.

Pagina Comunitati si regiuni prezinta date privind organizarea administrativ-teritoriala.

Pagina Geografie cuprinde informatii geografice despre teritoriul Belgiei.

Pagina Economie.

Pagina Transport contine informatii privind retelele de transport existente in Belgia.

Pagina Demografie contine informatii despre populatia Belgiei.

Pagina Cultura.

Pagina Arta .

Pagina Gastronomia contine informatii privind specialitatile gastronomice belgiene.

Pagina Regiunea capitalei Bruxelles prezinta localizarea pe harta a capitalei cat si scurte informatii despre aceasta.

3. Limbajul HTMLHTML (Hypertext Markup Language) este un limbaj creat n scopul de a descrie, n mod text, formatul paginilor Web; fisierele create n acest limbaj vor fi interpretate de navigatoare, care vor afisa paginile n forma dorit (cu texte formatate, liste, tabele, formule, imagini, hiperlegturi, obiecte multimedia etc.). HTML a aprut ca o aplicatie ISO standard (apartine standardului SGML - Standard Generalized Markup Language, specializat pentru hipertext si adaptat la Web).Asa cum se poate deduce din numele limbajului, HTML descrie caracteristicile de format ale elementelor incluse prin procedee de marcare. Acestea pot fi asemnate intuitiv cu marcajele folosite n tipografie pentru a indica scrierea unui text cu un anumit tip de caractere. Fiecare element va fi introdus ntre dou marcaje ("tags", n limba englez) - de nceput si sfrsit - (uzual) de forma . Caracterele speciale de delimitare a marcajelor "" permit deosebirea acestora de textul propriu-zis. De exemplu, pentru textele aldine (ngrosate), marcajul de nceput este iar de sfrsit - .n informatic, limbajele de marcare sunt foarte convenabile fiindc comenzile lor pot fi interpretate simplu. LaTeX-ul, de exemplu, este tot un limbaj de marcare; prin interpretarea fisierelor .tex descrise n acest limbaj se va genera formatul dorit al documentelor pe diverse tipuri de sisteme de calcul (n cazul, LaTeX-ului, se obtine uzual format PostScript sau PDF). n schimb, procesoarele de documente uzuale nu au un limbaj de marcare standardizat, care s ofere compatibilitate ntre diverse tipuri de calculatoare si sisteme de operare. Astfel, se poate spune c avantajele aplicrii limbajelor de marcare constau n portabilitate si flexibilitate: fisierele create cu ajutorul lor pot fi transferate pe orice tip de sistem, unde vor fi interpretate cu ajutorul unor programe specifice. De fapt, procesoarele de texte uzuale folosesc adesea procedee de marcare pentru formatri (de exemplu, formatrile de tip caracter din Word); n acest caz ns, caracterele de control introduse sunt ascunse iar rezultatul editrii este direct vizibil ("What You See Is What You Get"). n schimb, n limbajele de marcare - inclusiv HTML - marcajele sunt introduse n text, astfel nct acestea sunt exclusiv succesiuni de caractere (litere, cifre, caractere speciale) - fisiere de tip text.Referitor la legtura dintre procesoarele de documente uzuale si limbajul HTML, mai trebuie mentionat faptul c ultimele versiuni ale editoarelor de documente ofer facilitti de salvare n format HTML - de exemplu, Word, ncepnd cu versiunea Microsoft Office '97. Mai mult, toate produsele incluse n aceast gam dedicat biroticii (MS Office) ofer compatibilitate cu formatul HTML.Procesele de standardizare si de includere a comenzilor de marcare n fisierele HTML permit navigatoarelor s citeasc si s formateze paginile Web, lucru foarte important n conditiile n care ele contin nu numai texte alb-negru, ci si culori, imagini, hiperlegturi, diverse obiecte. Practic, marcajele HTML asigur controlul asupra modului de afisare a obiectelor corespunztoare n cadrul programelor de vizualizare a documentelor HTML - navigatoarele.Limbajul HTML a evoluat n versiuni succesive, odat cu evolutia protocolului HTTP si a programelor de navigare. Astfel, HTML 1.0 era compatibil cu Mosaic, primul program de navigare, dar dup aparitia unor navigatoare noi, a fost necesar introducerea unui standard oficial Internet pentru construirea paginilor (HTML 2.0) si extinderea sa cu noi facilitti: formule matematice, tabele, moduri avansate de descriere a organizrii paginilor (ncepnd cu HTML 3.0).

Standardizarea oficial a limbajului HTML a fost realizat de consortiul WWW si dezvoltat de diversi productori de soft (unii dintre acestia urmresc chiar promovarea navigatoarelor proprii prin introducerea unor particularitti n formatele oficiale).Paginile HTML se pot crea cu orice editor de texte de ctre utilizatorii care cunosc limbajul HTML sau, mai simplu, se pot utiliza editoare speciale, n care obiectele se introduc interactiv iar codul HTML se genereaz automat. Avnd n vedere c si n acest caz este util cunoasterea marcajelor generate pentru corectarea eventualelor erori (mai ales n cazul link-urilor), vom prezenta n continuare entittile care se pot introduce n paginile HTML si marcajele caracteristice acestora:

Marcaje de bazO pagin Web este delimitat de marcajele si care indic nceputul si finalul documentului si contine: 1. zon de antet cuprins ntre marcajele: si1. un corp delimitat de marcajele: .Zona de antet este utilizat de ctre programele de cutare pe site-urile web si permite specificarea titlului paginii care va fi afisat de navigator (nu apare propriu-zis n continutul paginii).titlul, introdus n antet, este cuprins ntre marcajele .Astfel, o form extrem de simpl a unui document HTML ar putea fi cea din urmtorul exemplu:

Titlul documentului

Document HTML foarte simplu

Marcaje pentru formatarea textului si crearea listelorFormatrile uzuale de texte permit scrierea cu caractere: 1. aldine - n acest scop pentru acel text se aplic marcajele ;1. cursive (italice) - pentru acel text se aplic marcajele ;1. subliniate - textul se introduce ntre marcajele .Unele programe mai vechi de navigare nu permiteau reprezentarea acestor formate; n acest caz, se aplicau alte moduri de evidentiere a textelor respective (culori, video invers).Alte tipuri de formatri de caractere care se pot defini se refer la:dimensiunea fonturilor si culori - se va utiliza marcajul cu parametri: , care indic utilizarea unui font de dimensiune x si culoare y. 1. x poate fi un numr ntre 1 si 12, indicnd mrimea exact, sau un numr cu semn, indicnd mrimea relativ la dimensiunea curent.1. y poate fi numele unei culori standard, specificat n limba englez si ntre ghilimele, sau, eventual, descompunerea unei culori n componentele RGB, sub form hexazecimal (cte dou cifre hexa pentru fiecare component).Suplimentar, se pot crea pagini de stiluri, n care s se defineasc stiluri logice, modificabile ulterior; n acest scop, se folosesc marcajele - definitie, - punere n evident, - accentuare puternic.Pentru tastaturile care suport numai codurile ASCII, caracterele speciale se pot crea folosind formatul &nume_caracter - de exemplu, pentru e. Avnd n vedere semnificatia special a caracterelor si &, aparitia lor n documente trebuie specificat sub forma caracterelor speciale: < , > , respectiv & .Prezentm n continuare un exemplu de document HTML, precum si modul n care acesta este afisat de Netscape Navigator.

Pagina simpla

Acesta este un exemplu simplu de o pagina HTML. Ea arata cum pot aparea caractere bold, italic, mai mari, mai mici, respectiv insera o mica imagine .

n figura, se observ c textul propriu-zis al documentului poate fi delimitat fat de codurile de marcare, iar formatarea textului din documentul HTML nu corespunde cu cea afisat de programul de vizualizare: 1. textul este extins pentru a ocupa ntregul ecran si este afisat cu un corp de liter diferit fat de sursa HTML;1. terminatorii de linie nu sunt respectati;1. spatiile albe suplimentare din documentul surs sunt ignorate.Introducerea obiectelor de tip imagine (marcajul ) este detaliat mai jos.Limbajul HTML permite definirea mai multor tipuri de liste si imbricarea lor (includerea unor liste n altele), caz n care trebuie verificat cu atentie corespondenta dintre marcajele de nceput si sfrsit pentru fiecare list. Formatarea listelor la afisarea paginii (introducerea bulinelor, numerotrii etc.) se face de ctre programul de navigare.Elementele listelor se introduc ntre marcajele ("list item"). Modul de aparitie al elementelor depinde de tipul de list n care sunt incluse (cu buline, numerotate etc.), determinat de marcajul specific.

Astfel, listele pot fi: 1. neordonate (cu buline) - delimitate de marcajele

("unordered list"); elementele lor se afiseaz cu buline;1. ordonate (numerotate) - delimitate de marcajele

("ordered list"); elementele lor se vor numerota;1. de tip meniu - delimitate de marcajele ; elementele acestor liste apar ntr-o reprezentare compact pe ecran (multicoloan);1. glosare (liste de definitii) delimitate de marcajele ("definition list"); elementele acestora au cte dou componente, introduse respectiv cu marcajele (pentru nume) si (pentru semnificatia asociat);1. tabele scurte - create cu marcajul .Listele utilizate cel mai frecvent sunt cele ordonate si neordonate. Prezentm n continuare un exemplu simplu de pagin HTML care contine aceste tipuri de liste.

Pagina cu liste

Aceasta pagina exemplifica crearea listelor

Cele mai uzual folosite tipuri de liste sunt:

neordonate

ordonate

O lista ordonata este o lista numerotata:

1. primul element;
2. al doilea element...

Marcaje pentru introducerea de obiectePrima versiune de HTML (1.0) nu permitea descrierea tabelelor sau a informatiilor formatate. Asemenea obiecte trebuiau create formatat si introduse ca obiect deja formatat, cu marcajele , . Aceste marcaje indicau navigatorului c textul inclus trebuia afisat caracter cu caracter, fr vreo interventie de formatare. n versiunile ulterioare ale limbajului HTML, s-au introdus ns facilitti elegante de formatare, de includere a tabelelor si a altor obiecte.n HTML 3.0 s-au introdus obiectele de tip tabel, formate din linii orizontale si coloane verticale la a cror intersectie se formeaz celulele. Acestea pot contine intrri diverse: texte, figuri sau chiar alte tabele. Se pot realiza reuniri de celule (de exemplu, pentru titluri mai lungi). Atributele de formatare a tabelului (aliniere, stilul chenarului si marginilor etc.) se definesc n proiectarea paginii dar modul lor de afisare va depinde si de programul de navigare.Tabelele se introduc ntre marcajele , crora li se pot atasa (optional) parametrii BORDER si RULES. Un titlu pentru tabel se poate introduce cu marcajul . Fiecare coloan se defineste cu marcajul , avnd ca parametru ALIGN - modul de aliniere a informatiilor din acea coloan (LEFT, CENTER, RIGHT).Antetul tabelului se poate indica ntre marcajele ("Table Header"), pentru trecerea la o linie nou se utilizeaz marcajul ("Table Row") iar celulele individuale se marcheaz cu ("Table Data"), eventual cu parametru de aliniere. Se mai pot specifica alinieri orizontale sau verticale ale celulelor, grupri de celule etc. Aceste marcaje permit navigatorului s afiseze diferentiat informatiile din tabel.Prezentm n continuare un exemplu simplu de tabel.

Pagina cu tabel

Aceasta pagina da un exemplu de folosire a unui tabelVanzari anuale: 199619971998125 milioane lei160 milioane lei231 milioane lei

Exemplu de tabel ntr-o pagin HTMLMrimea liniilor si a coloanelor poate fi controlat suplimentar prin marcajele si respectiv , fiecare indicnd mrimea n "celule normale". n plus, se poate indica trasarea unei margini pentru tabel, prin marcajul .Includerea imaginilor se face folosind marcajul , care are parametri specifici: 1. SRC indic (dup semnul '=') URL-ul imaginii, respectiv calea fisierului dac acesta este local; uzual, se accept fisiere n format GIF sau JPEG;1. ALLIGN controleaz alinierea imaginii fat de limita inferioar a textului (TOP, MIDDLE sau BOTTOM); este un parametru optional;1. ALT furnizeaz textul afisat n locul imaginii dac utilizatorul dezactiveaz optiunea de afisare a imaginilor (parametru optional);1. ISMAP este un indicator optional pentru imaginile care sunt hrti selectabile.Astfel, introducerea simpl a unei imagini se poate realiza cu . Un exemplu de imagine inserat ntr-o pagin HTML este prezentat n figura de mai sus.

Remarcm faptul c, utiliznd parametri specifici, marcajul se poate folosi si pentru inserarea unor fisiere multimedia, cum ar fi secventele video. Avnd n vedere c aceste operatii se realizeaz mai usor folsind un editor HTML.Formulare. HTML 1.0 permitea uzual doar transferarea informatiilor de la furnizori ctre utilizatori, transferul n sens invers fiind foarte dificil. Odat cu dezvoltarea Web-ului si mai ales cu utilizarea sa n scopuri comerciale si n diverse alte domenii, s-a fcut simtit necesitatea comunicrii n dublu sens pentru preluri de comenzi, completarea unor fise de nregistrare, distribuirea de produse soft, administrarea de chestionar, transmiterea unor informatii personale etc. Acestea au fost motivatiile introducerii formularelor n HTML 2.0.Formularele contin obiecte de control care permit utilizatorilor introducerea de informatii prin completarea unor cmpuri specifice (casete de text), prin selectarea sau activarea unor optiuni (comutatoare, grupuri sau liste de optiuni). Aceste informatii vor fi transmise, dup activarea butonului SUBMIT (echivalent cu tastarea lui ) proprietarului paginii, introduse n baze de date dedicate si prelucrate cu aplicatii specifice.Formularele se introduc prin marcajelele ... , crora li se ataseaz parametri specifici care definesc metodele de transmitere si tratare a datelor. Un formular poate contine obiecte de control de diverse tipuri, definite cu marcajul si o varietate de parametri care stabilesc, pentru obiectul definit, tipul, dimensiunea si modul lui de afisare. Astfel, se pot crea cmpuri de text (care vor fi completate cu texte de ctre utilizator), liste de alternative, comutatoare, grupuri de optiuni, butoane, hrti active etc.Datele preluate prin intermediul formularelor se trateaz conform standardului CGI (Common Gateway Interface) prin intermediul unor programe sau script-uri CGI. n plus, un asemenea script poate interactiona cu baza de date creat pentru realizarea unor actiuni specifice (de exemplu, hrtile active folosesc script-uri CGI pentru a executa diferite actiuni, n functie de zona selectat de utilizator).Script-urile CGI pot executa si alte operatii dect prelucrarea formularelor, producnd iesiri convenabile. Dac o hiperlegtur indic spre un script CGI, la selectarea legturii se va executa script-ul (cu anumite variabile de context care retin diverse informatii de stare). Script-ul va produce un fisier, de exemplu o pagin web, care va fi interpretat() de navigator. Acest mecanism permite script-urilor s genereze, aproape instantaneu, pagini web care s satisfac diverse cerinte ale utilizatorilor, furniznd anumite rspunsuri asteptate n urma unor actiuni.Crearea interactiv a formularelor, folosind produse soft specializate n realizarea de pagini Web este relativ accesibil pentru utilizatorii familiarizati cu caracteristicile obiectelor de control specifice aplicatiilor soft dar tratarea ulterioar a informatiilor transmise necesit cunostinte de specialitate.

Numele, simbolurile si procedura de introducere interactiv dintr-un editor HTML (de exemplu, Microsoft Front Page) a obiectelor de control sunt extrem de apropiate de cele asociate obiectelor similare din formularele sau rapoartele Microsoft Access. Pentru utilizatorii mai putin avizati ns, crearea, chiar interactiv, a formularelor este mai dificil.

4. Resurse de hard i soft necesare

Siteul a fost realizat cu ajutorul a mai multe programe precum Sublime Text 2, , Microsoft paint , adobe photoshop CS5 . Cerinele de sistem ale programului nu sunt exagerate.

Resurse minime :

1) Hardware :1. Procesor (CPU) : 1 GHz +1. Memorie (RAM): 512 MB1. Spaiu liber pe hard-disk : 50 MB1. Monitor :1024*768 1. Un browser oarecare: Internet explore ,Mozilla, Opera 2) Software : - Sistem de operare : Windows 98/XP

Resurse recomandate:

1) Hardware :1. Procesor (CPU) : 2.25 GHz +1. Memorie (RAM): 1 GB1. Spaiu liber pe hard-disk : 100 MB1. Monitor : VGA 64-bit color (1024x768) - Un browser oarecare: Internet explorer ,Mozilla 2) Software : - Sistem de operare : Windows XP

5.Bibliografie

http://ro.wikipedia.org/wiki/Belgia

Pagina 1