Programare WEB

Internet. Site web.

Structura
documentului HTML.

Lectia 1.
Internet-ul este:

 un sistem cu o dezvoltare foarte rapidă care cuprinde

computere interconectate şi care facilitează serviciile de
transfer de date cum ar fi poşta electronică, World Wide
Web, transferul de fişiere şi ştiri;

 reţea globală de computere, care leagă guverne,

universităţi, companii şi multe reţele şi utilizatori;

 reţea globală ce conectează mai mult de 2 milioane de

calculatoare, numărul acestora fiind în continuă creştere.
Istoric
 In urma cu peste 30 de ani, la sfarsitul anilor '60, Departamentul Apararii din
S.U.A. a pus bazele primei reţele de calculatoare destinata sa acopere o
larga intindere geografica, ARPAnet (Advanced Research Projects Agency
Network).

 Scopul reţelei era schimbul de informaţii cu caracter stiinţific si tehnic intre

participanţii la diferite proiecte de cercetare din cadrul Departamentului
Apararii si cercetatori din instituţii de invaţamant superior implicate.

 Rezultatele obţinute in cadrul acestui proiect au condus la definirea si apoi

la standardizarea unor protocoale folosite la transferul de date prin reţelele
de calculatoare (TCP/IP - Transfer Control Protocol/Internet Protocol, HTTP
- HyperText Transfer Protocol, FTP - File Transfer Protocol si altele) si a
determinat in anii '70 si '80 o extindere lenta dar continua a reţelelor de
calculatoare.
Internet, intranet
 Pentru a putea face schimb de informaţii, calculatoarele sunt inter-
conectate, formând reţele de calculatoare.

 Multe dintre aceste reţele de calculatoare sunt conectate între ele,

formând inter-reţele (reţele de reţele de calculatoare).

 O reţea de reţele se numeşte Internet (,,net” înseamnă în limba

engleză ,,reţea”).

 Cea mai mare inter-reţea publică (reţea de reţele de calculatoare cu

acces public) este reţeaua Internet.

 Intranet – reţea în cadrul unei întreprinderi (reţea privată)

Servicii oferite de Internet:
 E-Mail – poşta electronică pe Internet;

 FTP – serviciu pentru copierea fişierelor sau programelor de pe Internet pe

calculatorul propriu.

 World Wide Web (WWW) – serviciu multimedia, este un sistem de server-e Internet
care permite lucrul cu documente formatate special, într-un limbaj numit HTML
(HyperText Markup Language) ce permite grafică şi legături hyperlink. (înseamnă în
traducere ad-litteram „pânză de păianjen întinsă în lumea întreagă”)

 Chat – conversaţie pe Internet, prin introducerea textelor pe calculator;

 Newsgroups – conţine ultimele noutăţi pe o anumită temă;

 Telnet este serviciul pentru accesul de la distanţă la resursele unui calculator;

Adresa IP
 Pentru a face posibilă accesarea unui calculator în reţea,
s-a impus necesitatea ca fiecare computer conectat la
Internet să fie identificat în mod unic, printr-un element
numit adresa IP (Internet Protocol).

 Adresa IP este formată din patru numere, fiecare mai

mic de 255, despărţite între ele prin punct (de exemplu
123.67.9.201).

 În vreme ce computerele lucrează cu numere, oamenii

preferă numele. Din acest motiv, fiecărei asemenea
adrese IP i s-a asociat şi un nume.
TERMINOLOGIA WEB:
 Server Web. Un server web este un calculator care adăposteşte un Site Web şi care
este capabil să răspundă la cereri de pagini Web din partea unui client. Pentru a
putea răspunde permanent cererilor Web, un calculator trebuie să ruleze permanent
o aplicaţie specială: httpd. Cele mai întîlnite servere Web sunt: Apache Server;
Microsoft Web Server; Oracle Web Server.

 Site Web. O colecţie organizatã de pagini Web formează un site web.În www, clientul
solicită pagini Web de la un site Web.

 Pagină Web. În orice calculator informaţia este stocată în unităţi numite fişiere.
Aceste fişiere conţin: text; programe; imagini; filme; sunete, etc. Pentru www sunt
importante anumite fişiere speciale, numite şi pagini Web. Acestea au extensia .htm
sau html.

 Home Page. Home Page (pagina gazdã) este o pagină din site-ul unei organizaţii
care:
• este în mod uzual prima pagină accesată din site;
TERMINOLOGIA WEB:
 HTTP- Pentru a comunica între ele, două calculatoare folosesc un
sistem de reguli ce formează un protocol. Serviciul www utilizează
ca protocol de comunicare între client şi server HyperText Transfer
Protocol (HTTP), adică Protocolul de Transfer al Hipertextului.

 Hipertext este un text îmbogăţit. El conţine:

- text obişnuit;
- etichete pentru formatarea textului şi încapsularea altor tipuri de
informaţii (salturi rapide către alte resurse de informaţii, sunete,
imagini, filme, etc).
Hipertextul este stocat în fişiere având o extensie specială: .htm sau
html.
TERMINOLOGIA WEB:
 HTML. Un fişier care conţine hipertext este scris într-un limbaj
specific numit HiperText Markup Language (HTML), adică Limbajul
de Marcare a Hipertextului. HTML este un limbaj care permite
inserarea de:
• Text;
• Sunete, imagini şi filme;
• Indicatori de prezentare a informaţiei;
• Legaturi (link-uri) către alte pagini Web aflate oriunde în lume;
• Aplicaţii (programe Javascript, Java, VRML etc.).

 Browser - Program folosit pentru vizualizarea paginilor existente pe

Internet (de exemplu Internet Explorer, Mozilla, Firefox, Opera)
TERMINOLOGIA WEB:

 DNS - Domain Name Server este un serviciu care

translateaza numele domeniului (de exemplu nume.md)
in adresa IP (care este practic modul de organizare al
Internetului). Numele domeniului este mai usor de tinut
minte comparativ cu adresa IP care este numerica. De
fiecare data cind folositi un nume de domeniu, un
serviciu DNS translateaza acel nume in adresa IP.
Sistemul DNS este de fapt o retea de servere. Daca
propriul DNS nu poate rezolva translatarea el intreaba
un alt server, si tot asa, pana cand este returnata adresa
IP corecta.
Pentru a fi prezenti pe Internet sau mai
simplu a avea un site avem nevoie de:

 nume domeniu sau numele prin care suntem accesati

din Internet (de exemplu: nume.md)
 gazduire (Web Hosting) pe un server, care poate fi:
gratuita sau cu plata
 site-ul propriu-zis format in principal din fişiere de tip
html, php, asp si imagini
 monitorizare site (Optional)
Nume domeniu

 Este de fapt numele unic prin care un site

poate fi accesat din Internet.
Domeniile pot fi:

 de tip naţional .md, sau

 de tip international .com .net .biz .info,

platibile anual
Gazduire (Web Hosting)
 Webhosting este termenul pentru gazduire pe server a unui domeniu si
poate fi: gratuita, pe un server care ofera astfel de servicii sau pe propriul
calculator configurat ca server de web, sau cu plata.

 Oferta de gazduire este foarte variata si difera prin urmatoarele

caracteristici:
 tehnologia de gazduire: Unix, Linux, Windows
 amplasarea serverului (in tara sau in strainatate)
 dimensiune domeniu (de la 5MB la spatiu nelimitat)
 trafic lunar
 numar subdomenii
 numar adrese email
 tipul accesului la cont (ftp sau http)
 tipurile fisierelor acceptate pe server
 dimensiunea maxima a fisierelor acceptate pe server
 servicii auxiliare oferite (contor pagini, promovare site, top, carte de oaspeti,
forum, etc.)
Adresarea
 Regasirea unui fisier printre miliardele de
fisiere existente in World Wide Web se
bazeaza pe folosirea unui sistem unitar de
adresare pus la punct odata cu internetul.

 Sistemul de adresare poarta numele de

URL (Uniform Resource Locator).
 URL = protocol + server + cale + fisier

 http://www.usb.md/index.html
Cautare pe Internet
 Un motor de cautare este un program conceput pentru
a va ajuta sa gasiti informatii stocate intr-un sistem cum
ar fi Internetul sau calculatorul personal.

 Totusi, termenul de motor de cautare se refera in

general la motoarele de cautare concepute special
pentru cautare de informatii pe Internet.

 www.google.com, www.excite.com, www.lycos.com,

www.altavista.com, www.webcrawler.com,
www.infoseek.com, www.yahoo.com.
Etapele planificării site-ului

 Procesul de planificare a unui site trebuie

să parcurgă următoarele etape:
· Stabilirea scopului
· Definirea obiectivelor
· Colectarea informaţiilor despre
subiectul prezentat
· Stabilirea modului de prezentare
HTML
 HTML este o abreviere de la Hypertext Markup
Language şi reprezintă scheletul oricărei pagini
Web.

 HTML nu este un limbaj de programare.

 HTML este un limbaj standardizat, aceasta

însemnând că orice browser poate interpreta şi
afişa corect un document Web.
Instrumente
 Instrumentele minime de care aveţi nevoie
pentru a realiza documente HTML sunt, în
esenţă, următoarele:

 un editor de text, cu ajutorul căruia să scrieţi

documentul,
 un browser, prin intermediul căruia să vizualizaţi
aspectul şi conţinutul documentului,
 un editor grafic cu care să prelucraţi imaginile pe
care le veţi introduce în pagină şi
 o conexiune la Internet.
Editorul
 1. Folosirea unui simplu editor de text.
