	Biologie	Chimie	Didactica	Fizica	Geografie	Informatica
	Istorie	Literatura	Matematica	Psihologie

Informatica

Index » educatie » Informatica
» Profesional La Informatica - « « Pantofi SPORT » » Pagini web - HTML

Profesional La Informatica - « « Pantofi SPORT » » Pagini web - HTML

« « Pantofi SPORT » »

Pagini web - HTML

SCHEMA

Harta de navigare a web-site-ului conceputa intr-o structura arborescenta

SCURTA INTRODUCERE

Obictivul urmatit prin aceasta lucrare este de a realize un site web, care sa contina mai multe pagini interactive ce vor prezenta aspecte importante dintr-un anumit domeniu de activitate reprezentand un anumit hobby care il caracterizeaza pe fiecare elev in parte. Lucrarea de asemenea scoate in evidenta personalitatea si inclinatiile artistice ale elevilor dar si insusirea cunostintelor teoretice a limbajului HTML astfel incat sit-ul sa arate profesional, consistent si nu in ultimul rand incitant. S-a tinut cont de crectitudinea din punct de vedere al informatiilor furnizate , dar si din punct de vedere gramatical, a textelor ce apar in pagini. Evident, la inceput, pe perioada uceniciei aceste pagini vor fi modeste si de aceea rugam "vizitatorii"sa fie ingaduitori cu micile stangacii inerente acestei etape. Intrucat este foarte importanta parerea dumneavoastra fiecare elev a creat posibilitatea de a primi sugestii si observatii plasand pe pagina gazda (home-page) o legatura catre propria adresa de e-mail unde puteti trimite un mesaj autorului sit-ului.

Va dorim "navigare" placuta!

Notiuni teoretice de baza

Pagini Web

Pentru a putea publica informatii pe Internet este necesar sa le organizam sub forma unor pagini Web. Termenul "web" provine de la cuvantul cu acelasi nume din limba engleza care inseamna panza de paianjen, retea, legatura. Promotorii Internetului vedeau reteaua mondiala de calculatoare ca pe o imensa panza de paianjen ce se intindea pe tot cuprinsul globului motiv pentru care au denumit-o World Wide Web (panza de paianjen mondiala) de unde si binecunoacutul acronim WWW. Ca urmare a acestui fapt, paginile cu informatii disponibile pe Internet au fost denumite si ele pagini web.

In principiu, o pagina de web este o combinatie de text, imagini si alte elemente care poate fi transmisa pe Internet spre a fi afisata de un program de navigare sau browser (Internet Explorer, Netscape Navigator, Opera etc). Practic ea este un mod standardizat de organizare a informatiilor astfel incat sa poata fi afisate identic pe orice calculator de pe glob. Un site de web este o colectie de pagini web care au un subiect comun. Programele de navigare sunt necesare tocmai pentru regasirea si afisarea paginilor web. Cel mai cunoscut program de navigare al momentului esta Internet Explorer.

Trebuie remarcat faptul ca un browser poate afisa documentele din calculator fara ca acestea sa faca parte din Internet, putand astfelsa se corecteze si sa se inbogateasca documentele inainte de a le lansa pe ''orbita'' Internetului.

Realizarea paginilor web se face cu ajutorul unui limbaj specializat de definire numit HTML (Hypertext Mark-up Language). Folosirea acestui limbaj garanteaza ca informatiile vor fi afisate in mod corect de catre programele de navigare. Orice persoana poate vedea codul din care este formata o pagina web accesand optiunea "View Source" din Internet Explorer.

Pentru crearea documentelor se utilizeaza, un editor de texte obisnuit (Notepad).

La toate acestea trebuie adaugat un ,,realizator" de pagini web inzestrat cu imaginatie, cu simtul proportiilor si al echilibrului, sensibil la armonia culorilor.

Limbaj .html

<html> - codul ce incepe al oricarei pagini web

<head><Title>TITLU</title><head> - codul pentru a insera un titlu

<p>Paragraf</p> - codul pentru a scrie un paragraf

<a href='pagina.html'>Catre Pagina</a> - codul pentru a face lagatura intre pagini

<img src='Imagine.jpg' width='304' height='228' /> - codul pentru a introduce o imagine si dimensiunile ei

<tr><td>Randul_1,Celula_1</td>
<td>Randul_1,Celula_2</td>
</tr><tr>
<td>Randul_2,Celula_1</td>
<td>Randul_2,Celula_2</td>
</tr>
</table> -codul de mai sus este pentru a creea un tabel

<table border='0' cellpadding='0' cellspacing='0' width='1024'> </table> pentru a aseza toate pozele in pagina

<img src='POZA.jpg'> / <img src='POZA.gif'> pentru a insera poze / gif animat

<marquee class='blink'><FONT COLOR='black'></margueee> pentru a introduce text animat

