Examen de atestatDocumentaie pentru proba practic

Istorie - Mituri - Curiozitati

Vatafu MarianProf. Coord. Dragomir AdelinColegiul National "Mihai Viteazul" Slobozia

Cuprins :

1. Motivul alegerii temei pag. 32. Structura aplicatiei pag. 4-73. Continutul siteului4. Limbajul HTML pag. 9-195. CSS6. Bibliografie

1. Motivul alegerii temeiAm ales aceasta tema din cauza faptului ca nicaieri in lume nu mai exista un oras cu asemenea concentratie de cladiri istorice de toate felurile si de toate varstele ca in Roma ( ruine antice si medievale, Panteonul, biserici si bazilici baroce, cladiri renascentiste, monumente neoclasice, Vaticanul ,Bazilica San Pietro ). M-a fascinat ideea de a rezuma istoria orasului stat in cateva pagini si de a oferi cititorilor o idee despre puterea unui imperiu condus de lideri legendari precum Caesar.

2. Structura aplicaiei

Programul contine o forma principala alcatuita din mai multe butoane precum:Pagina Acasa contine o scurta descriere a Romei Antice, situare, perioada ocupata in istorie, dar si 4 poze, 3 dintre ele aratand artefacte lasate in urma de artistii imperiului iar a 4-a poza intruchipand un general roman. Pagina Intemeiere contine detalii despre intemeierea Romei si 3 poze care despre miturile legate de intemeiere.Pagina Armata contine detalii despre organizarea soldatilor sub forma legiunilor, cohortelor si trupelor auxiliare.Pagina Organizarea sociala prezinta forma de organizare a societatii dar si detalii despre cetatenia romana.Pagina Mituri listeaza mituri precum : Degetul orientat in sus, Atia si a ei viata,Romanii purtau toga,Si tu, Brutus?, Toti gladiatorii erau barbati, etc.Pagina Contact contine detalii despre autorul realizarii proiectului dar si o zona de a lasa feedback.

Coninutul site-ului

Site-ul auto-acum conine 47 de fiiere diferite si anume: 7 de fiiere .html reprezentnd cele 7 de pagini ale site-ului. 1 fiier .css reprezentnd foaia de stil (stylesheet). 39 de imagini si pictograme in format .jpg, si .png.Organizarea site-ului pe foldere si fisiere:

Folder principal 7 fiiere HTML si un folder style Folder style: 39 fisiere imagine si un fisier css;

Denumirea paginilor: index - pagina principalaContine frame-ul tuturor celorlalte pagini : Menu bar, content header, sidebar, header si footer.Logo/Header : Contine numele proiectului, al autorului, clasa si liceului de provenienta.

Roma Antica Vatafu Marian Cornel Clasa a XIIa D CNMV Slobozia Menu bar :

Acasa

Intemeiere

Armata

Organizarea sociala

Mituri

Zei

Contact

Sidebar care contine detalii precum "Oficii si titluri onorifice" :

Oficii si titluri onorifice Pontifex Maximus, Legatus, Dux, Officium, Praefectus, Vicarius, Vigintisexviri, Magister Militum, Imperator, Princeps senatus, Imparat, August, Cezar, Tetrarh Pentru forma fara colturi, meniul sidebar a fost impartit in 3 parti : top, base si corpul dreptunghiular propriu zis.Sidebar cu linkuri folositoare :

Linkuri folositoare

Istoria militara a Romei

Carti despre Roma antica

Mituri despre Roma Antica

Regalitatea in Roma

Sidebar Search : Search Footer : Contine linkuri catre paginile proiectului

Acasa | Intemeiere | Armata | Organizarea sociala | Mituri | Zei | Contact | Inserarea imaginilor : Au fost folosite 3 coduri diferentiate prin pozitia ocupata in pagina :

Example grafic este titlul pictogramei care apare in cazul unei completari gresite de cod. detalii, intemeiere, contact, zei, sociala,mituri - pagini secundare care contin informatii diverse, titlul fiecareia fiind sugestiv.4. Limbajul HTML Ce este un site web?

