Innholdsfortegnelse
Responsivt webdesign, hva er fordelen med nettet?Mange aspekter ved brukeratferd har blitt studert av markedsføringseksperter og indikerer at 70% av mennesker mellom 18 og 45 år surfer på internett ikke fra datamaskiner, men fra nettbrett og telefoner, noe som er et veldig stort marked som liker å legge det til side.
Hva er et responsivt webdesign?
Det er et design som tilpasser seg alle enheter og skjermoppløsninger, uansett om det er en telefon, et nettbrett, en datamaskin eller en TV -skjerm. Alt dette må tilpasses uten å lage forskjellige versjoner av et nettsted for hver enhet, men det er et enkelt nettsted som må kunne tilpasse seg.
En måte er via mediespørringsmodul CSS3 som lar gjengivelse av innhold passe til forhold som skjermoppløsning
For eksempel i stilene file.css
@import url (styles.css) bare skjerm og (maks-enhetsbredde: 480px);
Inne i filen begynner vi å definere enheter med en maksimal bredde på 480px og orientert horisontalt:
@medias skjerm og (maks. enhetsbredde: 480px) og (orientering: liggende) {
/ * her vil det være stilene for denne enheten * /
}
Annen stil for vertikal skjerm
@media bare skjerm og (min-bredde: 680px) og (maks-bredde: 979px) og (orientering: portrett) {
/ * stiler * /
}
Her definerer vi stiler for en iPhone 5
@media-skjerm og (enhets-sideforhold: 40/71) {
/ * stiler * /
}
Det ideelle er å måle alt i prosent for å kunne lage et generisk nettsted uten å måtte lage så mange stilark.
En måte er ved å plassere innholdet som dekker 80% av bredden på skjermen, dette vil beholde innholdsseksjonen på en hvilken som helst enhet.
Noen fordeler og aspekter å vurdere
Responsive webdesign fungerer er en måte å gjøre SEO på siden vi unngår å kopiere lenker og innhold for forskjellige versjoner av enheten, Google han liker det selv om det ikke betyr at det er nødvendig. Hvis vi gjør det for å være for mobilbrukere og ikke for Google.
For hver enhet er opplevelsen og haster forskjellig siden den brukes på forskjellige tidspunkter.
Vanligvis er de som navigerer fra en datamaskin på jobb eller hjemme, derfor blir søket mer avslappet og med mer tid til å lese og se banneret, den som navigerer fra et nettbrett vil sikkert være en profesjonell eller noen som utfører en bestemt oppgave for derfor trenger du veiledning eller referanseinformasjon, men ikke noe som hindrer søket ditt.
Selv om de som navigerer via telefon vil være de yngste eller mennesker med mye mer mobilitet og vil se etter rask og konkret informasjon for hasteforespørsler eller raskt søk etter informasjon om et sted, en hendelse eller behov for kommunikasjon, avsløres noen av disse aspektene i comScore rapport om online markedsføring som er gratis, gratis og gjenspeiler de årlige trendene.
