Cautare in site

Articol

Site-uri web Responsive vs. site-uri web Mobile

Site-uri web Responsive vs. site-uri web Mobile

In ultimii ani am asistat la un boom in ceea ce priveste utilizarea dispozitivelor (smartphone, tablet) pentru navigarea pe internet. Recunoscand acest trend, dezvoltatorii s-au axat initial pe realizarea site-urilor dedicate pentru telefoanele mobile. Succesiv s-a trecut la realizarea site-urilor web care se adapteaza la orice rezolutie de ecran si anume site-urile web responsive. In cele ce urmeaza vom vedea trasaturile acestor doua tipologii de site-uri web cu avantajele fiecareia.


Creeaza site-uri web responsive cu Bootstrap

Curs Bootstrap Online

24 videoclipuri on demand + fise pdf descarcabile + 2 layout-uri de pagina descarcabile + 6 luni acces la platforma de e-learning + asistenta pe toata perioada conectarii

Inscrie-te la Cursul Bootstrap 3

» Site-urile web mobile:
site-web-mobile

Aceasta tipologie de site prevede o versiune aparte, diferita fata de versiunea pentru desktop. Acest lucru implica faptul ca url-urile pentru cele doua versiuni sunt diferite, versiunea mobile folosind litera m in fata url-ului versiunii clasice.

Versiunile de site fiind diferite si continutul lor este diferit. Se deduce de aici faptul ca dezavantajul principal al acestei tipologii de site este faptul ca actualizarea continutului trebuie facuta de doua ori, pentru fiecare versiune in parte.


» Site-urile web responsive:

Aceasta tipologie de site web pe de alta parte prezinta o singura versiune si deci o singura adresa URL. Site-urile web responsive isi adapteaza continutul la rezolutia dispozitivului pe care sunt vizualizate. Acest lucru este obtinut cu ajutorul regulilor CSS Media Queries (Interogari Media) care stabilesc pozitia variilor elemente de layout pentru principalele puncte de intrerupere.

Se poate intui deci ca aceasta tipologie de site web este de preferat site-urilor mobile. Pe langa avantajul ce deriva din faptul ca actualizarea site-ului se face o singura data iar url-ul site-ului este unic, avantajul cel mai important este ca aceasta tipologie de site poate fi vizualizata pe toate tipurile de dispozitive, independent de rezolutie, vizualizarea corecta nefiind ingradita numai la rezolutiile clasice ale telefoanelor mobile.

responsive-webdesign

Avand in vedere aceste avantaje, site-urile web responsive s-au impus deja ca standard in industrie. Astfel, toate noile template-uri pentru site-urile CMS: WordPress, Joomla etc sunt responsive. Ca si framework utilizat pentru realizarea acestei tipologii de site-uri s-a impus mai ales Bootstrap, dar si Foundation.


» Avantajele folosirii Bootstrap pentru crearea de site-uri web Responsive:

Platforma Responsive care s-a impus ca si lider in industria web – Bootstrap – este un framework gratuit, dezvoltat initial de catre cei de la Twitter.

Boostrap este o platforma stabila, testata pe toate dispozitivele si browserele cu o librarie completa de structuri gata de integrat. Eficientizarea dezvoltarii este garantata de exemplele disponibile de markup pentru sute de elemente preconfectionate.

Majoritatea agentiilor web dezvolta site-urile responsive cu ajutorul Bootstrap, fie ca este vorba despre site-uri custom sau despre personalizarea temelor pentru WordPress.

Curs Bootstrap Onlineinscrie-te aici si vei avea acces la 2 ore de videoclipuri on demand + fise pdf + 2 layout-uri descarcabile


curs-html

O alta alternativa pentru cei care prefera editoarele de tip WYSIWYG (What You See is What you Get) este Adobe Dreamweaver, lider in acest segment de piata, care incepand cu versiunea Creative Cloud 2015 a integrat Bootstrap 3.

CURS VIDEO COMPLET – HTML si CSS cu Adobe Dreamweaver + Crearea de layout-uri responsive cu functiile automate pentru Bootstrap 3 incluse in Dreamweaver


Nu sunt comentarii

Adauga Comentariu

Adresa ta de e-mail nu va fi publicata.