Noiuneasite webprovine din expresiaenglezweb sitei desemneaz o grup depagini webmultimedia (coninnd texte, imagini fixe, animaii .a.), accesibile n Internetn principiu oriicui, de obicei pe o tem anume, i care sunt conectate ntre ele prin aa-numitehiperlinkuri. Diversele site-uri web pot fi create de ctre o organizaie, o persoan particular, instituii publice etc.De obicei un site web este administrat (creat, ntreinut i actualizat) de ctre un aa-numitwebmaster, dar exist i alte posibiliti: site-ul web se actualizeaz automat i permanent pe baza unei baze de date; paginile sale se creeaz n mod dinamic i automat n funcie de aciunea utilizatorului n cadrul unei aplicaii web; site-ul web se creeaz i e administrat chiar de ctre utilizatorii si - veziWeb 2.0.

Un site web este alctuit de regul din mai multepagini web. O pagin web este un document creat cu ajutorul limbajului de marcareHTMLi (opional) limbaje de programare cum ar fiPHP,ASP.a. fiind accesibil vizitatorilor prin intermediul protocoluluiHTTP, care transfer informaia de laserverlabrowser. Pagina web se numete aa deoarece, afiat pe un monitor, ea se aseamn cu o pagin de ziar: de obicei paginile web au o lime care ncape n ntregime pe ecran. n schimb, pagina poate fi chiar mult mai nalt (adnc) dect nlimea ecranului, ea putnd fi totui uor afiat cu ajutorul funciilor normale alemausuluii browserului folosite, prin "tragere" n sus i n jos. De asemenea, un site web poate fi vizualizat pe orice dispozitiv conectat laInternetcapabil s afieze informaii prin intermediul protocolului HTTP (unele telefoane mobile, PDA-uri, etc.).Un site alctuit din mai multe pagini are de obicei o pagin iniial sau principal numithomepage, de la care pleac legturi ctre paginile interioare, secundare. Structurile i schemele de "navigare" din interiorul site-urilor web sunt foarte diferite, n funcie de scopurile, dorinele i posibilitile ofertantului de informaii. De obicei aceasthomepageeste chiar pagina de start a site-ului, pe care ofertantul de informaii n web o face cunoscut la public drept punct de plecare pentru ntregul site web al su. Ce este HTML?HyperText Markup Language(HTML) este unlimbaj de marcareutilizat pentru crearea paginilor web ce pot fi afiate ntr-unbrowser(sau navigator). Scopul HTML este mai degrab prezentarea informaiilor paragrafe, fonturi, tabele .a.m.d. dect descrierea semanticii documentului.HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura pagin, utiliznd un software de redare specializat, numitagent utilizator HTML, cel mai bun exemplu de astfel de software fiindbrowserul web. HTML furnizeaz mijloacele prin care coninutul unui document poate fi adnotat cu diverse tipuri de metadate i indicaii de redare. Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus, pn la scripturi sofisticate, hri de imagini i formulare. Metadatele pot include informaii despre titlul i autorul documentului, informaii structurale despre cum este mprit documentul n diferite segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi legat de alte documente pentru a forma astfelhiperlink-uri (sauweb-ul).HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine solide de HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fiMacromedia Dreamweaver,Adobe HYPERLINK "http://ro.wikipedia.org/w/index.php?title=Adobe_GoLive&action=edit&redlink=1"GoLivesauMicrosoft HYPERLINK "http://ro.wikipedia.org/wiki/Microsoft_FrontPage"FrontPagepermit ca paginile web sa fie tratate asemntor cu documetele Word, dar cu observaia c aceste programe genereaz un cod HTML care este de multe ori de proast calitate.HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar fiPHP,JSPsauASP. Multe aplicaii casistemele de gestionare a coninutului,wiki-uriiforumuri webgenereaz pagini HTML.HTML este de asemenea utilizat ne-mail. Majoritatea aplicaiilor de e-mail folosesc un editor HTML ncorporat pentru compunerea e-mail-urilor i un motor de prezentare a e-mail-urilor de acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i multeliste de maille blocheaz intenionat.HTML este prescurtarea de laHyper Text Mark-up Languagesi este codul care sta la baza paginilor web.Paginile HTML sunt formate din etichete sau tag-uri i au extensia .html sau .htm. n marea lor majoritate aceste etichete sunt pereche, una de deschiderei alta de nchidere, mai exist i cazuri n care nu se nchid, atunci se folosete. Navigatorul web interpreteaz aceste etichete afind rezultatul pe ecran. HTML-ul este un limbaj care nu face deosebire ntre litere majuscule i minuscule.Pagina principala a unui domeniu este fisierul index.html respectiv index.htm. Aceast pagin este setat a fi afiat automat la vizitarea unui domeniu.De exemplu la vizitarea domeniului www.nume.ro este afiat pagina www.nume.ro/index.html.Unele etichete permit utilizarea de atribute care pot avea anumite valori: ...

