Web Design


Cookie reprezinta, pe scurt, informatie generata de server si stocata in computerul client.
Cookie este un mecanism de comunicare (bidirectional) client – server. Poate fi utilizat pentru personalizarea paginilor, statistici, respectiv o varietate de alte motive.

Cookie si PHP

Utilizarea cookie in PHP este relativ simpla. Pentru inceput vom seta un cookie folosind functia SetCookie. Cookie sunt parte a header-ului HTTP, deci functia SetCookie trebuie apelata inainte de a trimite orice altceva catre browser (restrictie care se aplica si functiei Header). Orice cookie trimis de catre client serverului va fi convertit automat intr-o variabila PHP. Astfel, daca ati setat un cookie SetCookie(„variabila”,”2webdesign.ro”), PHP va crea automat o variabila $variabila cu valoarea „2webdesign.ro”.

Functia SetCookie are urmatoarea sintaxa:

SetCookie(string nume, string valoare, int expira, cale, domeniu, int secure);

unde:

expira – perioada de valabilitate in formatul returnat de functiile time(), respectiv mktime()
cale – este directorul aflat pe server pentru care este acel cookie
domeniu – domeniul pentru care cookie poate fi utilizat. In mod standard, este domeniul in care se afla pagina ceruta.
secure – daca are valoarea „1”, indica ca transmiterea respectivului cookie se va face printr-o conexiune securizata (https).

Cookie va deveni vizibil la urmatoarea incarcare a paginii pentru care a fost setat. Cererile multiple de setare cookie vor fi executate in ordine inversa (PHP3). In PHP4, cererile multiple de setare cookie vor fi executate in ordinea aparitiei lor. Astfel, daca incercati sa stergeti un cookie inainte de a insera altul, veti pune inserarea inainte de stergere.

Pentru exemplificare vom presupune existenta unui site care impune autentificare. Utilizatorii inregistrati vor fi automat recunoscuti, iar cei care nu sunt inregistrati vor fi redirectionati catre o pagina de inregistrare.

Vom crea baza de date cu numele „utilizatori”:

mysql> create database utilizatori;
Query OK, 1 row affected (0.05 sec)

mysql> use utilizatori;
Database changed

mysql> create table informatii (nume varchar(25), prenume varchar(50), email varchar(35), counter varchar(3));
Query OK, 0 rows affected (0.04 sec)

Acum vom scrie o portiune de cod pentru a verifica existenta cookie:

<? //verificare existenta cookie
if (isset($informatii))
{$temp = explode(„&”, $informatii);
$Nume=$info[0];
$Prenume=$info[1];
$Email=$info[2];
$Counter=$info[3];
$Counter++;

$CookieVar=$Nume.’&’.$Prenume.’&’.$Email.’&’.$Counter;
SetCookie („informatii”,$CookieVar, time()+3600);
//am scris noul cookie, care va expira peste o ora
// urmeaza output in browser dupa ce am setat cookie
echo(‘<html>
<head>
<title>2webdesign.ro – web development site</title>
</head>
<body>
<p>Bine ai venit, ‘.$Nume.’ ‘.$Prenume.’, aceasta este vizita:
‘.$Counter.'</p>
<p>Adresa ta de email este: ‘.$Email.'</p>
<body>
<html>’);
// update bd
$db = ‘utilizatori’;
$utilizator = ”; // conform setarilor serverului dvs.
$parola = ”; // conform setarilor serverului dvs.
$link = mysql_connect(‘localhost’, $utilizator, $parola) or die(„Conectare
nereusita”);
$status = mysql_select_db($db,$link);
$cerere = ‘update informatii set counter=”‘.$Counter.'” where
nume=”‘.$Nume.'” and prenume=”‘.$Prenume.'” and email=”‘.$Email.'”‘;
$rezultat = mysql_query($cerere, $link) or die(„Cerere invalida”);
// sfarsit update bd

} else { //sectiune no cookie
echo(‘<html>
<head>
<title>2webdesign.ro – web development portal</title>
</head>
<body>
<a href=”utilizator_nou.php”>Clic aici pentru inregistrare</a>
</body>
</html>’);
} //sfarsit sectiune no cookie ?>

