Liceul Teoretic ,,Nicolae Iorga

Definition of scaling; survey; types of sampling; open-closed questions

Gibraltar
Elev: Paraschivescu Andreea
Clasa: XII B
Profesor coordinator: Maria Balan

2014

Cuprins
i.
ii.

Prezentare
Notiuni generale despre internet
1. Istoricul Internetului
2.Aparitia World Wide Web
3.Functionarea Worl Wide Web

iii.
iv.
v.
vi.
vii.

Descrierea limbajului HTML

Structura unui document HTML
Inserarea listelor
Inserarea unei imagini in HTML
Notiuni generale despre Web Design
1. Principii de organizare vizual
2. Folosirea culorilor. Semnificaii.
3. Design pentru Web

viii.
ix.
x.
xi.
xii.
xiii.

Structura aplicatiei
Mod de utilizare
Resurse de hard si soft necesare
Bibliografie
Sitografie
Anexe

Argument

Am ales ca tema pentru site-ul meu prezentarea regiunii Gibraltar intrucat in spatele
stramtorii se afla atat o istorie bogata si controversata, cat si numeroase traditii. Vara trecuta am
fost acolo si am ramas profund impresionata de aceasta particica a lumii. Oamenii sunt foarte
prietenosi, gata oricand sa comunice si sa ajute turistii la nevoie deoarece sunt foarte incantati sa
vada dorinta de cunoastere a celorlalte popoare. Desi este un teritoriu cu o suprafata redusa,
acesta prezinta foarte multe atractii turistice precum: stanca din Gibraltar, pestera lui Michael,
museul din Gibraltar, rezervatia naturala in cadrul careia traiesc numerosi macaci, scurte excursii
in golf unde turistii pot admira delfinii si punctul de intersectie al Marii Mediterane cu Oceanul
Atlantic. De asemenea, din varful stancii Gibrlatar turistii pot vedea taramul african!
Consider ca acest site este foarte util atat pentru cunoasterea unei culturi , cat si pentru
descoperirea unor noi parti ale lumii. Aceasta pagina web reprezinta un ghid turistic si totodata o
excursie virtuala!

Prezentare

Acest site a fost realizat in limba engleza, cu ajutorul limbajului HTML. Textul a fost
prealabil dactilografiat in Microsoft Word, iar imaginile au fost prelucrate atat din surse proprii,
cat si de pe internet.
Pentru a insera codurile necesare creearii site-ului am folosit editorul Notepad++, datorita
interfatei sale usor de utilizat.

Notiuni generale despre internet

1. Istoricul internetului

Reeaua Internet a aprut acum 20 de ani, printr-un efort de a conecta reeaua

Departamentului Aprrii Statelor Unite (cunoscut sub numele de ARPAnet Advanced
Research Projects Agency) cu alte reele conectate prin dispozitive radio sau satelit.
ARPAnet a fost o reea experimental proiectat s asigure suportul pentru cercetarea
militar - n particular, cercetri privind construirea unor reele care puteau rezista cu succes unor
ntreruperi pariale.
Una din cele mai importante reele noi aprute ulterior a fost NSFNET, nfiinat de NSF
(National Science Fundation), o agenie guvernamental american. Spre sfiritul anilor 80
aceast organizaie a creat cinci noduri de comunicaii puternice n centrele universitare
americane cele mai importante. Problema care aprea acum era datorat costului ridicat al
serviciului telefonic prin linii telefonice nchiriate pe distane foarte mari.
Soluia a constat n nfiinarea unor centre regionale. Astfel, aproape fiecare campus
universitar a fost conectat la centrul Internet cel mai apropiat.
n 1982 - ARPANet s-a unit cu MILNet (Reea militar), cu NSFNet (cercettori i
oameni de tiin) i cu alte reele (de exemplu BITNet i USENet, reele concepute pentru
schimbul de tiri).
n anii 90 Internetul crete cu o vitez pe care cercettorii sau fondatorii acestei reele
nici nu au visat-o. Noi companii se lanseaz cu o vitez fenomenal i multe persoane acceseaz
Internetul prin distribuitori sau servicii familiare.
n prezent mediul Internet este constituit din circa 23 000 de sisteme de reele direct
accesibile prin Internet (date care la ora redactrii acestei lucrri pot fi deja nvechite!!!).
5

