Publicarea unui website pe Internet

Dup cum v-am prezentat i n seminariile trecute, pasul final pe care trebuie s-l facei n realizarea proiectelor finale la Marketing Online l reprezint publicarea sitului pe care l-ai realizat pe Internet. n acest scop, putei folosi una dintre cele trei variante, pe care vi le-am prezentat din timp: fie s folosii un server la care avei acces datorit unor conjuncturi personale (la serviciu, la prieteni, etc.), fie s folosii un serviciu gratuit, disponibil n Internet, pentru publicarea sitului (funcioneaz cam la fel ca i n cazul serviciilor gratuite de tip e-mail, precum Yahoo!, Hotmail sau Gmail), sau s mi solicitai (pn pe data de 15 ianuarie), deschiderea unui cont pe server-ul web al A.S.E. n cazul n care v ncadrai n prima situaie nu tiu dac informaiile de mai jos v vor ajuta (dup cum v-am informat n timp util), ns a fost alegerea voastr i probabil vei putea s opinei informaii tehnice de la aceiai persoan care v-a facilitat accesul la contul respectiv. n cazul n care constatai c nu reuii s v rezolvai problema singuri, varianta cu numrul doi de pulicare (pe un serviciu gratuit disponibil n Internet) v este nc deschis. Sunt ns anse importante ca modul vostru de lucru s fie identic cu cel al colegilor votii. Pentru ceilali, v voi oferi informaii detaliate n acest seminar. O problem general valabil o reprezint tratarea fiierelor cu coninut multimedia (inclusiv pozele asociate butoanelor dinamice sau altor elemente de navigaie), precum pozele, fiierele cu muzic sau video. Astfel, spre deosebire de editoarele de tip text cu care v-ai obinuit (Microsoft WinWord, WordPerfect, etc.), aceste fiiere nu sunt incluse n fiierul principal, ci sunt tratate separat. Astfel, este util s avei un subfiier intitulat poze, sau imagini, sau ntr-o alt manier sugestiv pentru voi n care s punei toate fiierele utilizate n paginile voastre i pe care, foarte important, trebuie s le transferai pe server-ul web, mpreun cu documentele HTML care le utilizeaz. Mai mult, structura de subdirectoare trebuie s rmn identic pentru ca aceste pagini HTML, odat ajunse pe Internet, s i pstreze coninutul originial (s prezinte pozele). Spre exemplu, dac ai introdus o poz n pagina index.html, intitulat start.gif i salvat n subdirectorul poze, eticheta HTML corespunztoare va fi de tipul <IMG

SRC=poze/start.gif>. n cazul n care poza este copiat n acelai director ca i fiierul index.html care o apeleaz, atunci referina respectiv nu va putea fi identificat i n locul pozei dorite va fi afiat un X i mesajul c poza cutat nu a putut fi regsit. Cea mai simpl variant de lucru, care va duce la evitarea problemelor de aceast natur este crearea unui fiier distinct, n rdcina cruia s fie salvate documentele de tip HTML, iar n diferite subdirectoare s fie salvate documentele de suport, n funcie de natura lor (imagini, elemente interactive, elemente de navigaie, elemente dinamice, etc.), iar n momentul publicrii sitului pe Internet ntregul coninut al acestui subdirector s fie copiat pe server-ul dorit.

Publicarea pe un server gratuit

Foarte multe persoane i instituii consider c un website nu justific cheltuielile directe i indirecte asociate cu realizarea unui server web propriu, drept pentru care externalizeaz aceste activiti i folosesc servicii de gzduire disponibile n Internet. Denumit web hosting n limba englez, acest tip de serviciu este aproape la fel de vechi ca i utilizrile comerciale ale Internetului i presupune oferirea unui spaiu (n general limitat) pe un server de tip web, direct accesibil din Internet. Acest serviciu are mai multe nivele calitative, n principal depinznd de nivelul de asisten i de resursele oferite de ctre organizaia care l disponibilizeaz. Foarte multe organizaii ofer acest tip de serviciu inclusiv gratuit, n scopul creterii nivelului traficului pe server-ul propriu i al posibilitii includerii unor reclame (banner-e) n paginile clienilor. Astfel, o cutare dup cuvintele free web hosting pe Google a dus la 167 de milioane de rezultate, celelalte motoare de cutare sau portaluri disponibile n Internet putndu-v ajuta la fel de simplu n identificarea unui astfel de serviciu gratuit de gzduire a paginilor sitului realizat de ctre voi ca proiect la aceast materie. Exist cteva astfel de servicii i n Romnia, o list putnd fi obinut pe pagina Free Webhosting.

