Gjëja e parë që shumica e projektuesve e konsiderojnë kur ndërtojnë faqen e tyre të internetit është ajo për të cilën do të dizajnohet. Ajo që me të vërtetë përbën është të vendosni se sa i gjerë duhet të jetë dizajni juaj. Nuk ka më ndonjë gjë të tillë si një gjerësi standarde të internetit.
Pse shqyrtoni rezolutën
Në vitin 1995, monitorët standarde të rezolucionit 640x480 ishin vëzhguesit më të mëdhenj dhe më të mirë në dispozicion. Kjo do të thoshte që projektuesit e uebit u përqendruan në krijimin e faqeve që dukeshin të mira në shfletuesit e internetit, maksimizuar në një monitor 12 inç në 14 inç në atë rezolucion.
Këto ditë, rezolucioni 640x480 përbën më pak se 1 përqind të shumicës së trafikut të internetit. Njerëzit përdorin kompjuterë me rezolucione shumë më të larta, duke përfshirë 1366x768, 1600x900 dhe 5120x2880. Në shumë raste, dizajnimi për një ekran me rezolucion 1366x768 punon.
Ne jemi në një pikë në historinë e dizajnit të internetit, ku ne nuk duhet të shqetësojmë shumë për zgjidhjen. Shumica e njerëzve kanë vëzhgues të mëdhenj me ekran të gjerë dhe ata nuk e maksimizojnë dritaren e shfletuesit. Pra, nëse vendosni të dizajnoni një faqe që nuk është më shumë se 1366 piksele, faqja juaj ndoshta do të duket mirë në shumicën e dritareve të shfletuesit edhe në monitorët e mëdhenj me rezolucione më të larta.
Gjerësia e shfletuesit
Para se të largoheni duke menduar "në rregull, do t'i bëj faqet e mia të gjera 1366 piksel", ka më shumë për këtë histori. Një çështje shpesh e neglizhuar kur vendoset gjerësia e një faqe interneti është se sa të mëdha klientët tuaj mbajnë shfletuesit e tyre. Në mënyrë të veçantë, a maksimizojnë shfletuesit e tyre me madhësi të ekranit të plotë apo i mbajnë ato më të vogla se ekrani i plotë?
Në një vëzhgim joformal të bashkëpunëtorëve të cilët të gjithë përdorën një laptop të rezolucionit 1024x768, dy kompani i mbanin të gjitha aplikacionet e tyre maksimizuese. Pjesa tjetër kishte dritare të ndryshme të hapura për arsye të ndryshme. Kjo ilustron se nëse po harton intranetin e kësaj kompanie në 1024 piksel të gjerë, 85 përqind e përdoruesve duhet të lëvizin horizontalisht për të parë tërë faqen.
Pasi të keni llogari për klientët që maksimizojnë ose jo, mendoni për kufijtë e shfletuesit. Çdo shfletues web ka një shirit lëvizës dhe kufizohet në anët që zvogëlojnë hapësirën në dispozicion nga 800 në rreth 740 piksele ose më pak në rezolucione 800x600 dhe rreth 980 piksele në dritare maksimizuese me rezolucione 1024x768. Kjo quhet shfletues "krom" dhe mund të largohet nga hapësira e përdorshme për hartimin e faqes suaj.
Faqet me gjerësi fikse ose të lëngshme
Gjerësia aktuale numerike nuk është e vetmja gjë që ju duhet të mendoni kur dizajnoni gjerësinë e faqes suaj. Gjithashtu duhet të vendosni nëse do të keni gjerësi fikse ose gjerësi të lëngshme . Me fjalë të tjera, a do ta vendosni gjerësinë në një numër specifik (fiks) ose në një përqindje (të lëngshme)?
Gjerësia e fiksuar
Faqet me gjerësi fikse janë tamam si ato të shëndosha. Gjerësia është fikse në një numër të caktuar dhe nuk ndryshon pa marrë parasysh sa e madhe apo e vogël është shfletuesi. Kjo mund të jetë e mirë nëse keni nevojë që dizajni juaj të duket tamam i njëjtë pavarësisht sa të gjera apo të ngushta janë shfletuesit e lexuesve tuaj, por kjo metodë nuk merr parasysh lexuesit tuaj. Njerëzit me shfletues më të ngushtë se dizajni juaj do të duhet të lëvizin horizontalisht dhe njerëzit me shfletues të gjerë do të kenë sasi të mëdha hapësire boshe në ekran.
Për të krijuar faqe fikse të gjerësisë, thjesht përdorni numra specifikë pixel për gjerësinë e divizioneve të faqeve.
Gjerësia e lëngshme
Faqet e gjerësisë së lëngshme (ndonjëherë të quajtura faqe fleksibile të gjerësisë) ndryshojnë në gjerësi në varësi të asaj se sa e gjerë është dritarja e shfletuesit. Kjo ju lejon të dizajnoni faqe që fokusohen më shumë te klientët tuaj. Problemi me faqet me gjerësi të lëngshme është se ato mund të jenë të vështira për t'u lexuar. Nëse gjatësia e skanimit të një teksti të tekstit është më e gjatë se 10 deri në 12 fjalë ose më e shkurtër se 4 deri në 5 fjalë, mund të jetë e vështirë të lexohet. Kjo do të thotë që lexuesit me dritare të mëdha apo të vogla të shfletuesit kanë probleme.
Për të krijuar faqe fleksibile të gjerësisë, thjesht përdorni përqindjet ose EMS për gjerësinë e divizioneve të faqeve. Ju gjithashtu duhet të familjarizoheni me pronën CSS max-width. Kjo pronë ju lejon të vendosni një gjerësi në përqindje, por pastaj kufizoni atë në mënyrë që të mos merrni aq të mëdha sa që njerëzit nuk mund ta lexojnë atë.
Dhe fituesi është: CSS Media Queries
Zgjidhja më e mirë këto ditë është përdorimi i pyetjeve të medias CSS dhe dizajnit të përgjegjshëm për të krijuar një faqe që përshtatet me gjerësinë e shfletuesit që e sheh. Një dizajn i përgjegjshëm web përdor të njëjtin përmbajtje për të krijuar një faqe interneti që funksionon nëse e shihni atë në 5120 piksela të gjera ose 320 piksela të gjera. Faqet me madhësi të ndryshme duken të ndryshme, por ato përmbajnë përmbajtje të njëjtë. Me pyetjen e medias në CSS3, secila pajisje marrëse i përgjigjet pyetjes me madhësinë e saj dhe fleta e stilit përshtatet në atë madhësi të veçantë.