Pirmas dalykas, kurį dauguma dizainerių laiko kuriant savo tinklalapį, yra tai, kokia rezoliucija turi būti sukurta. Tai iš tikrųjų yra tai, kaip nuspręsti, koks jūsų dizaino plotis turėtų būti. Tokio dalyko nebėra kaip standartinio svetainės pločio.
Kodėl apsvarstyti rezoliuciją
1995 m. Didžiausi ir geriausi monitoriai buvo standartiniai 640 x 480 skiriamosios gebos monitoriai. Tai reiškė, kad interneto dizaineriai sutelkė dėmesį į tai, kad tinklalapių, kurie gerai atrodė interneto naršyklėse, maksimaliai padidintų 12 colių ir 14 colių monitorius tuo pačiu rezoliucija.
Šiomis dienomis 640x480 skiriamoji geba sudaro mažiau nei 1 procentą didžiausio interneto srauto. Žmonės naudoja kompiuterius, kuriuose yra daug didesnės skiriamosios gebos, įskaitant 1366x768, 1600x900 ir 5120x2880. Daugeliu atvejų dizainas 1366x768 rezoliucija ekranas veikia.
Mes esame žiniatinklio dizaino istorijoje, kur mes neturime nerimauti dėl rezoliucijos. Dauguma žmonių turi didelius, plačiaekranius monitorius ir jie nepadidina naršyklės lango. Taigi, jei nuspręsite suprojektuoti puslapį, kurio plotis neviršija 1366 pikselių, jūsų puslapis greičiausiai atrodys puikiai daugumoje naršyklės langų net dideliuose monitoriuose, kuriuose yra didesnės skiriamosios gebos.
Naršyklės plotis
Prieš išjungdami mąstymą "gerai, aš padarysiu puslapius 1366 pikselių pločio", daugiau pasakojama apie šią istoriją. Dažnai pamiršta problema sprendžiant tinklalapio plotį yra tai, kiek jūsų klientai laiko naršykles. Tiksliau, ar jie maksimaliai padidina savo naršykles viso ekrano dydžiu, ar jie mažina jų skaičių, palyginti su viso ekrano?
Viename neoficialiame bendradarbių, kurių visi naudojo standartinį 1024x768 skiriamąją gebą nešiojamą kompiuterį, apklausa du išlaikė visas savo programas. Likusios skirtingų dydžių langai buvo atidaryti dėl įvairių priežasčių. Tai rodo, kad jei planuojate šios įmonės intranetą, kurio plotis yra 1024 pikselių, 85 procentai vartotojų turės slinkti horizontaliai, kad pamatytumėte visą puslapį.
Po to, kai atsiskaitysite į klientus, kurie maksimaliai padidins arba nepadarys, apsvarstykite naršyklės sienas. Kiekviena žiniatinklio naršyklė turi slinkties juostą ir ribojasi su šonais, kurios sumažina laisvą erdvę nuo 800 iki maždaug 740 pikselių ar mažiau esant 800x600 skiriamojoje rezoliucijoje ir maždaug 980 pikselių maksimaliu 1024 x 768 langų languose. Tai vadinama naršykle "chromas" ir gali pašalinti jūsų puslapio dizaino naudingą erdvę.
Fiksuoto arba skysčio pločio puslapiai
Tikrasis skaitmeninis plotis yra ne vienintelis dalykas, kurį reikia galvoti kuriant svetainės pločio. Jūs taip pat turite nuspręsti, ar turite fiksuoto pločio ar skysčio pločio . Kitaip tariant, ar ketinate nustatyti plotį iki tam tikro skaičiaus (fiksuoto) arba procentais (skysčio)?
Fiksuotas plotis
Fiksuoto pločio puslapiai yra tokie patys, kaip jie skamba. Plotis yra fiksuotas tam tikru skaičiumi ir nesikeičia, nesvarbu, koks yra didelis ar mažas naršyklė. Tai gali būti naudinga, jei jums reikia, kad jūsų dizainas atrodytų vienodai, nesvarbu, koks yra platus ar siauras skaitytojų naršyklių, bet šis metodas neatsižvelgia į jūsų skaitytojus. Žmonės, kurių naršyklės yra siauresnės nei jūsų dizainas, turės slinkti horizontaliai, o žmonėms su plačiomis naršyklėmis ekrane bus daug tuščių vietų.
Norėdami sukurti fiksuoto pločio puslapius, paprasčiausiai naudokite konkrečius pikselių skaičių savo puslapio skilčių pločiuose.
Skysčio plotis
Skystųjų pločių puslapiai (kartais vadinami lanksčiais pločio puslapiais) skiriasi pločio priklausomai nuo to, kaip platus naršyklės langas. Tai leidžia kurti puslapius, kuriuose daugiausia dėmesio skiriama klientams. Problema su skysto pločio puslapiais yra ta, kad jas sunku perskaityti. Jei teksto eilutės nuskaitymo ilgis yra ilgesnis nei 10-12 žodžių arba trumpesnis nei 4-5 žodžiai, jį gali būti sunku perskaityti. Tai reiškia, kad skaitytojams su dideliais ar mažais naršyklės langais kyla problemų.
Norėdami sukurti lankstus pločio puslapius, tiesiog naudokite procentus arba ems puslapio padalijimų plotams. Taip pat turėtumėte susipažinti su CSS maksimalaus pločio nuosavybe. Ši savybė leidžia nustatyti pločio procentą, bet tada riboti, kad jis nepasiektų toks didelis, kad žmonės negalėtų jį perskaityti.
Ir nugalėtojas yra: CSS medijos užklausos
Šiuo metu geriausias sprendimas yra naudoti CSS žiniasklaidos užklausas ir jautrų dizainą, kad būtų sukurtas puslapis, kuris prisitaiko prie naršyklės, kuri ją peržiūri, pločio. Atsakomasis interneto dizainas naudoja tą patį turinį, kad sukurtų tinklalapį, kuris veikia, ar jūs matote jį 5120 pikselių pločio ar 320 pikselių pločio. Skirtingų dydžių puslapiai skiriasi, tačiau juose yra tas pats turinys. Kai medijos užklausa pateikiama CSS3, kiekvienas priimantis įrenginys atsako į užklausą savo dydžiu, o stilių lentelė sureguliuojama pagal tą konkretų dydį.