Ca exemplu am ales serviciul Lx.ro, un server pe care putei s v nscriei situl ca partea a subdomeniului Lx.ro (ex.: www.cybermarketing.lx.ro). Prima problem pe care trebuie s-o rezolvai este identificarea disponibilitii subdomeniului, cu ajutorul cmpului de deasupra butonului Sign Up! de pe pagina principal. n msura n care este identificat subdomeniul dorit, se trece la faza urmtoare prin apsarea butonului nregistrare.

Figura 1: Pagina de ntmpinare de la Lx.ro Urmeaz, la fel ca i n cazul unui serviciu de e-mail, furnizarea unor informaii despre voi, dup care v va fi oferit o pagin cu datele de contact. n acest caz particular, la fel ca n cazul colegilor votrii care au ales s foloseasc server-ul A.S.E. pentru publicarea paginilor, ncrcarea fiierelor se face printr-un client de FTP, pe care l voi explica puin mai jos. Informaiile de care avei nevoie pentru conectarea prin ftp (File Transfer Protocol) la un server sunt n numr de trei: numele de utilizator i parola

(stabilite pe pagina de nscriere), respectiv adresa server-ului ftp (pe care vi-l pun la dispoziie n e-mail-ul de confirmare a nscrierii, n cazul de fa ftp.lx.ro). Un alt exemplu pe care putei s-l utilizai este serviciul Webs.com, site pe care putei intra dup ce v-ai creat un profil de utilizator.

Figura 2: Pagina de ntmpinare a site-ului Webs.com Dup ce vei selecta opiunea Personal din seciunea Select Your Website Type, continuai apsnd butonul Get Started, pentru a ajunge pe pagina prin care v creai profilul. La fel ca n cazul serviciului Lx.ro, trebuie s cutai un subdomeniu disponibil n domeniul Webs.com (spre exemplu, online.webs.com era deja ocupat de un alt utilizator, ns cybermarketing.webs.com este disponibil, dup cum se poate observa n Figura 3).

Figura 3: Pagina pentru crearea profilului pentru site-urile din domeniul Webs.com Un alt aspect important pentru realizarea unui site de nota 10 ar fi selectarea opiunii Use HTML-Only Mode, n caz contrar Webs.com oferindu-v posibilitatea de a folosi un template (ablon predefinit) pentru site. Dei mult mai simplu de realizat, siteurile bazate pe abloane prezint un grad extrem de ridicat de standardizare i similitudine ntre ele. Aceasta reprezint o problem din perspectiva proiectului vostru pentru c nu demonstreaz c tii s construii elementele tehnice HTML cerute prin proiectul vostru (tabele de formatare, introducerea de poze, etc.), ct i pentru c instrumentele online pe care le dezvoltai trebuie s duc la diferenierea produselor pe care le reprezentani la nivelul percepiei vizitatorilor lucru imposibil, atunci cnd folosii un template, utilizat de alte mii sau zeci de mii de site-uri. Dup finalizarea acestei opiuni va trebui s autentificai faptul c nu suntei un program care creeaza conturi n mod automat prin recunoaterea unor caractere sub form de poz, iar apoi vei fi transferai ctre fereastra prezenta n Figura 5.

