Fișa de lucru nr.

13 Disciplina Informatica

FIŞĂ DE LUCRU (Varianta 2)

Cerințe față de documentele Web. Etapele de elaborare a documentelor Web.
Resurse soft pentru crearea și generarea documentelor Web.

Numele, prenumele Tolocica Catalina

Data: 24.11.2020 grupa C-181
Disciplina: Informatică
Scopul lucrării: Elaborarea programelor în care se utilizează instrucțiunile caz și pentru.

PARTEA TEORETICĂ
Informația și operațiile de gestionare a ei constituie cele mai importante elemente ale rețelei globale, iar cel mai modern
serviciu care ajută să operați cu informația este serviciul WWW (World Wide Web – pânza mondială de păiangen).
Un document Web este o colecție de pagini Web interreferite, împreună cu elementele lor informaționale și de
control încorporate.
Documentul Web publicat în rețeaua globală este cunoscut sub denumirea de site Web.
Cele mai cunoscute și des utilizate documente Web sunt documentele HTML – documentele în care informațiile,
legăturile, elementele de control și metadatele sunt descrise în limbajul HTML. Atunci când un program de explorare deschide
un fișier HTML, el interpretează marcajele întâlnite în text în conformitate cu regulile limbajului.
Documentele PHP sunt paginile Web, care conțin elemente descrise cu ajutorul limbajului PHP (Hypertext
Preprocessor). Utilizarea PHP permite crearea unor pagini cu un conținut dinamic: conținutul paginii PHP este prelucrat pe un
server Web, după care se generează o pagină HTML, ce este transmisă pe calculatorul client, unde este vizualizată cu ajutorul
programului de explorare. Documentele PHP se folosesc frecvent pentru afișarea dinamică a datelor stocate în bazele de date
rețea.
Documentele ASP sunt pagini Web elaborate cu ajutorul tehnologiei Active Server Page. La fel ca documentele PHP,
acestea se bazează pe componente programate într-un limbaj de nivel înalt, numite obiecte care pot fi transmise de la o pagină la
alta.
Documentele grafice SVG (Scalable Vector Graphics) sunt realizate cu ajutorul limbajului XML pentru reproducerea
calitativă a elementelor grafice bidimensionale. Instrumentele grafice încorporate în acest limbaj permit utilizarea graficii
vectoriale în documente Web.
Proiectarea și realizarea unui document
Tradiţional asociem termenul document unui fişier separat, care conţine informaţii de diversă natură, dar din acelaşi
domeniu. Documentul Web, sau site-ul este în majoritatea absolută a cazurilor o colecţie de fişiere (numite şi pagini) cu referinţe
interne şi externe. În activitatea cotidiană veţi avea necesitatea nu doar să utilizaţi documente Web, dar şi să elaboraţi unele
documente specifice. Instrumentele Web moderne permit automatizarea în mare măsură a elaborării unor pagini standard, cum ar
fi paginile de profil personal în reţelele sociale, blogurile, paginile wiki. În cazurile cînd urmează să elaboraţi un document mai
puţin standardizat, aceste instrumente vă pot ajuta doar în procesul de construcţie a documentului. Fiind destinat unui public
larg, documentul Web urmează să fie elaborat astfel, încît să acorde utilizatorilor săi un acces cît mai comod şi rapid la
informaţiile structurate după criterii asociate tematicii documentului. Aceasta ne duce la concluzia că este necesară o proiectare
prealabilă a documentului Web.
Web Design este procesul de creare a unei pagini sau a unui document Web, care îmbină modul de realizare a
cerinţelor etice, estetice, de conţinut şi operare mecanică cu aspectul vizual al documentului elaborat.
Etapele proiectării:
1. Stabilirea scopului de utilizare;
2. Stabilirea cerințelor față de document;
3. Definirea structurii documentului Web;
4. Programarea paginilor documentului Web;
5. Testarea documentelor Web;
6. Menținerea și dezvoltarea documentului.

Crearea documentelor Web cu ajutorul aplicațiilor de oficiu

Fişierele create de aceste sisteme pentru stocarea informaţiilor au formate specifice, care nu pot fi prelucrate şi afişate
direct de aplicaţiile de explorare. Dar, de multe ori, informaţia din aceste fişiere urmează să fie plasată într-un document Web
sau într-o pagină solitară. O soluţie simplă, pe care o pun la dispoziţie mai multe aplicaţii de uz general, este crearea automată a
unui document Web, structura şi conţinutul căruia repetă fidel documentul original din aplicaţie. Aceasta se creează în urma
selectării opţiunilor speciale de salvare a documentului, sau de exportare.
Tipurile standard ale documentelor Web care pot fi create în acest mod sunt Document Web (HTML). Pentru a obţine
automat un document Web, este suficient să se selecteze în meniul aplicaţiei opţiunea de salvare a documentului: Web Page.
Mai multe aplicaţii de oficiu propun o opţiune suplimentară de generare a documentului Web: Web Page, Filtered
(pagină Web filtrată). Deosebirea de pagina Web obişnuită este excluderea codurilor excesive şi a informaţiilor de serviciu, care

Colegiul Agroindustrial din Ungheni Profesor: Ciornenchi Aliona

Fișa de lucru nr.13 Disciplina Informatica
ocupă un volum semnificativ. Această opţiune permite micşorarea volumului documentului Web, dar creează riscul de
reprezentare incorectă în unele aplicaţii de explorare.
Structura generală a unui document HTML
Un document HTML are, de regulă, următoarea structură:

<HTML> Începutul documentului

<HEAD> Secțiunea de antet a documentului
<TITLE>
Titlul documentului
</TITLE>
</HEAD>
<BODY> Secțiunea de conținut a documentului
Conținutul documentului
</BODY>
</HTML> Sfârșitul documentului

Sarcini practice:
1. Ce va afişa documentul html cu următorul conţinut?
<html>
<head> Ce este un fisier .html?
<title> Exercițiu!!!
</title>
</head>
<body>
Care sunt etapele crearii unui document .html?
</body>

</html>

Colegiul Agroindustrial din Ungheni Profesor: Ciornenchi Aliona

Fișa de lucru nr.13 Disciplina Informatica
2. Creați o pagină Web cu fundalul orange şi textul verde, conţinutul paginii fiind afişat la 80
pixeli de la marginea stîngă şi 75 pixeli de la marginea de sus ale ferestrei programului de
explorare.

3. Creaţi o pagină Web pentru o farmacie, astfel încât denumirea farmaciei să apară ca un titlu
de nivelul 1 având culoare verde. Mai jos se vor afişa produsele unui stoc. Denumirea stocului
va avea nivelul 3, iar produsele lui vor fi prezentate ca un text preformatat. Denumirea
farmaciei va fi delimitată de stoc printro o linie orizontală de grosimea 5 şi de culoare roșie,
aliniată la dreapta şi ocupînd 80% din lăţimea ferestrei programului de explorare.

Colegiul Agroindustrial din Ungheni Profesor: Ciornenchi Aliona

Fișa de lucru nr.13 Disciplina Informatica

Colegiul Agroindustrial din Ungheni Profesor: Ciornenchi Aliona