Presentation is loading. Please wait.

Presentation is loading. Please wait.

Instrumente de lucru pentru site-urile web

Similar presentations


Presentation on theme: "Instrumente de lucru pentru site-urile web"— Presentation transcript:

1 Instrumente de lucru pentru site-urile web

2 Noțiuni fundamentale WWW

3 Internet-ul este o reţea de reţele ("net" însemnând în limba engleză "reţea").
In această reţea funcţionează tehnologia World Wide Web, o reţea de informaţii şi un serviciu prin care se accesează informaţii digitale.

4 Internetul funcționează pe baza modelului client/server, adică un calculator client se conectează la un calculator server pe care există informațiile, serverul fiind un calculator mult mai puternic   WEB SERVER WEB BROWSER

5 Un Web server este un program care furnizează pagini Web la cerere.
Când un utilizator solicită un anumit fişier, serverul Web încearcă să obţină acel fişier şi să-l trimită înapoi utilizatorului.

6 Browserele web sunt programe client folosite pentru a accesa site-uri şi pagini Web.
Sarcina unui browser este de a procesa paginile Web primite şi de a le prezenta utilizatorului.

7 Toate calculatoarele folosesc un standard de comunicare intre ele numit HTTP - HyperText Transfer Protocol - protocol de transfer pentru hipertext, care, în traducere înseamnă un text care te duce la alt text sau un text care sare la alt text, ceea ce se şi întâmplă când navigăm pe web.

8 Furnizorii de servicii Internet sunt numiţi ISP(Internet Service Provider).
Un ISP este o firmă sau organizaţie care oferă acces la Internet şi servicii conexe.

9 Accesul la Internet poate fi:
Serviciile oferite pot fi servicii de tranzit Internet, înregistrare nume domeniu, colocaţie. Accesul la Internet poate fi: pe linie comutată (dial-up), acces prin linie închiriată, cablu, telefon (ISDN, ADSL), radio, satelit etc.

10 HyperText este un document conținând porțiuni de text care se conectează cu alte documente.
Aceste cuvinte se numesc "link" - legături și au calitatea de a putea fi selectate de utilizator. Documente hipertext sunt create cu ajutorul HyperText Markup Language (HTML) - limbaj de marcare hipertext.

11 Piesa care leagă între ele serverele Web, browserele Web şi paginile Web este URL-ul.
Fiecare pagină din World Wide Web are o adresă care este introdusă în browser pentru a-i indica acestuia să încarce pagina respectivă.

12 URL Adresa unei pagini Web se numește Uniform Resource Locator (URL).Un URL are următoarea forma - protocol://host:port/cale/nume_fișier. După cum se observă URL este constituit din: Protocol – protocolul care va fi folosit pentru a obţine obiectul. De obicei acesta este http pentru obiecte din World Wide Web. Dacă protocolul este specificat, atunci acesta trebuie urmat de semnele”://”.(TCP/IP, HTTP, FTP) Host – serverul Web de la care vor fi obţinute obiectele. Acesta poate fi specificat ca un nume DNS sau ca o adresă IP. Port – portul calculatorului gazdă pe care rulează serverul Web. Dacă este omis, atunci se foloseşte portul implicit, iar dacă este specificat, numărul portului trebuie precedat de semnul “:” Path – calea către fişierul care se doreşte a fi primit sau scriptul care trebuie executat. File – numele fişierului cerut.

13 Domeniul Este o adresa unica care identifica locatia unui site web
Domenii: generice (indica un domeniu organizational): com, edu, gov, net, org De tara (cod cu ajutorul careia se identifica tara de apartenenta a domeniului): Ro, De, Fr, It, Pl, etc/

14 Exemplu http://www.edu.ro http-protocol
-domeniul, format din nivelul cel mai inalt (ro), subdomeniul (edu) Un alt exemplu de adresa URL este: http indica numele protocolului care este folosit pentru transferul informatiei in Web,  numele host-ului (site-ul care gazduieste documentul respectiv) si  ~mahalu/Curs/lectia05.html este calea catre documentul (respectiv lectia05.html) aflat in structura de directoare /~mahalu/Curs/.

15 Dictionar Pagină Web : Fişier (document) aparţinând WWW. O pagină poate conţine text, imagini, sunete şi secvenţe animate.

16 Server Web : calculator care memorează pagini Web şi le pune la dispoziţia utilizatorilor reţelei.

17 Sit Web (Web site) : o colecţie de pagini Web întreţinută de o firmă, o instituţie de învăţământ, o agenţie guvernamentală sau chiar de un individ.

18 Servicii -trimiterea si primirea de mesaje in format electronic pe Internet

19 Servicii Mesajerie instantanee-conversatie in timp real pe internet intre doua sau mai multe persoane

20 Servicii VOIP (Voice Over Internet Protocol)- servicii de telefonie prin Internet