Figura 4: Setarea opiunii Use HTML-Only Mode Apoi, n fereastra prezentat pe pagina urmtoare (Figura 5) vei alege opiunea intitulat Single File Uploader, care v permite s ncrcai fiierele care compun site-ul vostru (att cele de tip .html, ct i cele care conin poze i eventuale alte tipuri de obiecte, cum sunt fiierele .pdf din exemplul pe care l-am folosit). Opinea Multiple File Uploader, dei funcioneaz mai rapid, v este accesibil doar dac vei plti pentru un cont premium ale serviciului Webs.com. Fereastra care va apare va conine un cmp, n dreptul cruia se afl un buton denumit Browse, care v permite s alegei fiecare fiier pe care dorii s-l ncrcai pe server. Pentru a crea subdirectoare (este necesar s respectai structura ierarhic de fiiere pe care ai folosit-o pe calculatorul de acas) apsai butonul New Foloder n fereastra din Figura 5, n fereastra nou deschis dai numele noului director pe care dorii s l creai, iar apoi, atunci cnd deschidei fereastra Single File Uploader selectai de pe rndul 2 al

acelei ferestre directorul n care dorii s plasai fiierul pe care l ncrcai. Din pacate, va trebui s ncarca toate fiierele din site-ul vostru, unul dup cellalt, ceea ce s-ar putea s v consume cteva zeci de minute.

Figura 5: Fereastra de management a contului web pe serviciul Webs.com Site-ul vostru va putea fi vizualizat la adresa http://numeales.webs.com. Dac pagina principal nu se chem index, default sau start (cu una dintre extensiile .htm, .html, .php sau .asp), atunci va trebui s completai adresa cu numele fiierului principal al site-ului vostru (ex.: http://cybermarketing.webs.com/download.htm). Ar fi de menionat i faptul c att Lx.ro, Webs.com, ct i alte servicii gratuite pe care le-ai putea gsi pe Internet vor aduga o zon proprie, cu banner-e sau alte tipuri de mesaje promoionale pe pagina voastr, ceea ce s-ar putea s duca la modificarea aspectului paginilor voastre. V rog s corectai paginile voastre, astfel nct aceste modificri s nu duc la schimbri catastrofice n paginile voastre, ceea ce s-ar putea solda cu depunctarea proiectelor. Simpla apariie a zonelor cu banner-e nu va fi depunctat (este imposibil de evitat), ns, mai ales n cazul site-urilor realizate fr 7

tabele de formatare, poate duce la pierderea alinierii elementelor din pagin. V rog s tratai cu atenie ncrcarea site-ului, astfel nct s nu ajungei n aceast situaie.

Client FTP
Aceaia dintre dumneavoastr care au optat pentru utilizarea spaiului de gzduire oferit pe server-ul web al A.S.E. sau care, la fel ca n exemplul cu Lx.ro, folosesc un serviciu de gzduire gratuit, dar care necesit ncrcarea prin ftp (i nu printr-o pagin web dedicat, precum utilitarul Single File Uploader de la Webs.com), necesit un program din categoria clienilor ftp pentru a-i ncrca fiierele pe server-ul respectiv. Astfel, exemplul la care m-am oprit n acest seminar poart denumirea de WS_FTP LE i l vom folosi pentru c licena sa este gratuit. l putei insala fie cutndu-l pe Internet, fie descrcndu-l de pe server-ul cursului dumneavoastr de Marketing Online din aceast sptmn. Dup cum v-am spus mai devreme, pentru a accesa un server de ftp este nevoie de trei elemente distincte: adresa server-ului, numele de utilizator i parol. n cazul n care ai optat pentru utilizarea server-ului A.S.E. vei primi n cursul sptmnii viitoare un email n care v vor fi comunicate aceste informaii. n cazul n care v-ai deschis singuri un cont pe un server de gzduire, atunci serviciul respectiv trebuie s v pun la dispoziie aceste informaii, precum n exemplul Lx.ro, discutat puin mai devreme. Programul WS_FTP LE nu necesit instalare, ci doar copierea fiierelor la o locaie oarecare de pe calculatorul vostru. Apoi trebuie lansat fiierul executabil WS_FTP95.com, rezultatul acestei aciunii fiind apariia ferestrei de conectare prezentate n Figura 7.

Figura 7: Fereastra WS_FTP LE Session Properties pentru conectarea la server-ul FTP Practic, ceea ce trebuie s completai n aceast fereastr sunt adresa serverului ftp (cmpul Host Name/Address) pe care dorii s-l accesai (in cazul de fa: ftp.lx.ro), numele de utilizator pe care l avei pe respectivul server (User ID), respectiv parola (Password). De asemenea, este recomandabil s nu modificai cmpul Host Type, lnsnd valoarea implicit (Automatic detect). Dup ce completai aceste opiuni apsai butonul OK i programul WS_FTP LE propriu-zis va fi lansat n lucru, interfaa sa fiind prezentat n Figura 8.

