Model Atstat

48
PROIECT PENTRU PROIECT PENTRU SUSŢINEREA ATESTATULUI PROFESIONAL SUSŢINEREA ATESTATULUI PROFESIONAL LA INFORMATICĂ LA INFORMATICĂ FILIERĂ: FILIERĂ: TEORETIC TEORETICĂ PROFIL: PROFIL: REAL REAL SPECIALIZARE: SPECIALIZARE: MATEMATICĂ-INFORMATICĂ MATEMATICĂ-INFORMATICĂ CANDIDAT, CANDIDAT, ELEV: ELEV: CLASA CLASA : a XII-a A : a XII-a A COORDONATOR PROIECT, COORDONATOR PROIECT, PROF. Mihuc Zenovia PROF. Mihuc Zenovia

description

Moca

Transcript of Model Atstat

PROIECT PENTRUSUSINEREA ATESTATULUI PROFESIONALLA INFORMATIC

FILIER: TEORETIC PROFIL: REAL SPECIALIZARE: MATEMATIC-INFORMATIC

CANDIDAT,ELEV: CLASA : a XII-a A

COORDONATOR PROIECT, PROF. Mihuc Zenovia

MAI 2013

Magazin seciunea alimente

CUPRINS

1.Motivul alegeri temei pag.4

2.Noiuni HTML i Internet pag.5-24

3.Structura aplicaiei pag.25-28

4.Resurse de hard i soft necesare pag.29-30

5.Modaliti de utilizare pag.31

6.Posibiliti de dezvoltare pag.31

1.Motivul alegerii temei

Am ales ca tem pentru site-ul meu prezentarea unei seciuni a unui magazin, i anume seciunea de alimente a magazinului, ntruct mi s-a prut interesant ideea unui magazin alimentar online de unde clienii s poat comanda produsele care i le doresc fr ca s fie nevoie s se mai deplaseze la supermarket i care vor s evite cozile mari de la supermarketuri. Consider c acest magazin online ar putea fi chiar foarte util att pentru cei tineri, ct i pentru cei n vrst care nu se pot deplasa pe distane prea mari.

2.Noiuni HTML i Internet

INTRODUCERE

Ca proiect pentru atestat am ales realizarea unui site web cu tema Magazin seciunea alimente. n ziua de azi tot mai mult lume acceseaz internetul, fiind modul cel mai simplu prin care poi gsi informaiile cutate. De asemenea consider c proiectarea unui site web pe lng faptul c se poate nva destul de uor, poate fi un mod plcut n care i poi dezvolta creativitatea i imaginaia. Acestea sunt motivele pentru care am ales pentru atestat realizarea unui proiect HTML, iar motivul alegerii temei Magazin seciunea alimente este dorina de a cunoate castelul mai bine.Activitatea de proiectare a site-urilor Web implic: imaginaie, capacitatea de analiz, creativitate i o cunoatere temeinic a limbajului HTML. Proiectarea unui site are mai multe etape: identificarea cu exactitate a obiectivului, culegerea i selectarea informaiilor, proiectarea structurii i a aspectului grafic al site-ului, implementarea, testarea, publicarea i etapa de promovare. Editoarele utilizate pentru proiectarea paginilor web pot fi: de texte (Notepad), HTML (FrontPage, Macromedia Dreamweaver), grafice (Flash, Switch Max). Pentru realizarea site-ului Magazin seciunea alimente am folosit aplicaia Web-design Macromedia DREAMWEAVER 8 ca editor HTML. Proiectarea site-ului Magazin seciunea alimente a fost realizat pe urmtoarea arhitectur hardware & software: microprocesor AMD Athlon(tn) XP 2000+, 2.67MHz, 448 MB RAM, HDD 80 GB 7200 rpm ATA/100, CD-ROM 52x Creative, plac video 64 MB, monitor 17; sistem de operare Microsoft Windows XP Profesional Version 2002, cu Service Pack 2; aplicaie Web design Macromedia Dreamweaver 8. Lucrarea de atestat cuprinde 5 capitole. n primul capitol Noiuni generale despre internet am vorbit despre istoricul lNTERNET-ului i despre apariia i funcionarea World Wide Web (www). n capitolul al doilea m-am axat pe limbajul HTML: structura unui document HTML, liste i referine, imagini i sunete, tabele, cadre, formulare i altele. Capitolul al treilea cuprinde noiuni generale despre web design: principii de organizare vizual, folosirea culorilor, design pentru Web. n capitolul al patrulea am descris n detaliu modul de realizare a site-ului Magazin seciunea alimente, proiectul meu de atestat, iar capitolul cinci cuprinde concluzii finale.