Viitorul Internetului este deosebit de promitor, programele folosite devin din ce n ce

mai prietenoase i mai uor de folosit. De asemenea, conexiunile se realizeaz cu viteze din ce n
ce mai mari.
Serviciile on-line (CompuServe, America Online, Delphi, Microsoft Network), sunt
companii care dein propriile reele pentru a furniza diverse servicii, ca de exemplu tiri
internaionale, servicii de comer etc.

2. Apariia World Wide Web (WWW)

Cu aproximaie WWW-ul a aprut n luna martie a anului 1989. Tim Berners Lee de la
Laboratorul European de Fizica particulelor din Geneva (CERN) a pus n circulaie propunerea
de a dezvolta un sistem hypertext n vederea unei eficiente partajri a informaiei ntre echipele
de cercettori din High Energy Physics Community, situate n zone geografice diferite.
3. Funcionarea World Wide Web
Cea mai important caracteristic a WWW o constituie simplitatea modului de acces la
resurse. n mare msur aceasta se datoreaz protocolului de comunicaie implementat numit
HTTP (HyperText Transport Protocol).
O sesiune de transfer se desfoar astfel:

se realizeaz o conexiune client-server;

clientul lanseaz o cerere (request);

serverul furnizeaz clientului rspunsul la cererea formulat;

serverul ncheie conexiunea.

Prima etap, cea de conectare, este vizibil prin apariia n bara de stare a browser-ului a

mesajului Connecting to HTTP server. Dac conexiunea nu se poate realiza apare mesajul de
eroare Cant connect to server, nsoit de motiv. Odat conexiunea la un server HTTP stabilit,
clientul lanseaz cererea. Aceasta specific tipul de protocol folosit, resursa solicitat (fiierul

sau grupul de fiiere) i n ce fel trebuie s rspund server-ul (metoda). Protocolul mpreun cu
resursa alctuiesc un URL (Uniform Resource Locator).
Tipul protocolului este partea cea mai important a unui URL. Fr acesta browser-ul nu
ar ti cum s trateze resursa respectiv.
Protocoalele URL existente sunt:

file - pe lng informaia accesat prin Internet browserele sunt capabile s afieze
coninutul

fiierelor

locale;

un

URL

de

tip

file

este

de

forma:

file://litera_disc_cale/nume_fiier.extensie;

ftp - dac link-ul pointeaz ctre un fiier situat pe un FTP-server cu acces public
(anonymous FTP server), atunci resursa trebuie specificat ca fiind de tip ftp:
ftp://ftp.sorosis.ro/pub/windows/www/netscape.zip;

http - toate documentele scrise n format HTML sunt stocate pe un WWW server.
HTTP se refer la protocolul folosit de aceste servere;

gopher - browserele WWW pot naviga i pe servere gopher folosind aceast

definiie de protocol;

mailto - este un tip special de URL care permite trimiterea mesajelor prin e-mail;

news link-urile care pointeaz ctre un newsgroup trebuie s fie declarate folosind
acest protocol;

telnet - pentru a indica faptul c un link necesit deschiderea unei sesiuni telnet URLul trebuie s fie de tip telnet. Majoritatea browserelor nu pot deschide sesiuni telnet,
dar lanseaz, n schimb, programe client externe atunci cnd se selecteaz un link de
acest tip;

wais - este un tip de protocol (Wide Area Information Server) care permite cutarea
de informaie n baze de date indexate pornite de la cuvinte descrise n limbaj natural.
Metoda semnific comanda explicit a clientului ctre server. Dac cererea este
acceptata server-ul produce rspunsul i transfer informaia (acest lucru este vizibil
n bara de stare a browser-ului, afindu-se progresiv informaii de transfer).

