CAPITOLUL 1

SpaŃiul World Wide Web

Crearea paginilor Web
În acest capitol se introduc principalele concepte şi tehnologii de proiectare a
paginilor Web. Pornind de la descrierea modului în care referinŃele pot contribui la
organizarea informaŃiei se continuă cu prezentarea conceptelor de multimedia, de
protocol de transfer de informaŃii, de programe de navigare, de adrese web şi de realizare
de site-uri.

SpaŃiul World Wide Web (WWW)

Tehnologia de baza a spaŃiului World Wide Web a fost creată de un institut de

cercetări pentru fizica energiilor înalte din ElveŃia, CERN. Tim Berners-Lee şi echipa sa
de la CERN a creat în 1994 un ConsorŃiu Web, care se ocupa cu elaborarea şi
dezvoltarea standardelor pentru Web. Membrii consorŃiului, atunci când au început să
creeze un mecanism pentru identificarea unică a informaŃiei din spaŃiul de date, au înŃeles
necesitatea elaborării unei scheme de legături informaŃionale Web, care sa includă o mare
varietate de servicii internet, rezultand astfel adresele URL (Uuniform Resource Locator
Descriptor Uniform de Resurse). Pentru a înŃelege World Wide Web trebuie să înŃelegem
modul în care este organizată informaŃia în mediile tipărite.

Medii liniare multimedia.

Transmiterea informaŃiei la distanŃă se realizează cu anumite tehnologii în funcŃie
de specificul datelor, ca de exemplu: tipărituri (cărŃi, ziare etc.), servicii poştale, telefonie,
radioul şi televiziunea şi mai nou internetul.
Tehnologiile multimedia pot fi definite ca o totalitate de modalităŃi de creare,
stocare, regăsire, exploatare şi difuzare a documentelor sau aplicaŃiilor compuse din mai
multe elemente, ca de exemplu: text, grafică, imagini, animaŃie, sunet etc.
Componenta media a cuvântului multimedia specifică o formă de interacŃiune
umană în modelarea şi procesarea computerizată, iar componenta multi semnifică
prezenŃa simultană în acelaşi document sau aplicaŃie a mai multor tipuri de media.
O aplicaŃie multimedia trebuie să contină cel putin o media continuă (cu durată
masurabilă de execuŃie, ca de exemplu: sunet, film, animaŃie etc.) şi cel putin o media
discretă (fără durată determinată de execuŃie ca de exemplu: text, fotografii, grafică etc.).
Mediile liniare sunt acele documente în care informaŃia are o organizare liniară ca
de exemplu: cărŃile sunt citete de la începutul cărŃii şi până la sfârşitul ei. La fel şi
vizionarea unui film se face linar. Dar, cu toată organizarea liniară, se poate sări de la o
pagină a căarŃii la alta sau să se creeze o strategie de navigare prin carte.

Hipermedii şi hipertext.
Un hipermediu sau hipertext este un document alcătuit din text, care conŃine
informaŃia propriu-zisa şi hiperlegături catre alte secŃiuni sau alte documente situate pe
internet. Hipertextul poate fi considerat un mediu non-liniar, în care trebuie urmate
anumite legături între noduri pentru a accesa informaŃia. Nodurile sunt identificate în
mod unic prin adresă. De exemplu, dacă dorim să obŃinem o anumită adresă sau capitol
dintr-o carte, în loc să facem acest lucru fizic se poate atinge o anumită zona a paginii ca
să obŃinem informaŃia dorită.
0După 1996 putem spune că s-a produs o explozie a spaŃiului web, majoritatea
instituŃiilor, firmelor, organizaŃiilor dorind să aibă propriile site-uri web. Pentru a reduce
diferenŃele dintre transmiterea prin televiziune, care are o infrastructură bazată pe unde
sau cablu, cu o capacitate foarte mare de transfer de date, şi cele ale internetului, în care
comunicarea era realizată prin telefonie (dial-up), s-au elaborat noi tehnologii de transfer
a datelor pe spaŃiul www, bazate pe fibră optică sau comunicaŃii prin satelit. Numărul tot
mai mare de utilizatori şi volumul mare de date transferate prin internet a dus la găsirea
de soluŃii hard şi soft de compresie a datelor. Compresia datelor a dus la deterioarea
calităŃii acestora. În urma unor cercetări s-au găsit algoritmi de compresie a datelor
multimedia care sa inlăture anumite frecvenŃe fară a periclita acurateŃea auditivă şi
vizuală. De exemplu, standardele MPEG (Motion Picture Experts Group) sau AVI
(Audio-Video Interleaved) folosesc stocarea compresată cu pierderea unor datelor audio
sau video. Utilizatorii de site-uri trebuie să aibă instalat un player pentru a reda obiectele
multimedia incapsulate în site. De asemenea, în scopul accesului la obiectele de pe Web
s-a creat soft necesar pentru compresia diferitelor tipuri de media, necunoscute de player
sau de programele navigatoare Web, astfel pentru:
• Text
- HTML (HyperText Markup Language),
- XHTML (Extensible HyperText Markup Language),
- XML (Extensible Markup Language),
- WML (Wireless Markup Language) etc
• Imagine
- BMP (BitMap Picture),
- WBMP (Wireless BitMap Picture),
- EPS (Encapsulated Post Script),
- GIF (Graphics Interchange Format),
- JPEG (Joint Picture Experts Group),
- PNG (Portable Network Graphics),
- SVG (Scalable Vector Graphics);
• Sunet
- WMA (Windows Media Audio),
- WAV (Wave Format),
- MIDI (Musical Instrument Digital Interface),
- MP3 (MPEG-1 Layer 3) etc;
• Animatie / Sunet
- AVI (Audio – Video Interleaved),
- MPEG (Motion Picture Experts Group)
- WMV (Windows Media Video), QuickTime, Flash etc.
• Prelucrari imagine – Photoshop
• Prelucrari pe server – PHP
• Lumi 3D – X3D (Extensible 3D)
• Animatie / validare date – JavaScript
• Stiluri – CSS (Cascade Style Sheets)
 Există două tipuri de codificare a informaŃiei grafice:
• Rasterizate (.bmp, .wbmp, .jpeg, .gif) care sunt constituite din matrice de pixeli;
• Vectoriale(.svg, .eps) alcătuite din elemente geometrice: linii, curbe, suprafete etc.
Imaginile vectoriale au avantajul de a putea fi redimensionate fară pierderea calităŃii sau
modificarea semnificativa a dimensiunii fişierului.

Introducere în crearea paginilor Web

Pentru a crea una sau mai multe pagini Web, o persoană fizică sau juridică (firmă)
trebuie să apeleze la o firmă specializată numita provider. Serviciile oferite de provider se
numesc Web Hosting.
Provider-ul detine calculatoare foarte performante numite servere, care sunt
cuplate cu calculatoare din întreaga lume. Acestea pun la dispozitia persoanei solicitante:
- spaŃial pe hardul server-ului de cel puŃin 10 Mb;
- o adresa de internet, ca de exemplu: www.adresa_site.ro
În spaŃial alocat pe serverul provider-ului, persoana introduce fişiere, documente
multimedia scrise în HTML (HyperText Markup Language), dar şi alte documente care
provin din alte tipuri de servicii de publicare a informaŃiilor din internet.
Pentru a vizita o pagina Web, trebuie să existe pe calculatorul vizitatorului unul
sau mai multe programe specializate numite navigatoare sau browser-e, ca de exemplu:
Netscape Navigator realizat de Netscape Communications în 1995 odată cu lansarea
mediului de operare Windows 95 şi Internet Explorer realizat de Microsoft, prima
versiune a sa fiind inclus în pachetul Windows 95 Plus Pack. La începutul lansării,
Internet Explorer era inferior browser-ului Netscape dar au urmat alte versiuni cu
îmbunătăŃiri care l-au făcut să devină cel mai utilizat browser. Azi, aproape că nu există
controale HTML care să nu fie acceptate de cele doua programe de navigare.
FuncŃiile principale ale browser-ului sunt:
- permite vizitatorilor paginilor Web sA introducă adresa URL a paginilor
respective;
- transmit server-ului adresa şi acesta îi furnizeaza fişierul HTML care
conŃine codul paginii;
- interpretează comenzile conŃinute în codul HTML şi le afisează.
Obişnuim sa numim pagină, conŃinutul afişat al unui fişier HTML.
Site-ul este un ansamblu format din: spaŃiul pe hard, fişierele care sunt depuse pe
acest spatiu şi adresă. Fişierele dintr-un site nu sunt numai fişiere HTML. Pot exista toate
tipurile de fişiere care pot găsi pe spatiul Web şi care au fost enumerate mai sus (imagini,
animaŃie, video, sunet etc). Fişierele de pe site pot fi grupate ca şi cele de pe hardul
calculatorului, în foldere.
Când solicităm browser-ului încarcarea unui fisier de pe un site, acesta va solicita
server-ului pe care se afla alocat site-ul, furnizarea respectivului fisier.
Protocoale

Pentru ca două calctulatoare să poată comunica între ele, trebuie să existe

