Internetanvändare använder ett stort antal skärmar med olika skärmupplösningar. Därför är en av uppgifterna för webbutvecklare behovet av att skapa och optimera en webbplats för korrekt visning på bildskärmar med valfri upplösning.
Instruktioner
Steg 1
Designa din webbplats med den lägsta användbara upplösningen - 800 * 600 pixlar och använd en fast layout. Men med detta tillvägagångssätt finns det en nackdel - för användare som har widescreen-skärmar visas breda fält på skärmen när de tittar på din webbplats.
Steg 2
Använd en flytande layout. I det här fallet kommer sidorna att sträckas horisontellt på dessa bildskärmar, vars upplösning är högre än den som användes i utvecklingen. Men detta tillvägagångssätt används bäst när du skapar webbplatser med mycket textinformation och ett minimum av grafik. Detta beror på att vissa element, till exempel bilder eller komponenter från tredje part, kommer att förvrängas när de ändras på olika skärmar.
Steg 3
Den mest korrekta, men samtidigt och mer komplexa ur implementeringssynpunkt, är användningen av en adaptiv layout. Detta är en mer komplex version av gummilayouten, vilket gör det möjligt att ändra antalet kolumner med information när man använder programkoden.
Steg 4
Men oavsett vilken layout som väljs för utveckling av webbplatsen, gör dess layout med en skärmupplösning på 1024 * 768 pixlar. Detta är den vanligaste upplösningen.
Steg 5
Följ också några regler för att korrekt visa webbplatsen på bildskärmar med en annan upplösning. Försök att hålla sidans huvudinnehåll på en skärm för att undvika att rulla. Placera textinformation i en smal kolumn så att den inte "sprids" över hela skärmens bredd. Håll koll på sidornas övergripande design så att allt är proportionellt.
Steg 6
När du designar din design beräknar du procenten, inte kvantiteten, av sidans bredd och höjd. Sedan kommer sidan att ändras proportionellt både på konventionella bildskärmar och på bredbildsskärmar.
