clasa12_capitolul I-1

download clasa12_capitolul I-1

of 114

Transcript of clasa12_capitolul I-1

INSTRUMENTE DE LUCRU PENTRU CREAREA SITE-URILOR WEB Serviciul World Wide Web (panza de pianjen) sau, prescurtat, Web, www, w3 a fost creat in 1989 in Elvetia la Centre European de Recherche Nucleair (CERN). World Wide Web este un mecanism care foloseste conceptul de hipermedia pentru a lega o colectie de zeci de milioane de documente cu informatii ce sunt pastrate pe calculatoare raspandite in toata lumea. In formatul Web, informatia este organizata sub forma de pagini. Pagina se mai numeste si document Web si este formata dintr-un document html (fisier cu extensia .htm) si din fisiere asociate pentru afisare a informatiilor in format multimedia (fisiere cu imagini grafice, fisiere cu scripturi Java) care se gasesc pe acelasi calculator sau pe un alt calculator din reteaua Internet si care pot fi identificate unic prin adresa URL. Folosirea hiperlegaturilor permite construirea unei structuri de retea pentru prezentarea informatiei (cea mai complexa structura de segmentare a informatiei). Hiperlegatura este o conexiune de la o pagina catre o anumita destinatie. Hiperlegatura poate fi reprezentata printr-un text sau printr-o imagine. Paginile Web sunt scrise intr-un limbaj al calculatorului, cunoscut sub numele de HyperText Markup Language HTML. Cand afiseaza o pagina Web, programul client de navigare ascunde complet specificatiile limbajului, deoarece atunci cand utilizatorul i furnizeaza un identificator URL, programul contacteaza serverul specificat, obtine o copie a paginii Web, interpreteaza limbajul HTML si afiseaza rezultatul. Un document html este un fisier care contine text ASCII si coduri de control numite etichete (tags). Codurile de control sunt introduse prin intermediul caracterelor ASCII si sunt delimitate de semnele < si >. Ele nu sunt citite de utilizator, ci de programul client, ca sa stie cum sa foloseasca fiecare zona de text din document. Programul client folosit pentru a avea acces la serviciul Web se numeste browser (Internet Explorer). Paginile pot face parte dintr-un site Web sau pot fi de sine statatoare. Caracteristici : World Wide Web este o colecie imens de documente interconectate prin intermediul Internetului, care asigur o interfa hypermedia pentru informaii. Pentru a transmite i afia documentele, World Wide Web folosete protocolului de comunicaie HTTP. Funcionarea World Wide Web se bazeaz pe relaia clientserver. Clienii sunt browserele Web iar serverele sunt serverele Web. Limbajul HTML realizeaz descrierea documentelor Web. Prin intermediul su i se comunic browserului ce elemente fac parte din pagina Web i care este aspectul acestora. Este recomandat crearea unor documente HTML orientate ctre coninut i nu ctre aspect.

1

Pentru a crea documente HTML avei nevoie de un set minimal de instrumente: un editor de text, un browser, un editor grafic i o conexiune la Internet Informatiile din reteaua www sunt stocate in documente numite pagini Web Paginile Web se gasesc in computere numite servere Web Mai multe pagini Web alcatuiesc un site Web Paginile Web contin, pe langa informatii, referinte pentru alte informatii din retea, numite hiperlegaturi Computerele care solicita informatii de la serverele Web se numesc clienti Web Clientii Web pot vizualiza paginile Web prin intermediul unor programe numite browsere Web World Wide Web prezinta doua avantaje: permit cautarea in intreg spatiul Internet si usureaza cautarea prin stabilirea unor legaturi intre informatii. EDITOARE DE HTML

Crearea unei pagini Web presupune: 1. Editarea fisierului HTML utilizand: Un editor de texte obisnuit (Notepad, Wordpad, Word, PowerPoint) Un editor de texte dedicat (Netscape Composer, HotMetal) 2. Salvarea paginii Web cu extensia .html sau .htm intr-un site Web 3. Vizualizarea paginii cu ajutorul unui browser (Internet Explorer, Mozilla FireFox) Notepad permite salvarea ca pagina Web. Editorul de text trebuie salvat in format HTML folosind optiunea salvare ca , numele fisierului index.html si salvare cu tipul All Files (Toate fisierele). Wordpad permite salvarea ca pagina Web. Editorul de text trebuie salvat in format HTML folosind optiunea salvare ca , numele fisierului index.html si salvare cu tipul Document Text Unicode. Microsoft Word permite salvarea ca pagina Web. Documentul trebuie salvat in format HTML folosind optiunea Save As HTML (Salvare ca pagina Web) din meniul File (Fisier). Microsoft PowerPoint permite salvarea ca pagina Web. Prezentarea trebuie salvata in format HTM folosind optiunea Save As HTML (Salvare ca pagina Web) din meniul File (Fisier). Microsoft Excel permite salvarea ca pagina Web. Foaia de calcul tabelar trebuie salvata in format HTML folosind optiunea Save As HTML (Salvare ca pagina Web) din meniul File (Fisier).

2

Microsoft Frontpage este un editor HTML care lucreaza atat in modul de editare, cat si in cel de explorare, manevrand trei ferestre: pentru afisarea grafica a obiectelor pe ecran, pentru afisarea codului HTML si pentru vizualizarea rezultatelor de navigare. Netscape Composer este un editor HTML care lucreaza direct in modul de editare si are suport pentru publicarea paginilor direct pe serverul Unix al furnizorului de Internet. Macromedia Dreamweaver este un editor de HTML performant care genereaza majoritatea etichetelor HTML, in mod vizibil si standard, creaza animatie, dispune de un cotrolor de timp si de cadre cheie de animatie. Corel WebMasterSuite este un software de editare HTML, construit din trei componente: Corel Web Designer pentru editare HTML, Site Designer pentru gestionarea site-ului si PhotoPaint pentru crearea imaginilor. Permite realizarea de animatie. EDITOARE DE IMAGINI1. Irfan View 3.97

2.

3.

4.

5.

Este probabil unul dintre cele mai cunoscute programe pentru vizualizarea imaginilor. Punctul forte al acestui program este faptul ca suporta foarte multe tipuri de fisiere. Pe langa imagini, IrfanView vede si fisiere mp3, avi. Easy Thumbnails 2.8 Aceasta aplicatie este foarte utila celor care doresc sa realizeze o galerie foto pe un site Web. Dupa cum se observa si din nume, Easy Thumbnails creeaza imagini mici pentru previzualizare (thumbnail-uri). Suporta cele mai comune standarde de imagine existente, de la fisiere .jpg si pana la .pcx. In cadrul procesului de scalare, puteti sa modificati cativa parametri cum ar fi luminozitatea, contrastul, acuitatea (sharpnessul) si unghiul de rotire. XnView 1.80 XnView permite vizualizarea unei game largi de tipuri de fisiere, atat imagini, cat si secvente video si audio. Editarea unei imagini se face intr-o interfata separata, avand la dispozitie o multime de efecte care se pot aplica imaginilor, de la cele obisnuite la adevarate efecte profesionale. Aceasta aplicatie este disponibila pentru toate sistemele de operare, de la Windows, Linux, MacOs si pana la Solaris si Unix. FocusViewer 2.1 Primul lucru care atrage atentia la acest program este interfata lui, care aduce aminte, prin stilurile ferestrelor sale, de sistemul de operare MacOS. Aceasta interfata este foarte intuitiva, avand o zona de navigare si o zona de revizualizare. Suporta majoritatea formatelor grafice, incluzand .bmp, .dib, .jpeg, .gif, .pcx, .tiff si .tga. Puteti organiza fotografiile dupa anumite criterii, puteti seta wallpaper cu calendar si puteti efectua capturi de ecran programate. VCW Vicmans Photo Editor Free 7.9 Beneficiind de o interfata destul de intuitiva (pentru cei cat de cat obisnuiti cu editoarele de imagini), aplicatia ofera o gama de baza pentru editarea imaginilor,3

avand un grad mare de personalizare. Ofera suport pentru toate tipurile uzuale de imagini si are cateva tutoriale despre editarea imaginilor si animatie. Versiunea freeware a acestui program nu suporta exportarea imaginilor in format .gif, pentru aceasta, dar si pentru alte functii fiind necesara achizitionarea versiunii Pro.6. Media Purveyor 1.4.1

Aplicatia afiseaza metadatele (exif, xml) pentru fiecare fisier, precum si informatii generale. Dispune de functii de cautare dupa diferite criterii a fisierelor suportate si poate genera thumbnail-uri ale imaginilor selectate. 7. The GIMP 2.2.8 Cand vine vorba de editare de imagini, exista un nume deja consacrat in lumea freeware - GIMP. Programul a fost initial conceput pentru sistemul de operare Linux, fiind extins apoi si pentru alte platforme. GIMP suporta o larga paleta de formate grafice si este recomandat celor care lucreaza si cu alte formate in afara de obisnuitele .jpg, .gif si .bmp. Aplicatia prezinta o gama larga de instrumente de editare, atat efecte aplicabile imaginilor, cat si tool-uri de creatie. 8. Picasa 2 Picasa este un alt nume cu greutate in domeniul editarii grafice freeware. Inca de la primele versiuni, aceasta aplicatie a demonstrat flexibilitatea si usurinta in folosire. 9. CoffeeCup Free Viewer Plus 2.6 Suporta cele mai folosite formate (.jpg, .gif, .bmp, .png si .pcx), iar efectele care se pot aplica sunt in numar mic, dar sunt cele mai folosite de obicei de catre utilizatori. In rest, interfata are aspect standard, cu o zona de navigare si o zona de vizualizare a fisierelor grafice. 10. Image Browser Arctic 5.0 Programul ruleaza intr-o fereastra care nu se poate maximiza, iar interfata este cea de Windows. Dispune de efecte simple si comune, avand insa alte functii interesante, cum ar fi extragerea de iconite, conversia TIF-PDF, protejarea imaginilor cu parola si exportarea de cadre din secvente video .avi. 11. Visualizer IB 2.5 Iata un program ce se adreseaza cu adevarat utilizatorului obisnuit. Interfata este simpla si eleganta. Imaginile sunt vizualizate in fereastra principala, fiind suportate majoritatea formatelor folosite in mod comun (.jpg, .gif, .bmp, .psd, .psp etc.). O capabilitate interesanta este aceea de a reda fisiere .mp3 si de a converti/compresa fisierele .wav in .mp3. Programul dispune, de asemenea, de un modul de update. 12. Photomania Deluxe 6.73 In cazul de fata avem de-a face cu un program ce are o interfata cat se poate de intuitiva si de simpla. Totusi, aplicatia este destul de complexa, suportand o multime de formate grafice pe langa cele uzuale. Efectele ce se pot aplica imaginilor fac parte din setul standard de editare care trebuie sa fie la dispozitia oricarui impatimit al fotografiilor. Totusi, lipseste functia de reducere a efectului de red-eye.4

13. ForceVision 3.08

