Lab 3 LFA

Universitatea Tehnica a Moldovei
Facultatea Calculatoare, Informatica si Microelectronica

Departamentul Inginerie Software si Automatica
RAPORT
Lucrarea de laborator № 1
Tehnologii Web
Tema: Crearea unei pagini web cu ajutorul HTML, CSS si Bootstrap
A efectuat: F Gorea, st. gr. TI-173

A verificat: C Rusu
Chisinau 2019
Scopul lucrării:
Studierea bazelor HTML, CSS și Bootstrap
Sarcina lucrării:
Implementarea cunostintelor si crearea unui web-site
Scurtă teorie:
HTML (de la limba engleză Hypertext Markup Language -"Limba de marcare
hipertext") este un limbaj standardizatdocumente de marcare pe web. Cele mai multe pagini web
conțin
HTML (sau XHTML) descriere markup. Limbajul HTM interpretate de browsere; care rezultă
din interpretare textul formatat este afișat pe un monitor sau pe computerdispozitiv mobil.
CSS ( Engleză. Cascading Style Sheets - Cascading Tables) stiluri) este un limbaj formal pentru
descrierea aspectului unui document scris folosind limbajul de marcare.
Utilizată în cea mai mare parte ca mijloc de a descrie, de a face exterioară tip de pagini
web scrise folosind limbi de marcare HTML Modalități de conectare a CSS la document
Regulile CSS sunt scrise în limba oficială CSS și sunt aranjate în tabele. stilurile, adică foile de
stil conțin reguli CSS. Aceste foi de stil pot fi plasate ca în documentul web în sine, aspectul
căruia ele descrie și în fișiere separate care au un format CSS. (În esență, formatul CSS este un
fișier text simplu. Fișierul .css nu conține altceva decât o listă de reguli CSS și comentarii despre
ele.)
Utilizat în cea mai mare parte ca mijloc de a descrie, de o față exterioară tip de pagini
web scris folosind HTML de limbaj de marcare Modalități de conectare a unui document CSS la
Regulile CSS sunt scrise în limba oficială CSS sui sunt aranjate în tabele.stilurile, adică foile de
stil conțin reguli CSS. Aceste foi de stil pot fi plasate ca în documentul web în sine, aspectul
căruia ele descrie i în fișiere separate care au un format CSS. (En esență, formatul
CSS este un text simplu. Fișierul .css nu conține altceva decât o listă de reguli CSS și comentarii
despre ele.)
Când foaia de stil este într-un fișier separat, poate fi conectat la un document web prin
intermediul directivei @import,care se află în acest document între tagurile <style> </ style>
(care, în rândul său, sunt situate în acest document între etichetele <head> </ head> imediat după
eticheta <style>, care indică, de asemenea (în paranteze, după cuvânt url) la adresa acestei foi de
stil. Se aplică toate regulile din acest tabel pe tot parcursul documentului.
Când foaia de stil este descrisă în documentul în sine, poate fi localizată în între
etichetele <style> și </ style> (care, la rândul lor, sunt situate în acest document între etichetele
<head> și </ head>). Toate regulile acestui tabel valabil în tot documentul.
2
Când o foaie de stil este descrisă în documentul în sine, poate fi localizată în este în
corpul unei singure etichete (prin atributul său de stil) documentul. Toate regulile din acest tabel
afectează numai conținutul acestui conținut.tag-ul.
<div style="background-color:#f1f1f1">
În primele două cazuri, se spune că la document se aplică și tabele externe.stiluri, iar în celelalte
două cazuri - foi de stil interne.
Bootstrap (framework) (cunoscut și ca Twitter Bootstrap) – gratuit un set de instrumente

pentru crearea de site-uri web și aplicații web. include Șabloane HTML și CSS pentru tipografie,
formulare web, butoane, etichete, blocuri de navigare și alte componente ale interfeței web,
inclusiv extensiile javascript. Bootstrap folosește practici moderne în domeniul CSS și HTML,
astfel încât trebuie să fiți atent cu sprijinul browserelor mai vechi.
Execuția sarcinii:
Un site receptiv a fost facut, asa ca pe telefoane si tablete va fi funcționează bine
Principalele etichete pe care le folosesc sunt:
Div (diviziunea engleză - secțiune) - blocați eticheta în limba de marcare html. Vă permite să
selectați mai multe secțiuni din structura documentului figura 1.
fig 1 Structura unui tag div
Eticheta <span> are rolul de a defini elementele inline ale unui document.Spre deosebire de
elemente de bloc cum ar fi <table>, <p> sau <div>, folosind <span> puteți selecta unele
informații din interiorul altor etichete și Setați propriul stil pentru figura 2.
fig 2 Structura unui tag span

Lab 3 LFA

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Lab 3 LFA

Încărcat de

Drepturi de autor:

Formate disponibile

Universitatea Tehnica a Moldovei

Facultatea Calculatoare, Informatica si Microelectronica

A efectuat: F Gorea, st. gr. TI-173

Studierea bazelor HTML, CSS și Bootstrap

Implementarea cunostintelor si crearea unui web-site

Bootstrap (framework) (cunoscut și ca Twitter Bootstrap) – gratuit un set de instrumente

Principalele etichete pe care le folosesc sunt:

fig 1 Structura unui tag div

fig 2 Structura unui tag span

S-ar putea să vă placă și