Descrierea limbajului HTML

Activitatea de proiectare a site-urilor Web implic: imaginaie, capacitatea de analiz,

creativitate i o cunoatere temeinic a limbajului HTML. Proiectarea unui site are mai multe
etape: identificarea cu exactitate a obiectivului, culegerea i selectarea informaiilor, proiectarea
structurii i a aspectului grafic al site-ului, implementarea, testarea, publicarea i etapa de
promovare.
Paginile web sunt fiiere text, care se pot realiza cu un editor obinuit, apoi salvate ca
text only, ns extensia trebuie s fie obligatoriu .htm sau .html. Adaosul la textul obinuit sunt
codurile HTML (pot fi numite tag-uri, etichete, marcaje sau balize) care marcheaz documentul.
Comparaia potrivit ar fi cu editorul Word: pentru a marca titluri i subtitluri, mrim
dimensiunea fontului, apsm butonul bold etc., sau i schimbm stilul n Heading 1 i Heading
2. Similar, n limbajul HTML, care este un limbaj de marcare (HyperText Markup Language)
adugm balizele H1, B etc.
Un navigator (cum ar fi: Internet Explorer, Opera sau Netscape) citete aceste fiiere
text i interpreteaz codurile pentru a afia corect coninutul documentului. Balizele nu sunt
afiate, ele doar spun navigatorului (browser-ului) cum s afieze coninutul lor.
HTML (HyperText Markup Language) a fost dezvoltat iniial de Tim Berners-Lee n anul
1989, ca urmare a necesitii de publicare a informaiilor la nivel global. Pe parcursul anilor,
limbajul a evoluat (HTML 3.0, HTML 3.2, HTML 4 i cel mai recent HTML 4.01), fiecare
versiune oferind noi faciliti. Trsturile limbajului HTML sunt:

independena de platforma (modul de afiare al unui document este acelai, indiferent de

computerul pe care se realizeaz afiarea);

structurarea formatrii;

posibilitile hypertext (orice cuvnt, imagine sau alt element al documentului vizualizat
de utilizator poate face referin la un alt document, ceea ce uureaz navigarea n cadrul
aceluiai document sau ntre documente diferite).
8

HTML(Hyper Text Markup Language) este un limbaj simplu,compus din coduri speciale
(marcaje) care se insereaza ntr-un text pentru a aduga informatii despre formatare. Este
derivat din SGML(Standard Generalized Markup Language), un sistem pentru definirea tipurilor
de documente structurate, destinat sa reprezinte instante ale acestor tipuri de documente. La baza
SGML si a HTML se afla acelasi principiu: descrierea continutului unui document se face ntr-un
fisier text obisnuit (ASCII). Se urmarste ca aceste fisiere sa fie editabile cu aplicatii software
nepretentioase (exemplu Notepad, WordPad).n cadrul unui document HTML, un marcaj (tag, n
limba engleza) va avea forma <nume_marcaj>. Parantezele unghiulare sunt elementele care
indica prezenta unui marcaj; numele marcajelor poate fi scris oricum, limbajul nefiind senzitiv la
literele mari/mici (case sensitive). Unele marcaje permit utilizarea unor atribute care se vor scrie
n marcajul de nceput:
<nume_marcaj optiune1=valoare1 optiune2=valoare2 ...>................</nume_marcaj>
Exista doua tipuri de marcaje:individuale (exemplu <br>);perechi (exemplu <p>...</p>) de mentionat ca sfritul unuimarcaj este indicat prin utilizarea caracterului "/" n fata numelui
de marcaj.
n funcie de modul de formatare a paginii, avem marcaje de tip:

block: este afiat sub elementul anterior (exemplu <p>);

inline: este afiat dup elementul anterior (exemplu <span>);

table: este afiat sub forma unui tabel.

Structura unui document HTML

Un document HTML are urmatoarea structura:

linie continnd versiunea HTML;

sectiunea HEAD, delimitata de marcajele <HEAD> ... </HEAD>;
sectiunea BODY, delimitat de marcajele <BODY> ... </BODY>.
Seciunea HEAD