O aplicatie simpla si flexibila.Interfata de pornire este foarte accesibila, zona de navigare din dreapta si cea de vizualizare din stanga fiind reteta unei aplicatii de editare grafica reusite in momentul de fata. Aplicatia este constituita din mai multe module (de navigatie, de previzualizare etc.) care pot fi pornite/oprite dupa preferintele utilizatorului. 14. 11view 3.0 Dotat cu o interfata care ne aduce aminte de designul folosit in programele realizate acum cativa ani buni, 11view prezinta insa multe functionalitati interesante si utile in acelasi timp. Aplicatia mai integreaza si niste unelte deosebite, cum ar fi GIF Animator Compiler (cu care puteti realiza secvente de GIF-uri animate), Icon/Cursor Compiler (ajuta la crearea de cursoare animate), PSD Decompiler (exporta fisierele Photoshop in .bmp sau .png) si altele. 15. Image Analyzer 1.24 Dupa cum spune si numele, aceasta aplicatie realizeaza editarea si/sau crearea imaginilor. Prin functiile si efectele care pot fi aplicate imaginilor, Image Analyzer este un editor grafic cat se poate de simplu pe care orice utilizator familiarizat cu Paint-ul din Windows il poate utiliza. 16. ShutterFly Express 3.0 In ciuda interfetei sofisticate a acestui program, ShutterFly Express poate manipula doar fisiere .jpg. De fapt, dupa cum sustin si producatorii, softul este destinat gestionarii si editarii pozelor digitale. Astfel, el poate detecta existenta unei camere digitale, avand o interfata pentru transferul imaginilor. Formatele de imagini acceptate in Web GIF (Graphic Interchange Format) are extensia .gif JPEG (Joint Photographic Experts Group) are extensia .jpg sau jpeg PNG (Portable Network Graphics) are extensia .png TIFF (Tagged Image File Format) are extensia .tif sau tiff BMP (BitMap Format) are extensia .bmp Cteva metode de obinere a imaginilor Crearea imaginilor cu ajutorul unui program de grafic - cele mai performante sunt Adobe Photoshop i CorelDraw. Scanarea fotografiilor realizate cu aparate foto tradiionale i, eventual, prelucrarea lor ulterioar cu editoare grafice. Folosirea aparatelor de fotografiat digitale - dei sunt nite echipamente nc destul de costisitoare prezint marele avantaj c furnizeaz imagini digitale sub form de

5

fiiere grafice n formate comune, care se pot descrca direct pe hard-disk, i care se pot utiliza ca atare sau dup o prelucrare grafic minim. Preluarea imaginilor de pe Web. Pentru a prelua o imagine de pe Web trebuie s o salvai pe hard-disk-ul dumneavoastr. Putei realiza acest lucru astfel: - plasai cursorul pe imaginea respectiv i apsai butonul drept al mouseului - selectai din meniul care se deschide Save Image As... - n fereastra de dialog selectai folderul de destinaie i numele fiierului - apsai butonul Save Imaginile sunt stocate n fiiere cu diverse formate, cele mai folosite pe Web fiind, aa cum era firesc, cele care confer un raport optim ntre calitatea imaginii i dimensiunile fiierului. Aceast opiune este determinat de faptul c majoritatea utilizatorilor Internetului dispun de conexiuni telefonice dial-up, cu viteze destul de mici, astfel c timpul de ncrcare al fiierelor, care depinde de dimensiunea acestora, devine un factor determinant. Dou dintre cele mai utilizate tipuri de fiiere grafice sunt JPEG (Joint Photographic Experts Group) i GIF (Graphics Interchange Format). Formatul GIF Formatul GIF (.gif) folosete 256 de culori i este ideal pentru icon-uri, ilustraii i animaie. Acest format utilizeaz o tehnologie special de comprimare care reduce semnificativ dimensiunile fiierelor grafice pentru un transfer mai rapid prin reea. n procesul de comprimare se pstreaz toate caracteristicile imaginii originale, astfel c dup decomprimare imaginea are acelai aspect ca i originalul. Imaginile GIF suport efecte de transparen, ntreesere i animaie. Deoarece majoritatea browserelor recunosc formatul GIF, acesta a devenit cel mai frecvent utilizat n paginile Web. Poate fi folosit pentru a include imagini direct n pagini (imagini in-line) precum i pentru a referi imaginile prin intermediul unor legturi externe. Totui, datorit numrului redus de culori, formatul GIF nu este potrivit pentru fotografii sau imagini de calitate nalt. Pentru acest tip de imagini, cel mai adecvat este formatul JPEG. Formatul JPEG Formatul JPEG (.jpg), pe de alt parte, suport un numr mult mai mare de culori (aproximativ 16 milioane). Dac dorii s folosii imagini fotografice, formatul JPEG este recomandat, datorit calitii superioare a imaginii. Dimensiunile unui fiier JPEG nu depind de numrul de culori ci de gradul de comprimare a imaginii. Gradul de comprimare al formatului JPEG este mai ridicat dect cel al formatului GIF. Nu este neobinuit, de exemplu, ca un fiier GIF care are 200 de Kb s fie comprimat ca fiier JPEG pn la dimensiunea de 30 de Kb. Pentru a realiza un grad att de nalt de comprimare a imaginilor, formatul JPEG pierde anumite informaii din imaginea original. Cu toate c la decomprimare imaginea JPEG nu va fi absolut identic cu imaginea original, diferenele vor fi de cele mai multe ori inobservabile. Formatul6

JPEG este potrivit pentru imaginile fotografice, dar el nu este adecvat pentru ilustraii, desene sau imagini de dimensiuni reduse. Algoritmii folosii pentru comprimarea i decomprimarea imaginii altereaz n mod notabil zonele de mari dimensiuni colorate cu o singur nuan. Din acest motiv, atunci cnd dorii s includei n pagin un desen sau o ilustraie care folosete un numr redus de culori, formatul GIF este cel mai potrivit.

SISTEME DE GESTIUNE A BAZELOR DE DATE, SERVER-E Bazele de date constituie unul din elementele fundamentale ale infrastructurii IT a companiilor. Avnd n vedere importana informaiilor stocate n bazele de date pentru desfurarea proceselor de afaceri, soluiile de acest tip trebuie s asigure un nivel ridicat de scalabilitate, performan i siguran n exploatare.Sistemul de gestionare a bazelor de date (SGBD) reprezinta un ansamblu de programe ce asigura legatura intre colectiile de date grupate in baza si utilizatori. Un SGBD asigura: definirea structurii de date: pe colectii si pe tabele introducerea datelor in baze de date accesul la date intretinerea bazei de date: actualizarea si introducerea de noi campuri reorganizarea bazei de date securitatea datelor: protectie la stergere si asigurarea back-up redundatei minime Facilitati de utilizare a SGBD: datele sa poata fi folosite in mai multe aplicatii independenta logica a datelor se refera la posibilitatea adaugarii de noi inregistrari sau campuri. accesul utilizatorilor sa fie optimizat folosirea limbajelor sau a metodelor rapide de regasire a datelor referitor la integritatea datelor: - protectii la erori, stergere - proceduri de refacere si salvare existenta procedurilor de interzicere a accesului existenta proceselor de validare a datelor interconectivitatea se refera la posibilitatea de a prelua date externe, din alte aplicatii. SGBD7

FoxPro este un sistem software pentru gestiunea bazelor de date, asigurnd o interfa foarte eficient i prietenoas ntre sistemul de operare i programator. FoxPro este unul dintre mediile cele mai cunoscute de dezvoltare a aplicaiilor de baze de date. Microsoft Access este folosit interactiv pentru a crea si gestiona baze de date, precum si pentru a interactiona cu datele si pentru a le manipula. SQL este un limbaj special conceput pentru comunicarea cu bazele de date. SQL este o abreviere de la Structured Query Language (limbaj de interogare structurat). Oracle este dotat cu un instrument de gestiune pe suport Java, denumit Enterprise Manager.

Server-e n tehnologia informaiei, un server este un program de aplicaie (deci nu un sistem de operare) care furnizeaz servicii altor aplicaii (numite aplicaii client), aflate pe acelai calculator sau pe calculatoare diferite. De obicei, aplicaia server ateapt conexiuni din partea aplicaiilor client. Se mai numete server i calculatorul pe care ruleaz una sau mai multe asemenea aplicaii. Deseori soluia pentru mari aplicaii cu muli utilizatori se bazeaz tocmai pe arhitectura client-server, care const din cel puin 2 aplicaii (i deseori cel puin 2 computere). Aproape toat structura Internetului se bazeaz pe modelul de server client. Mai multe milioane de servere, toat lumea, sunt conectate la Internet i ruleaz continuu. Majoritatea serviciilor oferite pe Internet, de servere sunt: Web; Domain Name System; electronic mail sau pot electronic; file transfer sau transfer de fiiere; instant messaging sau mesagerie instant; fiiere audio i video, jocuri. Pentru orice aciune care este iniiat de un utilizator al Internetului, una sau mai multe servere interacioneaz unul cu cellalt. Oracle const dintr-un set complet de constructori de aplicaii i produse pentru utilizatori, cutnd s asigure soluii complete n tehnologia informaiei. Aplicaiile Oracle sunt portabile pe un numr mare de staii de lucru i sisteme de operare, de la calculatoare personale la procesoare paralele. Oracle este nzestrat cu un Sistem de Management al Bazelor de Date (DBMS) flexibil - Serverul Oracle - pentru stocarea i managementul informaiei utilizate de aplicaii. Ultimul server Oracle, ORACLE 7, conduce o baz de date cu toate avantajele unei structuri relaionale,avnd n plus capacitatea de a stoca i executa obiecte de tip baz de date, precum i proceduri i mecanisme de siguran. Serverul Oracle cuprinde un DBMS care controleaz: - Stocarea de date n sfera bazelor de date dedicate - Recuperarea de date pentru aplicaii utiliznd tehnici de optimizare adecvate - Securitatea bazelor de date i a taskurilor permise pentru anumii utilizatori8

- Consistena i protecia datelor, incluznd arhivarea taskurilor i mecanisme de cutare Windows Server 2003 ofer modaliti mai eficiente pentru administrarea i controlul accesului la resursele locale i cele de la distan. Windows Server 2003 aduce:

management simplificat al serverelor din sucursale costuri reduse pentru managementul spaiului de stocare o platform Web bogat virtualizarea serverelor la costuri reduse management mbuntit al identitii i al accesului ETAPELE PLANIFICRII SITE-ULUI

Procesul de planificare a unui site trebuie s parcurg urmtoarele etape: Stabilirea audienei Stabilirea scopului Definirea obiectivelor Colectarea informaiilor despre subiectul prezentat Stabilirea specificaiilor Stabilirea modului de prezentare Audiena Pentru a crea un site de calitate i o comunicare eficient a informaiilor, o etap deosebit de important este definirea audienei site-ului. Audiena reprezint publicul cruia i se adreseaz site-ul. Stabilirea audienei site-ului dumneavoastr este esenial deoarece contribuie la definirea coninutului paginilor, precum i a organizrii i aspectului su. Un site Web creat pe baza unor informaii precise asupra audienei sale actuale i viitoare are mult mai multe anse de succes dect unul care nu se adreseaz unui public specific. Stabilirea audienei unui site implic doi pai: Definirea publicului int. Trebuie s stabilii cui se adreseaz site-ul dumneavoastr. Putei, de exemplu s v adresai "persoanelor care studiaz chimia". Dei este un enun care definete ntr-o oarecare msur audiena site-ului, este de dorit ca definirea audienei s fie mai precis dect att. V putei adresa de pild, specialitilor n chimie, i atunci informaiile vor avea un nalt grad de specializare i un nivel tiinific ridicat sau v putei adresa elevilor de liceu interesai de studiul chimiei, sau care vor da examene la aceast disciplin. n acest caz informaiile vor fi de nivel mai general, legate de programa colar i de tipurile de subiecte cu care elevii se vor confrunta la examene.9