Componena unui document HTML este: versiunea HTML a documentului zonaheadcu etichetele zonabodycu etichetele sau

Versiunea HTML poate fi: HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 5

Toate paginile HTML ncep i se termin cu etichetelei.n interiorul acestor etichete gsim perechile,i,.headconine titlul paginii ntre etichetelei, descrieri de tip, stiluri pentru formatarea textului, script-uri i legturi ctre fisiere externe (de exemplu script-uri, fiiere de tip CSS saufavicon).Etichetele de tipmetaconin cuvinte cheie, descrierea paginii, date despre autor, informaii utile motoarelor de cutare i au urmtorul format:

Exemplu: link ctre un fisier extern CSS:

bodygzduiete practic toate etichetele afiate de browser pe ecran.Exemplu: o pagin HTML cu titlulExempluiar coninutulConinut pagin

Exemplu

Continut pagina

5. CSS

CSS(Cascading Style Sheets)este un standard pentru formatarea elementelor unui documentHTML. Stilurile se pot ataa elementelor HTML prin intermediul unor fiiere externe sau n cadrul documentului, prin elementuli/sau atributulstyle. CSS se poate utiliza i pentru formatarea elementelorXHTML,XMLiSVGL.CSS3 reprezint un upgrade ce aduce cteva atribute noi i ajut la dezvoltarea noilor concepte in webdesign.Unele dintre cele mai importante segmente (module) noi adugate acestui standard pentru formatarea elementelor HTML aduc un plus considerabil in dezvoltarea activiti webdesign.Mai jos sunt prezente in list cele mai importante modulele adugate in CSS3: Selectors Box Model Backgrounds and Borders Image Values and Replaced Content Text Effects 2D/3D Transformations Animations Multiple Column Layout User InterfaceDei au aprut unele deficiente de compatibilitate intre browsere, majoritatea proprietilor CSS3 au fost implementate cu succes in variantele browserelor noi.

Exemplu CSS3 border-radius:div {border: 2px solid #333333;padding: 10px 40px;background: #dddddd;width: 300px;border-radius:25px;}

Elementul HTMLdiveste definit de urmatoarele proprieti CSS: dimensiunea in lungime este redat de valoarea in pixeli a proprietiiwidth, folosete o bordur de 2 pixeli, o bordur solid de culoare gri-inchis definit de caloarea HEX #333333. Culoarea de fundal este gri deschis definit de HEX #dddddd. Bordura rotunjit este de 25 pixeli pentru toate cele 4 coluri.

6.Bibliografie http://ro.wikipedia.org/wiki/Roma_Antic%C4%83http://ro.wikipedia.org/wiki/Categorie:Mitologia_roman%C4%83http://ro.wikipedia.org/wiki/Categorie:Civiliza%C8%9Biihttps://g1b2i3.wordpress.com/2009/04/21/intemeierea-romeilegenda-lui-romulus-si-remus/http://istorie-edu.ro/istorie-universala/Roma/roma_06osoc.htmlhttp://ro.wikipedia.org/wiki/Armata_roman%C4%83