• GDPR
  • Termeni si conditii
  • Disclaimer
Wednesday, May 25, 2022
  • Login
No Result
View All Result
SpinMag
  • Telefoane Mobile
  • Tehnologie
  • Internet
  • Casa si gradina
  • Sanatate
  • Cum sa fac?
  • GDPR
    • Politica privind Cookie-urile
    • Termeni si conditii
    • Stergerea datelor cu caracter personal
    • Disclaimer
  • Contact
  • Telefoane Mobile
  • Tehnologie
  • Internet
  • Casa si gradina
  • Sanatate
  • Cum sa fac?
  • GDPR
    • Politica privind Cookie-urile
    • Termeni si conditii
    • Stergerea datelor cu caracter personal
    • Disclaimer
  • Contact
No Result
View All Result
SpinMag
No Result
View All Result
Tipuri de web design

Tipuri de web design

by Iosif Cojocar
June 22, 2020
in Cum sa fac?, Seo, Web
Reading Time: 3min read
0
0
SHARES
38
VIEWS
Share on FacebookShare on Twitter

Proiectarea web este procesul de creare a site-urilor web. Inglobeaza mai multe aspecte diferite, inclusiv aspectul paginii web, productia de continut si designul grafic. In timp ce termenii design web si dezvoltare web sunt adesea folositi in mod interschimbabil, designul web este, din punct de vedere tehnic, un subset al categoriei mai largi de dezvoltare web.

Site-urile web sunt create folosind un limbaj de marcare numit HTML. Designerii web construiesc pagini web folosind etichete HTML care definesc continutul si metadatele fiecarei pagini.

Aspectul elementelor din cadrul unei pagini web sunt de obicei definite folosind CSS sau foile de stil in cascada. Prin urmare, majoritatea site-urilor web includ o combinatie de HTML si CSS care defineste modul in care fiecare pagina va aparea intr-un browser.

Unii designeri web prefera sa predea pagini de cod (tastand HTML si CSS de la zero), in timp ce altii folosesc un editor „ WYSIWYG ” precum Adobe Dreamweaver. Acest tip de editor ofera o interfata vizuala pentru proiectarea machetei paginii web, iar software – ul genereaza automat codul HTML si CSS corespunzator.

Un alt mod popular de proiectare a site-urilor web este cu un sistem de gestionare a continutului precum WordPress sau Joomla. Aceste servicii ofera diferite sabloane de site- uri care pot fi utilizate ca punct de plecare pentru un nou site web. Administratorii web pot apoi sa adauge continut si sa personalizeze aspectul folosind o interfata bazata pe web.

In timp ce HTML si CSS sunt utilizate pentru a proiecta aspectul unui site web, imaginile trebuie create separat. Prin urmare, designul grafic se poate suprapune cu designul web, deoarece designerii grafici creeaza adesea imagini pentru utilizare pe Web.

Unele programe grafice precum Adobe Photoshop includ chiar si o optiune „Salvati pentru web …” care ofera o modalitate usoara de a exporta imagini intr-un format optimizat pentru publicarea web.

Tipuri de design de site-uri web

Desi s-ar putea sa intalniti articole online care vorbesc despre o multime de stiluri de design de site-uri web (fixe, statice, fluide etc.), in prima lume mobila de azi, exista doar doua moduri de a proiecta corect un site web: site-uri web adaptive si responsive.

Partea cea mai buna este ca, cu instrumente moderne de proiectare, nu trebuie sa stii cum sa faci cod pentru a crea site-uri web uimitoare care arata excelent pe toate dispozitivele. Intelegerea avantajelor si a punctelor contra site-urilor web adaptive si responsive va va ajuta sa determinati ce este cel mai bine pentru dvs.

Site-uri web adaptive

Designul web adaptiv foloseste doua sau mai multe versiuni ale unui site web care sunt personalizate pentru dimensiuni de ecran diferite. Site-urile create de catre o firma cu portofoliu de site-uri web, adaptive pot fi impartite in doua categorii principale, in functie de modul in care site-ul detecteaza ce „versiune” trebuie afisata.

Se adapteaza in functie de tipul dispozitivului

Cand browserul dvs. (aka client) se conecteaza la un site web, solicitarea HTTP va include un camp numit „user-agent” care informeaza serverul despre tipul de dispozitiv care incearca sa vizualizeze pagina.

Practic, acest lucru inseamna ca site-ul stie ce versiune are de afisat (ex: desktop sau mobil). Singura problema cu aceasta abordare este ca, daca micsorati fereastra browserului pe un desktop, pagina nu se va adapta, deoarece continua sa afiseze „versiunea desktop” completa.

Adaptari bazate pe latimea browserului