Dac, de exemplu, dorii s creai un site comercial, stabilirea segmentului de pia cruia v adresai este la fel de important. Dac intenionai s vindei produse cosmetice v vei adresa probabil femeilor. Dar aceasta este o reprezentare mult prea general a publicului dumneavoastr. Ai putea s fii mai specific, stabilindu-v drept segment de pia femeile cu vrsta mai mic de 25 de ani. n aceast situaie este mai probabil c vor avea succes produsele de nfrumuseare mai ndrznee, n vreme ce, dac v adresai femeilor de vrst medie, cele mai bine vndute vor fi produsele de ntreinere, cremele anti-rid, etc. Concluzia care se impune este c definirea ct mai precis a audienei este definitorie pentru toate etapele ulterioare ale elaborrii site-ului. Cu ct mai bine definit este audiena, cu att ansele de a crea un site de succes sunt mai mari. Definirea informaiilor necesare care privesc publicul int. Nu toate informaiile despre publicul int sunt eseniale n elaborarea site-ului. Dac intenionai s v adresai specialitilor n chimie, care anume caracteristici ale acestora sunt importante pentru dumneavoastr? Nivelul de educaie? Aria de specializare? Caracteristici personale, precum nlimea i greutatea? Evident, exceptnd cazul n care intenionai s vindei prin intermediul site-ului echipament de laborator, ultimele informaii sunt inutile. Prin urmare este necesar s identificai informaiile relevante privitoare la audiena site-ului dumneavoastr. Scopul Stabilirea scopului site-ului este etapa n care trebuie s rspundei la ntrebarea "de ce?". De ce dorii s creai acest site? Definiia scopului site-ului reprezint tema conductoare n procesul de construire a acestuia. Un site fr un scop clar i bine definit lanseaz un mesaj neconvingtor i ceos. Vizitatorul se va ntreba, fr ndoial, "La ce servete acest site?" i se va grbi s-l prseasc. Pentru a defini scopul site-ului trebuie s avei n vedere urmtoarele elemente: Aria de cuprindere a subiectului. S presupunem c dorii s creai un site care s conin informaii despre muzica rock a anilor 60. ntr-o asemenea situaie, nu vei defini drept subiect al site-ului muzica rock n ansamblu, deoarece o definire att de vast depete cu mult aria de cuprindere a subiectului dumneavoastr. Audiena. n scopul site-ului trebuie s facei referire i la audiena stabilita anterior. Astfel, scopul site-ului ar putea fi definit n maniera urmtoare: "Site-ul ofer informaii iubitorilor muzicii rock a anilor 60, de vrst medie". Nivelul de detaliere a subiectului. Trebuie s specificai dac v referii doar la grupurile rock reprezentative sau dorii s facei o istorie complet a perioadei. Beneficiul sau avantajul vizitatorului. Ce are de ctigat o persoan care viziteaz site-ului dumneavoastr? Poate afla informaii inedite despre formaiile preferate, sau poate fi informat cu privire la evoluia lor ulterioar. Stabilirea scopului site-ului determin deciziile ulterioare ale designerului privind mesajul pe care l transmite site-ul. Un scop bine articulat servete ca jalon pentru toate10

celelalte etape ale procesului de planificare i creare a site-ului. Scopul site-ului poate reprezenta chiar prima informaie care le este oferit vizitatorilor, la intrarea pe prima pagin. Obiectivele Dup ce ai stabilit audiena site-ului, care sunt informaiile privitoare la publicul int, precum i scopul su, pasul urmtor const n combinarea tuturor acestor informaii i formularea unor obiective specifice ale site-ului dumneavoastr. Obiectivele reprezint o detaliere a scopului general al site-ului, coninnd informaiile specifice care vor conduce la ndeplinirea scopului pentru care a fost creat site-ul. De exemplu, dac scopul unui site este "s ofere informaii despre oraul ZZZ" , acesta poate fi dus la ndeplinire prin intermediul unor obiective specifice i variate cum ar fi: informaii despre aezarea geografic a oraului, despre dezvoltarea economic, despre viaa cultural, obiective turistice, etc. Cu alte cuvinte, n vreme ce scopul site-ului comunic ce avei de gnd s facei, obiectivele comunic ce informaii vei oferi pentru a v ndeplini scopul propus. Spre deosebire de scopul site-ului, obiectivele se pot modifica n timp, pe msur ce apar noi informaii despre publicul int sau despre subiectul site-ului, cu ajutorul crora putei susine mai bine scopul su. Colectarea informaiilor despre subiect Informaiile referitoare la subiectul site-ului includ att informaiile on-line ct i sursele clasice de informaii. n aceast etap vei colecta nu numai informaii legate de subiectul site-ului care vor fi prezentate utilizatorului ci i informaiile i cunotinele de care avei nevoie pentru realizarea site-ului. Paii necesari n construirea coleciei de informaii necesare sunt: Stabilirea informaiilor necesare, att cele pe care le vei furniza vizitatorului ct i cele care v sunt necesare dumneavoastr Determinarea modului cum vei obine aceste informaii. n aceast etap trebuie s identificai sursele de documentare. Informaiile despre subiectul ales le putei gsi pe Web, n literatura de specialitate, n diverse baze de date. Modul de reactualizare a informaiilor. Dac informaiile pe care dorii s le prezentai sunt dinamice i se perimeaz cu repeziciune, trebuie s stabilii cum intenionai s le actualizai i care este intervalul de timp ntre dou reactualizri. De exemplu, dac intenionai s creai un site care s prezinte tiri sau date despre vreme, ele vor trebui reactualizate zilnic sau chiar mai frecvent. Dac site-ul prezint informaii despre istorie, evident c informaiile vor fi reactualizate mult mai rar, eventual la apariia unor noi descoperiri arheologice, de exemplu. Specificaiile Stabilirea specificaiilor pentru un site reprezint o detaliere a obiectivelor sale i definirea unor cerine sau a unor restricii. Specificaiile descriu n detaliu ce informaii11

vor fi oferite n paginile site-ului i cum vor fi ele prezentate. De exemplu, dac unul dintre obiectivele unui site este "furnizarea de legturi ctre surse bibliografice referitoare la subiect" , atunci specificaiile vor preciza care sunt aceste surse bibliografice, care sunt adresele lor URL, cte astfel de adrese vor fi incluse ntr-o pagin, etc. Specificaiile trebuie s identifice toate resursele necesare atingerii obiectivelor: link-uri, fiiere grafice, fiiere de sunet sau video, alte elemente care vor fi incluse n site: formulare, imagini hart, scripturi. De asemenea, n cadrul specificaiilor trebuie stabilite i elementele care nu vor fi incluse n pagini (dac este cazul). De exemplu, se poate specifica s nu fie folosite anumite extensii HTML, sau formulare, fiiere care s depeasc anumite dimensiuni, etc. Modul de prezentare Planificarea modului de prezentare implic o serie de decizii care vor servi drept puncte de reper n etapa de construire efectiv a site-ului. Aceast etap poate include: Crearea unor template-uri pentru site Crearea unor mostre de documente HTML, imagini hart, sau formulare Ealonarea n timp a etapelor de creare a site-ului Concluzii Prima etap a procesului de construire a unui site este planificarea. n aceast etap trebuie identificai factorii care nu pot fi controlai printre care se numr: comportamentul utilizatorului, browserul cu care va fi vizualizat pagina i legturile cu pagini externe. Planificarea site-ului parcurge urmtoarele etape: Stabilirea audienei site-ului Stabilirea scopului site-ului Definirea obiectivelor site-ului Colectarea informaiilor despre subiectul prezentat Stabilirea specificaiilor site-ului Stabilirea modului de prezentare a site-ului Un site de calitate, care s ofere informaii valoroase n mod atractiv i s permit o comunicare eficient a acestora nu se nate n mod ntmpltor. Fr a avea o privire de ansamblu asupra aspectelor stabilite n faza de planificare, ansele de a realiza un site de bun calitate sunt minime. Dac vei ncepe s scriei direct codul HTML fr s trecei prin etapa de planificare vei obine doar o ngrmdire de pagini fr coeren, adesea defectuos legate ntre ele, cu un coninut neclar i slab structurat.

12

Designul site-ului Odat parcurs etapa de planificare, avnd clare audiena, scopul, obiectivele i specificaiile site-ului, putei trece la etapa de creare efectiv. Pentru ca site-ul dumneavoastr s aib un aspect plcut, o bun organizare, instrumente de navigare eficiente trebuie s cunoatei i s aplicai regulile fundamentale de Web design. Cnd suntei n faza de concepere a designului principalul dumneavoastr obiectiv este s creai un aspect atractiv i s oferii vizitatorului site-ului un sentiment de satisfacie, pe msur ce acesta parcurge paginile. Designul unui site trebuie s echilibreze performanele browserului, cu estetica i funcionalitatea site-ului. n etapa de design sunt luate deciziile de ordin practic care vor conduce la ndeplinirea obiectivelor stabilite: cte imagini sau elemente grafice vei include n pagin, ct de mult text vor conine paginile, ce texte sau imagini vor fi folosite drept legturi. 1. Principiile designului web Pentru a lua deciziile corecte n ceea ce privete designul unui site trebuie s avei n vedere cteva principii de baz: Asocierea semnificaiilor. Folosii-v de puterea hypertextului pentru a stabili legturi ntre informaiile nrudite ca semnificaie. Meninerea competitivitii. Deoarece Web-ul este un mediu foarte competitiv, asigurai-v c designul site-ului se menine la cel mai sczut cost posibil, din punctul de vedere al vizitatorului. Acest cost include timpul de ncrcare al paginilor, aplicaiile suplimentare necesare pentru vizualizarea optim a paginilor precum i efortul depus de vizitator pentru a nelege informaiile prezentate. Folosirea eficient a resurselor. Alegei pentru site-ul dumneavoastr acele elemente care vin n ntmpinarea necesitilor utilizatorului, i sunt ct mai eficiente posibil din punctul de vedere al dimensiunii fiierelor, al timpului de acces i al ntreinerii ulterioare. Concentrarea pe necesitile utilizatorului. Acesta este, poate, cel mai important principiu de Web design i, paradoxal, cel mai adesea ignorat. Un site Web nu se construiete pentru a satisface gustul designerului (sau al clientului pentru care lucreaz) i nici pentru a etala cunotinele sale vaste asupra celor mai noi tehnici de programare Web, ci pentru a veni n ntmpinarea nevoii de informaii a vizitatorilor si. Focalizarea asupra utilizatorului este prioritatea principal a unui site de calitate.

13

nelegerea permeabilitii. Acest principiu se refer la nelegerea i asumarea faptului c vizitatorul poate accesa un site prin oricare pagin a sa. Din acest motiv este de dorit ca informaiile din cadrul unei pagini s se auto-susin fr a depinde de informaiile din restul site-ului. Dac acest lucru nu este posibil, este obligatorie prezena unor instrumente de navigaie eficiente care s permit vizitatorului orientarea cu uurin n interiorul site-ului. Crearea unui aspect plcut, coerent i fluent. Paginile site-ului trebuie s ofere impresia unui tot bine organizat, elementele vizuale (icon-uri, elemente de navigare) trebuie s fie coerente pe tot parcursul site-ului, fiecare pagin trebuie s conin indicii asupra identitii site-ului i asupra scopului ei. Susinerea interactivitii. Chiar dac nu folosii formulare care asigur un grad nalt de interactivitate cu vizitatorii site-ului, este obligatorie prezena unor informaii de contact (adresa de mail a Webmaster-ului, cel puin) astfel nct utilizatorii s poat obine informaii suplimentare sau s poat comunica eventualele probleme aprute la parcurgerea site-ului. Susinerea navigaiei. Asigurarea unor instrumente de navigaie eficiente este una dintre condiiile eseniale ale unui site de calitate. Se spune c un site bun este acela n care vizitatorul nu este niciodat obligat s apese butonul Back al browserului. 2. Organizarea unui site Buna organizare a site-ului este unul dintre elementele cheie ale succesului su. Modul de organizare depinde de scopul, obiectivele i subiectul site-ului i se bazeaz pe principiile de design enunate mai sus. n funcie de structura lor, site-urile se mpart n mai multe categorii: site-uri liniare, formate dintr-o singur pagin (mono-pagin) site-uri liniare formate din mai multe pagini (multi-pagin) site-uri cu structur ierarhic site-uri cu structur de tip Web Legturile dintre pagini trebuie s fie corespunztoare tipului de site pe care l construii. Site-urile liniare mono-pagin Acest tip de site este, aa cum indic i numele, format dintr-o singur pagin. Aceast structur se folosete atunci cnd informaiile prezentate sunt sub form de text care se poate mpri firesc n seciuni mai mici. Vizitatorii pot parcurge ntreaga pagin derulnd-o dar, de obicei, la nceputul paginii exist o list de legturi care are rol de Cuprins. Acestea sunt nite legturi interne (ancore) care conduc rapid vizitatorul la seciunea care l intereseaz, fr a mai derula ntreaga pagin. mprirea coninutului paginii n seciuni mai mici se poate face folosind linii orizontale. Este indicat ca la fiecare nou seciune s inserai o legtur intern ctre partea superioar a paginii unde se afl Cuprinsul.