Cuprinde informaii care nu vor fi afiate n browser, cu excepia marcajului <title>. Marcajul
<title> este obligatoriu i poate apare doar n seciunea HEAD. El va conine un titlu relevant
pentru pagin, fiind deosebit de important pentru motoarele de cutare.
Alte marcaje care apar n seciune HEAD:
<META> - poate conine cuvinte cheie, o descriere a paginii, numele autorului paginii, frecvena
(teoretic) cu care motoarele de cutare ar trebui s reindexeze pagina etc. Declaraiile META
implic n general declararea unei proprieti i a valorii asociate acelei proprieti.
<META NAME="nume" CONTENT="continut">
<style>- cascading style sheets - stiluri pentru formatarea textului din documentul HTML.
<style type="text/css">...</style>

10

SECTIUNEA BODY
Este inclus ntre marcajele <body>...... </body>
Marcajul de sfrit (</BODY>) nu este obligatoriu.
n seciunea BODY se gsete informaia care va fi afiat n browser (text, imagini etc.)
(<body>.... </body>).
Ca n orice limbaj de programare, n HTML exist posibilitatea de a introduce comentarii,
folosind marcajul <!-- .... textul comentariului -->.
Marcaje specifice:

<p> - trecerea la un nou paragraf

<hn>...</hn> - aplicarea stilului heading (n ia valori de la 1 la 6 si defineste nivelul de

titlu)
Pentru formatarea textului pot fi folosite i marcajele:

<b>...</b> - caractere ngroate;

<i>...</i> - caractere nclinate;

<u>...</u> - caractere subliniate;

<s>...</s> - caractere tiate;

<pre>...</pre> - marcajul de informaie preformatat;

^... - exponent;

_... - indice;

<br> - rupe textul, trecnd pe o linie nou - poate apare oriunde n text;

<hr> - traseaz o linie subire orizontal.

Marcajul <font>...</font> ofer posibilitatea modificrii dimensiunii, culorii i a tipului de

font utilizat.
Marcajele <span> i <div> (ambele necesit marcaj de nchidere):

11

<span> este un marcaj de tip inline. Se folosete n general n interiorul marcajelor de

tip block (exemplu <p>) n combinaie cu stilurile CSS, pentru a impune o formatare
diferit de restul coninutului din marcajul block respectiv;

spre deosebire de <span>, marcajul <div> este de tip block. Se folosete n general
pentru poziionare n cadrul documentului i pentru specificarea unor proprieti CSS
care s fie aplicate textului din interiorul lui.

Inserarea listelor

HTML ofer mai multe mecanisme pentru specificarea listelor de informaii. Exist 3
tipuri de liste, fiecare tip trebuie s includ cel puin un element:

liste de tip definiie;

2

liste ordonate (numerotate);

liste neordonate (marcate).

1. Liste de tip definiie
Unul dintre cele mai obinuite elemente n paginile HTML este un set de definiii,

referine sau indexuri. Un exemplu concret l reprezint glosarele.

Lista de tip definiie este introdus de marcajele:

<dl>...</dl> - lista definiii (definition list);

<dt> - termenul definit (definition term);

<dd> - definiie (definition).

12

2. Liste neordonate
Sunt introduse de marcajele:

<ul>...</ul> - list neordonat (unordered list);

<li> - element list (list).

3. Liste ordonate
Sunt introduse de marcajele:

<ol>...</ol> - list ordonat (ordered list);

<li> - element list (list).

Inserarea unei imagini in HTML

n principal, utilizarea imaginilor (pozelor) n cadrul paginilor HTML are ca scop

mbunatatirea modului de transmitere a mesajului catre utilizatori.O pagina n care imaginile sunt
combinate cu textul poate transmite un mesaj mult mai bine decat o pagina care contine doar
text.
Formatele de fisiere grafice universal recunoascute de browsere sunt:

GIF- GRAPHICS INTERCHANGE FORMAT-este un format de compresie fara pierdere

