Ministerul Educaţiei, Cercetării, Tineretului şi Sportului

Liceul teoretic “O.C. Tăslăuanu”, Topliţa

Profil Matematică – Informatică
intensiv Informatică

Lucrare de atestat

Candidat: Îndrumător:
Bendriş Andreea Dandu Sorina

Sesiunea MAI 2010

 ATES TAT INF OR MA TIC Ă

Cuprins
1. Introducere.................................................................................................................3
1.1 Ce este HTML?.....................................................................................................3
2. Descrierea lucrării......................................................................................................4
2.2. Prima pagină........................................................................................................5
2.3. Urmatoarele pagini...............................................................................................6
2.3.1 Meniurile........................................................................................................6
2.4. Partea grafică.....................................................................................................10
2.4.1. Imaginile......................................................................................................10
2.4.2. Video...........................................................................................................11
3. Prezentarea lucrării: Turism in Europa....................................................................12
3.1 Pagina de început................................................................................................12
3.2. Europa................................................................................................................12
3.2.1. Informaţii generale......................................................................................12
3.2.2 Istorie............................................................................................................12
3.3 Orase din Europa.................................................................................................13
3.3.1. Paris.............................................................................................................13
3.3.2. Roma...........................................................................................................14
3.3.3. Berlin...........................................................................................................15
3.3.4. Amsterdam..................................................................................................16
3.3.5. Londra.........................................................................................................17
3.3.6. Budapesta....................................................................................................18
3.3.7. Madrid.........................................................................................................19
3.4. Link-uri utile......................................................................................................20
4. Utilizare....................................................................................................................21
4.1. Domenii de utilizare...........................................................................................21
4.2. Resurse de hard şi soft necesare.........................................................................21
5. Bibliografie..............................................................................................................23
2
 ATES TAT INF OR MA TIC Ă

1. Introducere

1.1 Ce este HTML? 

HTML este o abreviere de la Hypertext Markup Language şi reprezintă scheletul
oricărei pagini de Web. HTML nu este un limbaj de programare. Nu veţi lucra aici cu
variabile, expresii, tipuri de date, structuri de control. HTML este un limbaj
descriptiv, prin care sunt descrise elementele structurale ale paginii de Web: titlurile,
listele, tabelele, paragrafele, legăturile cu alte pagini, precum şi aspectul pe care îl are
pagina din punct de vedere grafic. În fond, HTML este modul în care îi comunicam
browserului ce elemente dorim să introducem în pagina Web şi care este aspectul
acestora. HTML este unul dintre primele elemente fundamentale ale WWW ( World
Wide Web ), descriind formatul primar în care documentele sunt distribuite şi văzute
pe Web. Multe din trăsăturile lui, cum ar fi independenţa faţă de platforma,
structurarea formatării și legăturile hipertext, fac din el un foarte bun format pentru
documentele Internet şi Web. Primele specificațiile de bază ale Web-ului au fost
HTML, HTTP şi URL. HTML a fost dezvoltat inițial de Tim Berners-Lee la CERN în
1989. HTML a fost văzut ca o posibilitate pentru fizicienii care utilizează computere
diferite şi schimbe între ei informație utilizând Internetul. Erau prin urmare necesare
câteva trăsături: independența de platformă, posibilități hypertext şi structurarea
documentelor. Independența de platformă înseamnă ca un document poate fi afișat în
mod asemănător de computere diferite (deci cu fonte, grafica şi culori diferite ), lucru
vital pentru o audienţă atât de variată.

3
 ATES TAT INF OR MA TIC Ă

2. Descrierea lucrării

2.1. Program de lucru

Lucrarea de atestat a fost
realizată cu ajutorul programului
Namo WebEditor, versiunea
2006. Namo WebEditor este o
aplicaţie pentru crearea, editarea,
publicarea şi managementul
paginilor Web. Primele versiuni
ale produsului serveau doar ca
simple editoare HTML de tipul
WYSIWYG, dar în versiunile
recente au fost implementate funcţii de editare avansate şi suport pentru alte
tehnologii web. Acesta a maximizat confortul utilizatorului cu o interfaţă care prevede
instrumente TIC de învăţare online şi are caracteristici standard pentru crearea de
conţinut web rapid şi usor. O simplă instalare vă oferă tot ce aveţi nevoie pentru a
face pagini web şi de a crea caracteristici grafice uimitoare. Astel poţi să ai control
complet asupra mediului de editare, crearea automată a tabelelor de aspect,
evenimente javascript. Dispui de asemenea şi de expertul flexibil pentru baze de date,
poţi crea singur aspectul site-ului, bare dinamice de navigare şi arbori ai site-ului,
fiind posibilă şi generarea de rapoarte instantanee, managementul resurselor integrate,
editare de teme, editare de vectori şi elemente grafice şi crearea albumelor foto.

