Lector univ. dr. Adrian Runceanu

Tehnologii Web

1

Universitatea Constantin Brncui din Trgu-Jiu Facultatea de Inginerie

Departamentul de Automatic, Energie i Mediu

Cteva precizri

Structura cursului

2 ore curs titular curs: Adrian Runceanu

2 ore laborator titular aplicaii practice: Constantin Cercel

2

Cteva precizri

Forme de examinare:

Examen final 60%

Evaluare pe parcursul semestrului a activitii de laborator 30%

Prezen curs i laborator 10%

3

Cteva precizri

Bibliografia necesar cursului: 1. Brian Behlandorf , Running a Perfect Web Site with Apache, Second Edition,

Macmillan Computer Publishing, http://www.acan.toya.net.pl/books/apache/ewtoc.html

2. Mihaela Brut, Sabin Buraga, Prezentri multimedia pe Web, Polirom, Iasi, 2003

3. Sabin Buraga, Aplicaii Web la cheie. Studii de caz implementate n PHP, Polirom, 2003

4. Sabin Buraga, Proiectarea siturilor Web ediia a doua, Polirom, Iasi, 2005 5. Traian Anghel, Programare Web, Editura Polirom, Iasi, 2007 6. Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL,

Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru site-uri dinamice, Editura Teora,

Bucuresti, 2006

4

http://www.acan.toya.net.pl/books/apache/ewtoc.html

Cteva precizri

Bibliografia necesar cursului:

8. Adrian Runceanu, Mihaela Runceanu

Tehnologii web ndrumar de laborator, Editura Academica Brncui, 2009, Tg-Jiu

5

Cteva precizri

Referine electronice: 9. ***, http://apache-server.com/store.html#Books 10. ***, http://www.bayes.co.uk/xml/index.xml?/xml/main.xml 11. ***, http://www.edusoft.ro/php.html 12. ***, http://www.rophp.net/ 13. ***, http://www.microsoft.com 14. ***, http://www.sun.com 15. ***, http://www.w3.org

6

http://apache-server.com/store.htmlhttp://apache-server.com/store.htmlhttp://apache-server.com/store.htmlhttp://www.bayes.co.uk/xml/index.xml?/xml/main.xmlhttp://www.edusoft.ro/php.htmlhttp://www.rophp.net/http://www.microsoft.com/http://www.sun.com/http://www.w3.org/

Cteva precizri

Suportul de curs - varianta electronic disponibil pe site-ul:

www.runceanu.ro/adrian

Not: Actualizarea site-ului se face sptmnal.

7

http://www.runceanu.ro/adrianhttp://www.runceanu.ro/adrianhttp://www.runceanu.ro/adrianhttp://www.runceanu.ro/adrianhttp://www.runceanu.ro/adrian

Curs 1

Limbajul Html

(partea I)

8

Noiuni introductive

Tehnologiile utilizate n aplicaiile Web reprezint n general, acele limbaje de programare utilizate la crearea de site-uri web complexe, interactive, al cror concept presupune stpnirea ct mai detaliat a unor limbaje de scripting sau de programare i baze de date. n categoria tehnologii Web se pot include:

1. o multitudine de limbaje de programare, cum ar fi PHP, JavaScript, ASP, etc.

2. iar ca baze de date pot fi utilizate MySQL, MsSQL, Access, ORACLE, etc.

9

Cteva aplicaii Web ntalnite mai des sunt:

portal-uri

forum-uri

magazine virtuale

formulare de nscriere

licitaii on-line, etc.

Acum civa ani, tehnologiile Web erau folosite doar de marile companii datorit, n principal, costurilor ridicate ale licenelor programelor de dezvoltare.

n prezent, datorit dezvoltrii tot mai accentuate a soluiilor Open Source, oricine i poate permite realizarea de aplicaii web.

10

Se pot enumera o serie de tehnologii folosite mai des n programarea aplicaiilor web dinamice, i anume:

html - Aprut la nceputul anilor '90, datorit lipsei unui limbaj universal care s permit publicarea informaiei la nivel global, html a determinat dezvoltarea spectaculoas a Internetului.

Marcajele de tip html din cadrul documentului spun browser-ului cum s afieze coninutul util al fiierului;

Xhtml - reprezint prescurtarea de la EXtensible HyperText Markup Language (denumirea oficiala a standardului).

Practic este un nlocuitor modern al mai vechiului limbaj html; CSS - Fiierul CSS (cascading style sheet - foi de stil n cascad).

Un fiier CSS este un fiier text cu extensia ".css" definind stiluri pentru paginile html.

Fiierele CSS permit stilizarea n bloc a documentelor html cu un efort semnificativ mai mic dect n cazul stilizrii elementelor de pagin n cadrul fiecrui document html n parte, prin intermediul atributelor tagurilor.

11