In loc sa foloseasca „user-agent”, site-ul web foloseste interogari media si puncte de intrerupere pentru a comuta intre versiuni. Deci, in loc sa aveti versiuni pentru desktop, tableta si mobil, ar trebui sa aveti versiuni de 1080px, 768px si 480px. Pe langa faptul ca ofera mai multa flexibilitate la proiectare, aceasta abordare ofera un aspect mai „sensibil” la schimbarea dimensiunii browserului pe un ecran mare.

Avantaje: Editare WYSIWYG (ceea ce vedeti este ceea ce obtineti) Modelele personalizate sunt mai rapide si mai usor de construit fara codCompatibilitatea browser-ului si a dispozitivelor incarcate.

Dezavantaje: Site-urile web care folosesc „tip dispozitiv” pot arata rupte atunci cand sunt vizualizate intr-o fereastra mica a browserului de pe desktop; limitari asupra anumitor efecte pe care doar site-urile responsive le pot realiza, reprezinta alte dezavantaje.

Site-uri web responsive

Site-urile responsive utilizeaza o combinatie de grile flexibile (bazate pe procente) cu puncte de intrerupere (folosind interogari media) pentru a crea un aspect personalizat la fiecare dimensiune a ecranului. Spre deosebire de site-urile adaptive care se adapteaza doar atunci cand ating un punct de intrerupere, site-urile responsive se schimba in mod constant in functie de dimensiunea ecranului.

Acestea sunt in mare parte cele mai importante detalii de retinut despre web design. Mai multe informatii puteti afla de la agentia Itexclusiv, care este firma cu portofoliu de site-uri web. In functie de necesitati, puteti alege un site responsive sau adaptive, iar specialistii de la agentia de web design, vor fi cea mai buna solutie pentru site-ul dvs.

Tags: codul HTMLDesignerii web construiesc pagini web folosind etichete HTMLdesignul webdezvoltare webfirma cu portofoliu de site-uri weblimbaj de marcare numit HTMLsite webTipuri de design de site-uri webweb design

Related Posts

Ce este Google BERT? Explicatie in termeni simpli

Ce este Google BERT? Explicatie in termeni simpli

by Iosif Cojocar
May 22, 2022
0
6

Google BERT, un alt fel de algoritm al motorului de cautare Google, va afecta 10% din toate cautările. Aflati tot...

Cum sa faci chiftelute usoare si suculente - Reteta perfecta cu sfaturile noastre

Cum sa faci chiftelute usoare si suculente – Reteta perfecta cu sfaturile noastre

by Iosif Cojocar
May 21, 2022
0
7

Chiftelutele sunt considerate preparatul de casa prin excelenta, cu o categorie usor neglijata si care merita sa fie ridicate la...

Cele mai importante detalii pe care le poti afla despre elastografia mamara

Cele mai importante detalii pe care le poti afla despre elastografia mamara

by Iosif Cojocar
April 6, 2022
0
12

Exista multiple forme de investigatii medicale imagistice care te pot ajuta sa determini natura unei mase mamare. Este important sa...

5 posibile probleme ale telefonului tau, care pot sa fie reparate

5 posibile probleme ale telefonului tau, care pot sa fie reparate

by Iosif Cojocar
March 11, 2022
0
22

Telefonul mobil este unul dintre cele mai utilizate obiecte din acest moment pe intreaga planeta. Este indispensabil pentru comunicare ce...

Ce este inteligenta emotionala si cum o poti dezvolta?

Ce este inteligenta emotionala si cum o poti dezvolta?

by Iosif Cojocar
March 8, 2022
0
9

Inteligenta emotionala este capacitatea de a intelege propriile emotii si de a le percepe pe ale altora intr-o foarte mare...

Ce este un buldoexcavator?

Ce este un buldoexcavator?

by Iosif Cojocar
March 7, 2022
0
11

Aici analizam cateva dintre caracteristicile care definesc cele mai bune buldoexcavatoare din industria constructiilor de astazi. Aceasta masina a fost...

Next Post
Cum poti obtine un somn de calitate?

Cum poti obtine un somn de calitate?

  • Telefoane Mobile
  • Tehnologie
  • Internet
  • Casa si gradina
  • Sanatate
  • Cum sa fac?
  • GDPR
  • Contact
All rights reserved to SpinMag.org.
No Result
View All Result
  • Telefoane Mobile
  • Tehnologie
  • Internet
  • Casa si gradina
  • Sanatate
  • Cum sa fac?
  • GDPR
    • Politica privind Cookie-urile
    • Termeni si conditii
    • Stergerea datelor cu caracter personal
    • Disclaimer
  • Contact

All rights reserved to SpinMag.org.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In