ATESTAT PLANTE

Cuprins

Introducere

Generalitati despre limbajul HTML

Cerinte hardware si software

Structura si continutul proiectului

Bibliografie

Introducere

Lucrarea de fata are ca tema plantele. Sunt prezentate toate categoriile de plante(cu increngaturi,sub-increngaturi,clase,ordine) cat si caracteristici ale plantelor.

Aplicatia a fost realizata in cea mai mare parte in limbajul HTML, prin programare direct in cod sursa (scrierea liniilor de comanda). Meniurile principale au fost realizate insa in Flash, pentru care s-a folosit in principal programul de editare Macromedia Flash 8.

Generalitati despre limbajul HTML

Pana in anul 1990 accesarea informatiilor de pe INTERNET era foarte dificila si reteaua nu era folosita decat de un numar restrans de persoane, in general oameni de stiinta. 

Fizicianul Tim Berners-Lee a devenit celebru deoarece a inventat link-urile hypertext.Aceasta idee a dus la dezvoltarea unui limbaj simplu care s-a impus pe piata mondiala.Acest limbaj a fost numit Hypertext Markup Language, prescurtat, HTML.

Dar ce este de fapt limbajul HTML ? HTML-ul este un set de conventii pentru marcarea portiunilor de document astfel incat fiecare portiune sa apara cu format distinct atunci cand documentul este accesat de un program de analiza sintactica (parser). HTML este limbajul de marcare ce stabileste aspectul documentelor WWW, iar prin intermediul browserelor se poate vedea documentul gata formatat.

HTML este de fapt un subset al standardului SGML (Standard Generalized Markup Language) si include capacitati care permit autorilor sa insereze hiperlegaturi care afiseaza alte documente HTML cand se executa clic pe ele.

Notiunea de hypertext inseamna text pastrat in format electronic cu link-uri intre pagini.

Pana in 1993, in jur de 100 de calculatoare erau echipate pentru a gazdui pagini HTML;aceste pagini interconectate au fost denumite <WORLD WIDE WEB>

Nu mult dupa aceea au inceput sa fie scrise primele browsere Web cu ajutorul carora puteau fi vizualizate pagini web care contineau text si imagini.

In functie de versiunea HTML folosita, paginile WEB sunt grupate in trei generatii:

paginile din prima generatie, care foloseau versiunea 1.0, in care se edita text si 1-2 imagini.

paginile din a doua generatie, proiectate cu HTML 2.0, care puteau contine si un fundal, permiteau aranjarea datelor in tabele si posibilitatea de a comanda un produs prin intermediul Internetului.

paginile din a treia generatie care pot contine culori diferite, secvente animate, sunete, etc.

In prezent a aparut a patra versiune a limbajului HTML.

Documentele HTML sunt exclusiv de tip text (ASCII); ele pot fi editate direct, prin comenzi specifice sistemului de operare folosit. In WINDOWS, se poate utiliza NOTEPAD,WORDPAD sau orice alt editor de texte.

Vizualizarea acestor documente se face cu ajutorul unor aplicatii speciale, numite BROWSER-e, care nu depind de tipul sistemului de calcul folosit, ceea ce permite independenta fisierelor de tip HTML fata de platforma de lucru.

Pentru descrierea documentelor WEB se utilizeaza anumite etichete (tag-uri) specifice pentru fiecare element descris; acestea stabilesc structura si aspectul documentului final.

Tag-urile sunt recunoscute de browser-e care stabilesc apoi modul de formatare a documentului. Pentru delimitarea (separarea ) tag-urilor se folosesc delimitatorii < si > care incadreaza fiecare eticheta.

Forma generala:  <tag> pentru a marca inceputul unui tag si </tag> pentru a marca sfarsitul unui tag.

In HTML nu se face distinctie intre majuscule si minuscule;

Unele elemente HTML admit atribute care specifica informatii suplimentare despre continutul elementului. Atributele elementului se precizeaza in cadrul etichetei de inceput si se aplica doar elementului curent.

Ex. Daca se doreste includerea unei imagini in document, se va specifica drept atribut adresa fisierului care contine imaginea si eventual alte informatii despre felul in care se va face includerea.

Avantajul major al unui browser este acela ca poate suporta si alte limbaje, ca Java sau Basic, ce completeaza utilitatea limbajului HTML.