Pagina utilizator_nou.php va contine un form de inregistrare:

<html>
<head>
<title>Inregistrare</title>
</head>
<body>
<h1>Utilizator nou</h1>
<form method=”post” action=”inscriere.php”>
<table width=90% align=center>
<tr>
<td>Nume:</td>
<td><input type=text name=’Nume’ size=20 maxlength=20></td>
</tr>
<tr>
<td>Prenume:</td>
<td><input type=text name=’Prenume’ size=40 maxlength=40></td>
</tr>
<tr>
<td>Adresa Email:</td>
<td><input type=text name=’Email’ size=40 maxlength=40></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type=submit value=”Inregistrare”></td>
</tr>
</table>
</form>
</body>
</html>

Pagina inscriere.php va realiza verificarea (sumara) a campurilor din form si le va insera in baza de date, dupa ce in prealabil se va verifica existenta unui utilizator cu acceasi adresa de email.

<? if ($Nume and $Prenume and $Email)
{$db = ‘utilizatori’;
$utilizator = ”; // conform setarilor serverului dvs.
$parola = ”; // conform setarilor serverului dvs.
$link = mysql_connect(‘localhost’, $utilizator, $parola) or die(„Conectare
nereusita”);
$status = mysql_select_db($db,$link);
$cerere=’select * from informatii where email=”‘.$Email.'”;
$rezultat = mysql_query($cerere, $link);
$r=mysql_fetch_array($rezultat);
$Counter=$r[‘counter’];

if (isset($Counter))
{$CookieVar=$Nume.’&’.$Prenume.’&’.$Email.’&’.$Counter;
SetCookie („informatii”,$CookieVar, time()+3600);
echo(‘<p>Adresa ‘.$Email.’ exista deja in baza noastra de date.</p>’;
echo(‘<p><a href=”index.php’>Inapoi la index’);
} else {
$Counter = ‘1’;
$cerere = ‘insert into informatii (nume, prenume, email, counter) values
(„‘.$Nume.'”,”‘.$Prenume.'”,”‘.$Email.'”,”‘.$Counter.'”)’;
$rezultat = mysql_query($cerere, $link);
$CookieVar=$Nume.’&’.$Prenume.’&’.$Email.’&’.$Counter;
SetCookie („informatii”,$CookieVar, time()+3600);

echo(‘Va multumim pentru inregistrare.’);
}
} else {
echo(‘Va rugam sa completati toate campurile’);
}
?>

Read More

Chiar daca materialele proiectate sunt pentru multimedia sau Internet si includ imagini, sunet sau chiar scurte filme, textul va continua sa joace rolul major in cadrul prezentarilor.

Aplicarea in design a catorva principii de organizare a textului va conduce la orientarea mai usoara in pagina, la structurarea mentala usoara a continutului. Se vor crea astfel conditii pentru a spori capacitatea de manipulare mentala a corpului de cunostinte.

Claritate si eleganta. O atentie corespunzatoare acordata esteticii textului, prezentarea sa intr-o forma accesibila cititorului sunt obiectivele majore care confera textului atributele unei componente eficiente a proiectarii paginilor Web. Un aspect elegant si un aranjament ordonat si logic transpun consideratia aratata celui ce lectureaza (clientului).

Predictabilitate si regularitate. O data stabilita, structura de prezentare a materialului trebuie sa ramana constanta de la o unitate (secventa, sectiune) la alta. In cazul cand apar variatii de structura, modificarile se vor justifica prin necesitati de actualizare a continutului, dar nu vor fi facute schimbari de dragul schimbarilor, chiar daca vor tinti catre un design mai performant.

Standardizare si consistenta in folosirea unui stil. Acest principiu se refera la producerea unui aranjament care sa permita focalizarea rapida si fara ezitari pe elementele importante. Acesta va fi pastrat identic pentru toate secventele materialului.

Orientare facila in continut. Cuprinsul materialului sau meniul va permite accesul direct sau foarte rapid la sectiunea dorita de client.

In cazul materialelor pentru Internet sau multimedia (DVD-ROM), lungimea sectiunii ce contine textul principal sau sinteza continutului se recomanda sa fie relativ scurta, pe cat posibil sa incapa intr-un singur ecran (fara derulare). Prin incarcarea rapida a informatiei relevante, utilizatorul va putea decide daca doreste sa citeasca, sa revada sau sa abandoneze pagina curenta.
De asemenea, specific suportului digital, este indicata marcarea personalizata in cadrul cuprinsului a secventelor parcurse deja pentru a le diferentia de cele ce urmeaza a fi lecturate.

Intr-o serie mai lunga de ecrane pana la informatia de continut, este binevenita o modalitate de indicare a pozitiei actuale in structura materialului (un „fir al Ariadnei”).

Unitate si simplitate. Autorii de prezentari si designerii materialelor digitale au tendinta sa includa prea multe detalii. Este indicat sa existe o pagina care sa contina ideile principale si o modalitate de acces la mai multe informatii (More…). Cateva cercetari care au analizat comparativ textele „dense” si cele continand doar ideile principale (prin eliminarea a 40% din continutul primelor) au ajuns la concluzia ca nivelul de informatii care se retine dupa doua saptamani ramane acelasi, in timp ce durata de parcurgere a materialelor se scurteaza semnificativ in cazul textelor „prelucrate”.

Pozitionarea in ordinea importantei. Informatiile vor fi pozitionate in pagina in ordinea importantei si relevantei lor, locul privilegiat fiind in stanga, sus. Se stie ca la prima vedere, privirea baleiaza materialul in forma de Z, pornind din stanga, sus si terminand in dreapta, jos.

Gruparea elementelor dupa semnificatie. Acest principiu include cateva sugestii de „topografia” paginii. Elementele subsumate aceleiasi idei trebuie sa fie demarcate de alte elemente sau grupuri de elemente prin folosirea spatiilor libere, casetelor cu cadru sau altor indicii de etichetare.

Includerea listelor si tabelelor pentru structurarea continutului. Un tabel poate rezuma informatii complexe intr-o maniera ce favorizeaza retinerea mai rapida a acestor informatii.

Sugestiile de aranjare a listelor sunt utile pentru un aranjament vizual eficient:

· folosirea „bulinelor” de marcare a fiecarui item sau numerotarii identate
· aranjarea listelor se va face vertical
· alinierea va fi la stanga

Limitarea lungimii liniei la maximum 60 de caractere, combinata cu o aliniere doar la stanga faciliteaza parcurgerea textului. Spatierea dintre linii va tine cont de marimea corpului de litera.

Spatiere. Este indicat ca textul propriu-zis sa ocupe intre 25 si 40% din spatiul total al paginii.

Evidentierea unitatilor de text prin folosirea atributelor: text subliniat, ingrosat sau caractere aldine. O culoare diferita scoate in evidenta anumite informatii considerate importante.

Echilibru si simetrie. Textul trebuie distribuit echilibrat in pagina si ponderat prin includerea de imagini. Avalansa de informatii brute, neprelucrate din punct de vedere vizual, este contraindicata, conducand la un aspect neingrijit si, implicit, la scaderea prestantei produselor/informatiilor prezentate si a firmei.

Read More

Anumite observatii privind modul in care utilizatorii de Internet lectureaza paginile Web in scopul efectuarii unor documentari, pentru informare curenta, pentru obtinerea informatiilor in campul profesional, pentru satisfacerea unor hobby-uri sau pur si simplu pentru amuzament, au condus la concluzii ce normeaza o proiectare eficienta a unui site Web.

Aceste concluzii sunt relevante pentru autorii si designerii Web in elaborarea textului si ilustratiilor pentru materiale pe suport vizual.

Cercetatorii de la Institutul Poynter, intr-un studiu recent avand drept scop relevarea modului in care utilizatorii de Internet citesc stirile pe Web, au ajuns la urmatoarele concluzii:

• Se realizeaza o lectura de suprafata combinata cu aprofundari selective. 3/4 din cititori isi limiteaza lectura la parcurgerea cuprinsului si scurtei descrieri a articolului (modalitate de prezentare foarte utilizata pe Internet). Chiar si atunci cand se angajeaza in lectura unui articol intreg, de obicei parcurg efectiv doar 75% din text.

Cel mai intalnit comportament vizeaza „vanarea” informatiilor si ignorarea detaliilor. Dar odata ce informatia semnificativa a fost identificata, cititorii trec adesea la o lectura de profunzime. Continutul prezentat pe Web trebuie sa sustina ambele aspecte, ce tin de accesul la informatii. Textul trebuie sa se preteze la baleiaj rapid si sa furnizeze in acelasi timp raspunsuri substantiale la cautarile cititorilor. De altfel, o prezentare in modul hipertext permite organizarea continutului in structuri ierarhice multinivelare, navigarea realizandu-se facil orizontal, vertical sau in salturi de la o unitate de informatie la alta.

• Textul atrage atentia inaintea imaginilor si graficelor. La prima vizita pe pagina, privirea baleiaza pe text, oprindu-se asupra titlurilor, subtitlurilor si sumarelor de articole. Adesea, imaginile sunt privite abia la a doua sau chiar la a treia vizita la o pagina.

• Titlurile si intertitlurile simple sunt preferate celor cu corp de litera diferit, culoare diferita sau in general caracterizate de un stil (font + culoare + marime) ce contrasteaza cu aspectul paragrafelor cu informatii de continut. O variatie neexagerata a corpului de litera (fontului) este permisa. Insa schimbarea culorii folosite pentru continut si marimea disproportionata a literelor din titluri si intertitluri vor determina dificultati de intelegere (rapida) prin discontinuitati perceptive.

• Lectura intercalata – este permisa tehnic si folosita des prin deschiderea mai multor ferestre de navigare in care se cauta separat informatii, se acceseaza adrese cunoscute sau se verifica posta electronica. Studiul Poynter a aratat ca sesiunile de lucru pe Internet se desfasoara prin alternarea ferestrelor si, implicit, alternarea multiplelor situri accesate in acelasi timp, dupa urmatorul model:

– lectura unor informatii intr-o fereastra de navigare;
– apoi comutarea intr-o alta fereastra si vizitarea altui site;
– revenire in prima fereastra si continuarea primei lecturi, eventual aprofundarea subiectului sau diversificarea temei prin urmarirea legaturilor din pagina initiala;
– eventuala comutare intr-o a treia sau chiar a patra fereastra deschisa etc.

Paginile Web proiectate si publicate vor fi in acord cu aceste caracteristici ale comportamenului utilizatorilor de Internet, in elaborarea materialului tinandu-se cont de cateva sugestii deduse logic:

• Cel ce lectureaza (clientul) poate fi ajutat sa se orienteze/ reorienteze prin introducerea unor organizatori vizuali:
– titluri si intertitluri din pagina simple si clare ce permit o orientare rapida in continut;
– titluri de pagina semnificative ce ajuta la recunoasterea sitului chiar daca este minimizat pe taskbar.

• Designerul trebuie sa porneasca de la premisa ca clientul nu isi mai aminteste pasii de navigare ce l-au adus in fata unui anumit material:
– se dovedeste utila inserarea in antet a unui „fir al Ariadnei” care indica pozitia actuala in succesiunea sau in structura ierarhica a materialului de studiu;
– pastrarea culorilor standard pentru legaturile active (albastru pentru linkuri nevizitate si rosu inchis pentru linkuri vizitate) usureaza orientarea, recunoasterea si structurarea mentala a continutului informational ce se parcurge.

• Folosirea unei terminologii standard si constante in tot site-ul elimina timpul suplimentar acordat de client pentru recorelari si circumscrieri de sens la schimbarea rapida a contextului.

Nu trebuie pierdut din vedere faptul ca sesiunea de lucru a unui client ce navigheaza pe Internet poate dura cateva ore, cu intercalarea surselor de lectura, alternarea si varierea modalitatilor de lucru sau chiar cu intreruperi de durata ale activitatii.

S-a constatat ca cei care utilizeaza frecvent Internetul nu citesc paginile Web cuvant cu cuvant. Privirea scaneaza textul, baleiaza, oprindu-se asupra unor cuvinte sau propozitii. Acest comportament caracterizeaza aproximativ 79% din utilizatorii de Internet, potrivit concluziilor unui studiu din 1997.

In concluzie, echipa de autori si designeri ar trebui sa furnizeze text „scanabil”, care sa se preteze la baleiere vizuala, folosind:

• cuvinte cheie evidentiate (prin ingrosare, variatie de culoare, marime, prin pozitie distincta, in grup de elemente separat clar). O buna modalitate de evidentiere o constituie marcarea cuvintelor semnificative ca linkuri, in cazul in care se pot face trimiteri de la acestea la unitati de informatie explicative sau corelate semantic. Cuvantul respectiv va aparea in pagina subliniat si de culoare albastra – asociatie de indicatori relevanta pentru un utilizator de Internet.

• intertitluri semnificative pentru continutul etichetat;

• marcarea listelor cu simboluri (buline) pentru fiecare item;

• o singura idee in fiecare paragraf. Utilizatorii trec cu vederea orice idee aditionala daca nu este cuprinsa in primele cateva cuvinte ale paragrafului.

• stilul „piramidei inversate”, in care primul paragraf (numit, in literatura de specialitate, lead) prezinta succint esenta informatiei; paragrafele urmatoare dezvolta datele enuntate, aducand informatii complementare.

• jumatate (sau chiar mai putin) din numarul de cuvinte folosite intr-un material conventional (in versiune tiparita).

In afara de principiile universale enumerate mai sus, se mai pot adauga cateva repere pentru o proiectare a site-ului eficienta:

a) Designerul trebuie sa discrimineze intre elementele cu caracter amuzant sau pur informativ si elementele care pot distrage atentia pana la a deveni suparatoare:

• Textul care clipeste si imaginile animate (.gif), la un oarecare timp dupa indeplinirea functiei pentru care au fost proiectate – de captare a atentiei -, pot deranja si determina utilizatorul sa abandoneze pagina.

• Tot continutul paginii trebuie sa fie vizibil fara ajustarea orizontala a ecranului. In general imaginile prea late, pot determina browserul sa afiseze pagina cu scrolling orizontal. Daca pentru a citi tot randul, clientul trebuie sa deruleze continutul spre dreapta, apoi pentru inceputul fiecarui rand care urmeaza este nevoit sa revina prin derulare inapoi, atunci activitatea de informare va fi evident mult ingreunata sau chiar imposibila. De aceea, este recomandata o latime a informatiilor critice pana in 450 de pixeli, iar in cazul textului de maxim 80 de caractere de marime normala (12pt in editor text sau marimea 2 in editor HTML). Primul ecran va contine informatie relevanta si cuprinsul materialului de la locatia respectiva.

Designerul nu trebuie sa piarda din vedere faptul ca paginile incarcate, desi pot avea avantajul unui aspect mai placut, ocupa un spatiu mai mare si necesita timp indelungat pentru incarcare. De aceea, imaginile din pagina, daca sunt absolut necesare, vor fi optimizate prin ajustarea numarului de culori folosite si reducerea marimii. Vizitatorul va avea posibilitatea sa navigheze cursiv de la un material la altul.