14

Site-urile liniare multi-pagin Structura de acest tip se folosete n situaia cnd informaiile prezentate se succed ntr-o ordine secvenial, de la nceput la sfrit, informaiile prezentate ntr-o pagin baznduse pe cele din pagina anterioar. Pentru a-l ndruma pe vizitator s parcurg site-ul n ordine, fiecare pagin trebuie s conin o legtur cu pagina urmtoare, precum i cu cea anterioar. De asemenea, este necesar s inserai i o legtur cu prima pagin a siteului care trebuie s conin Cuprinsul, pentru a facilita i saltul direct la o anumit pagin. ntr-un site cu o astfel de structur paginile nu trebuie s fie prea lungi (de dorit ar fi s nu depeasc un ecran) pentru a face navigarea mai comod. Cu toate c acest tip de organizare este logic, nu trebuie s uitai principiul permeabilitii. Pentru un vizitator care va intra n site printr-o pagin oarecare, indicaii de navigare cum ar fi "nainte" , "napoi" ar putea s nu aib prea mult neles. Site-urile cu structur ierarhic Site-urile de acest tip sunt cele mai numeroase pe Web. Un astfel de site este format dintr-o pagin de baz (Home) de nivel zero, care conine legturi ctre alte pagini, fiecare pagin coninnd cte o parte a subiectului site-ului. Fiecare dintre aceste pagini de nivel unu poate avea, la rndul su, legturi cu alte pagini, detaliind subiectul i furniznd informaii specifice. Un exemplu de site de acest tip este o librrie virtual. Pagina Home ar putea conine legturi ctre diverse categorii: Beletristic, Istorie, Politic, Economie, Calculatoare i Internet. Dac un vizitator este interesat de un manual de programare n Perl, el va alege legtura ctre Calculatoare i Internet i va ajunge ntr-o pagin de nivelul unu unde va gsi legturi ctre Programare, Internet, Hardware. Va alege legtura Programare care va deschide o pagin de nivelul doi care va conine o list de titluri, printre care i manualul cutat. Atunci cnd concepei structura unui astfel de site, trebuie s acordai o mare atenie organizrii logice i fluente a site-ului. Fiecare pagin trebuie s conin o legtur ctre pagina Home astfel nct vizitatorul s poat reveni la nceput fr s fie obligat s strbat toate nivelele. Nu legai prima pagin de prea multe pagini de nivelul unu ci ramificai-le n adncime. Dac site-ul este de mari dimensiuni, introducei n partea superioar a fiecrei pagini o bar de navigare care informeaz vizitatorul despre locul unde se afl. Revenind la exemplul cu librria, un astfel de instrument de navigare ar putea arta aa: Home > Calculatoare > Programare. n plus, este indicat s oferii o bar de navigare secundar la baza paginii. Site-urile de tip reea. Aceste site-uri au o structur liber. Ele sunt formate din mai multe pagini, fiecare putnd avea legtur cu oricare alt pagin. Exist i aici o pagin Home, ns de la ea, vizitatorul poate naviga prin site fr a urma un drum precis. n general, acest tip de site este potrivit pentru subiectele care nu au o structur logic intern, subiecte recreaionale sau distractive. Dac dorii s creai un site de acest tip, trebuie s avei grij s oferii n15

fiecare pagin, pe lng legturile cu alte pagini, o legtur ctre pagina Home. n plus, asigurai-v c materialul dumneavoastr este adecvat acestui tip de site deoarece altfel site-ul va purta amprenta neconcordanei ntre subiectul abordat i modul su de organizare. 3. Metodologia de construire a site-ului Dei nu exist un mod unic de desfurare a procesului de construire a unui site, exist trei tipuri de abordri posibile, pe care creatorul site-ului le poate alege sau combina, n funcie de necesiti. Metoda "Top-Down" Dac designerul are nc de la nceput o idee clar asupra coninutului site-ului, aceast abordare este cea mai potrivit. n acest tip de metodologie, este creat mai nti pagina de nceput a site-ului (pagina Home) i apoi celelalte pagini. Paginile pot conine un minim de informaii, urmnd ca la dezvoltarea ulterioar a site-ului, ele s fie mbogite. Avantajul major al acestei abordri este acela c permite continuitatea vizual i de coninut, deoarece toate paginile vor fi construite n acord cu pagina de start. O metod foarte bun de a realiza acest lucru este crearea unor template-uri care s conin acelai tip de elemente pentru toate paginile i care vor fi folosite drept tipare la momentul scrierii codului HTML pentru paginile respective. Metoda "Bottom-Up" Aceast abordare se folosete cnd designerul nu cunoate de la nceput care vor fi structura i aspectul final al site-ului, dar cunoate aspectul i coninutul unor pagini din cadrul su. Aceast situaie poate aprea cnd dorii ca site-ul s conin pagini deja existente, care au fost create n procesul de dezvoltare al altui site, de exemplu. Chiar dac nu deinei pagini create deja de la care s pornii, aceast abordare permite crearea unor pagini individuale care ndeplinesc anumite obiective i care pot fi legate apoi de o pagin Home. Avantajul abordrii "Bottom-Up" este acela c, la construirea paginilor individuale, nu mai suntei constrns la respectarea unui anumit stil, consecvent cu cel din pagina Home. Totui, ajustarea ulterioar a paginilor n sensul realizrii unui aspect unitar, este necesar. Metoda incrementrii Aceast metod const n construirea unei pagini de start i a unor pagini individuale legate de acesta, avndu-se n vedere crearea unor pagini intermediare, pe msura necesitilor. Metoda se folosete atunci cnd este necesar construirea rapid a unui site care urmeaz a fi dezvoltat ulterior, n loc de a-l construi n ntregime de la nceput. Este o metod nerecomandat nceptorilor, deoarece prin adugirile ulterioare exist riscul de a obine un site defectuos organizat i lipsit de unitate.16

4. Tehnici de design web Pentru a realiza designul unui site sunt folosite o serie de tehnici cu ajutorul crora paginile capt contur, att din punct de vedere vizual ct i din punct de vedere al organizrii legturilor i al amplasrii coninutului n pagini. n continuare sunt prezentate cteva dintre aceste tehnici, fiecare dintre ele referindu-se la cte un aspect al designului site-ului. Schia site-ului Odat ce v-ai decis asupra modului n care va fi structurat site-ul este foarte bine ca nainte de a ncepe scrierea efectiv a codului HTML pentru fiecare pagin n parte, s realizai o schi a ntregului site. Putei folosi n acest scop Microsoft Word sau orice alt procesor de text. Pentru nceput creai un document nou n care listai punctele majore pe care dorii s le acoperii n pagina Home. Facei de asemenea o list a elementelor grafice pe care intenionai s le includei, nsoite de indicaii privind aezarea lor n pagin. Stabilii care sunt paginile de nivel unu i ce informaii dorii s oferii n cadrul lor, precum i paginile subordonate acestora care vor cuprinde detalierea subiectelor anunate n paginile de nivel unu. Pentru a avea o imagine ct mai exact a structurii site-ului nc din faza de schiare a sa este recomandat s folosii bara de instrumente Outlining din meniul Tools > Customize din Word. Aceasta v permite s stabilii nivelul paginilor i s realizai cu uurin ramificarea lor n adncime. O alt metod pentru a realiza schia site-ului o constituie graficul (sau harta) site-ului. Dac nu dorii s v complicai folosind un editor de text sau un program de grafic, putei realiza o astfel de schi i pe hrtie, cu creionul. Desenai cte un dreptunghi pentru fiecare pagin din site, specificnd n interiorul su scopul i obiectivele paginii, elementele i aranjarea lor n pagin. Apoi unii dreptunghiurile prin sgei pentru a specifica traseele pe care le poate parcurge utilizatorul. Sgeile reprezint de fapt legturile dintre pagini. Avei grij ca spre pagina Home s indice toate sgeile, pentru a asigura astfel o legtur cu ea din orice pagin a site-ului. n acest mod putei planifica pentru fiecare pagin ce urmeaz s vad, s neleag i s fac vizitatorul acesteia, precum i unde se poate deplasa din pagina respectiv. Oricare ar fi metoda folosit pentru a schia site-ul, la fiecare pagin trebuie s v punei urmtoarele ntrebri: Ce doresc s afle vizitatorul din aceast pagin? Ce doresc s fac vizitatorul n acest moment? Ce doresc s simt vizitatorul parcurgnd pagina? Unde doresc s mearg vizitatorul n continuare?

17

Desigur, n ultim instan comportamentul i impresiile vizitatorului scap controlului designerului, ns un site n care fiecare pagin d rspunsuri clare i limpezi acestor ntrebri are foarte multe anse de a ntruni aprecierile pozitive ale vizitatorilor si. Pagina de intrare n site (pagina splash) Exist multe site-uri care nainte de pagina Home au o pagin de intrare n site, numit pagin splash. Scopul unei astfel de pagini este identificarea rapid a obiectului siteului n timp ce se ncarc restul de date. Pagina splash are pentru site acelai rol pe care l are coperta unei cri sau prima pagin a unei reviste. Aceast prim pagin trebuie s se ncarce rapid, s aib un impact vizual puternic i s comunice esenialul despre subiectul site-ului sau compania creia i aparine site-ul. Exist opinii divergente n legtur cu folosirea i utilitatea paginii splash ntr-un site. Mai ales dac face apel la elemente multimedia, sunet, grafic, animaie complex care ncetinesc timpul de ncrcare, pagina splash poate aduce mai degrab deservicii siteului. n plus, pagina splash poate fi resimit de vizitator ca o barier n accesul imediat la informaiile din interiorul site-ului. Pagina Home Dei aspectul i coninutul paginii Home poate varia foarte multe de la un site la altul, exist cteva elemente comune prezente n orice pagin de start: Identificarea firmei sau companiei creia i aparine site-ul (dac este cazul) Descrierea scopului site-ului Descrierea structurii site-ului. Pagina Home are i funcia de Cuprins al site-ului oferind indicaii vizitatorilor asupra subiectelor abordate Stabilirea relaiilor ntre seciunile de nivel unu ale site-ului i cele subordonate lor. Aceasta se realizeaz prin intermediul barelor de navigare, butoanelor, hrilor de imagini sau listelor de legturi. Furnizarea informaiilor de contact. Paginile din interior Paginile de nivel unu reprezint diviziunile majore ale subiectului general al site-ului. Exist tentaia de a include prea multe informaii detaliate la acest nivel. Dac site-ul acoper un subiect vast, cu o cantitate mare de informaii specifice, este bine s lsai detalierea acestora pentru paginile de nivel doi. Paginile de nivel unu trebuie s conin o descriere succint a subiectului acoperit precum i legturi ctre paginile de nivel doi care detaliaz fiecare parte a subiectului. O tehnic des utilizat este plasarea resurselor suplimentare n pagini de nivelul trei. De exemplu o pagin de nivelul doi care ofer pe lng text i imagini explicative ale unui anumite noiuni poate fi legat de pagini de nivel trei care conin imaginile. Cnd vizitatorul face click pe un anumit text aflat n18

