Dezvoltarea web cuprinde activitatatile care au legatura cu dezvoltarea unui site web pentru World Wide Web sau intranet. Aceasta include web design, programare, configurare, dezvoltarea de continut web, dezvoltarea platformelor de comert electronic, dar si altele.

Pilonii dezvoltarii web sunt HTML, Javascript si CSS. Acestea sunt tehnologiile de baza utilizate in acest tip de dezvoltare.

Cuprins

  1. Ce este CSS?
  2. Ce inseamna stilizarea elementelor cu ajutorul CSS
  3. Caracteristicile si elementele unei pagini CSS
  4. Ce inseamna realizarea unei pagini complete prin programarea de tip CSS

Ce este CSS ?

CSS este un limbaj de scriptare utilizat in scopul realizarii de pagini web sau de aplicatii, in special pentru stilizarea elementelor HTML si a tag-urilor HTML. Acronimul de CSS provine din engleza, de la expresia Cascading Style Sheets, adica o foaie cu anumite reguli de stilizare, care au un efect in cascada. Ce este important de stiut despre CSS este ca acesta este direct legat si se utilizeaza impreuna cu scriptul HTML, care defineste structura si continutul dintr-o pagina web, rolul CSS fiind de a imbraca acel continut si de a-i da designul dorit. Astfel, cu ajutorul celor doua limbaje de scriptare si codare, se realizeaza o interfata completa a paginii web.

Ce inseamna stilizarea elementelor cu ajutorul CSS

Stilizarea elementelor HTML ale unei pagini web cu ajutorul CCS se refera la stabilirea culorilor, a textelor si a background-ului, apoi la pozitionarea elementelor de pe pagina. Toate acestea se stabilesc prin intermediul unui limbaj specific, codat, adica limbajul CSS.

Stilurile folosite fie se incorporeaza in pagina respectiva, fie pot fi adaugate din fisiere externe, adica fisiere CSS. 

De regula, operatiunile realizate in CCS se impart in doua categorii principale. In primul rand, operatiunile prin care se specifica detalii precum culoarea textului, tipul de font, dimensiunea fontului, culorile de fundal, imaginile de fundal, s.a.m.d, iar apoi se defineste pozitia elementor in pagina, adica modul in care vor fi afisate pe ecran.

Caracteristicile si elementele unei pagini CSS

CSS poate fi utilizat pentru mai multe tipuri de dispozitive, cum ar fi ecranele mari sau mici si imprimantele, independent de HTML.

 O constructie de bază CSS este alcatuita din cateva elemente principale 

  • Un selector folosit pentru a identifica elementul HTML pentru care se aplica stilul;
  • Acolade care delimiteaza si definesc proprietatile si valorile care se aplica elementului HTML;
  • Elementele de aspect care se vor modificate, denumite proprietati;
  • Noile valori atribuite acestei proprietati – se numesc valori ale proprietatilor; 

Este important de precizat ca fiecarei astfel de proprietati ii pot fi atribuite diferite tipuri de valori, in mai multe moduri: 

  • Folosind un cod hexazecimal 
  • Folosind denumirea efectiva a fontului, culorii, stilului, etc
  • Folosind un cod pentru valorea RGB
  • Comentariile care explica codul, incadrate intre elementele */

Acestea au rolul de a explica codul si sunt vizibile doar pentru designer, adica nu sunt afisate pe pagina web propriu-zisa.  

Ce inseamna realizarea unei pagini complete prin programarea de tip CSS

  1. Scrierea codului CSS;
  2. Crearea foilor de stil, etapa ce cuprinde crearea, definirea si personalizarea etichetelor HTML in context si personalizarea lor, definirea selectorilor si a regulilor, apoi determinarea ordinii cascadei si adaugarea comentariilor la cod;
  3. Configurarea fonturilor, etapa in care se realizeaza stabilirea tipului de font si a caracteristicilor precum dimensiune, tip, grosime, valori, culoare etc;
  4. Configurarea textului, adica stabilirea dimensiunilor literelor, valoarea spatiului dintre litere si cuvinte, definirea spatiului dintre linii si alinierea textului. Totodata, se formateaza paragrafele si spatiile albe si se aplica elemente decorative, daca este cazul;
  5. Configurarea elementelor vizuale de fundal, precum imaginea si pozitia imaginii, proprietatile imaginii de fundal si stabilirea culorii din prim-plan;
  6. Realizarea chenarelor si stabilirea elementelor precum latimea si inaltimea unui element, marginile unui element, stabilirea valorilor spatiului in interior si in jurul elementului, stabilirea elementelor float, daca este cazul;
  7. Stabilirea modului de pozitionare (statica, relativa, absoluta sau fixa), in raport cu laturile paginii, pozitionarea in spatiul 3D;
  8. Includerea unui element absolut intr-un element relativ si viceversa;
  9. Configurarea elementelor pentru vizibilitatea la cursor prin stabilirea suprafetei vizibile a unui element, definirea pozitiei depasirii si aspectul indicatorului de mouse;
  10. Configurarea pseudo claselor, a id-urilor si a elementelor de formular;
  11. Configurarea pseudo elementelor after, before, first-letter, first-line;

Asadar, prin utilizarea CSS, site-urile web pot fi personalizate editand doar fisierul care se doreste modificat, ceea ce ajuta paginile sa fie interactive si dinamice, cu o viteza de incarcare mai mare.