21 Servicii RSS (Really Simple Syndication)-distributia stirilor si articolelor publicate pe Internet.

22 Servicii FTP (File Transfer Protocol)-transfer rapid de fisiere

23 Servicii Newsgroups-colectii cu informatii globale actualizate frecvent, organizate mai mult sau mai putin in jurul unui anumit subiect cu relevanta publica.

24 Servicii Comunitati online-serviciu disponibil pe Internet, creat cu principalul scop de a conecta utilizatori cu aceleasi interese, activitati, hobby-uri.

25 Gazduirea web Este un serviciu contra cost oferit atat companiilor cat si persoanelor particulare, care le permite acestora sa-si publice un site web pe internet pentru vizualizarea sa online de catre utilizatorii de internet.

26 Tipuri de site-uri Web a) Site-uri cu pagini statice b) Site-uri cu pagini dinamice c) Site-uri dezvoltate pe baze de date d) Magazine virtuale

27 Site-uri cu pagini statice
Site-urile cu pagini statice se folosesc in special drept panouri publicitare. Se mai numesc si “ brochureware” , deoarece clientii doresc transpunerea in format HTML a principalelor brosuri (pliante) de prezentare.

28 Site-uri cu pagini dinamice
Aceste site-uri necesita o actualizare periodica (zilnica sau saptamanala) a elementelor specifice. La proiectarea unui astfel de site trebuie luate in considerare urmatoarele elemente: - Modul in care vor fi actualizate datele de pe site - Costurile operatiunilor de actualuzare periodica. Comunicarea cu clientii (utilizatorii) care apeleaza un astfel de site, se poate realiza prin inserarea de formulare de , pe paginile site-ului.

29 Site-uri dezvoltate pe baze de date
Aceste site-uri impun metode si tehnici speciale pentru realizare, necesitand actualizari frecvente ale elementelor componente. Aceste site-uri se administreaza extrem de greu, ele se bazeaza pe o baza de date (Oracle, de exemplu), care poate fi actualizata in mod regulat . Se pot utiliza si bazele de date Access sau File Maker. Acest tip de site se recomanda pentru activitati cu volum important de informatii ce trebuie actualizat la intervale regulate de timp.

30 Magazinul virtual Magazinele virtuale se bazeaza pe date stocate in baze de date si permit clientilor sa aleaga si apoi sa achizitioneze in siguranta produse sau servicii on line, cu ajutorul cartilor de credit sau a banilor virtuali (electronic cash).

31 ETAPELE DE REALIZARE A UNUI SITE
- Etapa 1 - Proiectare (Design) - Etapa 2 - Promovare (Marketing) - Etapa 3 - Gazduirea (Hosting) - Etapa 4 - Administrare.

32 “ Proiectare (Design)”
Proiectarea, nu inseamna numai partea de conceptie grafica a paginilor Web, ci si crearea oricaror programe necesare (de exemplu, pentru legarea la o baza de date) sau de formulare folosite pentru colectarea de informatii de la utilizatorii (vizitatorii) site- ului.

33 Moduri de creare A. Manual, scriind efectiv tagurile HTML. B. Asistat, cu ajutorul unor programe speciale

34 Crearea manuala Crearea manuala a paginilor Web se poate realiza cu ajutorul limbajului HTML. Realizarea manuala presupune existenta urmatoarelor trei instrumente : a) Browser de Web (IE, Netscape, Firefox). b) Programe de grafica. c) Programe de editare text

35 Cu ajutorul programelor de grafica, se creaza/editeaza, imaginile de fundal, figurile, butoanele, desenele etc. Exemple de programe ce pot fi utilizate : - Paint Shop Pro - Adobe Photo-Shop

36 Programul de editare text este utilizat pentru scrierea efectiva a tagurilor HTML. Exemplu de programe ce pot fi utilizate pentru scrierea tagurilor HTML: - Note Pad - Word Pad Plus.

37 Avantaje si dezavantaje-metoda manuala
Principalul avantaj al metodei manuale consta in faptul, ca pagina HTML este exact asa cum s-a dorit. Se poate introduce astfel, orice tag, cu orice atribut. Dezavantajul metodei consta in principal, in faptul ca proiectantul trebuie sa cunoasca bine limbajul HTML, fiind necesara o documentatie de specialitate.

38 Modul Asistat In modul asistat sunt necesare urmatoarele categorii de programe : a) Browsere de Web (Identic cu metoda manuala) b) Programe de editare vizuala a paginilor HTML c) Programe ce asigura facilitati de programare d) Programe de grafica (Identic cu metoda manuala)

39 In clasamentul celor mai performante instrumente de editare site-uri de tip WYSIWYG sunt urmatoarele programe : - Microsoft FrontPage Adobe PageMil Macromedia Dream Weaver 2 - HomePage HotMetal PRo NetObjects Fusian VisualPage Allaire ColdFusion Microsoft Visual Studio 6.0 Enterprise - Oracle Developer SilverStream Sun NetDynamics 5.0