JAVASCRIPT - este un limbaj de scripting dezvoltat la origine de Netscape, permind scrierea de secvene de program care se execut la apariia unui eveniment utilizator.

FLASH - este un mediu de lucru dezvoltat de compania Macromedia; cu ajutorul FLASH-ului se poate realiza un design de calitate, coninut interactiv, animaii profesionale.

MYSQL - este un sistem de gestiune a bazelor de date relaionale, fiind o component cheie a limbajului PHP.

CGI - Common Gateway Interface - sunt script-uri scrise n orice limbaj de programare indiferent dac sunt compilate sau interpretate, script-uri care sunt executate pe server;

12

ISAPI - Internet Server API - reprezint alternativa celor de la Microsoft la CGI (Common Gateway Interface), rulabil bineneles pe platforme Windows.

Acesta poate fi scris n orice limbaj cu suport pentru dll-uri. PHP i ASP aprute n 1994, respectiv 1996, sunt dou limbaje

puternice care au adus o schimbare n design-ul aplicaiilor web.

Acestea, dei sunt diferite, au totui o serie de similariti: ambele sunt interpretate, ambele genereaz scripturi (.php respectiv .asp), care pot fi combinate cu html, date de tip text, etc.

Limbajele ofer suport i pentru lucrul cu baze de date (MySQL, MsSQL, PostgreSQL, Oracle) - de fapt sunt intens folosite n acest sens.

Limbajul ASP nu este un concept nou ci se bazeaz pe limbajele VBScript i JScript.

Principalul dezavantaj al acestor doua limbaje este viteza. Acestea sunt lente deoarece fiecare accesare presupune

procesarea i interpretarea lor i nu pot construi controale reutilizabile.

13

JSP - Java Server Pages - reprezint o tehnologie de design al aplicaiilor web ce permite crearea acestor aplicaii independente de platform. Tehnologia se bazeaz pe limbajul de programare Java i marcatori XML

Avantajul JSP este reprezentat de administrarea facil, independent de platform, separarea logicii aplicaiei de partea de interfa utilizator, performana

ASP.NET - este o nou tehnologie pentru aplicaii web elaborat de Microsoft, dar despre care nu se poate spune dac este o urmare a ASP-ului, cu toate c pstreaz compatibilitatea cu acesta.

14

Concluzii

Exist o serie de alte medii pentru proiectarea aplicaiilor web, fiecare cu avantajele i dezavantajele sale, dar cu un singur scop:

crearea unor aplicaii web interactive, securizate

cu timp de rspuns ct mai redus

dar care s ofere i o interfa grafic plcut

15

Limbajul HTML

1. Limbajul html. Noiuni introductive

2. Formatarea textului

2.1. Formatarea paragrafelor

2.2. Utilizarea paragrafelor titlu

2.3. Formatarea la nivel de caracter

2.4. Aplicarea unor efecte asupra textului

2.5. Grosimea unui font

16

1. Limbajul html

html este prescurtarea de la HyperText Markup Language, limbajul utilizat n World Wide Web pentru descrierea hipertextelor.

html nu este un limbaj de programare propriu-zis, ci doar un limbaj de descriere, coninnd elemente ce permit construirea paginilor Web.

17

1. Limbajul html

Documentele html sunt exclusiv de tip text (ASCII); prin urmare ele pot fi editate direct, prin comenzi specifice sistemului de operare folosit.

De exemplu, pentru crearea unui document html n Windows XP se pot utiliza unul din editoarele de texte incluse n sistemul de operare (Notepad, Wordpad) sau orice alt editor de texte.

18

1. Limbajul html

Documentele descrise n html pot fi vizualizate cu ajutorul unor aplicaii speciale denumite browser-e, care lucreaz pe diferite tipuri de sisteme de calcul;

prin urmare, documentele html sunt independente de platforma de lucru.

html utilizeaz pentru descrierea documentelor Web etichete (denumite i tag-uri) specifice pentru fiecare element descris;

etichetele stabilesc att structura documentului, ct i aspectul acestuia.

19

1. Limbajul html

O etichet (tag) este un identificator care furnizeaz browser-ului instruciuni de formatare a documentului.

Pentru a fi delimitate, etichetele html sunt ncadrate ntre paranteze unghiulare ().

20

1. Structura unui document html

Un document html este delimitat de perechea de etichetele i i este constituit din:

a) Antetul documentului, delimitat de etichetele i , care conine informaii generale referitoare la document, cum ar fi titlul documentului, autorul acestuia etc.

b) Corpul documentului, care conine textul propriu-zis al documentului, precum i elementele specifice de descriere a formatului acestuia.

21

1. Structura unui document html

n antet este recomandat s precizai titlul documentului, care va fi afiat n bara titlu a ferestrei browser-ului.

Pentru a preciza titlul documentului, care nu poate depi 64 de caractere, se utilizeaz n seciunea antet etichetele pereche i , ntre care se scrie titlul documentului.

22

1. Structura unui document html