Documente noi - cercetari, esee, comentariu, compunere, document
Documente categorii

Limbajul HTML

Cuprins



1.  Introducere


2.  Generalitati despre limbajul HTML


3.  Cerinte hardware si software


4.  Structura si continutul proiectului


5.  Bibliografie



Introducere

Un tinut exotic cu peste 1200 de specii de copaci si plante, cu cea mai bogata fauna ornitologica de pe continent (mai mult de 300 de specii, printre care colonii unice de pelicani) si ihtiologica (reprezentata de cc 100 de specii, din care amintim heringul de Dunare si sturionii, de la care se obtine pretiosul caviar). Delta Dunarii este cea mai mare rezervatie de tinuturi umede din Europa, acoperind o suprafata de 2.681 kmp. In 1991 UNESCO a inclus Delta Dunarii, cea mai noua forma de relief din Romania. Acest site propune o descriere detaliata asupra caracteristicilor Deltei Dunarii. Vor fi urmarite caracteristici asupra asezarii, faunei, florei, climei si apelor.

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 Swish.

Generalitati despre limbajul HTML

HTML este prescurtarea de la HyperText Markup Language, limbajul utilizat de World Wide Web pentru descrierea hipertextelor. HTML nu este practic un limbaj de programare propriu-zis, ci doar un limbaj de descriere, continand elemente ce permit construirea paginilor WEB.

Limbajul HTML a fost creat in 1990 de catre Tim Berners-Lee si Daniel Connoly, fiind derivate din SGML, un standard international , aprobat in 1986. SGML permite tehnoredactarea documentelor complexe utilizand un set de reguli de descriere specific. HTML este un limbaj mult mai simplu, destinat doar paginilor WEB, dar care are caracteristicile limbajelor descriptive:

. Documentele HTML sunt exclusive de tip (ASCII); prin

urmare ele pot fi editate direct, prin comenzi specifice

sistemului de operare folosit. De exemplu se pot folosi pentru

editare Notepad sau WordPad.

. Documentele descries HTML pot fi vizualizate cu ajutorul unor

aplicatii speciale numite browser-e, care lucreaza pe diferite tipuri de

sisteme de calcul; prin urmare, documentele HTML sunt independente

de platforma de lucru.

. HTML utilizeaza pentru descrierea documentelor WEB etichete

specifice pentru fiecare element descris; etichetele stabilesc atat

structurile documentului, cat si aspectul acestuia.

Structura unui document HTML

Un document HTML este delimitat de perechea <HTML> si </HTML> si este constituit din:

a)     Antetul documentului, delimitat de etichetele <HEAD> si </HEAD>, care contine informatii generale referitoare la document, precum si unele functii ce vor fi utilizate.

b)     Corpul documentului contine textul propriu-zis al documentului, precum si elemente specifice de descriere a formatului acestuia.

In antet se precizeaza de asemenea titlul documentului, prin utilizarea etichetelor <TITLE> si </TITLE>.

Structura generala a unui document HTML este:

<HTML>

<HEAD> <TITLE> titlul </TITLE>

.antet

</HEAD>



<BODY>

.corpul documentului.

</BODY>

</HTML>


Instrumente ale tehnicii

Sunt multiple aplicatiile HTML, icepand cu banala inserare a unei imagini, pana la crearea complexa a formularelor si tabelelor.

Utilizarea fonturilor:


Inainte de a incepe a scrie in anumit text este de obicei necesar crearea fonturilor, ce reprezinta de fapt o serie de caracteristici ale textului. In <font> se precizeaza detalii cu privire la culoarea cu care va fi scris textul, dimensiune, fontul (Times NewRoman, Arial etc), aliniere etc.

Ex: <font color=blue size="3" face="Comic Sans MS" align=center> text </font>

//va alinia textul scris la mijlocul paginii (textul va fi scris cu fontul Comic Sans MS, in culoarea albastru si cu dimensiunea 3)


Crearea listelor ordonate si neordonate:


De multe ori, pentru a utilize in mod structurat informatiile se impune utilizarea unor liste,, care pot fi ordonate si neordonate.

Listele neordonate sunt incadrate de etichetele <UL> si </UL>. Fiecare intrare in lista este precedata de eticheta <LI>.

Crearea unei liste ordonate se face incadrand intrarile intre etichetele pereche <OL> si </OL>. Se deosebesc de listele neordonate prin faptul ca intrarile in liste sunt numerotate.



Inserarea legaturilor in documente HTML:


Principala caracteristica a hipertextelor o constituie utilizarea legaturilor. O legatura (link) este o conexiune catre o alta sursa WEB, care poate fi un alt hypertext, o imagine, o secventa video sau audio, un program etc.

Pentru inserarea documentelor HTML se utilizeaza comanda:

<a href="nume fisier html cu extensie"> Numele linkului</a>

ex: <a href="oferte.html"> vezi oferte</a>

Pentru inserarea de imagini intr-un document HTML se utilizeaza comanda:

<img src="nume imagine plus extensie">

ex: <img src="poza1.jpg">

Dimensiunea imaginii (latime, lungime) poate fi stabilita de autor.


Inserarea tabelelor:


Tabelele reprezinta un instrument foarte puternic, care permite organizarea informatiilor dintr-un document HTML, insrciindu-le in celule structurate pe linii si coloane. Inserarea unui tabel se realizeaza prin eticheta <table> si cea de sfarsit </table>. Pentru specificarea liniilor tabelului se utilizeaza elementul <TR> iar pentru delimitarea coloanelor instructiunea <TD>. Specificarea celulelor care constituie o linie se realizeaza prin intermediul elementelor <TH> pentru celulele care constituie antetul tabelului. De asemenea folosesc diferite instructiuni care se refera la numarul de linii, de coloane, aliniere, sau distanta dintre celule.


Utilizarea cadrelor in documente HTML:


Prin utilizarea cadrelor, utilizatorul areposibilitatea de a imparti fereastra browser-ului in mai multe zone numite frame-uri. Frame-urile ofera posibilitatea de a structura in pagina informatii diverse, dar ofera si avantaje suplimentare, prin faptul ca in cadre se pot vizualiza documente HTML diferite. Cu alte cuvinte, prin utilizare frame-urilor, exista posibilitatea de a vizualiza simultan in fereastra browser-ului mai multe pagini WEB.

Ex: <HTML>

<HEAD>



. . .

</HEAD>

<FRAMESET>

. . .

</FRAMESET>

</HTML>


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 Wordpad, vizualizarea codului putandu-se face cu orice editor text (MS Word, Notepad s.a.).

Structural, pagina principala (index.html) este impartita in doua cadre (frame-uri) :

meniu.html care contine meniul principal, realizat in Flash si care ocupa 23% din suprafata ecranului

index1.html - frame-ul principal, in care este vizualizat continutul propriuzis al site-ului.


Prima pagina a proiectului,numita index.html face o scurta introducere,prin imagini,in lumea Deltei Dunarii.

Pagina principala este impartita in trei frame-uri :

Source of : index.html


<html>

<head><title>PAGINA PRINCIPALA</title></head>

<frameset rows='20%,*'>

<frame src='f1.html'>

<frameset cols='20%,*'>

<frame src='f2.html'>

<frame src='f3.html' name='dreapta'>

</frameset>

</frameset>

</html>


Source of : F1.html

<html>

<head><title>F1</title></head>

<body bgcolor='black'>

<center>

<font size=+5 face='impact' color=#FCFF8E >DELTA DUNARII</font>

</body>

</html>


Source of : F2.html

<html>

<head><title>F2</title></head>

<body bgcolor='black' link='color=#FCFF8E ' vlink='white'>

<font face='comic sans ms' size=4> <br>

<li>

<a href='Asezare si geneza.html' target='dreapta'>Asezare si geneza</a>



<li>

<a href='Flora.html' target='dreapta'>Flora</a>

<li>

<a href='Fauna.html' target='dreapta'>Fauna</a>

<li>

<a href='Clima.html' target='dreapta'>Clima </a>

<li>

<a href='Apele.html' target='dreapta'>Apele </a>

<li>

<a href='Test.html' target='dreapta'>Test </a>

<li>

<a href='F3.html' target='dreapta'>Home</a>


</ul>

</body>

</html>


Source of : F3.html

<html>

<head><title>F3</title></head>

<body bgcolor='black'>

<center>

<img src='film.gif height=380 width=700 >

</body>

</html>



Meniul este situat in partea stanga a ecranului si are urmatoarele optiuni,care ne ofera informatii despre Delta Dunarii :


1.Asezare si geneza

2.Flora

3.Fauna

4.Clima

5.Apele

6.Test

7.Home


In paginile Asezare si geneza.html , Flora.html , Fauna.html , Clima.html , Apele.html avem posibilitatea de a afla totul despre Delta Dunarii.

Ele ofera vizitatorilor o serie de imagini.

Cu ajutorul paginii Test.html cititorul isi poate evalua cunostintele in legatura cu Delta Dunarii.

Ultima optiune din meniul principal Home.html ne permite intoarcea la pagina principala .


Source of : F1.html

<html>

<head><title>F1</title></head>

<body bgcolor='black'>

<center>

<font size=+5 face='impact' color=#FCFF8E >DELTA DUNARII</font>

</body>

</html>



BIBLIOGRAFIE

EMANUELA CERCHEZ-"INTERNET -MANUAL PENTRU LICEU"-EDITURA POLIROM, 2000

MIHAI SCORTARU-"PAGINI WEB CU JAVASCRIPT"-GAZETA INFORMATICA, 1999

JAMSA KRIS, LALANI SULEIMAN, WEAKLY STEVE-"PROGRAMAREA IN WEB"-EDITURA ALL, 1997

ANDREW TANENBAUM-"RETELE DE CALCULATOARE"-EDITURA COMPUTER LIBRIS AGORA, 1998

MICHAEL MILLER-"CUM CREATI UN SIT GROZAV"-IN PC MAGAZINE, 1999

INTERNET

biologie

botanica






Upload!

Trimite cercetarea ta!
Trimite si tu un document!
NU trimiteti referate, proiecte sau alte forme de lucrari stiintifice, lucrari pentru examenele de evaluare pe parcursul anilor de studiu, precum si lucrari de finalizare a studiilor universitare de licenta, masterat si/sau de doctorat. Aceste documente nu vor fi publicate.