Cel mai cunoscut şi accesibil este Notepad-ul din Windows.
Atenţie!
Nu este recomandat să folosiţi un procesor de text complex cum este
Microsoft Word, chiar dacă acesta poate salva documentele în format
HTML (cu extensia .htm), deoarece la salvarea documentelor Word-ul
adaugă automat la textul documentului dumneavoastră o mare cantitate de
cod conţinând informaţii care încarcă inutil documentul şi măreşte
dimensiunile fişierului.

 2. Folosirea unui editor HTML.

Acest tip de editoare dedicate oferă facilităţi în scrierea codului, realizează
corectarea documentului din punct de vedere sintactic şi chiar scriu
secvenţe de cod pentru anumite elemente pe care doriţi să le inseraţi în
document.

 3. Folosirea unui editor WYSIWYG (What You See Is What You Get, în
traducere liberă "ceea ce vezi la editare este ceea ce obţii la vizualizare").
Un editor de tip WYSIWYG permite alegerea şi formatarea, cu ajutorul
mouse-ului, a elementelor pe care doriţi să le includeţi în pagină: tabele,
link-uri, formulare, puteţi stabili tipul fonturilor, culorile, aranjarea textului în
pagina.
Documentul HTML

 Un document HTML nu este altceva

decât un fişier text care, pe lângă textul
propriu-zis ce va apărea în pagină, conţine
şi o serie de elemente speciale, denumite
etichete, sau marcaje (tags, în limba
engleză).
Documentul HTML
 Toate celelalte elemente, de tip multimedia, care
însoţesc documentul HTML, cum sunt sunetul,
imaginile video, grafica, etc., nu fac parte din
structura acestuia. Documentul HTML include
referinţe la aceste elemente, prin intermediul
unor etichete speciale, care indică browserului
modul în care ele vor fi încărcate şi integrate în
pagina Web.
Tag-uri (etichete)
 Etichetele nu sunt instrucţiuni în sensul cunoscut
al noţiunii, ele având doar rolul de a comunica
browserului semnificaţia şi modul de afişare al
elementelor incluse, privind aspectul textului, al
fonturilor (tipurilor de caractere) şi în general, al
tuturor elementelor prezente în pagină.
Etichetele sunt delimitate de perechi de
paranteze unghiulare "< >".
Tag-uri (etichete)
 Unele etichete permit precizarea anumitor
caracteristici ale elementului pe care îl introduc
în document prin intermediul unor perechi
caracteristică - valoare numite atribute.

 Există atribute specifice doar anumitor elemente

şi atribute ce sunt utilizate în asociere cu mai
multe etichete. O etichetă poate avea unul, nici
unul, sau mai multe atribute. La rândul lor,
atributelor li se pot atribui valori diferite.
Tag-uri (etichete)
 Atât etichetele cât şi atributele sunt case-
insensitive, ca atare nu va exista nici o diferenţă
de acţiune între, să spunem, <head>, <Head>,
<HEAD>, sau chiar <HeaD>. Ele sunt
echivalente.

 Pe de altă parte, valoarea unui atribut poate fi

case-sensitive, cum, în principiu, este cazul
locaţiilor fişierelor şi adreselor URL.
HTML interpretat

 Documentele HTML sunt interpretate de

browser exact aşa cum au fost ele scrise.
Prin urmare, orice greşeală de sintaxă se
va reflecta direct în aspectul paginii Web,
conducând, de cele mai multe ori, la o
funcţionare defectuoasă a acesteia.
Tag-uri (etichete)
Etichetele HTML sunt de două tipuri:

 · etichete container (container tags)

 · etichete vide (empty tags)

Tag-uri (etichete)
Etichetele container sunt de forma:

<TAG> bloc de text </TAG>

unde:
 <TAG> - marchează începutul unui bloc

 </TAG> - marchează sfârşitul blocului

Tag-uri (etichete)
Etichetele vide au forma:

 <TAG>

 Acest tip de etichete nu se referă la formatul textelor, ci

la introducerea anumitor elemente, ca de exemplu:
paragrafe, sfârşit de linie, linii orizontale şi altele, deci
dau indicaţii browserului despre ce element este vorba şi
despre cum să afişeze acel element.

 Etichetele vide nu au etichetă de închidere.

Documentul HTML

Orice document HTML conţine două

secţiuni:
· antetul (head)
· corpul documentului (body)
Structura generală a unui document HTML:

<HTML>

<HEAD>

<TITLE> </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>
Folosirea corectă a etichetelor
Este foarte important ca, în cazul folosirii mai multor
etichete container împreună, ele să fie plasate în mod
corect.

În această situaţie, principiul de utilizare este: "Last In -

First Out" (LIFO). Acest lucru înseamnă că ultima
etichetă deschisă trebuie să fie prima care se închide.

<CENTER><B>Text cu aldine si centrat</B></CENTER>