pagina de nivel doi se deschide pagina de nivel trei cu imaginea explicativ. Avantajul acestei abordri este descongestionarea paginilor de nivelul doi care cuprind detalierea subiectului. Schia dumneavoastr trebuie s cuprind, pe lng modul de organizare a paginilor, i o list ct mai complet a elementelor pe care dorii s le includei n fiecare pagin (imagini, formulare, fiiere multimedia, etc.). Fragmentarea informaiilor Omul poate procesa o cantitate limitat de informaii ntr-o anumit unitate de timp. Din acest motiv, una dintre sarcinile specifice n designul Web este fragmentarea informaiilor n secvene care s nu depeasc posibilitile de cuprindere ale utilizatorului. Cantitatea de informaii cuprins ntr-o pagin nu trebuie s-l copleeasc pe vizitatorul paginii sau s mreasc timpul ei de ncrcare. De asemenea, modul de fragmentare al informaiei trebuie s focalizeze atenia vizitatorului asupra principalelor subiecte abordate n pagin i s l ajute s ia cunotin n mod gradat de subiectul prezentat. Fragmentarea corect a informaiilor este n avantajul designerului, deoarece l ajut s creeze pagini reutilizabile. Dac fiecare pagin pe care o vei crea servete la ndeplinirea unui anumit scop, putei include aceast pagin fie direct, fie ca o resurs util i n alte site-uri pe care le creai ulterior i care au subiecte conexe cu pagina respectiv. n cadrul site-ului fragmentarea informaiilor conduce la stabilirea modului n care va fi detaliat subiectul, la determinarea numrului de pagini necesare pentru acesta precum i a nivelului paginilor. Dei divizarea subiectului n pri mai mici este o tehnic deosebit de util, nu abuzai totui de puterea hypertextului. O fragmentare excesiv a subiectului ntr-un mare numr de pagini este la fel de obositoare ca i prezentarea acestuia n bloc. Un design eficient anticipeaz nevoia vizitatorului de a obine informaii suplimentare i furnizeaz la momentul oportun legturi ctre paginile care detaliaz acel punct. n cadrul unei pagini modul de fragmentare al informaiilor ine de logica intern a subiectului prezentat. Pentru a diferenia prile constitutive ale subiectului unei pagini o mare importan o are organizarea textului n cadrul paginii. Cei mai muli dintre cei care navigheaz pe Web obinuiesc s "scaneze" paginile n cutare de informaii. Ei citesc mai nti titlurile, listele, i primele fraze dintr-un paragraf. Este bine s inei seama de acest lucru cnd organizai textul n pagin. Coninutul paginii trebuie s fie ct mai uor de citit. Folosii paragrafe scurte, desprite prin linii libere, evitai frazele prea lungi i folosii n mod judicios titlurile. Accentuai prile pe care vrei s le scoatei n eviden n text prin ngroare sau scrierea lor cu alt culoare, dar nu n exces. Abuzul de culori sau de texte scrise cu caractere aldine fac pagina ncrcat i greoaie. Este indicat s v limitai la un numr redus de tipuri de font. Cele mai apreciate sunt Verdana i Arial, deoarece sunt lizibile i elegante. Este mai bine s evitai folosirea tipului Times New Roman, dei este un tip foarte folosit n editarea de texte. Spre deosebire de textele tiprite, pe monitor citirea se face cu 25%19

mai ncet deoarece monitorul adaug fonturilor un anumit grad de neclaritate (fuzziness), mai accentuat la fonturile cu serife, aa cum este Times New Roman. Nu aranjai textul n pagin pe dou coloane astfel nct vizitatorul s fie nevoit s revin n partea superioar a paginii pentru a citi ce-a de-a doua coloan. Acest format este potrivit pentru ziare i reviste dar nu i pentru o pagin Web deoarece rupe cursivitatea deplasrii n cadrul site-ului. Legarea paginilor Modul n care vei realiza legturile dintre pagini depinde de structura site-ului. Dac optai pentru o structur ierarhic, legturile din interiorul site-ului vor fi adaptate acestei structuri. Avantajul structurii ierarhice este c ofer utilizatorului posibilitatea unei navigri logice, plecnd de la informaiile generale ctre cele particulare. Dezavantajul acestei tehnici este c utilizatorul trebuie s urmeze o cale prestabilit pentru a ajunge la o anumit informaie, care se poate afla cteva link-uri distan de pagina Home. O alt manier de a realiza legturile din interiorul site-ului este de a lega fiecare pagin de toate celelalte. Vei obine astfel o structur ne-ierarhic care are avantajul c fiecare pagin se afl la distan de un link de oricare alta, inclusiv de pagina Home. Pentru siteurile de dimensiuni reduse o astfel de structur poate funciona bine, ns pentru siteurile cu un mare numr de pagini numrul de legturi crete rapid iar navigarea n interiorul site-ului devine foarte dificil. n plus, utilizatorul nu are la dispoziie o cale ierarhic prin care poate ajunge la o informaie specific. Instrumentele de navigare Pentru a realiza o navigare logic i eficient n cadrul site-ului instrumentele de navigare trebuie s fie perfect adaptate modului n care sunt create legturile dintre pagini i n plus, s ofere indicii vizuale asupra funciei lor. Pentru a crea un aspect vizual unitar al ntregului site i pentru a nu deruta vizitatorul, este recomandat ca instrumentele de navigare s fie aceleai n toate paginile. Stabilii de la nceput aspectul icon-urilor, butoanelor sau textului pe care le vei folosi drept legturi i pstrai-l pe parcursul ntregului site. Aceast tehnic ofer site-ului coeren i unitate i stabilete imediat identitatea fiecrei pagini n cadrul site-ului. n plus, folosirea repetat a acelorai elemente grafice de navigare mrete eficiena browserului deoarece acestea sunt ncrcate la deschiderea primei pagini i stocate n memoria cache, fr a mai fi necesar ncrcarea lor la fiecare nou pagin. Instrumentele de navigare trebuie s fie ct mai uor de neles i localizat. Dac folosii o bar de navigare plasai-o acolo unde vizitatorii sunt obinuii s o caute: n partea superioar a paginilor, n stnga sau n dreapta paginii. Folosii o bar secundar de navigare la baza paginii, aceasta l va ajuta pe vizitator s se deplaseze ntr-o alt seciune a site-ului fr a mai fi nevoit s deruleze pagina n sus pn la bara principal de navigare.20

Dac site-ul este de dimensiuni mari este o idee bun s creai o pagin special care s reprezinte harta site-ului i s plasai legtura ctre ea n bara principal de navigare din cadrul fiecrei pagini. Aceasta va permite vizitatorului s se orienteze n interiorul site-ului, oricare ar fi pagina prin care a intrat n site. Harta va conine legturi ctre toate paginile, grupate conform modului de organizare al site-ului. De asemenea, dac folosii o structur ierarhic, este util prezena unui instrument suplimentar care s informeze vizitatorul asupra locului unde se afl n cadrul site-ului i a cii prin care a ajuns aici, n maniera urmtoare: Home > Pagina de nivel unu > Pagina de nivel doi > Pagina curent. Informaiile despre site i pagina curent Fiecare pagin a site-ului trebuie s conin indicaii privind scopul i obiectivele siteului precum i obiectivele specifice acelei pagini. n faza de planificare ai colectat informaii privind publicul int, ai formulat scopul i obiectivele ntregului site. Acestea reprezint elementele fundamentale n jurul crora este construit site-ul. Fiecare pagin a sa are drept scop ndeplinirea unuia dintre obiective. Aceste informaii trebuie comunicate n pagina respectiv. Vizitatorul nu trebuie forat s ghiceasc ce rol are o anumit pagin n cadrul site-ului. Multe site-uri prezente pe Web conin o pagin special cu informaii de contact precum i o pagin care conine informaii despre site i creatorii si (pagina About). Totui este recomandat ca aceste informaii s fie incluse i n subsolul paginilor din interiorul site-ului. Este bine s includei aici informaii despre copyright, data ultimei reactualizri a paginii, despre organizaia sau compania creia i este dedicat site-ul (dac este cazul) i informaii de contact (adres de mail, numr de telefon, adres potal). Organizarea paginii cu ajutorul tabelelor Unul dintre aspectele pe care trebuie s le avei n vedere la construirea unei pagini este rezoluia ecranului. Muli dintre vizitatorii paginii folosesc rezoluia de 800x600 de pixeli. O pagin cu limea mai mare de 600 de pixeli poate face necesar derularea pe orizontal a paginii, care pentru muli vizitatori este obositoare i incomod. Din acest motiv, este recomandat ca tot coninutul paginii s fie inclus ntr-un tabel de baz cu limea de 600 de pixeli. Tabelul de baz Construirea paginii ncepe cu un tabel de baz, cu limea (width) de 600 de pixeli, o linie i o coloana. Aliniai tabelul la marginea din stnga sau centrat n pagin. Setai chenarul (border) la valoarea "0" pentru a-l face invizibil pentru vizitator. ntregul coninut al paginii va fi plasat n interiorul acestui tabel.21

Asigurai-v c ai setat culoarea de fond (bgcolor) pentru pagina dumneavoastr. Opiunea "default" las browserul s controleze culoarea fondului. De cele mai multe ori aceasta este alb, dar este mai bine s avei certitudinea c ea va aprea la fel n orice browser, aa nct setai bgcolor="white" sau orice alt culoare dorii. n funcie de felul cum dorii s v organizai site-ul i de scopul acestuia vei hotr unde dorii s plasai bara principal de navigare. Bara de navigare n stnga paginii Dac ai decis s optai pentru plasarea barei de navigare n partea stnga (cea mai uzual aezare), vei include n tabelul de baz un tabel cu 2 sau 3 coloane. Dac folosii un tabel cu 2 coloane setai distana ntre celule (cellpadding) la valoarea "4" pentru a spaia textul de marginea tabelului. Putei specifica limea celulelor fie n pixeli fie n procente. Dac folosii un tabel cu 3 coloane, coloana din centru poate fi folosit ca "tampon" , care va separa coninutul coloanei din stnga de coninutul celei din dreapta. Setai atributul border al tabelului la "0" pentru ca marginea s nu fie vizibil. Odat stabilite aceste atribute, putei aduga n tabel attea linii cte sunt necesare sau putei include un alt tabel n cel existent. Bara de navigare n partea superioara Pentru a construi o bar de navigare n partea de sus a paginii, trebuie s includei n tabelul de baz un tabel cu o singura coloana. Setai atributele cellpadding = "4" i border = "0". n prima linie a tabelului vei introduce logo-ul sau titlul site-ului, n linia a doua vei afia bara de navigare, iar pe liniile urmtoare, coninutul paginii. Bara de navigare n partea dreapta Este o abordare mai puin utilizat. Cel mai adesea este folosit pentru paginile de tip catalog de produse, unde imaginile i descrierea produselor sunt plasate n coloana din stnga, care ocup cea mai mare parte a spaiului. Folosirea tabelelor pentru organizarea coninutului paginii este o practic foarte folosit. Tabelele vor pstra imaginile i textul acolo unde le-ai plasat. Putei include i alte tabele n interiorul celor pe care le-ai creat, n funcie de modul n care sunt organizate informaiile i de aspectul pe care dorii s l dai paginii. 5. Greeli de design n procesul de creare a unui site pot aprea o serie de greeli de design, cele mai multe datorate nerespectrii tehnicilor i principiilor prezentate anterior. Pagini fr legturi ("fundturi") Una dintre cele mai frustrante situaii n care se poate gsi o persoan care navigheaz pe Web este o pagin fr instrumente de navigare i fr nici un indiciu privind site-ul cruia i aparine. Desigur, site-ul din care face parte pagina poate fi localizat observnd22