de calitate
JPG-format introdus de JOINT PHOTOGRAPHIC EXPERT GROUP- este un format de
compresie cu pierdere de calitate. Prin salvarea repeptata a unei imagini, ea va pierde din

calitate, devenind in final inutilizabila

PNG-PORTABLE NETWORK GRAPHIC- este un format de compresie fara pierdere de
calitate. Are in general dimensiuni mai mari decat primele doua formate mentionate.

13

Introducerea unei imagini intr-o pagina HTML se face prin marcajul <img>. Atributul
src specifica locatia imaginii. Alaturin de src, marcajul <img> are urmatoarele attribute:

Alt- specifica un text alternativ pentru cazul in care imaginea nu poare fi afisata. Este

important si pentru motoarele de cautare;

Border- traseaza un chenar in jurul imaginii;
Width,height-specifica latimea, respectiv inaltimea imaginii. Nu sunt obligatorii, insa
utilizarea lor este recomandata deoarece va reduce timpul de procesare a paginii web de

catre browser;
Hspace,vspace-specifica spatiul care va fi pastrat in jurul unei imagini;

Notiuni generale despre Web Design

1. Principii de organizare vizual

Aplicarea n design a ctorva principii de organizare a textului va conduce la orientarea
mai uoar n pagin, la structurarea mental mai uoar a coninutului. Se vor crea astfel
condiii pentru a spori capacitatea vizitatorului de a manipula i reine informaia transmis.
Principiile de organizare vizual, de care trebuie s se in cont n proiectare, sunt
urmtoarele:

Claritate i elegan - O atenie corespunztoare acordat esteticii coninutului,

prezentarea sa ntr-o form accesibil cititorului - sunt obiectivele majore care
confer textului atributele unei componente eficiente a proiectrii paginilor pentru

Internet.
Predictabilitate i regularitate - Odat stabilit, structura de prezentare a
materialului trebuie s rmn constant de la o pagin din site la alta. n cazul
cnd apar variaii de structur, modificarile se vor justifica prin necesiti de tip
funcional, dar nu vor fi fcute schimbri de dragul schimbrilor, chiar dac vor

inti ctre un design mai performant.

Standardizare i consisten n folosirea unui stil - Acest principiu se refer la
producerea unui aranjament care s permit focalizarea rapid i fr ezitri pe
elementele importante.

14

Orientare facil n coninut - Meniul, prezent n fiecare pagin, va permite accesul

direct sau foarte rapid la seciunile majore din site.Textul principal de prezentare
(sinteza coninutului unei pagini) se recomand s fie relativ scurt, pe ct posibil
s ncap ntr-un singur ecran (fr derulare). Prin ncrcarea rapid a informaiei
relevante, utilizatorul va putea decide dac dorete s citeasc, s revad sau s

abandoneze pagina curent.

Unitate i simplitate - Autorii de coninuturi i designerii materialelor pentru web
au tendina s includ prea multe detalii. Este indicat ca o pagin s conin ideile

principale i link-uri de acces de tip pentru mai multe informaii.

Poziionarea n ordinea importanei - Informaiile vor fi poziionate n pagin n
ordinea importanei i relevanei lor, locul privilegiat fiind n stnga sus (pentru
indivizii din culturile european i american, care sunt obinuii s parcurg

vizual materialele ntr-o form de Z).

Gruparea elementelor dup semnificaie - Acest principiu include cteva sugestii
de topografia paginii. Elementele subsumate aceleiai idei trebuie s fie
demarcate de alte elemente sau grupuri de elemente prin folosirea spaiilor libere,

casetelor cu cadru, culorilor diferite i altor modaliti de grupare-etichetare.

Includerea listelor i tabelelor pentru structurarea coninutului - Un tabel poate
rezuma informaii complexe ntr-o manier ce favorizeaz nelegerea. Sugestiile
de aranjare a listelor sunt utile pentru un aranjament vizual eficient: folosirea
bulinelor de marcare a fiecrui item sau numerotrii identate, aranjarea listelor