Macromedia Dreamweaver este o unealta destinata creatorilor de pagini web. Dreamweaver a fost creat de Macromedia (acum Adobe Systems) si momentan a ajuns la versiunea 9. Primele versiuni ale produsului serveau doar ca simple editoare HTML de tipul WYSIWYG dar in versiunile recente au fost implementate functii de editare avansate si support pentru alte tehnologii web cum ar fi CSS, JavaScript etc.

Dreamweaver s-a bucurat de un larg succes inca de la sfarsitul anilor '90 si momentan detine aproximativ 80% din piata editoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac, Windows, dar suporta in acelasi timp si platforme UNIX cu ajutorul unor emulatoare software, cum ar fi Wine.

Ca orice alt editor WYSIWYG, Dreamweaver poate ascunde detaliile de implementare a paginilor HTML, facand astfel posibila crearea cu usurinta a paginilor web de catre utilizatorii neexperimentati.

Unii creatori de pagini web critica aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari decat ar fi necesar, ceea ce conduce la o functionare neperformanta a browserelor web.

Aceasta afirmatie este in mare parte adevarata deoarece paginile web produse folosesc design-ul pe baza de tabel. In plus, produsul a mai fost criticat in trecut si pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fost mult imbunatatit in versiunile recente. Cu toate acestea, Macromedia a crescut suportul pentru tehnologia CSS precum si alte modalitati de design fara a fi necesara folosirea design-ului pe baza de tabel.

Dreamweaver permite folosirea majoritatii browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza website-ul creat. De asemenea contine si cateva utilitare pentru administrarea site-urilor, cum ar fi cele pentru a gasi si modifica un paragraf sau o linie de cod, in intregul web site, pe baza oricaror parametri specificati de catre utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fara a avea cunostinte de programare.

Odata cu aparitia versiunii MX, Macromedia a incorporat utilitare de generare dinamica a continutului. De asemenea este oferit suport pentru conectarea la baze de date (cum ar fi MySQL si Microsoft Access) pentru a filtra si afisa continutul folosind script-uri de genul PHP, ColdFusion, Active Server Pages (ASP) si ASP.NET, fara a avea nevoie de o prealabila experienta in programare.

Un aspect foarte laudat al Dreamweaver-ului il reprezinta arhitectura sa extensibila. Extensiile, asa cum sunt ele cunoscute, sunt mici programe, pe care orice dezvoltator le poate scrie (de obicei in HTML si JavaScript) si pe care oricine le poate descarca si instala, acestea aducand un spor de performanta si functionalitate imbunatatita programului. Exista o comunitate de dezvoltatori care produc aceste extensii si le publica (atat comercial cat si gratuit) pentru probleme de dezvoltare web, de la simple efecte rollover pana la solutii complete de vanzare online.

Macromedia Flash sau mai pe scurt Flash este o aplicatie utilizata pentru dezvoltarea obiectelor-aplet de tip Flash disponibile in cadrul unor pagini WEB. Prin intermediul obiectelor flash, veti putea creste dinamismul unei pagini precum si facilita interactiunea cu utilizatorul. Initial dezvoltata de Macromedia, aplicatia Flash a fost preluata de catre Adobe odata cu achizitionarea companiei sus amintite.

Avantajele folosirii Flash-ului pe web:

Elemente grafice vectoriale: dimensiuni mici si scalabil: Pentru a memora imaginile un calculator poate recurge la doua metode: prima este retinerea pixel cu pixel a imaginii, cea de-a doua este memorarea unor puncte critice cu ajutorul carora imaginea poate fi refacuta. Astfel pentru a afisa un cerc, acesta poate fi memorat intr-o imagine de tip raster (cum ar fi formatul BitMap sau Jpeg) daca avem un cerc cu o raza destul de mare vor fi memorati nu numai pixelii de pe circumferinta cercului ci si cei din interiorul acestuia sau care sunt in jurul sau. Spre deosebire, in cadrul formatelor vectoriale (SVG - Scalable Vector Graphics, SWF - ShockWave Flash) sunt retinute doar centrul si raza cercului, calculatorul gasind imediat metoda de afisare a tuturor punctelor ce vor alcatui cercul. Este evident faptul ca dimensiunea unui fisier in format rasterizat (jpg, bmp, gif) este mai mare decat cea a unui fisier in format vectorial (din cauza numarului de informatii ce vor fi retinute). Atunci cand marim o imagine de tip vectorial nu facem decat sa redesenam o parte a sa, calculatorul putand reda cercul cu aceeasi claritate se cunoaste forma geometrica reprezentata si marirea imaginii nu reprezinta decat trasarea (la scara) a fostei imagini vectoriale. Atunci cand marim o imagine de tip raster calculatorul nu cunoaste despre ce este vorba si operatia va consta doar in suprademensionarea pixelilor (un pixel al cercului va fi afisat in mai multe puncte de pe ecran).