Figura 8: Fereastra de lucru WS_FTP LE

Practic, interfaa WS_FTP LE este compus din dou zone simetrice. n partea dreapt se afl structura de directoare a calculatorului vostru, n care putei s navigai pentru a ajunge la directorul dorit (n care sunt incluse fiierele sitului pe care dorii s-l publicai), n timp ce n partea stng se afl fiierele din contul vostru de pe server-ul accesat (fiiere vizibile pe Internet). Pentru a copia fiiere ntre cele dou locaii nu avei de fcut dect s apsai butoanele cu sgei afiate n zona central, care indic sursa i destinaia procesului de copiere (sgeata de la stnga la dreapta indic copierea fiierelor selectate de pe calculatorul vostru pe server-ul Lx.ro). Suplimentar, exist butoane care v permit, att pe calculatorul vostru ct i pe server-ul accesat, crearea unor noi directoare (butonul MkDir), schimbarea numelui unui director (botonul ChgDir), deschiderea unui director (butonul View), redenumirea unui fiier (Rename), tergerea unui fiier (Delete), reactualizarea informaiilor prezentate (Refresh) sau obinerea de informaii despre un anumit director (butonul DirInfo). De asemenea, pentru minimizarea erorilor de transmisie a fiierelor voastre, este recomandabil s rmnei pe opiunea Binary pentru transferul fiierelor. O alt bar de butoane se afl pe ultimul rnd al ferestrei din Figura 8. Dintre acestea, utile pentru voi ar putea fi butoanele Cancel, utilizat pentru oprirea procesului de transfer de fiiere, Exit, utilizat pentru ieirea din modul WS_FTP LE, Help, pentru afiarea unor informaii care v ajut s nelegei mai bine funcionalitatea programului, respectiv Close, pe care l putei folosi pentru a nchide o sesiune (pentru a v deconecta de la server). De menionat ar fi faptul c multe server-e FTP v vor deconecta automat n cazul n care conexiunea nu este folosit o anumit perioad de timp (un minut, cinci minute, o or, etc.), caz n care v recomand s folosii butonul Close pentru a nchide formal respectiva sesiune. Atuci cnd nu este o sesiune deschis butonul Close este nlocuit cu butonul Connect care, apsat, va readuce pe ecran fereastra din Figura 7, permind redeschiderea sesiunii. Spre exemplu, dup copierea tuturor fiierelor i a subdirectoarelor sitului din Figura 8 pe server-ul Lx.ro, aa cum se vede n Figura 9, situl va fi vizibil pe Internet (la adresa aleas n momentul deschiderii contului), imaginea sa putnd fi vizualizat n Figura 10.

10

Figura 9: Fereastra de lucru WS_FTP LE, fiierele au fost copiate pe server-ul web Un alt aspect pe care trebuie s-l avei n vedere este denumirea fiierului care conine pagina de gard. Astfel, dup cum am discutat i ntr-unul dintre primele seminarii la Marketing online, exist o serie de fiiere HTML pentru care numele nu mai trebuie precizat n URL. Astfel, n cazul n care denumirea fiierului este index, default sau start, cu extensie .html, .htm, .php sau .asp, atunci denumirea fiierului poate s lipseasc. Astfel, pentru URL-ul www.cybermarketing.lx.ro va fi cutat automat un fiier care s se numeasc index.html, apoi va fi cutat un altul care s se numeasc default.html i aa mai departe. Dac nici unul dintre cele 12 fiiere nu este regsit, va fi returnat o pagin de eroare. Din acest motiv, este recomandabil ca fiierul care conine prima pagin n situl vostru s aib una dintre aceste denumiri, n caz contrar, atunci cnd v vei trimite proiectele, va trebui s specificai i denumirea fiierului care conine prima pagin (ex.: www.cybermarketing.lx.ro/bibliografie.html).

11

Figura 10: Situl ncrcat la adresa http://www.cybermarketing.lx.ro

12