Creeaza.com - informatii profesionale despre


Evidentiem nevoile sociale din educatie - Referate profesionale unice
Acasa » scoala » informatica » internet
Internetul si HTML-ul

Internetul si HTML-ul


Prezentare

Internetul este un fel de baza de date gigantica, raspandita la nivelul intregii lumi, in care poti gasi informatii si servicii de toate tipurile, accesibile de la orice calculator conectat la retea.

De acasa sau de la serviciu, de la liceu sau de la facultate, pornind un calculator si formand doar un numar local de telefon ne putem conecta la cel mai mare sistem informatic din lume.

De fapt Internetul este o retea de retele. Prin intermediul calculatorului putem accesa ca utilizatori un alt calculator, numit remote computer (calculator de la distanta); acesta se poate afla la mii de kilometrii departare, insa, cu toate acestea, putem rula programe de pe el ca si cum s-ar afla in aceeasi incapere cu noi. Putem cauta biblioteci de programe oriunde in lume si putem sa luam de acolo tot felul de programe si sa le aducem in calculatorul nostru.



Odata conectat la Internet, calculatorul devine o extensie a ceea ce apare ca un calculator gigant, un calculator cu ramuri pretutindeni in lume. In realitate, calculatorul cominica simultan cu un alt calculator sau cu milioane de calculatoare din lume. Zeci de mii de retele pretutindeni pe globul pamantesc se interconecteaza, schimband informatii intre ele; milioane de oameni folosesc acest sistem in fiecare zi.

HTML este un acronim pentru HyperText Mark up Language si reprezinta un limbaj folosit pentru a eticheta diferite parti ale unui document Web. El va indica unui browser cum va trebui afisat un text, o legatura, un grafic sau o alta componenta media. Un document HTML este un fisier text si va avea extensia .html sau .htm .
Am realizat aceasta pagina web deoarece pescuitul este cea mai mare pasiune a tatalui meu.De mica l-am insotit la pescuit descoperind ca acest sport este foarte relaxant,iar in timp poate deveni o pasiune chiar si pentru o fata. Utilizandu-mi experienta precum si alte surse de documentatie (publicatii 'pescaresti', enciclopedii si bineinteles Internet-ul) am realizat un ghid util si destul de bine documentat pentru pescarul amator din Romania. Site-ul creat de mine are drept scop informarea asupra genezei tarii noastre, locurilor interesante din tara, in care putem sa ne relaxam, sa practicam diverse sporturi, locurilor de cult (manastiri, biserici), diverse ilustrate din toata tara.

Site-ul contine informatii despre achizitionarea uneltelor de pescuit, tipuri de pesti, tehici de pescuit, dar si retete pescaresti si glume.

Pentru ca vizitatorul sa isi exprime direct, prin scris, impresiile sau intrebarile , pe site exista o adresa de mail.

Intregul proiect contine 16 pagini de html in care se gasesc poze, tabele, texte redactate, legaturi intre pagini, diversitate coloristica (a textului si a background-ului), o fereastra ce indica ora, animatii. Setul de culori pentru background/ fonturi/ link-uri e restrans ca numar pentru ca acesta sa nu agreseze vizitatorul.

Pagina care face intrarea in site este " INDEX.HTML" ce contine o poza si o parte de animatie Flash ( usa).

Pentru ca vizitatorul sa navigheze cu usurinta am folosit un frame prin care se poate ajunge mai usor la pagina care intereseaza. Acesta se introduce prin instructiunea <frame> </frame>, iar dimensiunea se poate dirija prin <frameset rows=' ' border=' '>. Legatura cu celelalte pagini se face prin <frame name='nume_frame' src='nume_pagina.html'>

In HTML, un tag ii arata browser-ului ce operatie trebuie sa execute. Marcajele pe care le-am scris nu sunt vizibile de catre browser, dar efectele lor sunt notabile. Ele incep cu simbolul < > si se termina cu </ > si apar sub forma de perechi, una pentru inceputul actiunii, una pentru sfarsitul ei. La creearea pagini html, am folosit marcaje din mai multe motive:

PENRU A SHIMBA MODUL DE PREZETARE A UNUI TEXT:

De exemplu, prin folosirea marcajului <B> se boldeaza un text iar </B> opreste actiunea marcajului precedent <B>.
Pentru a sublinia un cuvant sau o fraza puneti <U> inaintea unei fraze si </U> acolo unde doriti ca sublinierea sa se opreasca.

Pentru a scrie cu alineat folosim <br> care ne trece la urmatoarea linie, sau <p> care sare peste o linie si scrie de pe a doua linie.

Pentru a scrie centrat folosim tagul <center></center>.

Pentru a lasa un spatiu (la inceputul liniei, pentru marirea spatiului dintre cuvinte, pentru a lasa o linie sau o coloana libera in cadrul unui tabel) folosim &nbsp; care se poate scrie de mai multe ori, in functie de distanta pe care o dorim.