CAPITOLUL I NOIUNI GENERALE DESPRE INTERNET

1.1. Istoricul INTERNET- uluiReeaua Internet a aprut acum 20 de ani, printr-un efort de a conecta reeaua Departamentului Aprrii Statelor Unite (cunoscut sub numele de ARPAnet Advanced Research Projects Agency) cu alte reele conectate prin dispozitive radio sau satelit.ARPAnet a fost o reea experimental proiectat s asigure suportul pentru cercetarea militar - n particular, cercetri privind construirea unor reele care puteau rezista cu succes unor ntreruperi pariale.Una din cele mai importante reele noi aprute ulterior a fost NSFNET, nfiinat de NSF (National Science Fundation), o agenie guvernamental american. Spre sfiritul anilor 80 aceast organizaie a creat cinci noduri de comunicaii puternice n centrele universitare americane cele mai importante. Problema care aprea acum era datorat costului ridicat al serviciului telefonic prin linii telefonice nchiriate pe distane foarte mari.Soluia a constat n nfiinarea unor centre regionale. Astfel, aproape fiecare campus universitar a fost conectat la centrul Internet cel mai apropiat.n 1982 - ARPANet s-a unit cu MILNet (Reea militar), cu NSFNet (cercettori i oameni de tiin) i cu alte reele (de exemplu BITNet i USENet, reele concepute pentru schimbul de tiri).n anii 90 Internetul crete cu o vitez pe care cercettorii sau fondatorii acestei reele nici nu au visat-o. Noi companii se lanseaz cu o vitez fenomenal i multe persoane acceseaz Internetul prin distribuitori sau servicii familiare. n prezent mediul Internet este constituit din circa 23 000 de sisteme de reele direct accesibile prin Internet (date care la ora redactrii acestei lucrri pot fi deja nvechite!!!).Viitorul Internetului este deosebit de promitor, programele folosite devin din ce n ce mai prietenoase i mai uor de folosit. De asemenea, conexiunile se realizeaz cu viteze din ce n ce mai mari.Serviciile on-line (CompuServe, America Online, Delphi, Microsoft Network), sunt companii care dein propriile reele pentru a furniza diverse servicii, ca de exemplu tiri internaionale, servicii de comer etc.1.2. Apariia World Wide Web (WWW)Cu aproximaie WWW-ul a aprut n luna martie a anului 1989. Tim Berners Lee de la Laboratorul European de Fizica particulelor din Geneva (CERN) a pus n circulaie propunerea de a dezvolta un sistem hypertext n vederea unei eficiente partajri a informaiei ntre echipele de cercettori din High Energy Physics Community, situate n zone geografice diferite. 1.3. Funcionarea World Wide Web Cea mai important caracteristic a WWW o constituie simplitatea modului de acces la resurse. n mare msur aceasta se datoreaz protocolului de comunicaie implementat numit HTTP (HyperText Transport Protocol). O sesiune de transfer se desfoar astfel: se realizeaz o conexiune client-server; clientul lanseaz o cerere (request); serverul furnizeaz clientului rspunsul la cererea formulat; serverul ncheie conexiunea.Prima etap, cea de conectare, este vizibil prin apariia n bara de stare a browser-ului a mesajului Connecting to HTTP server. Dac conexiunea nu se poate realiza apare mesajul de eroare Cant connect to server, nsoit de motiv. Odat conexiunea la un server HTTP stabilit, clientul lanseaz cererea. Aceasta specific tipul de protocol folosit, resursa solicitat (fiierul sau grupul de fiiere) i n ce fel trebuie s rspund server-ul (metoda). Protocolul mpreun cu resursa alctuiesc un URL (Uniform Resource Locator).Tipul protocolului este partea cea mai important a unui URL. Fr acesta browser-ul nu ar ti cum s trateze resursa respectiv.Protocoalele URL existente sunt: file - pe lng informaia accesat prin Internet browserele sunt capabile s afieze coninutul fiierelor locale; un URL de tip file este de forma: file://litera_disc_cale/nume_fiier.extensie; ftp - dac link-ul pointeaz ctre un fiier situat pe un FTP-server cu acces public (anonymous FTP server), atunci resursa trebuie specificat ca fiind de tip ftp: ftp://ftp.sorosis.ro/pub/windows/www/netscape.zip; http - toate documentele scrise n format HTML sunt stocate pe un WWW server. HTTP se refer la protocolul folosit de aceste servere; gopher - browserele WWW pot naviga i pe servere gopher folosind aceast definiie de protocol; mailto - este un tip special de URL care permite trimiterea mesajelor prin e-mail; news link-urile care pointeaz ctre un newsgroup trebuie s fie declarate folosind acest protocol; telnet - pentru a indica faptul c un link necesit deschiderea unei sesiuni telnet URL-ul trebuie s fie de tip telnet. Majoritatea browserelor nu pot deschide sesiuni telnet, dar lanseaz, n schimb, programe client externe atunci cnd se selecteaz un link de acest tip; wais - este un tip de protocol (Wide Area Information Server) care permite cutarea de informaie n baze de date indexate pornite de la cuvinte descrise n limbaj natural. Metoda semnific comanda explicit a clientului ctre server. Dac cererea este acceptata server-ul produce rspunsul i transfer informaia (acest lucru este vizibil n bara de stare a browser-ului, afindu-se progresiv informaii de transfer).