<a href='index.html'><img name='Home_button' src='images/Home_button.gif' ></a> pentru a face legaturile dintre pagini prin poza

<a href='index.html>TEXT</a> pentru a face legaturile dintre pagini prin scris

Prezentare lucrare

Site-ul "Pantofi Sport" ce l-am facut are rolul de "magazin virtual" unde lumea intra se uita la modelele de pantofi sport ce le sunt disponibile si daca vor ceva comanda prin telefon ce doresc sa cumpere creeat in limbajul HTML de catre Mirescu Florin-Ionut.

In prima pagina "adidas.html" este prezentat un model de la firma ADIDAS "Adidas F50 8 Tunit Football Boots" prezetand informatii despre ghetele sport si 2 filmulete .

In a doua pagina "nike.html" este prezentat un model de la firma NIKE "Nike Mercurial Vapor IV Firm Ground Football Boots" prezetand informatii despre ghetele sport si 2 filmulete.

Si in ultima pagina "puma.html" ete prezentat un model de la firma PUMA

"Puma V1 08 Tricks Soft Ground Football Boots" prezetand informatii despre ghetele sport shi 2 filmulete.

Sursa paginii index.html

<html>

<head>

<title>index.page</title>

.style1

body

</style>

</head>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<b><marquee class='blink'><FONT COLOR='black'>Update: Am adaugat noi modele de pantofi sport din urmatoarele marci: Adidas Nike Puma. Vizitati paginile pentru a vedea pozele</font></marquee></b>

</tr>

<tr>

<td rowspan='10' colspan='2' valign='top'><p class='style1'>Bine ati venit pe siteul 'Pantofi Sport'</p>

<p class='style1'>Aici puteti gasi o gama larga de produse de imbracaminte si incaltaminte sport ORIGINALE,

cat si diverse accesorii.

Printe acestea se afla: adidasi barbat si adidasi dama

Urmatoarele marci sunt disponibile in principal: Adidas, Nike, Puma</p>

<p class='style1'>Toti adidasii expusi pe site sunt adidasi originali. Adidasii ii livram in cutiile originale

exact ca in reprezentanta.Tot ce avem in stoc este expus pe site. Tot ce avem expus pe site este in stoc.

Daca sunteti interesat de un produs prezent pe site, va rugam sa ne contactati pentru a se

face 'rezervarea' produsului si pentru a stabili detalii pentru cumparare/livrare.</p>

<p class='style1'>Potentialii clienti din Bucuresti pot proba produsele (pentru detalii, accesati pagina

Contact).Pentru alte detalii va rugam sa ne contactati.</p>

<p class='style1'>Multumim pentru intelegere.

Shopping placut !</p></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

Sursa paginii adidas.hml

<html>

<head>

<title>adidas.page</title>

body

</style></head>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<b><marquee class='blink'><FONT COLOR='black'>Update: Am adaugat noi modele de pantofi sport din urmatoarele marci: Adidas Nike Puma. Vizitati paginile pentru a vedea pozele</font></marquee></b>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td rowspan='5' colspan='2' valign='top'><p>Adidas F50 8 Tunit Football Boots<br />

Culori: Black/White/Lemon Peel</p>

<p>INFORMATII (<a href='adidas.avi'>Video</a>)</p>

<p>- ADIDAS<br />

- Control deosebit al mingiei<br />

- Material piele + microfibra sintetica<br />

- Model destinat suprafetelor solide<br />

- Greutate medie<br />

- Crampoane metal<br />

- Partea din fata confera o stabilitate si o flexibilitate optima<br />

- Model destinat pentru viteza si acceleratie<br />

- Purtate de Lionel Messi si Jermaine Defoe</p></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

Sursa paginii nike.html

<head>

body

</style></head>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<b><marquee class='blink'><FONT COLOR='black'>Update: Am adaugat noi modele de pantofi sport din urmatoarele marci: Adidas Nike Puma. Vizitati paginile pentru a vedea pozele</font></marquee></b>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td rowspan='4' colspan='2' valign='top'><p>Nike Mercurial Vapor IV Firm Ground Football Boots <br />

Culori: Green / White / Silver / Red</p>

<p>INFORMATII (<a href='nike.avi'>Video</a>)</p>

- Model destinat pentru viteza si acceletratie<br />

- Foarte usori in greutate<br />

- Ghete concepute pentru suprafete de teren tari<br />

- Design cu propriteti de control si tractiune<br />

- Crampoane din metal<br />

- Material piele<br />

-Imprima viteza mingiei</p></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

Sursa paginii puma.html

<html>

<head>

body

</style></head>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<b><marquee class='blink'><FONT COLOR='black'>Update: Am adaugat noi modele de pantofi sport din urmatoarele marci: Adidas Nike Puma. Vizitati paginile pentru a vedea pozele</font></marquee></b>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>