Marimea caracterelor poate varia astfel incat daca scriem cu <h1> (</h1>) obtinem un text scris cu litere mari, iar cele mai mici caractere se scriu cu <h6> (</h6>) si orice numere cuprinse intre 1 si 6.

Putem scrie cu diferite fonturi cu ajutorul tag-ului

<font face="nume_font"></font>. Numele fonturilor se ia dintre cele existente in Word.

Pentru a aparea un fond (in diferite culori), in tagul <body bgcolor=ffffff> (pentru fond alb), sau <body bgcolor=RRGGBB> RR-red (rosu), GG-green (verde), BB-blue (albastru), acestea fiind cele trei culori primare din care se pot forma toate celelalte culori: in functie de intensitatea culorilor scriem numere de la 01 la 99 in loc de initiale, sau putem folosi diverse nume de culori intre ghilimele: (bgcolor="culoare").

Culorile admise si intelese sunt: aqua (=acvamarin), gray (=gri), navy (=gri-albastru), silver (=argintiu), black (=negru),

Se poate insera si un background (imagine, poza), scriind <body background="nume_poza.jpg">.

Culoarea textului este de asemenea in functie de dorinta programatorului. In interiorul <body text="culoare">.

Putem scrie cu indici si exponenti. Pentru indice folosim <sub>cuvant</sub>, iar pentru exponent <sup>cuvant</sup>.

PENTRU A INSERA POZE

Pozele se introduc prin tag-ul <img src="numepoza.jpg"> </img> (formatul pozei poate fi jpg, gif, bmp). Micsorarea sau sa marirea pozei se face prin folosirea imediata, dupa numele pozei, a "formulei" width= (latime) height= (inaltime) si scriem marimile dorite; pentru a da o explicatie asupra pozei, dupa numele pozei scriem alt="text_explicativ", text care va aparea deasupra pozei unde tinem mouse-ul.

PENTRU A INSERA UN TABEL

Se realizeaza prin tag-ul <table cellSpacing=0 cellPadding=0>, cellSpacing si cellPadding fiind folosit pentru a nu ramane spatiu intre coloane si linii. In cadrul tabelului liniile le inseram cu <tr>, iar in cadrul liniilor inseram cate coloane dorim cu <td></td> (intre cele doua se scrie ceea ce dorim sa apara pe aceea coloana), apoi inchidem linia </tr> si la fel continuam pentru restul liniilor din tabel.
Pentru a obtine un background diferit de cel al paginii, dupa <table>, folosim tag-ul <Tbody bgcolor="culoare"> sau <tbody backgound="numepoza.jpg ">, iar la sfarsitul tabelului inchidem </tbody> </table>.
Daca dorim ca tabelului sa-i apara marginea, atunci in tag-ul <table border=10>, sau depinde de grosimea pe care o dorim.
Pentru a alinia la mijloc in cadrul coloanei, folosim <td align=middle> sau <td vAlign=top > pentru a aseza textul in partea de sus.

PENTRU A CREEA LEGATURI INTRE PAGINI

Html-urile ne ofera posibilitatea de a lega mai multe pagini intre ele, de a afla mai multe informatii despre un anumit subiect, doar apasand pe acel cuvant. Exista doua tipuri de legaturi:

a)Legaturi interne

Pentru a crea o leg
atura catre o alta pagina a sit-ului dvs. folositi un marcaj ca acesta:

<A HREF=' fisier.htm'> Legatura interna </A>

b)Legaturi externe

Pentru a crea o leg
atura catre o alta pagina dintr-un alt site folositi un tag ca acesta:

<A HREF=' www.yahoo.com '> Legatura externa </A>
Toate marcajele lucreaza in mod similar, ele aratand unui browser, printr-un cod special cand sa inceapa si cand sa se termine o actiune.
Leg
aturile dintre pagini pot fi facute intre orice elemente: pagini redactate, poze (marirea unei poze, sau mai multe poze pe aceeasi tema), o pagina realizata in Flash sau Delphi, detalii despre un anumit subiect

Folosirea Flash-ului in cadrul proiectului

Paginilor Web in care integram si programe Macromedia (Flash, Fireworks, DreamWeaver, Universal KeyGen), permit aparitia animatiilor, sunetelor (audio si muzica) si secvente video (mici filmulete) pentru prezentarea informatiilor.

De fapt, cea mai atractiva parte a unui site este prezenta animatiilor si a sunetelor, ca de altfel si doar prezenta unor poze. Ele sunt cele care dau viata site-urilor. Pagina creata de mine in Flash este o combinatie intre secventa video si cateva sunete "minore".





Politica de confidentialitate


creeaza logo.com Copyright © 2024 - Toate drepturile rezervate.
Toate documentele au caracter informativ cu scop educational.