prima parte a adresei URL a paginii, care apare n bara de adrese a browserului. Dar a fora vizitatorul s efectueze aceast manevr este cu totul nerecomandat. Cel mai probabil acesta nu se va osteni s caute pagina Home a unui asemenea site ci l va prsi definitiv. Evitai s creai asemenea pagini. Prezena unor "fundturi" ntr-un site denot faptul c designerul nu a neles caracterul permeabil al Web-ului i ideea c un vizitator poate intra n site prin oricare pagin a sa. Pericolul construirii unor astfel de pagini apare mai ales n cazul site-urilor liniare multipagin, n care designerul dorete s conduc vizitatorii de-a lungul site-ului pe un traseu liniar, prestabilit. Aceasta nu nseamn c acest tip de site-uri nu trebuie folosit, mai ales dac informaiile prezentate sunt adecvate acestui mod de prezentare. Trebuie ns acordat atenie instrumentelor de navigare care trebuie astfel concepute nct vizitatorul s poat ajunge cu uurin cel puin la pagina Home. n plus, informaiile despre site i pagina curent nu trebuie s lipseasc din subsolul fiecrei pagini. O variaie a acestor pagini de tip "fundtur" o constituie paginile Home care ofer informaii prea puine sau lipsite de semnificaie. Destul de des pot fi ntlnite pe Web pagini Home care nu ofer nici un fel de indicii asupra structurii sau coninutului siteului, fr a mai vorbi de scopul i obiectivele sale. Instrumentele de navigaie sunt absente, preferndu-se folosirea unor imagini sau texte cu prea puin semnificaie pentru a realiza accesul n diferitele seciuni ale site-ului. Poate c este o abordare avangardist, dar pentru marea majoritate a vizitatorilor este neplcut s ajung ntr-o asemenea pagin aa nct este mai bine s respectai regulile clasice de design prezentate. Pagini "uriae" Dac paginile "fundtur" ofer prea puine indicii vizitatorului, exist i reversul lor: paginile "uriae". Aceste pagini sunt ncrcate pn la refuz cu informaii, liste, imagini, link-uri i alte elemente. Paginile de acest fel ridic dou mari probleme: Timpul de acces. Mai ales dac pagina conine foarte multe imagini, timpul de ncrcare al paginii poate fi foarte mare Suprancrcarea cu informaii. Dac vei pune prea mult informaie ntr-o singur pagin vizitatorul acesteia nu va fi capabil s o proceseze. Exist opinii care spun c lungimea unei pagini nu ar trebui s depeasc un ecran pentru a se evita ca vizitatorul s deruleze pagina pe vertical. O asemenea cerin este prea drastic i poate fi adesea n dezavantajul prezentrii explicite a informaiilor. Fragmentarea subiectului trebuie s se fac n funcie de logica lui intern i nu de reguli arbitrare cum este mrimea ferestrei browserului. Exist situaii n care paginile lungi ndeplinesc cel mai bine obiectivele urmrite. De exemplu, n paginile de prezentare ale unor produse, pe un site comercial, plasarea descrierii produsului pe dou sau mai multe pagini rupe cursivitatea prezentrii i se poate solda cu pierderea unor poteniali clieni. Analog, dac pagina conine o list lung de elemente nrudite, ruperea listei este arbitrar i dezavantajoas. Pe de alt parte, aglomerarea de informaii la nivelul unei singure pagini, mai ales cnd ntre seciunile23

paginii nu exist o legtur intrinsec face ca pagina s apar ca un amalgam din care vizitatorul va extrage cu greu informaiile care l intereseaz. Dac este necesar s folosii pagini foarte lungi nu uitai s oferii pe parcursul paginii ancore care s conduc vizitatorul la nceputul seciunilor principale, precum i n partea superioara, respectiv inferioar a paginii. Dac pagina conine mult text nu o ncrcai suplimentar i cu imagini sau cu elemente multimedia deoarece timpul de acces va crete foarte mult. Excesul de elemente multimedia Folosirea fr discernmnt a elementelor multimedia (imagine, sunet, video) precum i folosirea n exces a celor mai noi tehnologii Web este adesea duntoare pentru site. Dac v adresai unei audiene despre care presupunei c nu dispune de conexiuni rapide, de ultimele versiuni de browsere sau de aplicaiile necesare executrii i afirii corecte a unora dintre elementele din paginile site-ului, este mai bine s nu includei aceste elemente. Astfel, dei aplicaiile create cu Macromedia Flash sunt spectaculoase i se pot realiza efecte speciale deosebit de atractive, un astfel de fiier poate ajunge cu uurin la dimensiuni care depesc 1 megabyte, ceea ce ncetinete considerabil viteza de ncrcare a paginii. n plus, pentru vizualizarea corect a acestora, vizitatorul trebuie s descarce plug-in-ul Shockwave n cazul cnd nu l are deja instalat pe computerul propriu. Este foarte neplcut pentru vizitator s efectueze toate aceste operaii doar pentru a constata c informaiile prezentate n aceast form puteau fi tot att de bine prezentate ca text sau imagini obinuite. O soluie de compromis este aceea ca, simultan cu includerea unui astfel de fiier, s se pun la dispoziia vizitatorului o opiune de "eludare" de tip "skip intro" , atunci cnd prezentrile sunt folosite doar cu rol de splash screen, ca ecran de deschidere a site-ului, de exemplu. n plus, folosirea prezentrilor Flash fr ca acestea s serveasc unui scop bine definit nu face altceva dect s distrag atenia vizitatorului de la subiectul site-ului. O alt greeal destul de des ntlnit este includerea fiierelor audio, fr ca acestea s aib legtur cu scopul site-ului. Exist designeri care consider c furnizarea unei muzici de fundal sporete atractivitatea site-ului. n realitate se ntmpl exact contrariul. n afara situaiei cnd subiectul site-ului este legat de muzic sau cnd fiierele de sunet vin s completeze informaiile prezentate n pagini, muzica de fundal nu face altceva dect s ncetineasc ncrcarea paginilor i s-l irite pe vizitator, prin repetare. Dac este necesar s includei fiiere de sunet, lsai vizitatorului posibilitatea de a opta pentru deschiderea lor prin intermediul unei legturi, mai ales n cazul n care este vorba despre fiiere de mari dimensiuni. Este recomandat s procedai la fel i n cazul fiierelor video, avertizndu-l pe vizitator c pagina respectiv se va deschide mai greu.24

Pagini inegale Paginile inegale conin informaii foarte diferite ca importan sau ca nivel de detaliere. Cel mai adesea se confrunt cu aceast problem paginile Home n care sunt incluse link-uri ctre noile pagini create n procesul de dezvoltare a site-ului. Este foarte uor s cdei n greeala de a include noile legturi n pagina Home fr a mai respecta ierarhia stabilit n etapa de organizare a site-ului. Dac site-ul la care lucrai necesit crearea unor noi pagini trebuie s avei n vedere plasarea acestora la nivelele specifice obiectivelor pe care le au precum i ncadrarea la locul cuvenit n structura de legturi a site-ului prezentat n pagina Home. Legturi fr semnificaie Prezena legturilor fr semnificaie este, de asemenea, o greeal de design foarte frecvent. Probabil ai vzut de nenumrate ori n paginile Web formulri ca aceasta: Pentru mai multe informatii apasati aici Cuvntul "aici" nu are n acest context, nici o semnificaie. O formulare mult mai potrivit ar putea fi urmtoarea: Puteti obtine aici mai multe informatii O alt situaie este aceea n care documentul indicat nu are legtur, din punct de vedere al coninutului, cu pagina care conine referina la el. Toate link-urile din cadrul unei pagini trebuie s extind coninutul informaional al paginii, vizitatorul care urmeaz o legtur ateptndu-se ca aceasta s i ofere informaii suplimentare despre subiect. n aceeai categorie se pot ncadra i legturile "banale" , care nu mbogesc prin nimic informaiile prezentate. De exemplu o construcie ca aceasta: Bine ati venit in Pagina Home a Universitatii unde documentul def.html conine definiia de dicionar a cuvntului "pagina" , este o legtur "banal" deoarece n acest context informaia oferit nu servete nici unui scop. Pe de alt parte, ntr-o pagin al crei subiect este vocabularul specific Web-ului, o astfel de definiie ar fi foarte important. Un alt tip de legturi fr semnificaie apare atunci cnd fragmentarea informaiei este dus la extrem prin folosirea unui numr foarte mare de link-uri. Subiectul este secionat n pri foarte mici iar vizitatorul este obligat s parcurg un mare numr de pagini n adncime pentru a pune cap la cap informaiile i a nelege sensul lor. O abordare de acest tip rupe cursivitatea subiectului i mrete efortul de a nelege i asimila al vizitatorului. Pagini dezorganizate i stridente Acest tip de pagini sufer din pricina lipsei de organizare a coninutului. Chiar dac subiectul este mprit n seciuni, unitile de informaie sunt mprtiate n pagin fr o sistematizare prealabil care s focalizeze atenia vizitatorului ctre punctele importante. Aceste pagini au prea multe culori, adesea stridente, tipuri diferite de fonturi, sau imagini de fundal foarte ncrcate. Adesea este folosit n exces animaia fr nici ca aceasta s aib vreo semnificaie sau legtur cu coninutul paginii i muzica25

de fundal. Aspectul general al unor astfel de pagini este la fel de strident i iptor ca un decor de blci. Concluzii Construirea unui site necesit, pe lng o bun cunoatere a limbajului HTML, respectarea unor principii i folosirea unor tehnici consacrate. Site-ul trebuie s fie orientat ctre vizitator, ctre nelegerea i satisfacerea nevoii de informaie a acestuia. Designul trebuie s menin un echilibru ntre tehnologiile folosite i eficien, asigurnd o vitez convenabil de ncrcare a paginilor i o vizualizare bun n cele mai populare dintre browsere. Aspectul site-ului trebuie s fie n concordan cu scopul i obiectivele sale, evitnd excesele de orice fel. Principiile care trebuie respectate n etapa de design sunt: Asocierea semnificaiilor Meninerea competitivitii Folosirea eficient a resurselor Concentrarea pe necesitile utilizatorului nelegerea permeabilitii Web-ului Crearea unui aspect plcut, coerent i fluent Susinerea interactivitii Susinerea navigaiei Strategia de construire a site-ului poate urma una dintre metodele top-down , bottomup sau metoda incrementrii. n procesul de design, prima etap o constituie schia site-ului care trebuie s reflecte structura acestuia: liniar, ierarhic sau de tip Web. Informaia trebuie fragmentat astfel nct s nu depeasc puterea de asimilare a utilizatorului. Legturile dintre pagini trebuie s fie stabilite astfel nct s permit o parcurgere logic a coninutului site-ului, iar instrumentele de navigare trebuie adaptate modului n care sunt create legturile dintre pagini, oferind indicii vizuale asupra funciei lor. Este recomandat ca instrumentele de navigare s aib acelai aspect n toate paginile. Nerespectarea principiilor i tehnicilor de design poate s conduc la construirea unor pagini de tip fundtura , a unor pagini prea ncrcate cu informaii sau, dimpotriv, a unor pagini inegale. De asemenea, printre greelile de design care pot aprea sunt legturile fr semnificaie, excesul de elemente multimedia, paginile dezorganizate sau stridente.