40 “ Promovarea site-ului (Marketink)”
Promovarea site-ului prin bannere publicitare si posta electronica, constituie o metoda eficienta in cresterea traficului de acces la site- ul respectiv. Un prim pas in promovarea unui site este inregistrarea lui pe cele mai importante motoare de cautare : Yahoo, Altavista, Excite, Infoseek, Lycos, WebCrawler, HotBot si Magellan, acestea fiind in general primele locuri catre care se indreapta utilizatorii cand cauta ceva pe Internet.

41 Pentru promovarea unui site Web prin intermediul bannerelor se pot utiliza urmatoarele instrumente: - HyperBanner ( - MSN LinkExchange ( - SmartAge ( - WebSite Garage (

42 „Gazduirea site-ului”
Pentru gasirea unei gazde (host) a site-ului dvs. trebuie in primul rand sa raspundeti la doua intrebari : - Cat de complex este site-ul? - Care este traficul estimat? Serviciul de hosting vă va taxa in functie de raspunsul la cele doua intrebari de mai sus. Raspunsul la cele doua intrebari are ca scop determinarea marimii spatiului necesar pe hard disc si volumul transferului de date. Cea mai des utilizata solutie este plasarea intregului site pe serverul unui ISP(Internet Service Provider).

43 Majoritatea ISP-istilor inregistreaza site-ul pentru beneficiar, cu numele dorit de acesta, pentru suma de 50 $ fara TVA, conform tarifului perceput de Reteaua Nationala de calculatoare, gestionarul spatiului Web din Romania. La adresa: se verifica lista domeniilor ocupate in acest moment si se poate inregistra un domeniu nou.

44 Site-uri fara taxa La ora actuala, exista o oferta pentru acest serviciu. La adresa: se poate lista un numar de site-uri care ofera spatiu gratuit sau ieftin pentru paginile Web.

45 „Administrare site-uri”
Tipul de site ales, impune o anumita frecventa si anumite metode pentru actualizarile specifice. Beneficiarul (proprietarul) site-ului poate sa apeleze in acest sens la persoanele care au proiectat site-ul. Acest lucru se recomanda a fi inscris in contract. Este posibil, ca proiectantul site-ului sa puna la dispozitia beneficiarului, un instrument de actualizare automata a paginilor Web, astfel incat sa se poata actualiza site-ul fara sa se cunoasca nimic despre HTML, FTP etc.

46 Optimizarea site-ului web
Este un proces de favorizare a vizibilitatii paginilor web in cazul ordonarii rezultatelor in lista generata de motorul de cautare

47 Tehnici de optimizare Includerea metacaracterelor relevante
Includerea unei harti a site-ului Inregistrarea site-ului pe un motor de cautare

48 “Meta tags sunt elemente HTML, inserate în codul site-ului, cu scopul de a oferi informații sau instrucțiuni. Sunt folosite de roboții motoarelor de căutare pentru a descrie conținutul paginii și pentru a le indica cum să o indexeze.” -Wikipedia

49 metacaracterele Cuvintele cheie meta listeaza toate cuvintele cheie pentru care ai vrea ca motoarele de cautare sa-ti pozitioneze cat mai bine site-ul. Practic, ele îi spun lui Google ce conține un site, iar dacă acestea sunt optimizate și scrise astfel încât frazele să fie logice și să conțină cuvinte cheie, motorul ia meta descrierea și nu un fragment din conținut, pentru a evidenția mai bine cuvintele căutate.  Descrierea meta prezinta rezumatul a ceea ce contine site-ul respectiv Tag-ul robotului controleaza modul de indexare al unor pagini individuale si de afisare in lista de rezultate a motoarelor de cautare

50 Sitemap Afiseaza link-uri catre toate paginile existente in site
Este folosita de motoarele de cautare atunci cand afiseaza rezultatele cautarii dupa anumite cuvinte cheie

51 Inregistrarea Se face pe
submit-url Aici se specifica adresa site-ului iar Google isi va trimite robotii(crawleri) sa indexeze site-ul

52 Viteza de descarcare a paginii web
Pentru a ne asigura ca timpul de incarcare a site-ului este scurt, aplicam regulile: Comprimam imaginile-Google Webmaster Tools Redimensionam imaginile Reducem nr. de obiecte grafice din pagina Utilizam sistemul cache al browser-ului Arhivam fisierele pentru a le reduce dimensiunea Reducem nr. de animatii din pagina Incarcam fisiere audio tip MIDI si mp3, fisiere video –FLV, imagini gif si jpeg

53 Nu conteaza unde ati creat site-ul ci locul unde este publicat, legile tarii respective avand jurisdictie asupra site-ului.


Download ppt "Instrumente de lucru pentru site-urile web"

Similar presentations


Ads by Google