se va face pe vertical, alinierea va fi la stnga.

Spaiere - Este indicat ca textul propriu-zis s ocupe ntre 25-50% din spaiul
total al paginii. Evidenierea unitilor de text prin folosirea atributelor: text
subliniat, ngroat sau caractere aldine. O culoare diferit scoate n eviden
anumite informaii considerate importante. Spaierea dintre linii va ine cont de

marimea corpului de liter.

Echilibru i simetrie - Textul trebuie distribuit echilibrat n pagin i ponderat prin
includerea de grafice i imagini. Avalana de informaii brute, neprelucrate din
punct de vedere vizual, este contraindicat, conducnd la dezorientarea
vizitatorilor.

15

2. Folosirea culorilor. Semnificaii.

Constatarea c utilizarea unui cmp cromatic variat sporete randamentul activitii
intelectuale a propulsat i diversificat cercetrile despre influena culorilor asupra psihicului
uman. O mbinare adecvat de culori este un element important al materialelor de prezentare.
Efectul asupra psihicului este diferit de la o culoare la alta. Astfel, unele culori faciliteaz
deconectarea nervoas sau sporesc gradul de concentrare a ateniei, n timp ce altele
influeneaz pozitiv realizarea asociaiilor mentale, reinerea uoar a informaiilor prezentate
etc.

A. Coduri de culoare
Modalitatea recomandat pentru introducerea unei culori n pagina web este folosirea
codurilor hexazecimale.
Acest cod este analog sistemului binar, de exemplu, care traduce orice numr din sistemul
zecimal, utilizat de noi frecvent, ntr-un numr care folosete doar cifrele 0 i 1.
Un numr scris n hexa folosete sistemul de numeraie hexazecimal, n care cea mai mic
cifr este 0, iar ultima, a 16-a, este F.
Sistemul folosesc urmtoarele cifre: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f.
Orice culoare folosit pentru paginile web este un amestec de trei culori principale: rou,
verde i albastru (RGB). Codul de culoare pe care trebuie scris are 6 cifre i este compus din trei
pri: prima parte (primele 2 cifre) este pentru cantitatea de rou, a doua parte este pentru verde,
iar a treia pentru albastru.

B. Culoarea n paginile pentru web

n materialele de pe web, culorile se pot utiliza la nivelul textului, la nivelul ilustraiilor i
pentru fundal. Utilizarea culorii se justific n primul rnd funcional, ns determin n mare
msur caracterul i inuta materialelor, i implicit prestana ntregului site.
16

La nivelul textului, n cazul utilizrii corespunztoare a contrastelor cromatice, precizia i

rapiditatea percepiei i memorrii informaiilor transmise crete cu 40-50% comparativ cu
contrastele simple n alb-negru.
Cercetrile psihologice asupra contrastelor cromatice au stabilit urmtoarea ordine
descresctoare de intensitate a contrastelor cromatice pentru text din punct de vedere al
lizibilitii de la distan i al preferinei n procesul de reinere de informaii:
negru pe galben;
verde pe fond alb;
rou pe fond alb;
albastru pe fond alb;
alb pe fond albastru;
negru pe fond alb;
galben pe fond negru;
alb pe fond rou;
alb pe fond verde;
alb pe fond negru;
rou pe fond negru;
verde pe fond rou.
La nivelul ilustraiilor, utilizarea culorilor sporete valoarea de semnificaie. Cititorul
recepteaz, prelucreaz i interpreteaz o ilustraie color mult mai rapid i mai eficient dect o
ilustraie n tonuri de gri.
De asemenea, simbolurile indiciale care semnaleaz vizual prezena unui coninut de un
anumit tip (meniu, informaii utile, link-uri recomandate, atenionri etc.) i vor ndeplini mai
bine funcia orientativ prin apelul la culori folosite constant i innd seama de semnificaiile
convenionale (galben - precauie, rou - atenie etc.).
Exist, desigur, i imagini care au efect mai mare dac sunt n tonuri de gri. Fotografiile
alb-negru sunt deseori (cnd reprezint aciuni) mai pregnante, mai elocvente i mai sugestive,
mai dramatice dect cele color; portretele alb-negru pun mai bine n valoare expresia unei
persoane.
ns un grafic, o histogram, o schem sau o hart vor fi mult mai bine puse n eviden
prin culori i devin astfel mai uor lizibile, mai puin obositoare.
Ordinea contrastelor cromatice pentru acestea este urmtoarea:
albastru pe alb;
negru pe galben;
verde pe alb;
negru pe alb;
verde pe rou.