26

Testarea site-ului

Etapa de design a site-ului se desfoar n strns legtur cu cea de implementare, de scriere a codului HTML pentru paginile care fac parte din site. Totui, procesul de creare a site-ului nu se poate considera ncheiat n momentul finalizrii tuturor documentelor HTML care l formeaz. Urmeaz o etap adesea tratat oarecum superficial, dei, ca i celelalte, este esenial pentru construirea unui site de calitate: etapa de testare. 1. Corectarea paginilor Corectarea este unul din cele mai neglijate aspecte al publicisticii Web. Foarte frecvent putei ntlni pagini Web cu multiple greeli de ortografie, gramatic, formatare, chiar i n cazul site-urilor importante. Paginile cu greeli de ortografie, exprimri neglijente, reflect cel puin o insuficient experien n acest domeniu i, de ce nu, chiar lips de respect pentru vizitator. Corectarea este neglijat n primul rnd datorit uurinei extraordinare cu care textele pot fi publicate electronic. Putei crea o pagin ntr-un editor de text i aceasta poate fi publicat la doar cteva minute dup terminarea ei, daca suntei suficient de rapid. Cei mai muli nu vor petrece ore n ir verificnd existena eventualelor greeli gramaticale n textul editat, aa cum ar face-o, probabil, n cazul unei tiprituri clasice, dac aceste erori i-ar costa o avere pentru a retipri 10.000 de copii ale documentului. Dac ai fcut o greeal, trebuie doar s deschidei fiierul, s efectuai corectura i s l republicai pe Web, unde toat lumea l poate vedea. Este aceasta o strategie corect? Desigur c nu. Calitatea muncii pe care ai depus-o la crearea site-ului definete calitatea acestuia. Mii, poate milioane de utilizatori ar fi putut deja citi pagina n cauz. Este mult mai simplu s petrecei cteva ore corectnd textul, pentru a evita ca ulterior s v luptai zile, sptmni sau luni n ir pentru a v rectiga credibilitatea. Iat cteva metode care v pot ajuta s corectai mai eficient paginile Web: Utilizai corectoare automate pentru ortografie i gramatic pentru a descoperi erorile plictisitoare, fcute din grab sau din oboseal. Nu avei niciodat ncredere absolut n acest tip de corectoare pentru a descoperi erorile mai subtile. Dup utilizarea lor, ncrcai pagina n browser i citii-o de cteva ori. Pentru site-urile de dimensiuni mari citii documentele n mod repetat, cutnd de fiecare dat un anumit tip particular de erori

27

La prima lectur concentrai-v atenia pe aspectul general al documentului i pe descoperirea erorilor de formatare, a itemurilor lips sau a erorilor de plasare a acestora. La a doua lectur verificai logica i cursivitatea ideilor i a cuvintelor. La a treia lectur, corectai minuios ntregul text verificnd sintaxa, ortografia, punctuaia. ntotdeauna verificai imaginile, figurile i hrile din pagin. Asigurai-v c ele au legtur cu textul de referin, i verificai textul explicativ care nsoete imaginea. Exist i erori ce vor persista uneori chiar dup toate aceste verificri. Dac le descoperii dup publicarea site-ului, nu mai rmne dect s le corectai atunci. 2. Testarea paginilor Odat terminat verificarea corectitudinii textului din pagini din punct de vedere gramatical i logic, urmeaz etapa de testare a paginilor. n aceast faz trebuie s v concentrai pe testarea corectitudinii etichetelor HTML, a link-urilor, a imaginilor i a celorlalte elemente incluse n pagini. Testarea link-urilor Cea mai simpl cale de testare a link-urilor este de a ncrca pagina n browser i de a da click pe fiecare link. Verificai funcionarea tuturor ancorelor din pagini care trebuie s acceseze seciunea din pagin corespunztoare identificatorului ancorei. Atenie la seciunile multiple ale aceleiai pagini etichetate cu acelai identificator. Aceast greeal poate produce rezultate stranii. Daca browserul sare la o alt seciune a paginii dect cea ateptat, verificai mai nti identificatorul ancorei n seciunea pe care browserul o afieaz. Verificai apoi modul de funcionare a legturilor ctre alte documente, att n cadrul site-ului ct i n afara sa, respectiv validitatea lor i dac paginile accesate sunt cele potrivite. Dac o anumit pagin nu poate fi deschis, verificai sintaxa link-urilor i anume: corectitudinea protocolului specificat extensia fiierului existena simbolului ~ Atenie! n UNIX, simbolul tilda (~) este utilizat pentru a specifica directorul de start (Home directory) al utilizatorului al crui nume urmeaz dup acest simbol. Folosind simbolul ~ v putei referi la o pagin Web astfel: http://www.server.com/~utilizator/pagina.html

28

Probleme n funcionarea paginilor Web Este posibil ca paginile Web create s nu arate n browser aa cum au fost ele proiectate. Rezolvarea unor astfel de deficiene poate fi dificil, deoarece cnd scriei codul HTML avei doar o imagine mental a modului cum ar trebui s arate pagina. O soluie pentru a face procesul de depanare mai uor ar fi s vizualizai pagina cu ajutorul browserului pe msur ce o construii. Putei izola diversele seciuni ale paginii pentru a verifica funcionarea fiecreia dintre ele. Cele mai multe greeli care pot aprea se datoreaz erorilor n codului sursa al paginii. Sintaxa codului este de o importanta critic n HTML. Cele mai comune probleme de sintaxa care apar sunt: absena etichetelor de nchidere < / > mperecherea etichetelor HTML ghilimelele " " imbricarea etichetelor Iat cteva dintre problemele cu care v putei confrunta: O caracteristic de formatare afecteaz o secven mai mare de text dect era prevzut. S presupunem c ai folosit ntr-o seciune a paginii una dintre etichetele de titlu, de exemplu. La vizualizarea paginii n browser constatai c nu doar textul pe care doreai s-l evideniai este formatat astfel, ci o parte mai mare a textului din pagin. O astfel de situaie este provocat de: Absena unuia dintre caracterele " < " sau " > " Absena etichetei de nchidere Imbricarea defectuoas a etichetelor HTML O etichet de nchidere creia i lipsete unul dintre caracterele "< "sau ">" nu va fi interpretat corect de browser, prin urmare formatul nu va lua sfrit dect n punctul n care browserul ntlnete caracterul respectiv. Aceasta poate determina afiarea ntr-un format greit a unui text. Dac acest element este un titlu, tot textul dintre eticheta de deschidere asociat titlului i cea mai apropiat etichet de nchidere ntlnit va fi afiat ca titlu. Daca acest element este text ancor, tot textul dintre eticheta de deschidere i prima etichet de nchidere ntlnit va fi afiat ca o legtur (de culoare albastru i subliniat). O etichet de nchidere absent sau o mperechere inadecvata de etichete va provoca probleme similare. Uneori problemele sunt dificil de urmrit i rezolvat. Urmrirea unei probleme se face n sens descendent, defeciunea trebuie cutat acolo unde ncepe secvena de cod eronat i nu unde se sfrete. O parte din textul paginii nu este afiat Textul sau obiectele care lipsesc din pagina pot fi depistate prin urmrirea ghilimelelor " " i a etichetelor greit nchise i care conin adrese URL.

29

Dac pagina conine ghilimele de deschidere n interiorul unei etichete, i cele de nchidere trebuie s se regseasc n aceeai etichet. O etichet din care lipsesc ghilimelele de nchidere nu este interpretat corect i acest lucru poate produce rezultate bizare. Dac eticheta creia i lipsesc ghilimelele este o etichet ancor, ntreg textul de la primele ghilimele pn la urmtoarele ntlnite ar putea fi interpretat de browser ca parte dintr-o adres URL. O alt eroare care poate provoca acelai efect este nchiderea greit a etichetei coninnd o adres URL. Dac o astfel de etichet nu este nchis corespunztor, browserul ar putea interpreta orice text care urmeaz, pn la eticheta de nchidere corespunztoare, ca fiind parte a adresei URL. Problema se rezolv prin examinarea etichetelor aflate naintea poriunii de text care nu este afiat. Eroarea ar putea proveni de la orice etichet care conine ghilimele sau o adres URL. Ghilimelele utilizate n editorul de text cu ajutorul cruia scriei codul HTML trebuie s fie ntotdeauna n standard ASCII. Unele editoare de text utilizeaz aa-numitele "smart quotes" , n care ghilimele de deschidere arat diferit fa de cele de nchidere. Dac procesorul de text cu care lucrai are aceast posibilitate, ea trebuie dezactivat, deoarece acest tip de ghilimele, nefiind n standardul ASCII, nu vor funciona corect n HTML. Afiarea defectuoas a formatului n cazul cnd formatul afiat de browser nu este cel ateptat verificai mai nti compatibilitatea dintre browser i stilul de caractere specificat n codul HTML. Browserul trebuie s fie capabil s afieze stilul ales. Atunci cnd sunt folosite stiluri logice, browserul este ultima instan n decizia privind stilul caracterelor afiate. O metod rapid de verificare a existenei unei probleme de compatibilitate este de a afia paginile utiliznd browsere diferite, dintre care unul s poat afia n mod sigur stilul de caracter utilizat. Dac acel browser afieaz textul incorect, se face verificarea codului HTML. Dac textul este afiat corect, atunci exist o incompatibilitate cu celelalte browsere. n codul HTML, problema poate fi legat de o imbricare defectuoas a etichetelor. Verificai modul cum au fost imbricate etichetele de formatare din seciunea de pagin asociat cu eroarea respectiv. Astfel o construcie de tipul urmtor: Va multumim ca ati vizitat Paginanoastra nu va funciona corect, deoarece etichetele i sunt imbricate eronat. Concluzii Dup etapele de planificare, design i implementare urmeaz etapa de testare a site-ului. n aceast etap se realizeaz: Corectarea paginilor din punct de vedere ortografic i gramatical Testarea legturilor din cadrul site-ului Testarea legturilor externe Depanarea greelilor care in de sintaxa codului HTML

30

Etapa de testare este deosebit de important pentru impresia general lsat de site-ul dumneavoastr. Un site cu ortografie neglijent, cu greeli de exprimare, cu legturi nefuncionale poate ndeprta vizitatorii, orict de valoroase ar fi informaiile prezentate n interiorul su.

Publicarea site-ului

n sfrit, site-ul dumneavoastr este finalizat. Ai parcurs toate etapele, de la planificare, la design i implementare, v-ai asigurat c toate elementele funcioneaz corect. A venit momentul publicrii pe Web a site-ului, astfel nct rezultatele muncii dumneavoastr s fie cunoscute de toi aceea care v vor vizita paginile. n etapa publicrii pe Web a siteului intervin mai muli pai: Stabilirea unui nume de domeniu Stabilirea serverului Web pe care va fi stocat (gzduit) site-ul Organizarea i denumirea fiierelor n conformitate cu cerinele serverului gazd Transferul fiierelor 1. Numele de domeniu Pentru ca site-ul dumneavoastr s aib o identitate pe Web avei nevoie de un nume de domeniu pentru el. Numele de domeniu al site-ului va face parte din adresa URL a fiecrei pagini i va oferi site-ului o prezen distinct pe Web. Domeniile principale de pe Web pot fi de mai multe tipuri: comerciale .com educaionale .edu guvernamentale .gov furnizorii de servicii de reea .net instituii non-profit .org domeniile corespunztoare rilor lumii .ro, etc Pentru a obine un nume de domeniu pentru site avei la dispoziie dou posibiliti: domeniu pltit domeniu gratuit Domeniu pltit Dac site-ul pe care l-ai creat aparine firmei dumneavoastr sau unei firme client sau dac dorii s avei o prezen stabil i credibil pe Web cea mai bun opiune este s avei un domeniu pltit. nregistrarea unui domeniu nu este foarte costisitoare i va asigura site-ului dumneavoastr o identitate serioas i credibil. n plus, odat ce suntei proprietarul unui domeniu putei s schimbai locaia site-ului (serverul Web pe care este gzduit) fr ca aceasta s necesite schimbarea domeniului.31