Independenta de platforma (browser/sistem de operare): Imaginile vectoriale, desi mai utile, necesita o aplicatie care sa genereze imaginea (pentru formatul SVG de exemplu exista Adobe SVG Player iar pentru SWF avem Playerul de Flash). Independenta de platforma apare din cauza ca acest program ce stie sa afiseze imaginile a fost construit pentru o gama larga de hardware si sisteme de operare: Astfel daca vom vizualiza obiectul Flash in Windows se va folosi automat Playerul de Flash versiunea Windows, daca utilizam un telefon mobil (SmartPhone), se va folosi playerul disponibil pentru telefoane (Flash Player Lite 1.0), sau daca vom folosi MacOS exista un player separat (evident toate playerele vor afisa aceeasi imagine finala).

Animatii de lunga durata usor de realizat: animatiile sunt punctul forte al Flash-ului, interfata aplicatiei da posibilitatea de a sincroniza (in functie de timp) diversele obiecte, pozitii sau forme ale acestora. Flash-ul nu numai ca realizeaza aceasta sincronizare, dar poate si interpola pozitia (sau forma) unui obiect pentru a usura munca utilizatorului.

Se pot adauga interfetei elemente multimedia: in interiorul obiectelor Flash puteti importa si manipula (inainte, inapoi, salt la un anumit moment) MP3-uri sau AVI-uri.

Nu necesita cunostinte de HTML, XHTML: in cazul in care va hotarati sa realizati un intreg site in Flash, aplicatia va poate furniza odata cu obiectul flash si codul HTML necesar in acest fel tot ce mai trebuie facut este doar publicarea sitului pe un server WEB.

Editoare puternice si lucrul facil: (Macromedia) Flash este un editor puternic care da posibilitatea de atasari de comportamente diverselor obiecte fie folosind interfata de desenare grafica fie prin atasarea de scripturi obiectelor.

Usurinta imbinarii elementelor grafice cu scriptul: atasarea codurilor ActionScript obiectelor din flash se realizeaza prin selectarea obiectului si introducerea codului asociat obiectului intr-o fereastra speciala.

Transferabil ca flux de date: pentru ca un film Flash sa ruleze pe masina clientului nu este necesar sa fie incarcat in intregime playerul va afisa doar cat va putea din film asteptand (eventual) incarcarea in continuare. Din acest motiv se pot realiza scripturi speciale care atasate obiectelor Flash pot furniza informatii privitoare la procentul de fisier care a fost incarcat.

Dezavantaje ale utilizarii Flash-ului:

Printre dezavantajele folosirii obiectelor flash in paginile web amintim:

Depinde de player: desi acesta vine instalat pe o suita de browsere (si in cazul in care nu este preinstalat instalarea este destul de rapida dimensiunea Playerului Flash este destul de mica si descarcarea acestuia in contextul retelelor actuale este rapida), totusi exista cazuri in care obiectele Flash ajung pe masini ce nu au instalata aplicatia necesara interpretarii obiectelor Flash, ajungandu-se in imposibilitatea folosirii fisierelor (Pentru a rula aplicatiile Flash pe aceste calculatoare trebuie exportat obiectul Flash ca un executabil).

Mare amator de resurse: deoarece trebuie sa reconstruiasca de fiecare data elementele grafice, Playerul Flash (precum si aplicatia de dezvoltare) este mare consumator de memorie si procesor (in cazul graficii raster este clar unde trebuiau afisati pixelii ce formeaza cercul in cadrul graficii vectoriale trebuie ca pozitiile pixelilor sa fie recalculate).

Motoarele de cautare nu pot indexa textul: Flashul lucreaza cu mai multe tipuri de texte, majoritatea dintre acestea (textul static) nu poate fi indexat de motoarele de cautare deoarece obiectul Flash este tratat ca element grafic/obiect si robotii de cautare nu au cunostintele necesare disecarii obiectelor Flash si extragerii textului intern.

Usurinta utilizarii il face sa fie folosit in cele mai absurde moduri (de exemplu, flash-urile - sperietoare). Pentru aceste tipuri de Flash-uri, facute de obicei de incepatori, in limba engleza exista un termen special: 'flashturbation'.