b) Insuflarea increderii utilizatorului in materialul pe care il vizualizeaza. Clientul nu trebuie sa aiba indoieli in privinta autenticitatii sursei si intemeierii continutului. Increderea se poate castiga prin:

• Furnizarea informatiilor de identificare: numele institutiei, numele autorului ce gireaza continutul, adrese de contact – postale, telefon, e-mail – valide, data ultimei revizuiri a documentului.

• Un design elegant.

• Evitarea erorilor gramaticale si de tehnoredactare, precum si verificarea temeinica, cu mai multe tipuri de navigatoare (Netscape si Internet Explorer, diverse versiuni) a incadrarii si alinierii corecte a elementelor in pagina. Continutul semantic al imaginilor poate produce efecte neintentionate prin juxtapuneri nefericite.

c) In designul pentru Web nu trebuie sa se piarda din vedere categoria de utilizatori de Internet cu sisteme neperformante sau al caror acces la Internet se realizeaza cu viteza mica de transfer. Urmatoarele sugestii sunt utile in proiectarea paginilor pentru a fi vizualizate pe calculatoare mai vechi si de catre navigatoare in versiuni depasite:

• Folosirea tag-ului ALT pentru includerea textului alternativ la imaginile care nu se vor incarca sau nu pot fi afisate.