CAPITOLUL IILIMBAJUL HTML

2.1. Coduri HTML2.1.1. Noiuni generale despre paginile webPaginile web sunt fiiere text, care se pot realiza cu un editor obinuit, apoi salvate ca text only, ns extensia trebuie s fie obligatoriu .htm sau .html. Adaosul la textul obinuit sunt codurile HTML (pot fi numite tag-uri, etichete, marcaje sau balize) care marcheaz documentul.Comparaia potrivit ar fi cu editorul Word: pentru a marca titluri i subtitluri, mrim dimensiunea fontului, apsm butonul bold etc., sau i schimbm stilul n Heading 1 i Heading 2. Similar, n limbajul HTML, care este un limbaj de marcare (HyperText Markup Language) adugm balizele H1, B etc.Un navigator (cum ar fi: Internet Explorer, Opera sau Netscape) citete aceste fiiere text i interpreteaz codurile pentru a afia corect coninutul documentului. Balizele nu sunt afiate, ele doar spun navigatorului (browser-ului) cum s afieze coninutul lor.2.2. Limbajul HTMLHTML (HyperText Markup Language) a fost dezvoltat iniial de Tim Berners-Lee n anul 1989, ca urmare a necesitii de publicare a informaiilor la nivel global. Pe parcursul anilor, limbajul a evoluat (HTML 3.0, HTML 3.2, HTML 4 i cel mai recent HTML 4.01), fiecare versiune oferind noi faciliti. Trsturile limbajului HTML sunt: independena de platforma (modul de afiare al unui document este acelai, indiferent de computerul pe care se realizeaz afiarea); structurarea formatrii; posibilitile hypertext (orice cuvnt, imagine sau alt element al documentului vizualizat de utilizator poate face referin la un alt document, ceea ce uureaz navigarea n cadrul aceluiai document sau ntre documente diferite). HTML este un limbaj simplu, compus din coduri speciale (marcaje) care se insereaz ntr-un text pentru a aduga informaii despre formatare. Este derivat din SGML (Standard Generalized Markup Language), un sistem pentru definirea tipurilor de documente structurate, destinat s reprezinte instane ale acestor tipuri de documente. La baza SGML i a HTML se afl acelai principiu: descrierea coninutului unui document se face ntr-un fiier text obinuit (ASCII). Se urmrete ca aceste fiiere s fie editabile cu aplicaii software nepretenioase (exemplu Notepad, WordPad). n cadrul unui document HTML, un marcaj (tag, n limba englez) va avea forma . Parantezele unghiulare sunt elementele care indic prezena unui marcaj; numele marcajelor poate fi scris oricum, limbajul nefiind senzitiv la literele mari/mici (case sensitive). Unele marcaje permit utilizarea unor atribute care se vor scrie n marcajul de nceput:

................