Preul pentru nregistrarea unui nume de domeniu variaz destul de mult. Una dintre cele mai convenabile oferte poate fi gsit la adresa http://www.10-domains.com care ofer nregistrarea unui nume de domeniu pentru 10 USD anual precum i o serie de discount-uri pentru nregistrarea pe perioade mai lungi. Dac dorii un domeniu romnesc (.ro) putei obine informaii la adresa http://www.rnc.ro. Pentru nregistrarea unui astfel de domeniu se percepe o tax unic de 61 USD (pre valabil la data scrierii acestei cri) fr alte taxe anuale. n cazul cnd optai pentru un domeniu pltit, adresa URL a site-ului va fi de forma http://www.dumneavoastra.com Domeniu gratuit Obinerea unui nume de domeniu gratuit este foarte simpl. Exist multe companii online care ofer astfel de domenii i, n plus, i spaiu de gzduire pentru site. Dac suntei nceptor i dorii s v testai cunotinele de Web design nou nvate, nu este o idee rea s construii un site "de prob" folosind pentru acesta un domeniu i un serviciu de hosting gratuite. n afara acestei situaii, dei poate prea alegerea ideal, un domeniu gratuit poate aduce multe dezavantaje site-ului dumneavoastr. Prima judecat de valoare asupra unui site este fcut pe baza numelui su de domeniu. n cazul unui domeniu gratuit adresa URL a site-ului va fi: http://www.numefirmagazda.com/~dumneavoastra sau http://www.dumneavoastra.numefirmagazda.com Vizitatorii site-ului vor ti imediat c nu deinei propriul domeniu i folosii un serviciu de hosting gratuit ceea ce v va afecta serios credibilitatea. Mai ales dac site-ul este unul de afaceri, folosirea unui domeniu i serviciu de hosting gratuit este cu totul contraindicat. n plus, firmele care ofer acest gen de servicii, impun afiarea unor bannere publicitare care distrag atenia vizitatorilor de la coninutul site-ului i mresc timpul de ncrcare al paginilor. 2. Serviciul de gzduire Web (Web hosting) nainte de a publica site-ul pe Web este necesar o evaluare a necesitilor de acces, pentru a determina ce fel de cont se potrivete site-ului dumneavoastr. Plecnd de la presupunerea c deinei deja o conexiune la Internet, nu vom intra n amnunte privind alegerea unui furnizor de servicii Internet (ISP Internet Service Provider). Totui, n cazul cnd nc nu deinei o conexiune sau dorii s schimbai provider-ul actual, v recomandm s studiai cu atenie ofertele principalilor furnizori de servicii. Avnd n vedere c nu v vei mai limita doar la simpla navigare pe Web sau la schimbul de emailuri ci vei dori s transferai i s ntreinei un site Web necesitile dumneavoastr vor crete. Din acest motiv este bine s v informai asupra unor detalii tehnice cum ar fi limea de band, mediul de transmisie (anten satelit, cablu cu fibre optice, unde radio), ce tip de server folosete, asistena tehnic oferit, dac ofer gzduire pentru pagini Web.

32

Opiunile pentru gzduire sunt urmtoarele: Instalarea unui server Web propriu Utilizarea serverului Web al providerului de servicii Internet Utilizarea unui server Web aparinnd unei firme care ofer servicii de hosting Instalarea unui server Web propriu Instalarea unui server Web propriu este cea mai costisitoare soluie, dar ea ofer n schimb avantaje semnificative. Dispunnd de o conexiune dedicat se pot furniza servicii Web 24 de ore/zi utilizatorilor din lumea ntreag. Vei dispune de un control complet asupra serverului Web i putei publica orice dorii. Putei configura serverul i pentru alte servicii, cum ar fi FTP, Gopher, Telnet, scripturi CGI, etc. Putei de asemenea avea propriul domeniu care va stabili o prezen distinct pe Web. Adresa URL va avea forma urmtoare: http://www.firma_dumneavoastra.com/ ntruct costurile necesare echipamentului hardware, conexiunii la Internet, configurrii i ntreinerii unui server propriu depesc posibilitile unui utilizator obinuit, nu vom insista asupra acestei soluii. Utilizarea serverului Web al providerului ISP Utilizarea serverului Web al providerului dumneavoastr de Internet este o opiune economic. Muli dintre furnizorii de servicii Internet ofer n cadrul contului de acces i un anumit spaiu pe serverele proprii pe care v putei plasa site-ul, fr a percepe taxe suplimentare. Din pcate, spaiul oferit este de obicei mic, de ordinul 1-3 Mb i nu sunt oferite faciliti pentru crearea de pagini dinamice. Pentru a obine faciliti suplimentare va trebui s pltii n plus. Cu toate c fiierele standard, contul de email i fiierele publicate pe Web utilizeaz acest spaiu, 2-3 Mb sunt de regul suficieni pentru a menine un site modest ca dimensiuni. Contul la ISP este accesibil pe baza unei conexiuni dial-up care permite o legtur cu o vitez de pn la 56 Kbps. nainte de a deschide un astfel de cont, trebuie verificate detaliile privind spaiul de stocare, taxele pentru spaiul adiional, n mod curent 2$ pentru 1 Mb, eventualele alte taxe. Trebuie verificat de asemenea disponibilitatea altor servicii, cum ar fi FTP, Gopher, Telnet, scripturi CGI, care ar trebui s poat fi utilizate gratuit, n cazul n care exist. Un cont la un provider ISP este o opiune economic dar, n acelai timp, limitat. Nu exist control al serverului Web, serviciile adiionale rmnnd la latitudinea providerului. Nu vei avea propriul domeniu, iar adresa URL va arta astfel: http://www.provider.com/~dumneavoastra

33

Utilizarea unui serviciu de hosting Cea mai bun soluie din punctul de vedere al raportului servicii/pre o reprezint folosirea unui serviciu de hosting pltit. Ofertele de pe piaa romneasc sunt numeroase i variate ca pre. nainte de a face o alegere este bine s facei un studiu comparativ al acestora n privina spaiului pus la dispoziie, al modului de transfer al fiierelor, al traficului impus precum i al prezenei diverselor faciliti: scripturi CGI, baze de date, email personalizat, etc. Nu trebuie s pierdei din vedere c site-ul dumneavoastr se poate dezvolta astfel nct spaiul de stocare rezervat la nceput poate deveni insuficient. Utiliznd un serviciu de hosting adresa URL a site-ului va avea forma urmtoare: http://www.dumneavoastra.com De asemenea vei beneficia i de una sau mai multe adrese de email personalizate de tipul: [email protected] Folosirea serviciilor unei firme de hosting v permite ca, odat ce deinei propriul nume de domeniu, s v transferai site-ul pe serverul Web al firmei i s beneficiai de o prezen stabil pe Web. Firmele de hosting ofer uneori i nume de domenii pentru clienii lor ns exist riscul ca dac v hotri s renunai la serviciile acelei firme s pierdei domeniul. Din acest motiv este mai bine s tratai separat cele dou probleme. 3. Organizarea i denumirea fiierelor Dei aceast etap este intrinsec procesului de construire a site-ului, o vom discuta n acest capitol, deoarece acum este momentul cnd o bun organizare a directoarelor, subdirectoarelor i fiierelor devine deosebit de important. Organizarea directoarelor i fiierelor Este foarte bine s organizai fiierele care fac parte din site pe computerul dumneavoastr exact aa cum ele vor fi organizate pe serverul Web. Serverul Web are un director "rdcin" (root) unde vor fi stocate toate fiierele site-ului. Folderul unde vei stoca aceste fiiere pe computerul personal va juca rolul directorului "rdcin" al serverului. n directorul "rdcin" va fi plasat fiierul care va conine pagina "home" a site-ului, fiier denumit de obicei index.html sau index.htm. Dac site-ul este de mici dimensiuni (ntre 5 i 10 pagini) putei plasa toate fiierele n acelai director. Dac site-ul este mai mare, este recomandat s creai pentru fiecare seciune principal a sa cte un subdirector care va conine fiierele asociate acelei seciuni. Subdirectoarele pot conine la rndul lor cte un fiier index. Atunci cnd vei transfera fiierele de pe computerul dumneavoastr pe serverul Web vei putea s transferai ntregul subdirector cu fiierele coninute n el. De asemenea aceast metod va face i ntreinerea site-ului mult mai uoar.34

O alt problem este locul unde vei stoca imaginile. Practica standard este de a crea un subdirector special n directorul "rdcin" unde s plasai toate imaginile din site. Dac procedai astfel este extrem de important s creai un subdirector similar cu aceeai amplasare i pe computerul dumneavoastr. Calea de la pagina care apeleaz o imagine la imaginea respectiv trebuie s fie aceeai i pe computerul dumneavoastr i pe server, altminteri imaginile nu se vor afia dup ce site-ul a fost transferat pe server. O alt variant de stocare a imaginilor este crearea unui subdirector destinat imaginilor, plasat n subdirectorul fiecrei pagini. Cu aceleai precauii legate de calea corect ctre imagini, aceast metod funcioneaz bine, ba chiar mbuntete viteza de ncrcare a imaginilor n pagini. Dezavantajul const n faptul c adesea este necesar s reinei mai multe copii ale aceleiai imagini n diferite subdirectoare, n funcie de paginile unde este folosit. Verificarea numelor fiierelor La mutarea fiierelor de pe computerul dumneavoastr pe serverul Web se impune verificarea numelor fiierelor care trebuie s fie compatibile cu sistemul pe sunt mutate. O atenie deosebit trebuie acordat denumirii i extensiei fiierelor. Nu are importan dac optai pentru extensia .html sau .htm. Tot ce trebuie este s fii consecvent cu extensia aleas de-a lungul ntregului site. De asemenea, trebuie s avei n vedere c n sistemele UNIX, cele mai des folosite ca servere Web, denumirile fiierelor sunt casesensitive. O pagin denumit mypage.html nu este totuna cu pagina MyPage.html. Pentru a evita confuziile folosii pentru denumirea fiierelor numai litere mici. 4. Transferul fiierelor Transferul fiierelor care compun site-ul de pe computerul propriu pe serverul Web este o operaiune relativ simpl, care const n copierea fiierelor pe server n locaia destinat site-ului dumneavoastr. Unele dintre firmele de hosting asigur o aplicaie special destinat transferului fiierelor, dar cea mai utilizat metod de transfer este prin intermediul unui client FTP. Un client FTP (File Transfer Protocol) este o aplicaie prin intermediul creia se poate realiza transferul fiierelor de pe un sistem pe altul. Putei copia fiiere de pe computerul personal pe un alt computer (operaie denumit Upload) dup cum putei prelua fiiere de pe un alt computer, pe computerul personal (operaie denumit Download). Cele mai folosite programe FTP sunt CuteFTP (http://www.cuteftp.com) i WS_FTP (http://ipswitch.com). Odat ce ai instalat pe computerul dumneavoastr un client FTP, v-ai nregistrat numele de domeniu i avei un cont la un serviciu de gzduire totul este pregtit pentru transferul fiierelor care compun site-ul pe serverul gazd.

35

Pentru a realiza transferul fiierelor, n general v