Crearea siteurilor-web

Enumerăm metodele prin care creăm paginile-web

Enumerăm și explicăm etapele creării unui site-web

Enumerăm și explicăm criteriile folosite pentru proiectarea paginilor și siteurilor


Metode de creare a paginilor-web


  1. Cu comenzile limbajului HTML
  2. - cu un editor de text simplu Notepad sau Notepad++ scriem într-un fișier de tip text, comenzile HTML care provoacă afișarea în browser a conținutului paginii-web. Fișierul trebuie salvat cu extensia .html .

    - comenzile HTML pe care le scriem reprezintă codul HTML al paginii-web.

    - limbajul HTML nu este ușor de folosit și se folosește de obicei împreună cu limbajele CSS, Javascript și PHP.

    - aceasta este cea mai bună dar și cea mai grea metodă pentru scrierea paginilor-web.

  3. Cu programe editoare HTML specializate
  4. - exemple: Frontpage, Mozilla Composer, Dreamweaver, Komposer etc.

    - aceste programe crează codul HTML folosind comenzile din meniu ca în Word și nu trebuie să cunoaștem limbajul HTML.

  5. Cu editoarele de documente obișnuite (Word, Powerpoint)
  6. - sunte metode simple, rapide, dar neperformante.

  7. Cu softuri generatoare web automate
  8. - crează site-ul automat pe anumite servere după un format la alegere (Wordpress)

  9. Cu siteuri generatoare automate
  10. - exemplu când ne încărcăm materiale în rețelele sociale, ni se crează automat paginile personale care se leagă în site.

- pentru paginile-web mai pretențioase care au efecte de animație și interacțiune cu utilizatorii trebuie să le atașăm programe în limbajele CSS, Javascript și PHP.


Etapele creerii unui site-web


  1. Organizarea
  2. - la început se stabilește împreună cu beneficiarul care este ideea sau scopul site-ului. De aici rezultă complexitatea lui, efortul de proiectare, resursele, costurile și ideile de bază despre organizarea muncii și proiectare. Se încheie un contract.

  3. Proiectarea fișierelor siteului
  4. - este etapa cea mai îndelungată și mai dificilă, la care lucrează unul sau mai mulți programatori.

    - mai întâi se stabilește o schemă de organizare a siteului, cu diferite secțiuni, legăturile dintre pagini și ce trebuie să conțină fiecare.

    - apoi se proiectează fiecare pagină cu conținutul de text, imagini, clipuri, fragmente de cod-program pentru scripturi.

    - se prelucrează imaginile și videoclipurile cu programe editoare specializate.

  5. Încărcarea pe un server-gazdă (host)
  6. - căutăm în Internet firme care oferă servicii de găzduire pe serverele lor (web hosting company).

    - studiem prețurile și alegem firma dorită și ne creem un cont pe siteul acesteia.

    - există găzduire gratuită (pe termen limitat și cu servicii puține) și contra cost.

    - intrăm în contul creat și încărcăm (upload) fiecare fișier al siteului.

    - avem acces la diferite alte servicii : adrese de email dedicate siteului, parole în anumite pagini, protecție contra atacurilor și virușilor, asistență tehnică la nevoie etc.

  7. Înregistrarea (rezervarea) numelui de domeniu
  8. - este obligatorie numai dacă vrem un nume personalizat  http://www.nume-site.domeniu-primar .

    - fără înregistrare numelui, adresa siteului este de forma  http://www.serviciu-de-găzduire.domeniu-primar/nume-site/ .

    - numele este rezervat pentru noi contra unei taxe pentru perioada de timp aleasă apoi trebuie rezervat din nou.

    - de obicei găzduirea și rezervarea se face de aceeași firmă, dar putem apela și la firme diferite.

  9. Întreținerea siteului
  10. - periodic facem modificări în site sau trebuie să setăm anumiți parametri tehnici.


Criterii de proiectare


- crearea paginilor web (și a siteurilor) este o muncă de creație în care se îmbină cunoștințele tehnice de programare cât și simțul artistic și estetic al proiectantului.

- proiectanții paginilor și siteurilor sunt o categorie de programatori denumiți web-designeri (to design = a proiecta).

- în munca de proiectare, programatorul trebuie să țină cont de anumite criterii tehnice, de conținut sau de aspect ale paginilor-web :


1. Criterii tehnice de funcționare :

- Viteza de descărcare a paginilor web în calculatorul nostru când navigăm trebuie să fie cât mai mare. O viteză de descărcare mai bună se obţine prin optimizarea (uneori prin micşorarea) numărului şi a dimensiunii imaginilor conţinute de pagină şi a excesului de obiecte sau efecte dinamice care ocupă memoria sau consumă din trafic.

- Performanţele calculatorului şi softului : este bine să dăm posibilitatea ca paginile să poată fi citite cu softuri (browsere și alte programe) şi dispozitive (calculator, tabletă sau smartphone) cât mai puţin performante, prin renunţarea de a folosi facilităţi prea pretenţioase. Astfel dăm şansa ca situl web să fie vizitat de un număr mai mare de utilizatori.


2. Informaţiile conținute :

  • să fie corecte și actualizate permanent
  • să fie potrivite cu publicul ţintă
  • să fie potrivite cu rolul sitului (de firmă, personal, ştiinţific, de învățământ, pentru amuzament)
  • să fie potrivite cu cerinţele proiectului şi interesul celui care plăteşte
  • să conțină text şi imagini semnificative pentru subiectul abordat

3. Aspectul paginilor :

  • frumusețe, eleganță (estetică) - un site urât nu este atrăgător pentru vizitatori, iar unul frumos este mai atractiv uneori chiar dacă informația publicată este mai puțin valoroasă
  • text uşor de citit, prin alegerea culorilor textului şi fundalului, a mărimii, şi fontului potrivit
  • raport optim între text și imagini, să evităm extremele, adică pagini numai cu text sau numai cu imagini, care pot fi plictisitoare
  • imagini de calitate, clare și frumoase, indiferent de nr. de pixeli pe care îi alegem din motive tehnice
  • aspect omogen, să folosim scheme de culori şi ierarhii de titluri, aceleaşi în toate paginile sitului. Adică toate titlurile și subtitlurile de același rang să fie la fel scrise și colorate.

4. Pentru căutarea, regăsirea, promovarea sitului :

  • cuvintele cheie să fie bine alese - acestea se completează în anumite rubrici din structura paginii şi trebuie să permită găsirea ulterioară cât mai uşoară a sitului (a paginii) cu motoare de căutare.
  • Exemplu : siteul şcolii se poate găsi uşor dacă folosim cuvintele "şcoala Reghin", "Ioan Bojor", "liceu Reghin", "liceul Ioan Bojor" etc.

  • schimb de banere publicitare cu situri partenere, pe baza unei înţelegeri
  • să înscriem situl în motoare de căutare
  • siturile mari să aibă un motor intern de căutare

5. Pentru navigarea ușoară în interiorul siteului :

  • să folosim linkuri sugestive, adică vizitatorul să îşi dea seama ce găseşte dacă le urmează
  • împărţire logică în pagini : conţinutul să fie cât mai bine structurat în pagini de dimensiuni potrivite
  • scheme comode de înlănţuire a paginilor în cadrul siteului

6. Comunicarea cu vizitatorii o permitem prin publicarea informațiilor de contact ale administratorului sitului (adresa de email, telefon) sau existenţa unui forum de discuţii.