Ministerul Educației și Cercetării al Republicii Moldova

Universitatea Tehnică a Moldovei

Facultatea Calculatoare, Informatică și Microelectronică

Raport
Disciplina: Tehnologii Web
Lucrarea de laborator Nr. 1
Tema: ” Familiarizarea cu structura unui document
HTML/CSS”

Efectuat: Tulbu Gabriela, TI-205

Verificat: Cristian Rusu

Chișinău – 2022
 Scopul lucrării: Studierea principiilor de bază a HTML/CSS-ului și Bootstrap-ului.
Sarcina: Implementarea cunoștințelor acumulate în crearea unei Pagine Web.
Noțiuni teoretice:
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea
paginilor web ce pot fi afișate într-un browser (sau navigator). Scopul HTML este mai degrabă
prezentarea informațiilor – paragrafe, fonturi, tabele ș.a.m.d. – decât descrierea semanticii
documentului. În cadrul dezvoltării web de tip front-end, HTML este utilizat împreună cu CSS și
JavaScript.
CSS sau Cascading Style Sheets este un standard pentru formatarea elementelor unui
document HTML. Stilurile se pot atașa elementelor HTML prin intermediul unor fișiere externe
sau în cadrul documentului, prin elementul <style> și/sau atributul style. CSS se poate utiliza și
pentru formatarea elementelor XHTML, XML și SVGL.[1] CSS este unui dintre tehnologiile de
bază utilizate în procesul de dezvoltare web, împreună cu HTML și JavaScript.
Sintaxa CSS este structurata pe trei nivele:
 nivelul 1 fiind proprietatile etichetelor din documentul HTML, tip inline
 nivelul 2 este informatia introdusa in blocul HEAD, tip embedded
 nivelul 3 este reprezentat de comenzile aflate in pagini separate, tip externe
Bootstrap este un framework CSS gratuit și opened-source, direcționat către dezvoltarea web
front-end receptivă și mobilă. Conține șabloane de design bazate pe CSS și JavaScript pentru
tipografie, formulare, butoane, navigare și alte componente de interfață.
Conține diverse componente deja stilizate utilizând CSS:
 Snippets
o Headers
o Heroes
o Features
o Sidebars
o Footers
o Dropdowns
o List groups
o Modals
 Custom Components
 Frameworks
 NavBars
 RTL
 Interogations
 Fig 1. Cel mai simplu document HTML
Relizarea sarcinii:
I. Familiarizarea cu HTML

Fig 2. Exemplu taguri pentru HTML

II. Familiarizarea cu CSS

Fig 3. Exemplu de clase CSS

III. Familiarizarea cu Bootstrap

Fig 4. Exemplu utilizare clase din Bootstrap

IV. Interfața template-ului ales pe baza căruia se vor aplica celelalte laboratoare

Fig 5. Pagina principală - Acasă

Fig 6. Pagina principală - Servicii

Fig 7. Pagina principală - Despre

Fig 8. Pagina principală - Tarife

Fig 9. Pagina principală – Nouțăți

Concluzie:
În urma acestei lucrări de laborator am analizat principalele caracteristici ale limbajelor
HTML, CSS și a librăriei Bootstrap. Pentru o abordare a părții de back-end este necesară
înțelegerea sintexei și modului de lucru al tehnologiilor front-end.