Вэб хуудасны байршлыг хоёр өөр аргаар хийж болно:
- Fixed Width Layouts - Эдгээр нь бүх хуудсын өргөнийг тодорхой тоон утгатай тохируулсан байрлуулалтууд юм.
- Liquid Layouts - Эдгээр нь вэб хөтчийн өргөн хэр өргөн цар хүрээнээс хамааран бүхэл бүтэн хуудсын өргөн уян хатан байна.
Загварын аргуудыг хоёуланг нь ашиглах сайн үндэслэл байдаг боловч аргын тус бүрийн ашиг тус, дутагдлыг аль алиныг нь ойлгоогүй тохиолдолд та өөрийн вэб хуудсан дээрээ аль ашиглахаа шийдэж чадахгүй.
Өргөтгөсөн Өргөн Өргөтгөлүүд
Тогтмол байршуулсан төлөвлөгөө нь вэб дизайнераар тодорхойлогдсон хэмжээгээр эхэлж буй бүтэц юм. Тэд энэ өргөн зурвасын хэвээр байгаа бөгөөд энэ нь вэб хөтчийн цонхны хэмжээг харгалзахгүйгээр хэмждэг. Өргөтгөсөн өргөний байрлал нь ихэнх тохиолдолд ихэнх тохиолдолд хуудасны харагдах байдлыг дизайн хийхэд илүү хялбар байдаг. Тэд дизайныг хэвлэлийн суурьтай дизайнеруудаас илүүд үзэж байдаг бөгөөд ингэснээр загвар зохион бүтээгчид байршлуудад минутын тохируулга хийх боломжийг олгодог бөгөөд тэдгээр нь хөтчүүд болон компьютер дээр байнга хэвээр байхыг зөвшөөрдөг.
Шингэний зураглал
Шингэний төлөвлөгөө нь одоогийн браузерын цонхны хэмжээтэй харьцуулахад суурилсан төлөвлөгөө юм. Тэд одоо байгаа үзэгч нь вэб хөтчийн хэмжээг өөрчлөх боломжтой байсан ч гэсэн цонхны хэмжээгээр уян хатан байдаг. Вайтын браузерын цонх эсвэл дэлгэцийн нягтралаар хангагдсан зай нь маш өргөн цар хүрээтэй байрлалтай байдаг. Тэд хуудсыг хэн үзэж байгааг үл харгалзан, хэмжээ, харьцангуй хуудасны тууштай нийцэж байхын тулд аль болох бага зайд хүрэхийн тулд маш их мэдээлэлтэй дизайнерууд ихэвчлэн дуртай байдаг.
Гадас дээр юу байдаг вэ?
Таны Вэбсайт дизайныг сонгох аргыг зөвхөн дизайныхаас илүү ихээр нөлөөлнө. Таны сонгосон байдлаас шалтгаалан уншигчдынхаа текстийг сканнердах, хайж байгаа зүйлээ олох эсвэл заримдаа таны сайтыг ашиглах чадварт нөлөөлөх болно. Загварын хэв маяг нь танай вэбсайтыг бренд хийх, үл хөдлөх хөрөнгийн олдоц, мөн сайтын гоо зүйн тусламжтайгаар таны хүчин чармайлтанд нөлөөлөх болно.
Fixed Width Layout-ийн ашиг тус
- Өргөн хүрээтэй байрлуулах нь дизайнер нь хэнийг харахаас үл хамааран ижилхэн хуудас бүтээх боломжийг олгодог.
- Сайтын өргөн элементүүд нь жижиг мониторууд дээр текстийг дарж чадахгүй. Учир нь нийт хуудсын өргөн тэдгээр элементүүдийг агуулна.
- Вэб браузер хэр өргөн цар хүрээтэй байгаагаас үл хамааран сканнерын уртыг текстийн том хэсгүүдэд нөлөөлөхгүй.
Шингэний гадаргуугийн давуу тал
- Шингэний өргөний байрлал нь боломжтой зайг дүүргэх, гэрээ байгуулж ажиллана.
- Бүх бэлэн үл хөдлөх хөрөнгийг ашигладаг бөгөөд дизайнер нь том дэлгэц дээр илүү агууламжийг үзүүлэх боломжтой боловч жижиг дэлгэц дээр амьдрах чадвартай хэвээр байна.
- Шингэний гадаргуу нь харьцангуй өргөнтэй байх ба хуудсыг том фонтын хэмжээ гэх мэт хэрэглэгчдэд ногдуулсан хязгаарлалтуудад динамикаар хариу өгөх боломжтой.
Өргөтгөсөн Өргөн Өргөтгөлүүдтэй холбоотой сул талууд
- Тогтмол өргөний байрлалд жижиг браузер цонхонд хэвтээ гүйлгэхэд хүргэж болно. Ихэнх хүмүүс хэвтээ чиглэлд гүйлгэх дуртай байдаггүй.
- Энэ нь том мониторууд дахь хоосон зайны хэмжээг ихэсгэхэд хүргэдэг бөгөөд ингэснээр ашиглагдаагүй орон зайг ихэсгэх, босоо тэнхлэгийн хувьд илүү шаардлагатай байж болох юм.
- Тогтмол өргөний байрлал нь хэрэглэгчийн өөрчлөлтийг фонтын хэмжээг сайн зохицуулдаггүй. Фонтын хэмжээг бага хэмжээгээр өсгөхийн тулд тэдгээр нь зөв байж болох боловч илүү их хэмжээгээр өсөхөд зохион байгуулалт нь эвдэгдэж болно.
Шингэний гадаргуугийн сул талууд
- Шингэний байрлал нь хуудасны янз бүрийн элементийн өргөнийг маш бага нарийвчлалтай хянадаг.
- Тэдгээр нь текстийн багануудыг үр дүнтэй хайлт хийхэд хэтэрхий өргөн хүрээтэй байж болно, эсвэл үгс нь тодорхой харуулахын тулд жижиг хөтөчүүдэд хэтэрхий бага байна.
- Шингэний байрлал нь шингэн баганын дотор тогтмол өргөн элемент, жишээ нь зургийг байрлуулсан үед асуудал үүсч болно. Хэрэв баганыг дүрслэхэд хангалттай зайгүй бол зарим хөтөчид баганын өргөнийг нэмэгдүүлж, дизайнерын зааврыг үл тоомсорлодог бол бусад хөтөчүүд зөв текстүүд болон зургуудаар давхцах болно.
Дүгнэлт
Ихэнх зай талбайг аль болох бага хэмжээгээр дамжуулах шаардлагатай сайтууд нь шингэний зохион байгуулалт сайтай байдаг. Энэ нь том дэлгэцийг жижиг дэлгэцээр богиносгодоггүй бүх үл хөдлөх хөрөнгийн давуу талыг ашиглах боломж олгодог.
Бүх хуудсуудыг сайтар харуулсан сайтууд нь нарийвчлан тогтсон байрлалыг ашиглах нь зүйтэй. Энэ нь таны Вэбсайтны брендийг ямар хэмжээтэй хэмжиж үзсэнээс үл хамааран, тодорхой, тодорхой байх болно.
Layout Preference
Олон хүн холимог хандлагатай байдаг. Тэд том текст дээр унших боломжгүй, эсвэл том биш дээр текстийг унших боломжтой учраас текстийг том блокуудад шингэн байрлуулахдаа ашиглах дургүй байдаг. Тиймээс тэдгээр нь тогтмол өргөнтэй хуудсуудын үндсэн багануудыг хийх хандлагатай байдаг. Гэхдээ үл хөдлөх хөрөнгийн үл хөдлөх хөрөнгөө өсгөх, том хөтчүүдийн хүчин чадлыг алдахгүй байхын тулд headers, footers, side columns нь илүү уян хатан болгох хандлагатай байдаг.
Зарим вэбсайт нь таны хөтөчийн цонхны хэмжээг тодорхойлохын тулд скриптүүдийг ашигладаг бөгөөд дэлгэцийн элементүүдийг зохих ёсоор нь өөрчлөх хэрэгтэй. Жишээ нь, хэрэв та ийм сайтыг өргөн цар хүрээтэй цонхоор нээх юм бол жижиг мониторуудтай хэрэглэгчдийг харахгүй байж болох юм. Мөн зар сурталчилгааны эргэн тойрон дахь текстийг буулгах нь таны хөтөчийн цонх хэр өргөн цар хүрээтэй байдгаас хамаарна. Хэрвээ энэ нь хангалттай өргөн бол, сайт нь текстийг текстэн дээр байрлуулах болно. Тэгэхгүй бол зар сурталчилгаа доорх нийтлэлийн текстийг харуулна. Ихэнх сайтууд энэ төвөгтэй байдлын түвшинг шаарддаггүй ч жижиг дэлгэц дээр дэлгэцэнд нөлөөлөхгүйгээр том дэлгэцийн давуу талыг ашиглах арга замыг харуулж байна.