Exist dou tipuri de marcaje: individuale (exemplu
); perechi (exemplu ...) - de menionat c sfritul unui marcaj este indicat prin utilizarea caracterului / n faa numelui de marcaj. n funcie de modul de formatare a paginii, avem marcaje de tip: block: este afiat sub elementul anterior (exemplu ); inline: este afiat dup elementul anterior (exemplu ); table: este afiat sub forma unui tabel. Marcajele perechi pot fi imbricate:

................

Browserele vor ignora marcajele i opiunile pe care nu le recunosc. 2.3. Structura unui document HTMLUn document HTML 4 are urmtoarea structur:1. o linie coninnd versiunea HTML; 2. seciunea HEAD, delimitat de marcajele ... ; 3. seciunea BODY, delimitat de marcajele ... sau ... .2.3.1 Seciunea HEADCuprinde informaii care nu vor fi afiate n browser, cu excepia marcajului . Marcajul este obligatoriu i poate apare doar n seciunea HEAD. El va conine un titlu relevant pentru pagin, fiind deosebit de important pentru motoarele de cutare.Alte marcaje care apar n seciune HEAD: - poate conine cuvinte cheie, o descriere a paginii, numele autorului paginii, frecvena (teoretic) cu care motoarele de cutare ar trebui s reindexeze pagina etc. Declaraiile META implic n general declararea unei proprieti i a valorii asociate acelei proprieti.

- cascading style sheets - stiluri pentru formatarea textului din documentul HTML. ... - scripturi JavaScript sau VBScript.

- stabilete URL-ul de baz al documentului. Toate referinele (, respectiv ) din documentul respectiv vor fi deschise relativ la marcajul .

- stabilete o legtur cu un document extern, spre exemplu un fiier de definiii CSS.

2.3.2 Seciunea BODYEste inclus ntre marcajele ...... Marcajul de sfrit () nu este obligatoriu.n seciunea BODY se gsete informaia care va fi afiat n browser (text, imagini etc.) (.... ). Ca n orice limbaj de programare, n HTML exist posibilitatea de a introduce comentarii, folosind marcajul .Marcaje specifice: - trecerea la un nou paragraf ... - aplicarea stilului heading (n ia valori de la 1 la 6 si defineste nivelul de titlu)Pentru formatarea textului pot fi folosite i marcajele: ... - caractere ngroate; ... - caractere nclinate; ... - caractere subliniate; ... - caractere tiate; ... - marcajul de informaie preformatat; ... - exponent; ... - indice;
- rupe textul, trecnd pe o linie nou - poate apare oriunde n text; - traseaz o linie subire orizontal.Marcajul ... ofer posibilitatea modificrii dimensiunii, culorii i a tipului de font utilizat.Marcajele i (ambele necesit marcaj de nchidere): este un marcaj de tip inline. Se folosete n general n interiorul marcajelor de tip block (exemplu ) n combinaie cu stilurile CSS, pentru a impune o formatare diferit de restul coninutului din marcajul block respectiv; spre deosebire de , marcajul este de tip block. Se folosete n general pentru poziionare n cadrul documentului i pentru specificarea unor proprieti CSS care s fie aplicate textului din interiorul lui.2.4. Liste i referine2.4.1 ListeHTML ofer mai multe mecanisme pentru specificarea listelor de informaii. Exist 3 tipuri de liste, fiecare tip trebuie s includ cel puin un element:1. liste de tip definiie; 2. liste ordonate (numerotate); 3. liste neordonate (marcate).

2.4.1.1. Liste de tip definiieUnul dintre cele mai obinuite elemente n paginile HTML este un set de definiii, referine sau indexuri. Un exemplu concret l reprezint glosarele.Lista de tip definiie este introdus de marcajele: ... - lista definiii (definition list); - termenul definit (definition term); - definiie (definition). 2.4.1.2. Liste neordonateSunt introduse de marcajele:

  • ...

- list neordonat (unordered list); - element list (list).2.4.1.3. Liste ordonateSunt introduse de marcajele:

  1. ...

- list ordonat (ordered list); - element list (list). 2.4.2. Referine (link-uri)Marcajul HTML principal pentru introducerea referinelor ctre alte pagini HTML sau ctre elemente din cadrul aceleiai pagini web este . El trebuie s conin atribute, n caz contrar neafectnd formatarea documentului.Referinele pot fi absolute (