Responsivt eller lydhørt design

Indholdsfortegnelse
Responsivt webdesign, hvad er fordelen for nettet?
Mange aspekter af brugeradfærd er blevet undersøgt af marketingspecialister og indikerer, at 70% af mennesker mellem 18 og 45 år gamle surfer på internettet ikke fra computere, men fra tablets og telefoner, hvilket er et meget stort marked, der gerne vil lægge det til side.
Hvad er et responsivt webdesign?
Det er et design, der tilpasser sig enhver enhed og skærmopløsning, uanset om det er en telefon, en tablet, en computer eller en tv -skærm. Alt dette skal tilpasses uden at oprette forskellige versioner af et websted for hver enhed, men det er et enkelt websted, der skal kunne tilpasses.

Hvordan gør vi vores design lydhørt?
En måde er via medieforespørgsmålsmodul CSS3 som gør det muligt at gengive indhold, der passer til forhold som skærmopløsning
For eksempel i formatet file.css
@import url (styles.css) kun skærm og (maks. enhedsbredde: 480px);
Inde i filen begynder vi at definere enheder med en maksimal bredde på 480px og orienteret vandret:
Kun @medie-skærm og (maks. enhedsbredde: 480px) og (orientering: liggende) {
/ * her vil være typografierne for denne enhed * /
}

Anden stil til lodret skærm
Kun @medie-skærm og (min. bredde: 680px) og (maks. bredde: 979px) og (orientering: portræt) {
/ * styles * /
}

Her definerer vi stilarter til en iPhone 5
@media-skærm og (enheds-billedformat: 40/71) {
/ * styles * /
}

Det ideelle er at måle alt i procent for at kunne lave et generisk websted uden at skulle lave så mange typografiark.
En måde er ved at placere indholdet, der dækker 80% af skærmens bredde, dette bevarer indholdssektionen på enhver enhed.
Nogle fordele og aspekter at overveje
Responsive webdesignværker er en måde at lave SEO på, da vi undgår at kopiere links og indhold til forskellige versioner af enheden, Google han kan lide det, selvom det ikke betyder, at det er nødvendigt. Hvis vi gør det for at være for mobilbrugere og ikke for Google.
For hver enhed er oplevelsen og hastetiden anderledes, da den bruges på forskellige tidspunkter.
Generelt er dem, der navigerer fra en computer, på arbejde eller hjemme, derfor vil søgningen være mere afslappet og med mere tid til at læse og se banneret, den, der navigerer fra en tablet, vil helt sikkert være en professionel eller en, der udfører en bestemt opgave for derfor har du brug for vejledning eller referenceinformation, men ikke noget, der hindrer din søgning.
Mens de, der navigerer via telefon, vil være de yngste eller mennesker med meget mere mobilitet og vil lede efter hurtige og konkrete oplysninger til hasteforespørgsler eller hurtig søgning efter oplysninger om et sted, en begivenhed eller behov for kommunikation, afsløres nogle af disse aspekter i comScore -rapport om online marketing, der er gratis, gratis og afspejler de årlige tendenser.

Du vil bidrage til udviklingen af ​​hjemmesiden, at dele siden med dine venner

wave wave wave wave wave