17

Fundalul (background-ul). Diferenierea cromatic a paginilor fiecrei seciuni sau teme

se poate dovedi foarte util n orientarea general n materialul de prezentare pe Internet. Dar
cel mai important aspect al utilizrii culorii pentru fond se refer la funcia culorilor de
influenare a conduitei, prin declanarea de triri afective, intenii, atitudini pozitive.

3. Design pentru Web

Prezentarea pe Web va fi n acord cu aceste caracteristici ale comportamenului
utilizatorilor de Internet, n elaborarea materialului inndu-se cont de cteva sugestii deduse
logic:
Vizitatorul poate fi ajutat s se orienteze/reorienteze prin introducerea unor organizatori
vizuali:
titluri i intertitluri din pagin simple i clare ce permit o orientare rapid n coninut;
titluri de pagin semnificative ce ajut la recunoaterea sitului chiar dac este minimizat
pe task-bar.
Designer-ul trebuie s porneasc de la premisa c vizitatorul nu i mai amintete paii de
navigare ce l-au adus n faa unui anumit material:
se dovedete util inserarea n antet a unui fir al Ariadnei (de exemplu antetul acestei
pagini) care indic poziia actual n succesiunea sau n structura ierarhic a site-ului web;
pstrarea culorilor standard pentru legturile active (albastru pentru link-uri nevizitate i
rou nchis pentru link-uri vizitate) uureaz orientarea, recunoaterea i structurarea mental a
coninutului informaional ce se parcurge.
Folosirea unei terminologii standard elimin timpul suplimentar acordat de vizitator
pentru recorelri i circumscrieri de sens la schimbarea rapid a contextului.

Structura aplicatiei

Programul contine o forma principal alcatuita din mai multe butoane precum:

Home-reprezinta pagina de start a site-ului unde sunt prezentate cateva informatii

generale despre Gibraltar si o poza artistica

Little History-in acest meniu se regasesc informatii legate de istoria orasului Gibraltar
Get around- confera informatii despre modul de deplasare in interiorul orasului, astfel
orice turist sa se poata descurca
18

What to see?-cel de-al patrulea meniu reprezinta o sursa de informatii ce se aseamana cu

un ghid turistic deoarece ofera informatii legate de atractiile locului

Pictures- ultimul, dar nu cel din urma meniu este o colectie aromonioasa de poze facute
de turisti. Aici puteti gasi o parere sincera a unei personae care a fost acolo si a ramas
impresionata de frumusetea locului.

Mod de utilizare

1.Pentru deschiderea site-ului se da click pe urmatorul fisier selectat:

19

2.Ne aflam apoi in pagina principala site-ului:

20

2. Pentru a ne deplasa in site apasam pe butoanele de navigare din cadrul meniului care ne
vor introduce in una din paginile site-ului:

3. Cand a-ti terminat de cititi, in josul paginii se regaseste un alt meniu cu butoanele pentru
comenzi, astfel incat navigarea pe site devine mai usoara:

21

22

Resurse de hard si soft necesare

Pentru realizarea acestui site au fost utilizate ca programe de lucru Adobe Dreamweaver,
Notepad, Adobe Photoshop CS2.
Cerinele de sistem a programelor utilizate nu sunt exagerate i corespund n mare parte, acestea
sunt:
Resurse minime:
1.Hardware
- Procesor (CPU) : 900 MHz+
-Memorie (RAM) : 64Mb
-Spatiu liber : 190Mb
2. Software
-Sistem de operare : Windows XP
- Internet Browser : Internet Explorer 7.0 sau Mozilla Firefox 3.4.0
Resurse recomandate:
1.Hardware
- Procesor (CPU) : 1200 MHz+
-Memorie (RAM) : 256Mb
-Spaiu liber : 380Mb
-Monitor : VGA (1028 x 768)
2.Software
-Sistem de operare : Windows XP
- Internet Browser : Internet Explorer 7.0 sau Mozilla Firefox 3.4.0

