1.1 Despre Internet si Date

Internetul reprezinta cea mai importanta descoperire a secolului XX. Desi cu totii cunoastem aces lucru nu toti stim exact ceea ce inseamna cuvantul Internet. Pentru multi internetul este fereastra de Yahoo Messenger ("Intri si tu pe net diseara?") pentru altii Internetul este reprezentat doar de website-ul google.com ("Cauta pe net!"); Notiunea de Internet este mult mai complexa si mai greu de explicat decat ne-am putea imagina. Prin Internet trebuie sa intelegem atat sistemele ce fac parte dintr-o retea globala si care comunica intre ele cat si cantitatea imensa de informatie ce se transmite in fiecare secunda intre oricare dintre aceste sisteme interconectate prin cabluri, fibra optica sau wireless.

Pe parcursul acestui curs vom studia o mica parte din ceea ce reprezinta reteaua globala. Vom studia modalitatea de a face anumite informatii accesibile de catre altii intr-o forma numita de noi toti "site web" printr-o metoda denumita "dezvoltare web" sau "programare web". Practic vom folosi diferite limbaje de descriere sau programare pentru a face aceasta informatie accesibila prin diferite protocoale si reguli cunoscute de orice computer conectat la Internet.

Pentru a construi un site web trebuie mai intai sa studiem limbajul de descriere numit HTML (HyperText Markup Language); Acest limbaj este tranferat la nivelul unei retele de pe un server care sustine site-ul nostru printr-un protocol numit HTTP (HyperText Transfer Protocol) pe computerul unei persoane numite "vizitator";

PHP este un limbaj de programare prin care dinamizam HTML-ul; Adica modificam site-ul in functie de anumite evenimente sau de interactiunea utilizatorului si aplicatia web.

PHP inseamna Hypertext Pre Processor si a fost dezvoltat special pentru construirea paginilor web a site-urilor dinamice. Cu ajutorul PHP modificam datele expuse pe o pagina web si modul de expunere a lor in functie de anumite evenimente. Putem crea aplicatii web care interactioneaza cu utilizatorul prin formulare, sau aplicatii ce interactioneaza cu baze de date unde fiecare utilizator are propria sectiune pe care o poate sau nu modifica sau prin indermediul careia poate avea acces privilegiat la anumite informatii.

1.2 HTML: Crarea unei pagini noi, taguri de paragraf si de titlu

In continuare, in acest curs vom lucra folosind editorul pentru pagini web Adobe Dreamwaver CS3; Pentru a crea o pagina HTML noua in acest editor va trebui sa folositi optiunea New din meniul File de pe bara de meniuri, fie sa folositi combinatia de taste CTRL-N; Aveti exemplul in imaginea de mai jos:

Selectati optiunea pentru crearea unei pagini HTML fara un layout predefinit, apoi apasati butonul create:

Dupa deschiderea paginii puteti observa structura paginii HTML. Tot continutul paginii este incadrat de tag-urile si . Orice pagina web are doua sectiuni importante: antetul si corpul; Antetul sau "head" este reprezentat de tag-urile intre care se pot adauga numai taguri specifice antetului paginii; Unul dintre aceste taguri este intre care puteti adauga titlul paginii sub forma unui text; Acest text va deveni numele paginii si va aparea scris pe bara de titlu a ferestrei atunci cand veti deschide pagina;

In interiorul corpului paginii reprezentat de tag-urile putem scrie continutul paginii efectiv; In exemplul de mai jos am scris un text pentru a fi afisat pe pagina;

Pentru a putea vizualiza pagina este necesar mai intai sa o salvati; Numele "index.html" reprezinta prima pagina a unui site;

Dupa salvarea paginii incercam sa o deschidem din locatia in care am salvat-o;

Pe pagina a aparut textul scris in corpul paginii iar titlul paginii este sirul ce se afla intre tag-urile din anteteul paginii;

Tagul defineste un paragraf; Textul ce reprezinta acel paragraf trebuie scris intre cele doua taguri; Mai jos aveti un exemplu de trei paragrafe:

Putem avea un text pe mai multe linii intr-un paragraf; Pentru aceasta bom folosi tagul
; (break); Acest tag reprezinta linie noua si comunica browserului ca la intalnirea acestuia textul de dupa el sa fie pus pe un alt rand;

Un tag poate avea atribute; Aceste atribute se pun intotdeauna numai in tagul de deschidere nu si in tagul de inchidere; De exemplu un atribut al tagului este "align" care poate lua valorile "left", "right", "center" si "justify"; Daca acest tag nu este definit el este considerat default "left";

In imagine de mai sus paragraful a fost aliniat pe centrul paginii; In exemplul de mai jos textul este aliniat la dreapta; Daca textul din paragraf este mai lung decat ar incapea un pagina acesta este automat impartit pe cate randuri este necesar pentru a putea fi afisat; In acest caz, la folosirea atributului "justify" randurile de text vor fi aliniate si la stanga si la dreapta;

1.3 Titluri

Pentru a defini un titlu se folosesc asa numitele taguri (x este inlocuit de un numar intre 1 si 6); Iata un exemplu de folosire a acestora si rezultatul exercitiului:

1.4 Legaturi cu alte pagini -

Un site web reprezinta o colectie de pagini web; Pentru a le interconecta avem nevoie practic de referinte de la o pagina la o alta pagina; Putem crea aceste referinte folosind tagurile . Atributul "href" reprezinta adresa paginii catre care se face referinta. Daca dorim s face referire catre pagina curenta atunci vom da ca valoare a atributului "href" caracterul "#" (diez)

1.5 Fonturi, culori si marimi

Putem scrie un text cu o anumite culoare si marime. Acest lucru este ursor datorita tag-ului ce primeste trei atribute importante ce definesc fontul, culoarea si marimea unui text incadrat;

face - atriut pentru font

color - atribut pentru culoare

size - atribut pentru marime

Iata modul de folosire mai jos:

Pentru a scrie un paragraf cu o anumita culoare, marime sau un anumit font nu trbuie decat sa adaugam si tag-utile specifice paragrafului :