Internet. Site web.

Structura
documentului HTML.
Lectia 1.
Programare WEB
Internet-ul este:
.un sistem cu o dezvoltare foarte rapida care cuprinde
computere interconectate si care faciliteaza serviciile de
transfer de date cum ar fi posta electronica, World Wide
Web, transferul de fisiere si stiri;

.retea globala de computere, care leaga guverne,

universitati, companii si multe retele si utilizatori;

.retea globala ce conecteaza mai mult de 2 milioane de

calculatoare, numarul acestora fiind in continua crestere.
Istoric
.In urma cu peste 30 de ani, la sfarsitul anilor '60, Departamentul Apararii din
S.U.A. a pus bazele primei retele de calculatoare destinata sa acopere o
larga intindere geografica, ARPAnet (Advanced Research Projects Agency
Network).

.Scopul retelei era schimbul de informatii cu caracter stiintific si tehnic intr

e
participantii la diferite proiectede cercetare din cadrul Departamentului
Apararii si cercetatori din institutii de invatamant superior implicate.

.Rezultatele obtinute in cadrul acestui proiect au condusla definirea si apoi

la standardizarea unor protocoale folosite la transferul de date prin retelele
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 retelelor de
calculatoare.
Internet, intranet
.Pentru a putea face schimb de informatii, calculatoarele sunt inter-
conectate, formand retele de calculatoare.
.Multe dintre aceste retele de calculatoare sunt conectate intre ele,
formand inter-retele (retele de retele de calculatoare).

.Oretea de retele se numeste Internet(,,net inseamna in limba

engleza ,,retea ).

.Cea mai mare inter-retea publica (retea de retele de calculatoare cu

acces public) este reteaua Internet.

.Intranet retea in cadrul unei intreprinderi (retea privata)

Servicii oferite de Internet:
.E-Mail posta electronica pe Internet;

.FTP serviciu pentru copierea fisierelor 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, intr-un limbaj numit HTML
(HyperText Markup Language) ce permite grafica si legaturi hyperlink. (inseamna
in
traducere ad-litteram panza de paianjen intinsa in lumea intreaga )
.Chat conversatie pe Internet, prin introducerea textelor pe calculator;

.Newsgroups contine ultimele noutati pe o anumita tema;

.Telneteste serviciul pentru accesul de la distanta la resursele unui calculator

;
Adresa IP
.Pentru a face posibila accesarea unui calculator in retea,
s-a impus necesitatea ca fiecare computer conectat la
Internet sa fie identificat in mod unic, printr-un element
numit adresa IP (Internet Protocol).

.Adresa IP este formata din patru numere, fiecare mai

mic de 255, despartite intre ele prin punct (de exemplu
123.67.9.201).

.In vreme ce computerele lucreaza cu numere, oamenii

