Dezvoltarea aplicațiilor Web

Dezvoltarea

aplicațiilor WEB

Web design

-

Cuprinde a ctivit ățile de p roiectare și

realizare a paginilor web statice și

dinamice puse la dispoziție prin serviciul

World Wide Web ( al rețelei

Internet

-

Privește atât crearea elementelor vizuale

(aranjarea în pagină a informației, culori

și elemente grafice asociate) cât și

funcționalitatea paginilor web și a site

urilor în interacțiunea cu utilizatorul

World Wide Web

World Wide Web

O colecție de resurse publice sau private

O colecție de resurse publice sau private aflate în rețeaua Internet, conținând texte aflate în rețeaua Internet, conținând texte și informații multimedia, stocate în cadrul și informații multimedia, stocate în cadrul unor siteunor site--uri web ce pot fi accesate prin uri web ce pot fi accesate prin aplicații de tip browser (navigator aplicații de tip browser (navigator Internet) bazate pe standardul HTTP.Internet) bazate pe standardul HTTP.

HTTP: (Hyper Text Transfer Protocol)

HTTP: (Hyper Text Transfer Protocol) - - standardul de facto pentru transferarea standardul de facto pentru transferarea și afișarea informației în rețeaua Internet. și afișarea informației în rețeaua Internet.

Comunicarea în rețeaua Internet

Comunicarea în rețeaua Internet

Funcționează potrivit tehnologiei Client

Funcționează potrivit tehnologiei Client--Server:Server:

-

-UnUnprogramprogramcarecarepoartăpoartădenumireadenumireadedeclientclientwebweb,,inițiazăinițiazăoocererecerereinformaționalăinformaționalăcătrecătreununaltaltprogram,program,denumitdenumitserverserverwebweb,,capabilcapabilsăsăfurnizezefurnizezerăspunsulrăspunsullalacerereacerereaclientuluiclientului..

Avantajul

Avantajulprincipalprincipal::

-

-accesulaccesulpermanentpermanentlalainformațiiinformațiidindinoriceoricelocație,locație,prinprininterogareainterogareapermanentăpermanentăaadatelordatelorserveruluiserveruluiwebweb..

Schema generală de comunicare utilizând

Schema generală de comunicare utilizând protocolul HTTPprotocolul HTTP

URL

URL - - Uniform Resource LocatorUniform Resource Locator

Definește adresa de internet a unui server web, fișier

Definește adresa de internet a unui server web, fișier sau document din cadrul acestuia.sau document din cadrul acestuia.

Este

Este modalitatea standard de adresare pentru serviciul modalitatea standard de adresare pentru serviciul WWW, utilizând protocolul HTTP. WWW, utilizând protocolul HTTP.

Este unică în cadrul rețelei Internet

Este unică în cadrul rețelei Internet , , fiind obținută din fiind obținută din concatenarea a trei informații:concatenarea a trei informații:

-

-Protocolul de comunicație utilizat (HTTP, FTP, etc.)Protocolul de comunicație utilizat (HTTP, FTP, etc.)

-

-Adresa sau numele serverului webAdresa sau numele serverului web

-

-Calea de acces a resurseiCalea de acces a resursei

-

-ParametriiParametrii

-

-Fragment/ancoraFragment/ancora

URL

URL - - Uniform Resource LocatorUniform Resource Locator

https

https://www.ase.ro/://www.ase.ro/Cursuri/Info.htmlCursuri/Info.html??codCurs=1&CodCentru=7codCurs=1&CodCentru=7#paragraf3#paragraf3

https

https - - protocolul de accesprotocolul de acces

www.ase.ro

www.ase.ro--Adresa sau numele serverului webAdresa sau numele serverului web

Cursuri/Info.html

Cursuri/Info.html - - calea localcalea localăăde acces de acces a resurseia resursei

?

?codCurs=1&CodCentru=7 codCurs=1&CodCentru=7 - - parametri: listă de perechi formate din parametri: listă de perechi formate din cheie/valoare prin care se transmit informatii către servercheie/valoare prin care se transmit informatii către server

#paragraf3

#paragraf3 - - o ancoră către o zonă a resursei solicitateo ancoră către o zonă a resursei solicitate

HyperyperTText ext MMarkup arkup LLanguage (anguage (HTMLHTML))

-

❑Reprezintă limbajul standard pentru definirea structurii unei Reprezintă limbajul standard pentru definirea structurii unei pagini Web.pagini Web.HTML a fost dezvoltat initial de Tim BernersHTML a fost dezvoltat initial de Tim Berners--Lee la Lee la CERN in 1989 în încercarea de a oferi fizicienilor care utilizeaza CERN in 1989 în încercarea de a oferi fizicienilor care utilizeaza computere diferite posibilitatea de a schimba informație între ei computere diferite posibilitatea de a schimba informație între ei prin intermendiul Internetului. prin intermendiul Internetului.

-

❑Funcționează pe principiul Funcționează pe principiul ““marcăriimarcării” ” unor părți din conținutul unor părți din conținutul paginii web astfel încât să comunice aplicației de navigare paginii web astfel încât să comunice aplicației de navigare (browser) modul în care acestea vor fi afișate.(browser) modul în care acestea vor fi afișate.

-

❑Face apel la un set de marcatori sau elemente HTML (tags) Face apel la un set de marcatori sau elemente HTML (tags) având o denumire și un anumit număr de proprietăți sau având o denumire și un anumit număr de proprietăți sau atribute.atribute.

-

❑Furnizează metoda de creare a unor documente structurate prin Furnizează metoda de creare a unor documente structurate prin definirea de titluri, paragrafe, liste, tabele, legături, etc., și prin definirea de titluri, paragrafe, liste, tabele, legături, etc., și prin includerea imaginilor și obiectelor interactive în cadrul paginilor includerea imaginilor și obiectelor interactive în cadrul paginilor web.web.

Elemente (Tag

Elemente (Tag--uri) HTMLuri) HTML

Două tipuri de elemente HTML:

Două tipuri de elemente HTML:

-

-Elemente perecheElemente pereche: se caracterizează prin existența: se caracterizează prin existențaa a doudouăătagtag--uriuri: :

-

- de deschidere, conținând numele elementului și atributele acestuia) de deschidere, conținând numele elementului și atributele acestuia)

-

- de închidere, conținând numele elementului precedat de semnul slash „de închidere, conținând numele elementului precedat de semnul slash „//””

<p>

<p>Acesta repreAcesta reprezintă un paragrafzintă un paragraf</p></p>

<title>

<title>Titlul paginiiTitlul paginii</title></title>

-

-Elemente singulareElemente singulare: nu dețin partea de închidere : nu dețin partea de închidere finalizândufinalizându--se prin semnul slashse prin semnul slashconconținut pe ultima poziție a tagținut pe ultima poziție a tag--ului ului elementului:elementului:

<

<hhr />r />

<img src=“poza.jpg” />

<img src=“poza.jpg” />