programe care să execute transferul. Definim prin protocol, ansamblul de reguli ce
trebuie respectate în transferul de informatii de la server la calculator, şi invers. Există
mai multe protocoale care se utilizeaza în transferul de informaŃii multimedia. Cele mai
folosite sunt:
- HTTP (HyperText Transfer Protocol) care este destinat exclusiv
transferului de informatii pe Web, adică tranferului de fişiere de la server
la calculatorul pentru browser.
- RTP (RealTime Transport Protocol) – este folosit în transmiterea în timp
real a informaŃiilor multimedia, oferind servicii de transfer a mediilor
audio şi video interactive. RTP oferă servicii de multiplicare, suportând
transferul datelor la destinaŃii multiple (multicast). Acest protocol este
folosit mai ales de aplicaŃiile de video-conferinŃe şi pentru transmiterea pe
Web a unor programe radio şi audio-video.
- FTP (File transfer Protocol) destinat transferului de fişiere de la server la
calculatorul (download) şi invers, de la calculator la server (upload). În
aceste operaŃii de transfer nu intervine browser-ul, ci programe cunoscute
sub numele de “programe ftp”. Aceste programe pot fi download-ate de pe
internet şi în marea majoritate sunt gratuite. Ele se pot identifica cu
GOOGLE, folosind cuvantul cheie “FTP”. În acest curs (carte) se va folosi
protocolul ftp, WS-FTP95, care se poate cauta pe GOOGLE cu acest
cuvânt cheie, sau poate fi download-at de la adresa:
www.uottawa.ca/help/ws_ftpe.html.

Adresarea resurselor Web

InformaŃiile sunt stocate în spaŃiul Web în fragmente, numite noduri,

interconectate între ele. Nodurile sunt identificate prin adrese, termenul tehnic fiind de
URL – Uniform Resource Locator (Descriptor Uniform de Rresurse ).
O adresa URL este un şir de caractere prin intermediul căruia se accesează un
fişier al unui site şi are sintaxa: protocol://domeniu/cale
unde:
- protocol desemnează protocolul utilizat (HTTP, RTP, FTP);
- domeniu este adresa simbolică a unui calculator (de exemplu adresa
server-ului web);
- calea reprezintă şirul de directoare către resursa dorită.
Protocolul HTTP din adresă este automat completat de browser, deci nu este
obligatoriu de tastat. Adresa site-ului este şi ea o adresă URL, şi anume a fişierului
radacină (home page). Acest fişier este inclus în folderul rădăcină a site-ului şi pentru
majoritatea server-elor el se numeste index.htm.
De exemplu, dacă tastăm
http://www.adresa_site.ro
sau numai
www.adresa_site.ro
la un browser, se solicită acestuia să încarce şi să afişeze fişierul rădăcina al site-ului.
Astfel se poate scrie şi http://www.adresa_site.ro/index.htm. Să presupunem că site-ul de
la adresa www.adresa_site.ro conŃine două foldere, numite texte şi imagini, iar folderul
texte are fişierele curs1.htm, curs2.htm… Pentru a accesa unul din aceste fisiere, vom
scrie adresa URL www.adresa_site.ro/texte/curs1.htm
ObservaŃie:
URL-urile nu pot conŃine spaŃii. Ca alternativă adresa URL permite ca unele
caractere să fie specificate prin “%” urmat de echivalentul hexazecimal al caracterului
respectiv. Dacă dorim de exemplu să apară carecterul spaŃiu, care are codul 32 zecimal şi
20 hexazecimal (2x16+0=32) vom scrie www.adresa%20site.ro
În tabelul de mai jos se specifică formatul URL a unor caractere uzuale care se
pot Intalni în adresele URL:

Caracater Cod zecimal Cod hexazecimal Codificare URL

SpaŃiu 32 20 %20
Tab 9 09 %09
Enter 10 0A %0A
Procent 37 25 %25
End of line 13 0D %0D

Crearea unui site gratuit

Firmele specializate (provider-ii) pun la dispoziŃia utilizatorilor site-uri contra

cost, costuri care variaza în funcŃie de spaŃiul acordat pe server şi de serviciile furnizate.
Exista şi firme care oferă site-uri gratuite dar în acest caz utilizatorul site-ului cât şi toŃi
vizitatorii trebuie să suporte publicitatea. Pentru a obŃine un site gratuit, solicitantul
trebuie sa aibe o adresăd e e-mail, care poate fi obŃinută tot gratuit la Yahoo, Hotmail,
Gmail etc. Dacă se acceseaza site-ul de la adresele:
www.freewebsites.com
www.b0x.com
se va solicita să se completeze un formular cu numele dorit al site-ului, adresa de e-mail
(una din cele pe care le aveŃi), o parola etc. Dacă datele au fost completate corect se
poate obŃine un site la adresa
www.nume.freewebsites.com
www.nume.b0x.com
La adresa de e-mail specificată în formular se va primi un mesaj prin care se cere
să confirmam înscrierea, scriind parola dată şi numele de utilizator (USER ID) şi un cod
care a fost dat după completarea formularului.
Să presupunem că în urma acestei cereri s-a obŃinut un site gratuit:
adresa: www.testweb.freewebsites.com
parola: pagweb
User ID: ana