• Avertizarea utilizatorilor asupra legaturilor care conduc la imagini de marime mare sau fisiere media.

• Verificarea in prealabil a paginilor cu navigatoare mai vechi pentru a determina ce tip de experienta realizeaza categoria de audienta cu un mediu in modul text.

Read More

Daca ati ajuns la aceasta etapa, se presupune ca ati terminat realizarea efectiva a site-ului web.

Componentele constituente ale site-ului (fisiere HTML, imagini GIF si JPEG, fisiere multimedia, etc.) se afla stocate acum intr-un director pe calculatorul propriu. Dar acest lucru nu este suficient. In continuare, va trebui sa publicati site-ul pe care tocmai l-ati realizat si sa-l faceti cunoscut surferilor online de pretutindeni.

Inainte insa de a vedea care sunt etapele necesare indeplinirii acestor obiective, trebuiesc prezentate pe scurt, cateva aspecte tehnice necesare intelegerii functionarii Internetului.

Ce este Internetul ?

Internetul (sau Reteaua) reprezinta un sistem informatic gigantic, alcatuit din retele de calculatoare prin care se realizeaza interconectarea a zeci de milioane de calculatoare, la nivel mondial. Acest ansamblu incorporeaza produse hardware si software foarte diverse si gestioneaza o colectie uriasa de baze de date din toate domeniile de activitate, date care sunt accesibile de la oricare calculator conectat la Internet, in orice moment si din oricare loc de pe Terra.

