noţiuni elementare despre internet · luke welling, laura thomson, dezvoltarea aplicatiilor web cu...
TRANSCRIPT
![Page 1: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/1.jpg)
PROGRAMARE WEB
Colegiul National Ecaterina Teodoroiu din Targu Jiu
Adrian Runceanu
![Page 2: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/2.jpg)
Câteva precizări
Bibliografie:
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, Prezentări multimedia pe Web, Polirom, Iasi, 2003
3. Sabin Buraga, Aplicaţii Web la cheie. Studii de caz implementate în PHP, Polirom, 2003
4. Sabin Buraga, Proiectarea siturilor Web – ediţia a doua, Polirom, Iasi, 2005
5. Traian Anghel, Programare Web, Editura Polirom, Iasi, 20076. Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si
MySQL, Editura Teora, Bucuresti, 20057. Larry Ullman, PHP si MySQL pentru site-uri dinamice, Editura Teora,
Bucuresti, 2006
04.10.2016 Tehnologii Web 2
![Page 3: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/3.jpg)
Câteva precizări
Bibliografie(continuare):
8. Adrian Runceanu, Mihaela Runceanu –Tehnologii web – îndrumar de laborator, Editura Academica Brâncuşi, 2009, Tg-Jiu
04.10.2016 Tehnologii Web 3
![Page 4: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/4.jpg)
Câteva precizări
Referinţe electronice:
9. ***, http://apache-server.com/store.html#Books10. ***, http://www.bayes.co.uk/xml/index.xml?/xml/main.xml11. ***, http://www.edusoft.ro/php.html12. ***, http://www.rophp.net/13. ***, http://www.microsoft.com14. ***, http://www.sun.com15. ***, http://www.w3.org
04.10.2016 Tehnologii Web 4
![Page 5: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/5.jpg)
Câteva precizări
Suportul de curs - varianta electronicădisponibilă pe site-ul:
www.runceanu.ro/adrian
Notă: Actualizarea site-ului se face săptămânal.
04.10.2016 Tehnologii Web 5
![Page 6: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/6.jpg)
1. Noţiuni introductive despre tehnologii web
![Page 7: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/7.jpg)
Noţiuni introductive
Tehnologiile utilizate în aplicaţiile Webreprezintă în general, acele limbaje de programareutilizate la crearea de site-uri web complexe,interactive, al căror concept presupune stăpânireacât mai detaliată a unor limbaje de scripting sau deprogramare web şi baze de date. În categoria tehnologii Web se pot include:
1. o multitudine de limbaje de programare web,cum ar fi PHP, JavaScript, ASP, etc.
2. iar ca baze de date pot fi utilizate MySQL,MsSQL, Access, ORACLE, etc.
04.10.2016 Tehnologii Web 7
![Page 8: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/8.jpg)
Câteva aplicaţii Web întalnite mai des sunt: portal-uri forum-urimagazine virtuale formulare de înscriere licitaţii on-line, etc.
Acum câţiva ani, tehnologiile Web erau folosite doar de marile companii datorită, în principal, costurilor ridicate ale licenţelor programelor de dezvoltare.
În prezent, datorită dezvoltării tot mai accentuate a soluţiilor Open Source, oricine îşi poate permite realizarea de aplicaţii web.
04.10.2016 Tehnologii Web 8
Noţiuni introductive
![Page 9: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/9.jpg)
Se pot enumera o serie de tehnologii folosite mai des în programarea aplicaţiilor web dinamice, şi anume:
html - Apărut la începutul anilor '90, datorită lipsei unui limbaj universal care să permită publicarea informaţiei la nivel global, html a determinat dezvoltarea spectaculoasă a Internetului. - Marcajele de tip html din cadrul documentului spun browser-ului cum să afişeze conţinutul util al fişierului;
04.10.2016 Tehnologii Web 9
Noţiuni introductive
![Page 10: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/10.jpg)
Xhtml - reprezintă prescurtarea de la eXtensible HyperText Markup Language (denumirea oficiala a standardului). - Practic este un înlocuitor modern al mai vechiului limbaj html;
04.10.2016 Tehnologii Web 10
Noţiuni introductive
![Page 11: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/11.jpg)
CSS - Fişierul CSS (cascading style sheet - foi de stil în cascadă). – Un fişier CSS este un fişier text cu extensia ".css"
definind stiluri pentru paginile html.
– Fişierele CSS permit stilizarea în bloc a documentelor html cu un efort semnificativ mai mic decât în cazul stilizării elementelor de pagină în cadrul fiecărui document html în parte, prin intermediul atributelor tag-urilor.
04.10.2016 Tehnologii Web 11
Noţiuni introductive
![Page 12: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/12.jpg)
JAVASCRIPT - este un limbaj de scripting dezvoltat la origine de Netscape, permiţând scrierea de secvenţe de program care se execută la apariţia unui eveniment utilizator.
FLASH - este un mediu de lucru dezvoltat de compania Macromedia; cu ajutorul FLASH-ului se poate realiza un design de calitate, conţinut interactiv, animaţii profesionale.
MYSQL - este un sistem de gestiune a bazelor de date relaţionale, fiind o componentă cheie a limbajului PHP.
04.10.2016 Tehnologii Web 12
Noţiuni introductive
![Page 13: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/13.jpg)
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;
ISAPI - Internet Server API - reprezintă alternativa celor de la Microsoft la CGI (Common Gateway Interface), rulabilă bineînţeles pe platforme Windows. - Acesta poate fi scris în orice limbaj cu suport pentru dll-uri.
04.10.2016 Tehnologii Web 13
Noţiuni introductive
![Page 14: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/14.jpg)
PHP şi ASP apărute în 1994, respectiv 1996, sunt două limbaje puternice care au adus o schimbare în design-ul aplicaţiilor web. – Acestea, deşi sunt diferite, au totuşi o serie de
similarităţi: • 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.
04.10.2016 Tehnologii Web 14
Noţiuni introductive
![Page 15: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/15.jpg)
PHP & ASP (continuare)
- Limbajul ASP nu este un concept nou ci se bazează pelimbajele VBScript şi JScript.
- Principalul dezavantaj al acestor doua limbaje esteviteza.
- Acestea sunt lente deoarece fiecare accesarepresupune procesarea şi interpretarea lor şi nu pot construi controale reutilizabile.
04.10.2016 Tehnologii Web 15
Noţiuni introductive
![Page 16: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/16.jpg)
JSP - Java Server Pages - reprezintă o tehnologie de design al aplicaţiilor web ce permite crearea acestor aplicaţii 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 aplicaţiei de partea de interfaţă utilizator, performanţa
04.10.2016 Tehnologii Web 16
Noţiuni introductive
![Page 17: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/17.jpg)
ASP.NET - este o nouă tehnologie pentru aplicaţii web elaborată de Microsoft, dar despre care nu se poate spune dacă este o urmare a ASP-ului, cu toate că păstrează compatibilitatea cu acesta.
04.10.2016 Tehnologii Web 17
Noţiuni introductive
![Page 18: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/18.jpg)
Concluzii
Există o serie de alte medii pentru proiectarea aplicaţiilor web, fiecare cu avantajele şi dezavantajele sale, dar cu un singur scop crearea unor aplicaţii web:
interactive
securizate
cu timp de răspuns cât mai redus
dar care să ofere şi o interfaţă grafică plăcută
04.10.2016 Tehnologii Web 18
![Page 20: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/20.jpg)
Limbajul HTML
1. Limbajul HTML. Noţiuni introductive2. Formatarea textului
2.1. Formatarea paragrafelor2.2. Utilizarea paragrafelor titlu2.3. Formatarea la nivel de caracter2.4. Aplicarea unor efecte asupra textului2.5. Grosimea unui font
04.10.2016 Tehnologii Web 20
![Page 21: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/21.jpg)
1. Limbajul HTML
• HTML este prescurtarea de la HyperTextMarkup Language, limbajul utilizat înprotocolul World Wide Web pentrudescrierea hipertextelor.
• HTML nu este un limbaj de programarepropriu-zis, ci doar un limbaj de descriere,conţinând elemente ce permit construireapaginilor Web.
04.10.2016 Tehnologii Web 21
![Page 22: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/22.jpg)
1. Limbajul HTML
Caracteristicile limbajului HTML:
1. independenta de platforma - modul de afisare alunui document este acelasi, indiferent decomputerul pe care se realizeaza afisarea
2. structurarea formatarii3. posibilitatile hypertext - orice cuvant, imagine sau
alt element al documentului vizualizat de utilizatorpoate face referinta la un alt document, ceea ceusureaza navigarea in cadrul aceluiasi documentsau intre documente diferite
04.10.2016 Tehnologii Web 22
![Page 23: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/23.jpg)
1. Limbajul HTML
• Documentele HTML sunt exclusiv de tiptext (ASCII); prin urmare ele pot fi editatedirect, prin comenzi specifice sistemului deoperare folosit.
• De exemplu, pentru crearea unuidocument HTML în Windows se poateutiliza unul din editoarele de texte incluseîn sistemul de operare (Notepad,Wordpad) sau orice alt editor de texte.
04.10.2016 Tehnologii Web 23
![Page 24: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/24.jpg)
1. Limbajul HTML
• Documentele descrise în HTML pot fi vizualizate cuajutorul unor aplicaţii 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 documentelorWeb etichete (denumite şi tag-uri) specifice pentrufiecare element descris;– etichetele stabilesc atât structura documentului,
cât şi aspectul acestuia
04.10.2016 Tehnologii Web 24
![Page 25: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/25.jpg)
1. Limbajul HTML
• O etichetă (tag) este un identificator care furnizează browser-ului instrucţiuni de formatare a documentului.
• Pentru a fi delimitate, etichetele HTML suntîncadrate între paranteze unghiulare (‘<’ ‘>’).
04.10.2016 Tehnologii Web 25
![Page 26: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/26.jpg)
1. Structura unui document html
Un document HTML este delimitat de perechea deetichetele <html> şi </html> şi este constituit din:
a) Antetul documentului, delimitat de etichetele<head> şi </head>, care conţine informaţiigenerale referitoare la document, cum ar fi titluldocumentului, autorul acestuia, versiuneadocumentului, etc.
b) Corpul documentului, care conţine textul propriu-zis al documentului, precum şi elementelespecifice de descriere a formatului acestuia.
04.10.2016 Tehnologii Web 26
![Page 27: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/27.jpg)
1. Structura unui document html
• În antet este recomandat să precizaţi titluldocumentului, care va fi afişat în bara titlu aferestrei browser-ului.
• Pentru a preciza titlul documentului, care nupoate depăşi 64 de caractere, se utilizează însecţiunea antet etichetele pereche <title> şi</title>, între care se scrie titluldocumentului.
04.10.2016 Tehnologii Web 27
![Page 28: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/28.jpg)
1. Structura unui document htmlDe exemplu:
Putem scrie aceste etichete în aplicaţia Notepad:
<html>
<head><title> Introducere in limbajul html </title>
</head>. . . .
04.10.2016 Tehnologii Web 28
![Page 29: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/29.jpg)
1. Structura unui document html
Apoi putem vizualiza rezultatul în (de exemplu)browser-ul Mozilla Firefox:
04.10.2016 Tehnologii Web 29
![Page 30: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/30.jpg)
1. Structura unui document html
Corpul documentului poate fi delimitat de:
etichetele <body> şi </body>
sau (în cazul în care este descrisă structura cadrelor din document) de etichetele pereche <frameset> şi </frameset>.
04.10.2016 Tehnologii Web 30
![Page 31: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/31.jpg)
1. Structura unui document html
Astfel, structura generală a unui document HTMLpoate fi:
<html><head>
. . . antetul documentului . . .</head >
<body>. . . corpul documentului . . .
</body></html>
04.10.2016 Tehnologii Web 31
![Page 32: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/32.jpg)
1. Structura unui document html
Exemplu:Pasul 1: Lansaţi în execuţie editorul de texte Notepad şi
introduceţi următorul text, care reprezintă descrierea în limbaj html a unei pagini Web foarte simple:
<html>
<head>
<title> Prima mea pagina Web </title>
</head>
<body bgcolor=GREEN text=BLACK>
<i> <b>
Scriu in fereastra browser-ului un text negru pe fond verde...
</i> </b>
</body>
</html>
04.10.2016 Tehnologii Web 32
![Page 33: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/33.jpg)
1. Structura unui document html
Pasul 2: Salvaţi documentul cu numele Prim.html,utilizând opţiunea Save As din meniul File!
Pasul 3: Lansaţi în execuţie Internet Explorer.Vizualizaţi pagina Web creată, apelând opţiuneaOpen . . . din meniul File al ferestrei browser-ului(în fereastra de dialog care va apărea pe ecrantrebuie să specificaţi complet pagina pe care doriţisă o vizualizaţi - deci introduceţi calea, numele şiextensia fişierului ce o conţine).
04.10.2016 Tehnologii Web 33
![Page 34: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/34.jpg)
1. Structura unui document html
Rezultatul este următorul:
04.10.2016 Tehnologii Web 34
![Page 35: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/35.jpg)
1. Structura unui document html
Elementul <body> admite următoarele atribute
• UNIFORM RESOURCE LOCATOR (URL) - adresă a unei informaţii existente pe Web = standard de identificare şi accesare a resurselor din Internet
• URL este un şir de caractere ce reprezintă adresa Web a unei imagini care va fi utilizată de către browser ca fundal (background) pentru document.
• Dacă imaginea nu ocupa întreaga zonă din fereastra browser-ului destinată vizualizării paginii respective, ea va fi multiplicată, ca într-un mozaic.
BACKGROUND=URL
04.10.2016 Tehnologii Web 35
![Page 36: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/36.jpg)
1. Structura unui document html
• Atributul BGCOLOR (BackGround COLOR)stabileşte culoarea fundalului (culoarea zonei dinfereastra browser-ului în care este vizualizatdocumentul).În HTML culorile se pot specifica în două moduri:
1. utilizând denumiri predefinite asociate unor culori(de exemplu RED semnificând roşu, GREEN verde, BLUE albastru, etc.);
BGCOLOR=culoare
04.10.2016 Tehnologii Web 36
![Page 37: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/37.jpg)
1. Structura unui document html
2. "construind" culori proprii prin combinarea a treiculori de baza - roşu, verde şi albastru (modelul RGB).
În acest caz, specificarea unei culori se faceindicând în ordinea roşu, verde, albastru trei valorihexazecimale cuprinse între 00 şi FF, câte unapentru fiecare culoare de bază, astfel: #rrggbb.
Se poate specifica culoarea roşie fie prin denumireapredefinită: BGCOLOR=RED, fie utilizând valoareaRGB: BGCOLOR=#FF0000.
04.10.2016 Tehnologii Web 37
![Page 38: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/38.jpg)
1. Structura unui document html
• Atributul TEXT stabileşte culoarea textului.
• Atributul LINK stabileşte culoarea cu care vorfi marcate în text link-urile nevizitate.
TEXT = culoare
LINK = culoare
04.10.2016 Tehnologii Web 38
![Page 39: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/39.jpg)
1. Structura unui document html
• Atributul VLINK stabileşte culoarea cu care vor fi marcate în text link-urile vizitate.
• Atributul ALINK stabileşte culoarea cu care va fi marcat în text link-ul activ (cel asupra căruia este plasat cursorul mouse-ului).
VLINK = culoare
ALINK = culoare
04.10.2016 Tehnologii Web 39
![Page 40: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/40.jpg)
1. Structura unui document html
EXERCIŢIU:
Editaţi şi vizualizaţi următoarea pagină Web, în care acelaşi text este scris pe un fond gri în nuanţe care variază de la negru către alb.
04.10.2016 Tehnologii Web 40
![Page 41: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/41.jpg)
04.10.2016 Tehnologii Web
<html>
<head> <title> Test de culoare </title> </head>
<body bgcolor=#777777>
<font COLOR=#000000> Test de culoare </font>
<font COLOR=#111111> Test de culoare </font>
<font COLOR=#222222> Test de culoare </font>
<font COLOR=#333333> Test de culoare </font>
<font COLOR=#444444> Test de culoare </font>
<font COLOR=#555555> Test de culoare </font>
<font COLOR=#666666> Test de culoare </font>
<font COLOR=#777777> Test de culoare </font>
<font COLOR=#888888> Test de culoare </font>
<font COLOR=#999999> Test de culoare </font>
<font COLOR=#AAAAAA> Test de culoare </font>
<font COLOR=#BBBBBB> Test de culoare </font>
<font COLOR=#CCCCCC> Test de culoare </font>
<font COLOR=#DDDDDD> Test de culoare </font>
<font COLOR=#EEEEEE> Test de culoare </font>
<font COLOR=#FFFFFF> Test de culoare </font>
</body>
</html>
41
![Page 42: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/42.jpg)
1. Structura unui document html
Comentarii HTMLÎn cadrul unui document este bine să inserati
comentarii, pe care browser-ul nu le va afisa, dar care pot fi utile celor care citesc sau editeaza documenrul.
Comentariile HTML incep cu <! şi se termina cu ->. De exemplu,
<! Acesta e un comentariu. Browser-ul nu îl "vede"! ->
Comentariile pot fi inserate oriunde în document!Ce se întâmplă dacă greşim ?
Nimic! Mai exact, nimic grav! Browser-ele ignorăelementele care nu respectă sintaxa HTML şi nu le interpretează.
04.10.2016 Tehnologii Web 42
![Page 43: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/43.jpg)
Limbajul HTML
1. Limbajul HTML. Noţiuni introductive2. Formatarea textului
2.1. Formatarea paragrafelor2.2. Utilizarea paragrafelor titlu2.3. Formatarea la nivel de caracter2.4. Aplicarea unor efecte asupra textului2.5. Grosimea unui font
04.10.2016 Tehnologii Web 43
![Page 44: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/44.jpg)
2. Formatarea textului
Formatarea textului care apare în corpul unui document HTML se poate face la:
1. nivel de bloc (block-level) 2. sau la nivel de caracter (text-level sau inline)Diferenţele principale dintre cele două tipuri de formatare
sunt: • elementele de formatare la nivel de bloc pot conţine alte
elemente de formatare (la nivel de bloc sau la nivel de caracter), în timp ce elementele de formatare la nivel de caracter conţin doar text sau alte elemente de formatare la nivel de caracter;
• elementele de formatare la nivel de bloc încep de obicei de la linie nouă.04.10.2016 Tehnologii Web 44
![Page 45: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/45.jpg)
2. Formatarea textului
• Gruparea mai multor elemente HTML la nivel debloc se realizează cu ajutorul etichetelor <div> şi</div>.
• Pentru gruparea mai multor elemente dintr-unbloc la nivel de caracter (inline) se utilizeazăperechea de etichete <span> şi </span>.
• Gruparea mai multor elemente prin <div> sau<span> va fi deosebit de utilă dacă veţi apela lafacilităţile oferite de stilurile de formatare text(stilurile CSS), deoarece veţi putea aplica acelaşistil simultan tuturor elementelor din grup.
04.10.2016 Tehnologii Web 45
![Page 46: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/46.jpg)
Limbajul HTML
1. Limbajul HTML. Noţiuni introductive.2. Formatarea textului
2.1. Formatarea paragrafelor2.2. Utilizarea paragrafelor titlu2.3. Formatarea la nivel de caracter2.4. Aplicarea unor efecte asupra textului2.5. Grosimea unui font
04.10.2016 Tehnologii Web 46
![Page 47: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/47.jpg)
2.1.Formatarea paragrafelor• În tehnoredactare, prin paragraf se înţelege o zonă
de text cuprinsă între două caractere de trecere la linie noua denumite NewLine sau Enter.
• În HTML, delimitarea paragrafelor se realizează cu ajutorul etichetei <p>, eticheta de sfârşit </p> fiind opţională.Descriere:
Efect:
<p> Paragraful 1 </p><p> Paragraful 2 </p>. . .
Paragraful 1Paragraful 2. . .
04.10.2016 Tehnologii Web 47
![Page 48: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/48.jpg)
2.1.Formatarea paragrafelor
Cel mai utilizat atribut admis de eticheta<p> este align, care stabileşte modul dealiniere stânga - dreapta a textuluiparagrafului.
align = LEFT | CENTER | RIGHT | JUSTIFY
04.10.2016 Tehnologii Web 48
![Page 49: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/49.jpg)
2.1.Formatarea paragrafelor
Se observă că atributul align admite patru valoripredefinite:LEFT - textul este aliniat la marginea din stângaRIGHT - textul este aliniat la marginea din dreaptaCENTER - textul este centrat (plasat la egală distanţă demarginea din stânga şi cea din dreapta)JUSTIFY - textul este aliniat şi la stânga şi la dreapta (prinmărirea spaţiului între cuvinte)
Valoarea implicită a modului de aliniere a textuluidepinde de direcţia acestuia:
dacă textul este scris de la stânga la dreapta, valoareaimplicită a modului de aliniere este LEFT
dacă textul este scris de la dreapta la stânga, valoareaimplicită a modului de aliniere este RIGHT
04.10.2016 Tehnologii Web 49
![Page 50: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/50.jpg)
2.1.Formatarea paragrafelorExemplu:Descriere:
<p align=CENTER> Alinierea paragrafelor </p><p align=LEFT> Primul paragraf este aliniat la stânga </p><p align=RIGHT> Al doilea paragraf este aliniat la dreapta</p><p align=JUSTIFY> Al treilea paragraf este aliniat la stânga şila dreapta, prin mărirea spatiilor dintre cuvintele de pe aceeaşilinie. </p><p> Ultimul paragraf utilizează modul implicit de aliniere - încazul nostru stânga, deoarece direcţia textului este LTR. </p>
04.10.2016 Tehnologii Web 50
![Page 51: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/51.jpg)
2.1.Formatarea paragrafelor
Efect:
Alinierea paragrafelorPrimul paragraf este aliniat la stânga
Al doilea paragraf este aliniat la dreaptaAl treilea paragraf este aliniat la stânga şi la dreapta,prin mărirea spatiilor dintre cuvintele de pe aceeaşilinie.Ultimul paragraf utilizează modul implicit de aliniere -în cazul nostru Stânga, deoarece direcţia textului esteLTR.
04.10.2016 Tehnologii Web 51
![Page 52: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/52.jpg)
2.1.Formatarea paragrafelor
Pentru a stabili acelaşi mod de aliniere pentru mai multe paragrafe, trebuie să le grupăm într-un singur bloc, cu ajutorul etichetei <div>:
<div align=”RIGHT”><p> . . . Primul paragraf . . . </p><p> . . . al doilea paragraf . . . </p><p> . . . al treilea paragraf . . . </p>
</div>
04.10.2016 Tehnologii Web 52
![Page 53: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/53.jpg)
2.1.Formatarea paragrafelor
Observatie:• Nu utilizaţi etichete <p> </p> fără conţinut,
deoarece majoritatea browser-elor le ignoră.
• Dacă doriţi să inseraţi într-un documentHTML o linie vidă, utilizaţi eticheta <br/>.
• Aceasta va genera un marcaj de sfârşit delinie (caracterele ASCII Carriage Return / LineFeed).
04.10.2016 Tehnologii Web 53
![Page 54: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/54.jpg)
Limbajul HTML
1. Limbajul HTML. Noţiuni introductive2. Formatarea textului
2.1. Formatarea paragrafelor2.2. Utilizarea paragrafelor titlu2.3. Formatarea la nivel de caracter2.4. Aplicarea unor efecte asupra textului2.5. Grosimea unui font
04.10.2016 Tehnologii Web 54
![Page 55: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/55.jpg)
2.2. Utilizarea paragrafelor titlu
Documentele HTML pot fi structurate pe şase niveluri, existând şase etichete care definesc nivelul paragrafului titlu în structura documentului:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>.Etichetele de sfârşit sunt obligatorii.• Nivelul delimitat de etichetele <h1> şi </h1> este cel
mai important, iar nivelul delimitat de etichetele <h6> şi </h6> cel mai puţin important.
• Browser-ul vizualizează de obicei paragrafele titlu mai importante cu litere mai mari decât cele mai puţin importante.
04.10.2016 Tehnologii Web 55
![Page 56: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/56.jpg)
2.2. Utilizarea paragrafelor titluExemplu
<html><head> <title> Titlu </title> </head>
<body><h1> Internet si retele de calculatoare </h1><p> În acest document discutam despre INTERNET</p><h2> Retele de calculatoare </h2><p> În aceasta secţiune analizam principalele tipuri de retele </p><h3> Retea de tip BUS </h3><p> Retea de tip TOKEN-RING</p><h4> Retea de tip magistrala </h4><p> Protocol TCP/IP </p><h5> Configurarea modem-ului</h5><p> Conectarea la distanta ca terminal </p><h6> Aplicatia TELNET</h6><p> Limbajul html </p><p> . . . </p></body></html>
04.10.2016 Tehnologii Web 56
![Page 57: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/57.jpg)
2.2. Utilizarea paragrafelor titlu
Efect:
Internet si retele de calculatoare
În acest document discutam despre INTERNETRetele de calculatoare
În aceasta sectiune analizam principalele tipuri de reteleRetea de tip BUS
Retea de tip TOKEN-RINGRetea de tip magistrala
Protocol TCP/IP
Configurarea modem-ului
Conectarea la distanta ca terminal
Aplicatia TELNET
Limbajul html
. . .
h1
h6
04.10.2016 Tehnologii Web 57
![Page 58: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/58.jpg)
Limbajul HTML
1. Limbajul HTML. Noţiuni introductive2. Formatarea textului
2.1. Formatarea paragrafelor2.2. Utilizarea paragrafelor titlu2.3. Formatarea la nivel de caracter2.4. Aplicarea unor efecte asupra textului2.5. Grosimea unui font
04.10.2016 Tehnologii Web 58
![Page 59: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/59.jpg)
2.3. Formatarea la nivel de caracter
Un font este caracterizat de urmatoarele atribute:
culoare (stabilita prin atributul color)
tipul sau stilul (stabilit prin atributul face)
marimea (definita prin atributul size)
marimea in puncte tipografice (stabilita prin
atributul point-size)
grosime (definita prin atributul weight)
Toate aceste atribute apartin etichetei <font>, care
permite inserarea de blocuri de texte
personalizate.04.10.2016 Tehnologii Web 59
![Page 60: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/60.jpg)
2.3. Formatarea la nivel de caracter
Precizarea informaţiilor referitoare la fontulutilizat de browser pentru vizualizareatextului se realizează cu ajutorul etichetelorpereche <font> şi </font>.
Dacă în document nu sunt precizate nici unfel de informaţii referitoare la font, browser-ul va utiliza fontul său implicit.
04.10.2016 Tehnologii Web 60
![Page 61: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/61.jpg)
2.3. Formatarea la nivel de caracterAtributele admise de eticheta <font> sunt:
stabileşte dimensiunea caracterelor. • Valoarea dimensiunii fontului poate fi specificată:
– în mod absolut (un număr natural cuprins între 1 şi 7) – sau relativ la dimensiunea curentă a caracterelor:
• dacă valoarea este +n, caracterele vor fi cu n mărimi mai mari
• dacă valoarea este -n, caracterele vor fi cu n mărimi mai mici
• Dimensiunea efectivă cu care sunt vizualizate caracterele depinde de browser.
SIZE = valoare
04.10.2016 Tehnologii Web 61
![Page 62: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/62.jpg)
2.3. Formatarea la nivel de caracter
stabileşte culoarea textului.
• defineşte o listă de fonturi separate prin virgulă, dintre care browser-ul îl va alege pe primul disponibil în ordinea preferinţelor.
• Dacă nici unul din fonturile din listă nu este instalat pe calculatorul utilizatorului, browser-ul va utiliza fontul implicit.
COLOR = culoare
FACE = listă_fonturi
04.10.2016 Tehnologii Web 62
![Page 63: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/63.jpg)
2.3. Formatarea la nivel de caracter
<p align=center> Text de diferite dimensiuni cu fontul COURIER NEW </p><p> <font SIZE=1 FACE=COURIER NEW> font COURIER NEW cu dimensiune 1 </font></p><p> <font SIZE=2 FACE=COURIER NEW> font COURIER NEW cu dimensiune 2 </font></p><p> <font SIZE=3 FACE=COURIER NEW> font COURIER NEW cu dimensiune 3 </font></p><p> <font SIZE=4 FACE=COURIER NEW> font COURIER NEW cu dimensiune 4 </font></p><p> <font SIZE=5 FACE=COURIER NEW> font COURIER NEW cu dimensiune 5 </font></p><p> <font SIZE=6 FACE=COURIER NEW> font COURIER NEW cu dimensiune 6 </font></p><p> <font SIZE=7 FACE=COURIER NEW> font COURIER NEW cu dimensiune 7 </font></p><p> <font FACE=COURIER NEW> font COURIER NEW cu dimensiune implicita </font></p><p> <font SIZE=+2 FACE=COURIER NEW> font COURIER NEW cu dimensiune cu 2 marimi maimare decat dimensiunea implicita </font></p><p align=CENTER> Text de diferite dimensiuni cu fontul Arial </font></p><p> <font SIZE=3 FACE=Arial> font Arial cu dimensiune 3 </font></p><p> <font SIZE=1 FACE=Arial> font Arial cu dimensiune 1 </font></p><p> <font FACE=Arial> font Arial cu dimensiune implicita </font></p><p> <font SIZE=-2 FACE=Arial> font Arial cu dimensiune cu doua marimi mai mica decatdimensiunea implicita </font></p>
04.10.2016 Tehnologii Web 63
![Page 64: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/64.jpg)
Limbajul HTML
1. Limbajul HTML. Noţiuni introductive2. Formatarea textului
2.1. Formatarea paragrafelor2.2. Utilizarea paragrafelor titlu2.3. Formatarea la nivel de caracter2.4. Aplicarea unor efecte asupra textului2.5. Grosimea unui font
04.10.2016 Tehnologii Web 64
![Page 65: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/65.jpg)
2.4. Aplicarea unor efecte asupra textului
Pentru a aplica unei zone un anumit efect, se incadreazatextul între eticheta de început şi cea de sfârşit, corespunzatoare efectului respectiv.
Cele mai utilizate efecte ce se pot aplica asupta textului înHTML sunt:
<I> Textul este scris cursiv </I>
<U> Textul este scris subliniat </U>
<B> Textul este scris ingrosat </B>
<BIG> Textul este scris mai mare </BIG>
<SMALL> Textul este scris mai mic </SMALL>
<STRIKE> Textul este scris taiat </STRIKE>04.10.2016 Tehnologii Web 65
![Page 66: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/66.jpg)
Limbajul HTML
1. Limbajul HTML. Noţiuni introductive2. Formatarea textului
2.1. Formatarea paragrafelor2.2. Utilizarea paragrafelor titlu2.3. Formatarea la nivel de caracter2.4. Aplicarea unor efecte asupra textului2.5. Grosimea unui font
04.10.2016 Tehnologii Web 66
![Page 67: Noţiuni elementare despre Internet · Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru](https://reader030.vdocuments.us/reader030/viewer/2022020319/5d671c6388c9931d358ba81e/html5/thumbnails/67.jpg)
2.5. Grosimea unui font
Grosimea unui caracter poate fi definita cu ajutorul atributului weight al etichetei.
Valorile posibile pentru acest atribut sunt 100, 200, 300, 400, 500, 600, 700, 800 si 900 (100 pentru fontul cel mai subtire si 900 pentru cel mai gros).
<html><head>
<title> Grosimea fontului</title></head>
<body>Aceste linie este scrisa cu caractere normale. <br/><font weight="100">fonturi de grosime 100.</font> <br/><font weight="500">fonturi de grosime 500.</font> <br/><font weight="900">fonturi de grosime 900.</font>
</body></html>
04.10.2016 Tehnologii Web 67