Što je responzivni web dizajn

• Svibanj 9, 2024

Tri su glavne karakteristike responzivnog web dizajna, a to su fluidni izgled, veličine slike i medijski upiti. Upiti u medijima nisu baš tako novi u web dizajnu. Počevši kao vrste medija u CSS2.1, mogli bismo dizajnirati tablice stilova i za web i za ispis, pomalo osiguravajući da će web stranica izgledati isto na zaslonu i kad se ispisuje. To je napredovalo u medijskim upitima u CSS3. Ovaj upit provjerava širinu medijskog uređaja (max-širina uređaja) i testira ga na postavljenu vrijednost, kao što su 480px ili 768px. Kao odgovor na ovaj upit, koristimo CSS stilove za promjenu rasporeda tekućine i veličinu slika na zaslonu.

Lako možete testirati ima li web lokacija prilagodljiv dizajn. Započnite s preglednikom na cijeloj širini zaslona računala. Zatim povucite desni rub preglednika ulijevo da biste smanjili širinu prozora preglednika. Trebali biste vidjeti da slike postaju manje, a izgled će uzeti plutajuće divlove koji su jedan pored drugog i slagati ih okomito. Na primjer, ako imamo šest slika (šest div-ova) u retku na stranici galerije na cijelom zaslonu, jer smanjujemo širinu zaslona, ​​broj slika u redu progresivno se smanjuje i slaže po potrebi. Jednom kada se širina smanji na određeni iznos, same će slike početi mijenjati veličinu. Ako pažljivo promatrate, vidjet ćete i da se određeni elementi dizajna, poput navigacijskih veza, mogu svesti na ikonu ili čak nestati. To također kontrolira tablicu CSS stilova.

Prilikom dizajniranja web stranica, uzmite u obzir ne samo kako će elementi dizajna web stranica izgledati na cijeloj širini zaslona, ​​već i kako će izgledati prilikom slaganja. Razmislite koji se elementi dizajna mogu ukloniti sa zaslona na manjoj širini zaslona bez smanjenja funkcionalnosti web mjesta. Kako se značajke i tehnologija odgovarajućeg dizajna brzo mijenjaju, praćenje svih poboljšanja može dugotrajno. Ako biste radije potrošili svoje vrijeme na dizajniranje umjesto na kodiranje, pogledajte neke od prelijepih responzivnih tema dostupnih za Wordpress. Ako ste mala dizajnerska tvrtka, možda biste trebali razmotriti polazište od jednog od tih odgovarajućih izgleda tema pri izradi web stranica.

Upute Video: Besplatni web hosting i kako postaviti web stranicu na internet (Svibanj 2024).