4
 ATES TAT INF OR MA TIC Ă

2.2. Prima pagina

Prima pagina a lucrării se poate
încărca o data cu accesarea paginii
index.html care are titlul descris în
urmatoarea secvenţă din codul sursa:
<title>Pagina de inceput</title>.
Toate structurile au fost realizate cu ajutorul unui template din cadrul programului
Namo WebEditor 2006. Acesta a facut posibilă şi realizarea unui arbore al site-ului,
cu ajutorul căruia a fost mult mai uşoara navigarea şi accesarea paginilor pentru a
putea fi modificate.
Banner-ul primei pagini, dar şi bannerele ale celorlaltor pagini au fost create cu
ajutorul programului ArcSoft
Panorama Maker Pro 5. Poţi crea o
imagine perfectă (Panoramă), din mai multe fotografii sau clipuri video folosind acest
program mass-media de gestionare cu instrumente de editare foto care sunt oferite
pentru a organiza mai bine sursele. Codul sursă pentru inserarea acestei imagini:
<imgsrc="banner_home.JPG"width="611"height="122" border="0">
Codul sursa al acestei prime pagini index.html conţine şi tabele cu “borduri zero”,
folosite pentru a putea repartiza informaţiile de imagini.
<table border="0" width="1108" height="1582">
<tr>
<td width="550" rowspan="4">
<p align="center"><b><span style="font-size:28pt;">
<fontface="BradleyHandITC"color="#FF3300">HOME</font></span></b></p>
<table cellspacing=0 cellpadding=0 border="0" width="522" align="center"
height="207">
<tr>
<td width="225" valign="top" height="207">

5
 ATES TAT INF OR MA TIC Ă

<p align="center"><a href="Europa.html" title="Europa"><font face="Forte"

color="#FF3300"><span style="font-size:16pt;">Europa </span></font></a></p>
<p align="center"><font face="Calisto MT">- continentul oamenilor albi -
</font></p>
<p align="center"><font face="Calisto MT">Contine informatii istorice, imagini şi
o sectiune video.</font></p>
</td>
<td width="297" height="207"><p align="center"> <a
href="Europa.html"title="Europa"> <img src="200px-
Europe_topography_map_en.png" width="200" height="163" border="0"></a></p>
</td>
</tr>
</table>

6
 ATES TAT INF OR MA TIC Ă

4. Utilizare

Domenii de utilizare

Lucrarea prezentată are un scop informativ, însă şi educativ. Poate fi folosită cu

uşurinţă pentru promovarea unor oraşe din cadrul Uniunii Europene, pentru crearea
unei păreri despre locaţie, obiective turistice, dar şi despre preţul cazării în zonele
respective. Este un bun ajutor pentru o agenţie turistică. Puteţi astfel să va
îmbunătăţiţi cunoştinţele privind istoria, etimologia, poziţia geografică şi turismul
intern al oraşelor europene. Prezenţa imaginilor şi a videourilor fac posibilă crearea
unei păreri din punct de vedere vizual.

Resurse de hard şi soft necesare

Resurse minime:

Hardware
-Procesor (CPU) : 900 MHz+
-Memorie (RAM) : 64Mb
-Spaţiu liber : 190Mb
-Monitor : VGA 16-bit color
Software
-Sistem de operare : Windows 98/2000/XP
-Internet Browser : Internet Explorer 6.0 sau Mozilla Firefox 3.0.4

Resurse recomandate:
Hardware
-Procesor (CPU) : 1200 MHz+
7
 ATES TAT INF OR MA TIC Ă

-Memorie (RAM) : 256Mb

-Spaţiu liber : 380Mb
-Monitor : VGA (1028 x 768)
Software
-Sistem de operare : Windows XP
- Internet Browser : Internet Explorer 6.0 sau Mozilla Firefox 3.0.4
Pentru o rulare normală a site-ului, este necesară instalarea în sistem (recomandat
Pentium 3, sau mai performant) a programului Java, Adobe FlashPlayer şi a
QuickTime Player-ului.

4.1. Programe utilizate

8
 Ministerul Educaţiei, Cercetării, Tineretului şi Sportului
Liceul teoretic “O.C. Tăslăuanu”, Topliţa
Profil Matematică – Informatică
intensiv Informatică

 Namo WebEditor 2006

 ArcSoft Panorama Maker Pro 5
 Total Video Converter
 Aneesoft 3D Flash Gallery  QuickTime Player

 Mozilla Firefox  Youtube Downloader

 PhotoScape

Sesiunea MAI 2010