Din mediul Internet fac parte atat calculatoarele ultraperformante ale unor agentii guvernamentale sau mari corporatii cat si retelele de calculatoare ale miilor de universitati, scoli, organizatii si agentii de presa sau milioanele de PC-uri ale utilizatorilor individuali.

Un utilizator obisnuit poate avea acces la Internet numai daca lucreaza pe un calculator conectat la un nod din Retea. Din punct de vedere arhitectural exista trei tipuri de astfel de noduri:

noduri clasa A (de nivel inalt sau nivel mondial) – la ele sunt conectate nodurile continentale
noduri clasa B (de nivel continental sau nivelul unei tari) – se conecteaza nodurile unor retele locale
noduri clasa C (de nivel local sau regional)

Conectarea fizica la un astfel de nod se face, de obicei, prin intermediul unui furnizor de servicii Internet (ISP – Internet Service Provider).

Adresa IP si nume de domeniu

Fiecare calculator conectat la Internet este identificat printr-o adresa unica numita adresa IP. Aceasta adresa este realizata printr-un grup de patru numere (cuprinse intre 1 si 256) despartite de caracterul punct. Cu ajutorul ei se identifica un computer la nivelul programelor de comunicatii in retea.

Exemplu de adresa IP : 192.168.178.1

Deoarece adresele IP sunt dificil de memorat, la nivelul utilizatorilor obisnuiti s-a gasit solutia identificarii fiecarui calculator printr-un nume de domeniu cu ajutorul caruia poate fi localizat foarte precis in structura generala a Retelei. Acestea pot avea doua sau mai multe subdomenii separate prin puncte si organizate intr-o structura ierarhica.

Exemplu de nume de domeniu: www.google.ro

Numele de la sfarsitul adresei .com este recunoscut ca domeniu principal si poate reprezenta o societate comerciala sau o corporatie.

Alte domenii principale sunt:

net – organizatii sau resurse referitoare la Internet
org – organizatii non-profit
mil – organizatii militare
gov – organizatii guvernamentale
edu – institutii de invatamant
(codul unei tari) – de exemplu .ro reprezinta domeniul principal pentru Romania, .fr pentru Franta, s.a.m.d.

Asadar, pentru ca site-ul web sa capete o identitate online, trebuie sa va alegeti un nume de domeniu.

Publicarea site-urilor web

Fisierele componente ale unui site web trebuiesc stocate pe un server cu o legatura directa la Internet, pentru ca site-ul sa fie accesibil oricui si oricand. Acest server poate fi al unui furnizor de servicii Internet (Internet Service Provider – ISP) sau poate sa apartina unei firme care ofera un serviciu specializat de gazduire pagini web (web hosting).

De asemenea, aveti de ales intre obtinerea unei gazde web gratuite sau o gazduire contra cost, in schimbul unor facilitati suplimentare.

Read More

Firebug îți oferă în Firefox o grămadă de unelte de dezvoltare în timp ce navighezi. Poți edita, depana, monitoriza CSS, HTML și JavaScript în timp real în orice pagină.

Firebug este o extensie atat de populara pentru web/dezvoltare web front-end incat exista extensii pentru ea . Daca ar fi sa intrebi un web designer sau programator fara ce extensie de Firefox nu ar putea trai, sansele sunt ca raspunsul va fi Firebug.

Firebug este o extensie  open source care ofera web designerilor unelte puternice pentru inspectarea si debugging-ul unui design web.

Firebug te poate ajuta sa-ti dai seama ce stiluri CSS afecteaza anumite elemente (in cazul in care ai dificultati cu o regula de stil care se comporta inadecvat), sa inspectezi modelul obiectului document (DOM) ca te familiarizezi cu structura paginii web, sa determini atribute precum culoarea, latimea, inaltimea elementelor HTML si multe alte functionalitati.

Poti descarca extensia Firebug pentru Firefox aici:

Download Firebug for Firefox

Read More

Tot mai multi utilizatori ai Internetului, atit persoane particulare cit si firme, devin interesati sa aiba pe Internet o pagina sau un sit de web in care sa se prezinte si sa-si faca publice preocuparile, hobby-urile, performantele si realizarile, in ideea de a gasi oameni interesati de ele si de a stabili relatii de prietenie, de colaborare sau de afaceri pornind de la aceasta fereastra deschisa pentru public catre propria activitate.

Ce reprezinta gazduirea web?

Hosting sau web hosting sau gazduire site inseamna ca inchiriati, pentru o anumita perioada, un anumit spatiu de gazduire pe discurile de stocare ale unui server. Server care are una sau mai mute conexiuni permanente la internet.


Mai multe despre gazduirea web

Lasind deoparte importanta crearii paginilor respective, si considerind ca acestea sunt deja create, se pune problema publicarii lor pe Internet. Pentru a fi publicata pe Internet (adica pentru a fi vizibila oricind, de oriunde din lume, la o adresa fixa de Web), o pagina de web trebuie sa fie plasata pe un server de web cu conectare permanenta la Internet. Cine dispune de un astfel de server, isi poate plasa pe el paginile proprii, si chiar si pe ale altora, daca doreste. Dar cine nu dispune de un server propriu, trebuie sa aleaga solutia ca pagina sa sa fie gazduita pe un server de Internet.

Amplasarea fizică a resursei se face pe serverul companiei, care prestează astfel de servicii. Serviciul este disponibil practic pentru orice proprietar de site, iar unele companii oferă hosting chiar gratuit. Compania care prestează astfel de servicii se numește „hoster”.


Hosting platit sau gratuit?

Gazduirea de pagini de web (webhosting) este unul dintre serviciile oferite frecvent de catre serverele de Internet, fie contra cost, fie gratuit.

Gazduirea contra cost este practicata de marea majoritate a serverelor comerciale de Internet, intrucit acestea isi sustin activitatea pe baza veniturilor obtinute din astfel de servicii. Fiecare companie care ofera servicii de webhosting are propriile sale tarife, stabilite pe principiile economiei de piata.

Read More