23

Pentru o rularea normal a site-ului este necesar instalarea n system (recomandat

Pentium 3, sau mai performant) a programului Java, cu o rezoluie optim de 1024 pe 768
pixeli. Am folosit aceste programe att din pricina cerinelor acceptabile de sistem a
programelor ct i usurina cu care se poate lucra cu ele. Din cauza acestei usurine se ajunge
la a se lucra cu o vitez deosebit de mare care ofer un avantaj destul de considerabil in
crearea unui proiect, site etc.
:

Bibliografie

-Manualul de Tehnologia Informatiei si a Comunicatiilor, clasa a IX-a, editura Niculescu

-Cum sa creezi un site web ,

editura Teora

-Javascript pentru World Wide Web , editura Corint

-HTML pentru World Wide Web,editura Corint
-Creearea paginilor Web, editura All

Sitografie

www.wikipedia.com
www.wikitravel.org
www.gibraltar.gov.gi/

Anexe

24

Index:

<html>
<head>
<meta charset="UTF-8">
<title>Gibraltar- little England on the tip of Spain-</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="background"><div id="page"><div id="header"><h1>Gibraltar <span>-little
England on the tip of Spain-</span></h1><div id="navigation"><ul><li class="selected"><a
href="index.html">Home</a></li><li><a href="little history.html">Little
History</a></li><li><a href="get around.html">Get Around</a></li><li><a href="what to
see.html">What to see?</a></li><li><ahref="pictures.html">Pictures</a></li></ul></div>
</div><div id="contents"><div id="adbox" <img src="images/sea-sound.jpg" alt="Img">
<h1>Enjoy travelling to Gibraltar!</h1><p>Gibraltar , colloquially known as The Rock, (or
simply 'Gib'), is a British Overseas Territory located on the southern end of the Iberian Peninsula
at the entrance of the Mediterranean. It has an area of 2.3 square miles (6.0 km2) and a northern
border with the Province of Cdiz in Andalusia, Spain. The Rock of Gibraltar is the only
landmark of the region. At its foot is the densely populated city area, home to almost 30,000
Gibraltarians and other nationalities.</p></div><div id="main"><div class="box"><div><div>
<h3>Some facts</h3><ul><li><p>The hills of Morocco are visible in the distance from
Gibraltar, with less than nine miles separating the Europe from the African landmass at the
narrowest point of the Strait. Gibraltar is an Anglicized version of Jabal Tariq (meaning
Mount Tariq in Arabic), and has historically served as a crossroads linking Europe, Africa, and
Arab lands; in the process, the territory has grown wealthy from the flow of trade and
capital.</p><p> Sitting astride Europe to the north and Africa to the south, the Rock of Gibraltar
joins the Mediterranean to the Atlantic and has been considered a strategic stronghold since
Roman times. Today, Gibraltar is a British Overseas Territory (a title formally adopted in 2002
after the UK ceased using the term crown colony); however, given Spanish claims to
sovereignty, British desire to reach an accommodation with Spain, and the insistence of the
Gibraltarian people on maintaining the status quo, its future is an open question. Above,
Gibraltar rises above the Spanish border town of La Lnea de la Concepcin. </p></li></ul>
</div></div></div><div id="footer"><div><ul class="navigation"><li class="active"><a
href="index.html">Home</a></li><li><a href="little history.html">Little history</a></li><li>
<a href="get around.html">Get around</a></li><li><a href="what to see.html">What to
see</a></li><li><a href="pictures.html">Pictures</a></li></ul></div></div></div>

25

26</body>
</html>

26