Pentru a putea fi populat un site, trebuiesc transferate fişiere. Transferul fişierelor

de la calculator la server şi invers se poate face (aşa cum s-a menŃionat mai sus) cu
protocolul FTP. Unul din protocoalele FTP utilizate şi în acestă carte este WS_FTP95,
care se descarca de pe Internet.
După ce a fost download-at un protocol ftp, apare o caseta de dialog în care
trebuiesc introduse datele de acces la site:
 Host name: test.web.freewebsites.com
Host type: Automatic detect
User ID: ana
Parola: ****** (pagweb)
Dacă datele au fost introduse correct, atunci programul afişează o fereastra cu 2
paneluri. Panelul drept conŃine fişierele din site şi Panelul stang fişierele din directorul
curent al calculatorului local. Transferul fişierelor din folder şi invers se face cu dublu
click pe fişier sau prin Drag&Drop. Se pot crea directoare cu MkDir, se pot şterge fişiere
cu Delete şi se poate schimba unitatea curentă de pe calculator. Pentru un transfer mai
riguros se apasa butonul ASCII din fereastra afişată.

Scrierea fişierelor HTML

Limbajul HTML se va prezenta în capitolele următoare. Pentru a scrie fişiere

HTML, urmăm paşii:
- cu My Computer sau Explorer ne situăm în folderul unde dorim să se
găsească fişierele;
- cu ajutorul menu-ului contextual (click cu butounul drept al mouse-ului)
alegem New -> Text Document. Programul NOTEPAD va crea un fisier
cu extensia .txt;
- ne poziŃionăm pe fişier şi din menu-ul contextual alegem comanda
RENAME, pentru a schimba numele fişierului şi extensia în .html sau
.htm. Extensia .htm este asociata browser-ului Internet Explorer şi deci
fişierul va avea icon-ul browser-ului;
- Un dublu click pe fişier are ca efect lansarea browser-ului, care va afişa
fişierul (conŃinutul va fi vid);
- Din menu-ul principal din Internet Explorer, View->Source, NOTEPAD
va încarca codul HTML al fişierului (conŃinutul va fi vid);
- Scriem un text la alegere, de exemplu “se crează un site”, se salvează
fişierul;
- În fereastra browser-ului se apasă butonul “Refresh”, prin care comandăm
browser-ului să reîncarce fişierul care a suferit modificări;
- Se trece iar în NOTEPAD (View-Source) pentru a continua să scriem
fişierul HTML.

ObservaŃie:
Pentru a scrie codul unui fişier HTML, nu trebuie să fim conectaŃi la Internet.

Un fişier HTML, poate conŃine comentarii pentru a-l face mai uşor de parcurs.
Comentariile pot aparea oriunde în fişier şi nu vor fi afişate de browser. Sintaxa
comentariilor este:

<!-- comentariu 1 -->

<!-- comentariu
…
pe mai multe linii-->
 EXERCIłII

1. Să se vizualizeze codul HTML a unei pagini de Internet

2. CreaŃi-vă un site gratuit şi retineŃi adresa, parola şi user id-ul
3. CreaŃi un folder pe calculator cu numele TESTWEB, care va conŃine un fişier
index.htm. Introduceti în fisier textul “Se lucrează la această pagină”
4. Upload-aŃi fişierul pe site-ul creat
5. Creati pe site două foldere, AUXILIAR şi IMAGINE
6. TransferaŃi o imagine oarecare de format .gif de pe calculator pe site, în folderul
IMAGINE

RĂSPUNSURI

1. Se vizualizează pagina (fişierul HTML) prin browser. Apoi View->Source

2. A se citi “cum se creeaza un site gratuit”
3. Din directorul de pe hard-ul calculatorului se creeaza cu menu rapid, new – folder
şi se redenumeşte cu TESTWEB. În folder se creeaza un fisier .html, cu new –
text document. Fişierul se redenumeşte în index.htm
4. Se utilizează WS_FTP95 ca protocol de transfer
5. Se utilizează un protocol ftp, apoi MkDir AUXILIAR şi MkDir IMAGINE
6. Se utilizeaza protocolul de mai sus. Din partea stângă se agaŃă un fişier imagine şi
se duce în dreapta.