Tehnologie licentiata: fiind o aplicatie dezvoltata de o serie de programatori (platiti pentru a dezvolta Flashul), instrumentul de dezvoltare costa cel putin 600[necesita citare]. Totusi specificatiile formatului obiectului Flash sunt disponibile si din acest motiv au aparut (si inca apar) destule instrumente care sa utilizeze acest format in scopuri mai mult sau mai putin productive sau legale. Dintre acestea amintim: Swift3D, Swish, ImperatorFLA, ActionScript Obfuscator.

Cerinte hardware si software

Fiind realizat in HTML, functionarea corecta depinde de foarte putini factori la nivel hardware.

Configuratia minima necesara :

procesor la 133MHz

min. 32 MB RAM (de preferat cel putin 64 MB)

o placa vide care sa suporte mai mult de 256 de culori (optional pentru o afisare corecta a detaliilor)

Este necesara o versiune a browser-ului care sa permita recunoasterea tuturor comenzilor ( testul a fost facut cu Internet Explorer 6.0 ), si de asemenea este obligatoriu un flash player, sau un  patch  pentru flash.

Conditii de testare: proiectul a fost facut si testat pe un PC AMD Athlon 1700MHz, la 256 MB DDRAM, sistem de operare MS Windows Xp.

Structura si continutul proiectului

Aplicatia a fost realizata in cea mai mare parte in limbajul HTML, prin programare direct in cod sursa. Scrierea liniilor de comanda s-a facut cu Macromedia Dreamweaver, vizualizarea codului putandu-se face cu orice editor text (MS Word, Notepad s.a.).

Structural, pagina principala (acasa.html) este structurata sub forma de tabel:

In primul rand (table row) este prezentat meniul animat,din care poti alege:acasa(pagina principala),studiul plantelor, clasificare, lista plante, galerie, contact.

Meniul principal a fost realizat in Flash, pentru care s-a folosit in principal programul de editare Macromedia Flash8. De asemenea animatia din partea de sus a paginii a fost facuta in Flash.

Maniul principal se gaseste in partea superioara a ecranului. Acesta cuprinde urmatoarele capitole:

1. acasa - acasa.html. (pagina principala)

2. studiul plantelor - studiul plantelor.html In aceasta pagina veti afla caracteristici generale despre plante

clasificare clasificare.html. In aceasta pagina sunt prezentate principalele categorii de plante.

lista plante - lista plante.html  In aceasta pagina este prezentat un tabel cu o lista de plante.

galerie galerie.html In aceasta pagina este prezentata o galerie in flash cu plante.

contact contact.html . In aceasta pagina sunt prezentate date despre elev.

Codul sursa al paginii acasa.html :

<HTML>

<HEAD>

<TITLE>Atestat plante</TITLE>

<style type='text/css'>

<!--

td

a

a.1

.t11

-->

</style>

</HEAD>

<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 background='images/bg.gif'>

<center>

<table border='0' width='770' cellpadding='0' cellspacing='0' >

<tr><td>

<object classid='clsid:D27CDB6E-AE6D- 11cf-96B8-444553540000' codebase=''>

<param name='movie' value='Flash/plante.swf'>

<param name='quality' value='high'>

<embed src='Flash/plante.swf' quality='high' pluginspage='''> </embed></object> </TD></tr>

<tr>

<td bgcolor='#050505'>

<br><br><br>

<div align='center'>

<table width='600' border='0'>

<tr><td>

<div align='center'>

<h3>Regn Plantae</h3>

Oamenii de stiinta au cuprins in aceasta categorie sistematica organismele pluricelulare fotosintetizante, adaptate primar la viata terestra.<br><br><br>

<i><u>Istoricul cercetarilor plantelor</u></i><br><br>

Cea mai veche reprezentare a unei plante care a fost gasita dateaza de acum 7000 de ani de pe o medalie descoperita intr-un mormant din Altai. Pe aceasta medalie este reprezentat un trandafir

<br><br><br>

<a href='poze/Gingko_biloba2.jpg'><img src='poze/Gingko_biloba2.jpg' width='230' border='0'></a>

<br><br><br>

</div>

</td></tr></table>

</div>

</td></tr>

</table>

<br><br>

</center></BODY></HTML>

Bibliografie 

 

Lewis, Tom; (2002), 'HTML for the web', 2002 Ed. OceanPress.