prefera numele. Din acest motiv, fiecarei asemenea
adrese IP i s-a asociat si un nume.
TERMINOLOGIA WEB:
.Server Web. Un server web este un calculator care adaposteste un Site Web si ca
re
este capabil sa raspunda la cereri de pagini Web din partea unui client. Pentru
a
putea raspunde permanent cererilor Web, un calculator trebuie sa ruleze permanen
t
o aplicatie speciala: httpd. Cele mai intilnite servere Web sunt: Apache Server;
Microsoft Web Server; Oracle Web Server.
.Site Web. O colectie organizata de pagini Web formeaza un site web.In www, clie
ntul
solicita pagini Web de la un site Web.
.Pagina Web. In orice calculator informatia este stocata in unitati numite fisie
re.
Aceste fisiere contin: text; programe; imagini; filme; sunete, etc. Pentru www s
unt
importante anumite fisiere speciale, numite si pagini Web. Acestea au extensia .
htmsau html.
.Home Page.Home Page (pagina gazda) este o paginadin site-ul unei organizatii
care:
este in mod uzual prima pagina accesata din site;
TERMINOLOGIA WEB:
.HTTP-Pentru a comunica intre ele, doua calculatoare folosesc un
sistem de reguli ce formeaza un protocol. Serviciul www utilizeaza
ca protocol de comunicare intre client si server HyperText Transfer
Protocol (HTTP), adica Protocolul de Transfer al Hipertextului.
.Hipertexteste un text imbogatit. El contine:
-text obisnuit;
-etichete pentru formatarea textului si incapsularea altor tipuri de
informatii (salturi rapide catre alte resurse de informatii, sunete,
imagini, filme, etc).
Hipertextul este stocat in fisiere avand o extensie speciala: .htm sau
html.
TERMINOLOGIA WEB:
.HTML.Un fisier care contine hipertext este scris intr-un limbaj
specific numit HiperText Markup Language (HTML), adica Limbajul
de Marcare a Hipertextului. HTML este un limbaj care permite
inserarea de:
Text;
Sunete, imagini si filme;
Indicatori de prezentare a informatiei;
Legaturi (link-uri) catre alte pagini Web aflate oriunde in lume;
Aplicatii (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 Servereste 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 reteade 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 siteavem nevoie de:
.nume domeniusau numele prin care suntem accesati
din Internet (de exemplu: nume.md)
.gazduire (Web Hosting)pe un server, care poate fi:
gratuitasau cu plata
.site-ul propriu-zisformat in principal din fisiere de tip
html, php, aspsi 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 national .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 oaspet
i,
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 cautareeste 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 cautarese 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 planificarii site-ului
.Procesul de planificare a unui site trebuie
sa parcurga urmatoarele etape:
.· Stabilirea scopului
.· Definirea obiectivelor
.· Colectarea informatiilor despre
subiectul prezentat
.· Stabilirea modului de prezentare
HTML
.HTMLeste o abreviere de la Hypertext Markup
Languagesi reprezinta scheletul oricarei pagini
Web.

.HTML nu este un limbaj de programare.

.HTML este un limbaj standardizat, aceasta
insemnand ca orice browser poate interpreta si
afisa corect un document Web.
Instrumente
.Instrumentele minime de care aveti nevoie
pentru a realiza documente HTML sunt, in
esenta, urmatoarele:

.un editor de text, cu ajutorul caruia sa scrieti

documentul,
.un browser, prin intermediul caruia sa vizualizati
aspectul si continutul documentului,
.un editor graficcu care sa prelucrati imaginile pe
care le veti introduce in pagina si
.o conexiune la Internet.
Editorul
.1.Folosirea unui simplu editor de text.

Cel mai cunoscut si accesibil este Notepad-ul din Windows.

Atentie!
Nu este recomandat sa folositi un procesor de text complex cum este
Microsoft Word, chiar daca acesta poate salva documentele in format
HTML (cu extensia .htm), deoarece la salvarea documentelor Word-ul
adauga automat la textul documentului dumneavoastra o mare cantitate de
cod continand informatii care incarca inutil documentul si mareste
dimensiunile fisierului.
.2.Folosirea unui editor HTML.

Acest tip de editoare dedicate ofera facilitati in scrierea codului, realizeaza

corectarea documentului din punct de vedere sintactic si chiar scriu
secvente de cod pentru anumite elemente pe care doriti sa le inserati in
document.
.3.Folosirea unui editor WYSIWYG(What You See Is What You Get, in
traducere libera "ceea ce vezi la editare este ceea ce obtii la vizualizare").

Un editor de tip WYSIWYG permite alegerea si formatarea, cu ajutorul

mouse-ului, a elementelor pe care doriti sa le includeti in pagina: tabele,
link-uri, formulare, puteti stabili tipul fonturilor, culorile, aranjarea textul
ui in
pagina.
DocumentulHTML
.Un document HTMLnu este altceva
decat un fisier text care, pe langa textul
propriu-zis ce va aparea in pagina, contine
si o serie de elemente speciale, denumite
etichete, sau marcaje (tags, in limba
engleza).
DocumentulHTML
.Toate celelalte elemente, de tip multimedia, care
insotesc documentul HTML, cum sunt sunetul,
imaginile video, grafica, etc., nu fac parte din
structura acestuia. Documentul HTML include
referinte la aceste elemente, prin intermediul
unor etichete speciale, care indica browseruluimodul in care ele vor fi incarcat
e si integrate in
pagina Web.
Tag-uri (etichete)
.Etichetele nu sunt instructiuni in sensul cunoscut
al notiunii, ele avand doar rolul de a comunica
browseruluisemnificatia si modul de afisare al
elementelor incluse, privind aspectul textului, al
fonturilor (tipurilor de caractere) si in general, al
tuturor elementelor prezente in pagina.
Etichetele sunt delimitate de perechi de
paranteze unghiulare "< >".
Tag-uri (etichete)
.Unele etichete permit precizarea anumitor
caracteristici ale elementului pe care il introduc
in document prin intermediul unor perechi
caracteristica -valoarenumite atribute.

.Exista atribute specifice doar anumitor elemente

si atribute ce sunt utilizate in asociere cu mai
multe etichete. O eticheta poate avea unul, nici
unul, sau mai multe atribute. La randul lor,
atributelor li se pot atribui valoridiferite.
Tag-uri (etichete)
.Atat etichetele cat si atributele sunt case-
insensitive, ca atare nu va exista nici o diferenta
de actiune intre, sa spunem, <head>, <Head>,
<HEAD>, sau chiar <HeaD>. Ele sunt
echivalente.

.Pe de alta parte, valoarea unui atribut poate fi

case-sensitive, cum, in principiu, este cazul
locatiilor fisierelor si adreselor URL.
HTML interpretat
.Documentele HTML sunt interpretate de
browserexact asa cum au fost ele scrise.
Prin urmare, orice greseala de sintaxa se
va reflecta direct in aspectul paginii Web,
conducand, de cele mai multe ori, la o
functionare defectuoasa a acesteia.
Tag-uri (etichete)
Etichetele HTML sunt de doua tipuri:
.·etichete container(container tags)

.·etichete vide(empty tags)

Tag-uri (etichete)
Etichetelecontainersunt de forma:
<TAG> bloc de text </TAG>
unde:
.<TAG> -marcheaza inceputul unui bloc

.</TAG> -marcheaza sfarsitul blocului

Tag-uri (etichete)
Etichetelevideau forma:
.<TAG>

.Acest tip de etichete nu se refera la formatul textelor, ci

la introducerea anumitor elemente, ca de exemplu:
paragrafe, sfarsit de linie, linii orizontale si altele, deci
dau indicatii browseruluidespre ce element este vorba si
despre cum sa afiseze acel element.

.Etichetele vide nu au eticheta de inchidere.

Documentul HTML
Orice document HTML contine doua
sectiuni:
.·antetul(head)
.·corpul documentului (body)
Structura generala a unui document HTML:
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Folosirea corecta a etichetelor
Este foarte important ca, in cazul folosirii mai multor
etichete container impreuna, ele sa fie plasate in mod
corect.
In aceasta situatie, principiul de utilizare este: "Last In -
First Out"(LIFO). Acest lucru inseamna ca ultima
eticheta deschisa trebuie sa fie prima care se inchide.
<CENTER><B>Text cu aldine si centrat</B></CENTER>