Essential things about Web design

<-- -->

Free Web Hosting : Free Hosting : Troubled Teens : Report Abuse


	Вэб хуудаснуудын тухай

Вэб графикийн урлаг
Вэб дизайны єнгєний тухай
Єнгєний зохицол
Текст ба тvvний дэвсгэр єнгє
Палитр ба диффуз
Вэб дизайнеруудын гаргадаг 16 нийтлэг алдаа

Вэб графикийн урлаг

     Ямар нэгэн Вэб сайтад хандсан хэрэглэгч цааш сонирхон vзэх vv эсвэл бушуухан гарах уу гэдгээ шийдэхэд тухайн Вэбийн гадаад тєрх, график дизайн тун их нєлєєлдєг байна. Иймд Вэб хуудсыг хийж эхлэхээсээ ємнє тvvнд хэрэглэх дvрс, зургуудыг vvсгэх нь чухал юм. Энэ зорилгоор ашиглаж болох зургаан программыг харьцуулан, судалж vзэхэд Macromedia Fireworks 3 ба Satori WebFX2000 гэсэн хоёр программ хамгийн сайн vзvvлэлттэй байсан байна. Саяхан болтол Вэб графикийг зохиоход тусгай программуудаас гадна GIF аниматор мэтийн бусад программыг ашигладаг байсан билээ. Тvvнчлэн Adobe Photoshop 5.5 болон Ulead PhotoImpact 5 программуудыг ашиглаж байлаа.

    Вэб график нь сул зайгvй хэр нь тун сайхан харагдаж байх ёстой. Дvрс сайхан харагдахаас гадна хурдан ачаалагддаг байх нь чухал. Vvний тулд тухайн файлын тохирох форматыг сонгож (GIF, JPEG эсвэл PING) мєн дvрсний чанарыг бууруулахгvйгээр тvvний хэмжээ ба єнгєний тоог багасгаж болно. Дvрсийг хялбарчлах хамгийн тохиромжтой арга нь тvvнийг задлах явдал юм. Ингэснээр дvрсийн хэсэг тус бvрийг хялбарчлах боломжтой болдог. Харин Corel Draw 9 ба Jasc Paint Shop Pro программууд ийм боломжийг олгодоггvй. Сэтгэл татсан зургийг хєдєлгєєнт дvрсгvйгээр тєсєєлєхєд бэрх. Дээрхи 6 программ бvгд ийм боломжийг олгох боловч ImageReady, Adobe Photoshop, Macromedia Fireworks зэрэг программууд хамгийн шилдэг нь байсан юм. График дизайны мэргэжилтнvvд єєрийн гэсэн гаршсан хэрэгсэлтэй байдаг боловч Вэб хуудсыг эхнээс нь дуустал хийдэг программууд ч бас бий.

    Судалсан программ бvр ямар нэг салбарт сул дvн vзvvлж байсан нь шилдэг бvтээгдэхvvн сонгоход бэрхшээл учруулж байв. Macromedia Fireworks 3 нь Вэб графикийн бvхий л явцад тун сайн ажиллаж байв. Текстийн редактор, товчлуурын редактор ба дvрсийг задлах систем зэрэг тvvний олон vйлдэл нь бvх зургаа дотроо хамгийн шилдэг нь байсан юм. Гэвч энэ программ дvрсийг хэвлэж чаддаггvй учир тийм шаардлагатай бол Adobe Photoshop зэрэг єєр программыг ашиглах шаардлагатай болно. Ulead PhotoImpact 5 программ нь Photoshop программын ихэнх зvйлийг єєртєє агуулсан бєгєєд илvv хямд гэдгийг дурдвал зохилтой.

    Хэдийгээр график дvрслэл нь хурдан ачаалагддаг, тод зэрэг олон давуу талтай боловч орчин vеийн ихэнх Вэб хуудас GIF, JPEG мэтийн уусагч дvрсvvдээр хийгдсэн байдаг. Гэхдээ график дvрслэлийг Вэб хуудсанд ашигласаар байна. Энэ зорилгоор Macromedia Flash программыг хэрэглэж болно. Vvнийг хэрэглэхийн тулд тусгай Flash модуль браузертай байх хэрэгтэй.

    Єндєр чадвартай тєхєєрємжинд вектор зураг нь уусагч дvрсээс илvv харагддаг. Тэрчлэн векторын зураг санах ойд бага зай эзэлдэг. Scalable Vector Graphics (SVG) шинэ формат нь бусад векторын форматаас илvv хэмээн W3C стандартын байгууллага vзэж байна. SVG нь XML хэл дээр бичигддэг учир графикийг шууд XML баримтанд багтаах боломжтой болсон. SVG Вэб браузергvй учир SVG браузер ачаалах хэрэгтэй болно. Jasc Software компани SVG форматтай ажилладаг Jasc Trajectory Pro бvтээгдэхvvнийг боловсруулж байна. Одоо тэр нь зєвхєн боловсруулалтын шатандаа байгаа боловч тvvний боломжийг єндрєєр vнэлж байгаа юм. Flash ба LiveMotion аль аль нь SVG-тай ажиллах чадвартай. Adobe дараагийн бvтээгдэхvvндээ тvvнийг оруулахаар зэхэж байна.

    Вэб дизайны хэлбэр, шрифт ба текстээс гадна єнгє vндсэн материалын нэгт тооцогдоно. Сайтар бодож, боловсруулсан онцгой єнгєнvvд гайхамшигтай хослолын vндэс болж чаддаг. Учир нь хvн бvр єєр єєрийн дуртай єнгєтэй байхаас гадна єнгєтэй хамаатай мэдрэмжvvд нь ч єєр єєр байдаг. Vvнээс гадна ямар ч дизайнер мэдэж, хэрэглэж байх ёстой єнгєний хууль байдаг. Гэхдээ энэ нь таны сонгосон єнгє хvн бvрт таалагдана гэсэн vг биш боловч мэргэжлийн хэлбэр оруулж єгнє.

Вэб дизайны єнгєний тухай

    Энэ бол компьютер графикийн бодит графикаас давж гарах хамгийн давуу тал юм. Цааснаас ялгаатай нь компьютерийн дэлгэц єєрєє гэрэл цацруулдаг учир энэ гэрлийг тохируулна гэдэг нь цаасан дээр гаргадгаас илvv єргєн гэрлийн спектрийг хамруулах боломж олгодог. Компьютерийн дэлгэцийн чанар муу, санах ойн хэмжээ хязгаарлагдмал байсан тэр vе хоцорч одоо high color ба true color горимын хvчээр компьютер мэргэжлийн болон сонирхогчдын хувьд єнгєтэй ажиллах хvчтэй хэрэгсэл болоод байна.
     Гэхдээ вэб хуудсыг зєвхєн єнгєтєєр харна гэж тооцож болохгvй. Ямар ч Вэб хуудас хар цагаанаар ч бас уншигдах боломжтой байх ёстой. Бvрэн дуусгахаасаа ємнє дизайнер єєрийн ажлаа саарал дэвсгэр дээр ямар харагдахыг мєн тооцох ёстой. Єнгєтєєр зєв хийгдсэн Вэб хуудас хар цагаанаар ч сайхан харагддагийг мартаж болохгvй.

     Єнгийг хvлээж авах

     Ямар хэлбэртэй, хэр зэрэг талбай эзэлж байгаа, тvvнийг ямар єнгє хvлээж байгаагаас хамаарч єнгийг хvн болгон олон янзаар хvлээж авдаг. Єнгєний хамарч байгаа талбай багасахад хvний нvдний хvлээж авах єнгєний ялгаа буурч ихэнх єнгє єтгєн бараан болдог. Энэ нь том биш элемэнтэнд vндсэн єнгийг аль болох хурц байхаар сонгож, харин бага дvvрэлттэй бараан єнгийн бvх сайхныг харуулахын тулд хангалттай талбай хэрэгтэй гэсэн vг юм.

     Ямарч хоёр єнгє их ойрхон бол тус тусдаа байснаас арай єєрєєр харагдана.

     Хэрэв зэргэлдээ єнгєнvvд бараг ижил гэрэлтэлттэй бол єєр хоорондоо єнгє дvvргэлтээ солилцох магадлалтай. Жишээ нь бvдэг хєх єнгє хурц ногоон єнгєний хамт байвал ногоовтор туяатай болж арай єнгєлєг харагдана, ногоон нь ч хєх рvvгээ дєхсєн байна. Энэ шинж бvх талаас нь нэг єнгєєр хvрээлж байгаа тохиолдолд илvv мэдрэгдэх болно. Хоёр єнгєний торгон хил дээр vvний эсрэг шинж ажиглагдана. Єнгєнvvд бие биеэ тvлхэн, ялгарахыг хичээж буй мэт байдаг. Бараан єнгє гэгээтэй єнгєний дэргэд улам бараан хvрээтэй болдог бол гэгээтэй нь илvv хурц хил хязгаартай болдог. Энэ нь гэрэлтэлтээрээ илvv ялгаатай єнгєний хувьд мэдэгдэхvйц анзаарагдах болно. Хурц цагаан дэвсгэр дээр бараг бvх бараан єнгє хар харагдана.

Єнгєний зохицол

    Дизайны урлагт мэргэжлийн бус хvн бvрт єєрийн гэсэн vзэл бодол байдаг цєєхєн салбарын нэг бол єнгєний зохицол юм. Эмэгтэй, эрэгтэй ямарч хvн аливаа юмыг сонгохдоо єнгєний талаар єєрийн гэсэн ойлголтоор ханддаг. Харин мэргэжлийн хvн бол єнгє долоогоос хавьгvй олон байдаг гэдгийг мэддэг бєгєєд хоёр ногоон єнгє хар, цагаан єнгє бие биеэсээ хэрхэн ялгардаг шиг л ялгаатай байж болно гэдгийг мэдэрч чаддаг. Эсрэг тэсрэг болон нэлээд тєсєєтэй єнгvvдийг сонгоход контраст ба нэгдмэлийн зарчим тун чухал байдаг.

    Ихэнх мэргэжлийн Вэб хуудаснууд єнгєний нэг хэмнэлээр хийгдсэн байдаг. Жишээ нь, дэвсгэр єнгийг бараанаар, текстийг арай гэгээтэй єнгєєр, харин онцгой элемэнтvvдийг илvv гэрэлтэй єнгєєр хийдэг. Гэхдээ энэ мэтийн єнгєний шийдлийг хайж байх vедээ тун болгоомжтой байхгvй бол тєсєєтэй боловч єєр хоорондоо ялгаатай єнгєнvvд хvнд тааламжгvй ба контраст болон гэрэлтэлтийг сайн тохируулаагvйгээс Вэб хуудсыг уйтгартай харагдуулж болох юм. Иймээс та тийм ч их туршлагатай биш бол аль болох бага єнгийг, тэр дундаа хамгийн контрасттай єнгийг сонгох хэрэгтэй.     Єнгєний зохицлыг яаж сонгох вэ? Єнгє хоорондын контраст юугаар тодорхойлогддог вэ? Єнгєний тойрогт єєр хоорондоо хэтэрхий ойрхон байдаг єнгvvдийг бvv сонго. Гэхдээ харилцан эсрэг тэсрэг єнгє ч бас тийм сайхан харагддаггvй. Тойргийн дєрєвний нэгээр бие биеэсээ алслагдсан єнгvvд єєр хоорондоо зохицон тун сайхан харагдах болно. Єнгєний гэрэлтэлт ба єнгє дvvргэлт хоёрын аль нэг нь эрс ялгаатай харин нєгєє нь тvvнийгээ дэмжсэн маягтай байхаар тохируулбал зохино.

    Танд vл мартагдах гайхамшигт єнгє хэрэггvй бол та дизайнер Роджер Блэкийн "The First Color is White, The Second Color is Black, The Third Color is Red" (Шилдэг єнгє бол цагаан, удаах єнгє бол хар харин гурав дахь єнгє бол улаан) гэж хэлсэн зєвлєгєєг дагавал зохистой. Хамгийн тод ба хамгийн бараан єнгє бол боломжит бvх єнгєнєєс хамгийн илvvтэйгээр нэгдмэл чанар ба контрастыг vзvvлэх болно. Харин улаан єнгє бол хар цагаан аль ч єнгєтэй тун сайхан зохицож чаддаг билээ.

    Ер нь олон янзын єнгє холих нь сонирхогчдын хийх ажил боловч жинхэнэ мэргэжлийн хvн ч гэсэн ийм шийдэл хийсэн байх нь олонтаа тохиолддог. Дээрх онол нь танд нэмэр болж болох боловч таны мэдрэмж, туршлагыг орлож чадахгvй. Тэгээд ч тухайн єнгє нь ямар элементэд зориулагдсанаасаа хамаарч єєр єєр vзэгддэг. Єнгєний ийм чухал тохиолдлын нэгэнд текст ба тvvний дэвсгэр єнгє хамаардаг.

Текст ба тvvний дэвсгэр єнгє

    Ямарч Вэб хуудасны тойрч болдоггvй нэг хэсэг бол текст, тэр дундаа янз бvрийн талбай эзлэн тодорхой vvрэг гvйцэтгэгч гипертекст билээ.

    Текст ба тvvний дэвсгэр єнгєний хослолд тавигдах vндсэн шаардлага нь уншихад ядаргаагvй байх контраст тохируулах явдал юм. Юун тvрvvнд энэ нь єнгєнvvдийн хангалттай гэрэлтэлтээр илэрхийлэгдэж байх ёстой бєгєєд зєвхєн сvvдэр ба єнгє дvvргэлтийн ялгаа нь текст ба тvvний дэвсгэрийн хангалттай ялгааг гаргаж єгч чадахгvй мєн тийм ч их биш текстийн хувьд тvvний єнгє будаг ба єнгє дvvргэлт ялгагдах нь бvр ч хэцvv байдаг. Тvvнчлэн эдгээр параметрvvд нь хар, цагаан тєхєєрємжинд утгаа алддаг. Ийм учраас сэтгэл судлаач нарын судалгаагаар удаан хугацааны уншлаганд хамгийн тохиромжтой хослол бол хар, цагаан єнгє ажээ. Гэсэн ч хар, цагаанаас гадна тоолж баршгvй олон єнгєний хослол байж болох бєгєєд тийм зохицлыг сонговоос тvvний бусад єнгєтэй зохицох болон вэб хуудасныхаа ерєнхий дизайны єнгєний зохицолд анхаарал тавих хэрэгтэй болно. Гэхдээ компьютерийн дэлгэц цаасан дээр хийж боломгvй тийм єнгєний хослолыг хийх боломж олгодгийг мартаж болохгvй.

    Вэб хуудасны єнгєний зохицолыг бараан текст гэрэлтэй дэвсгэр, гэрэлтэй текст бараан дэвсгэр гэсэн хоёр том хэсэгт хувааж болно. Vvнээс хоёр дахь нь илvv єргєн хэрэглэгддэг.

    Эхлээд бараан текст гэрэлтэй дэвсгэрийг авч vзье. Текстийг хараар нь vлдээж дэвсгэрийг нь хангалттай єнгє дvvргэлт бvхий цэнхэр єнгєєр сонгоё. Тvvний гэрэлтэлтийг нэмэгдvvлье, єєрєєр хэлбэл жаахан цагаан єнгє нэмье. Vр дvн нь тийм ч сайхан болохгvй. Энд дэвсгэр єнгєний єнгє дvvргэлт тvvний гэрэлтэлттэй харилцан сєрєг байна. Ийм єнгє сонирхолтой биш салан юм шиг санагдах болно. Тэгэхээр энэ єнгєний схемийг сайжруулахын тулд дэвсгэр єнгийг илvv бараан болгох эсвэл тvvнийг гэрэлтэй хэвээр нь vлдээж харин тvvний єнгє дvvргэлтийг бууруулах хэрэгтэй. Vvний тулд дэвсгэр єнгє єєрєє нэлээн онцгой єнгєтэй байхаар сонговол зохино, гэхдээ энд цэвэр цэнхэр єнгє тохирохгvй болох нь тогтоогдсон. Тэгвэл жаахан завсрын буюу цэнхэр ногоон эсвэл кофены єнгєтэй байж болох юм. Хоёрдугаар арга: гэрэлтэлтийг буруулах. Дэвсгэр єнгийг гэрэлтэй саарал болгоно. Ийм тохиолдолд текстийн єнгийг илvv бараан байхаар сонговол зохимжтой.

    Текстэнд байгаа ишлэлийн єнгийг vндсэн текстийн єнгєнєєс арай єєрєєр сонговол тохиромжтой. Vvнийг єнгє дvvргэлтийг нэмэгдvvлэх, гэрэлтэлтийг нэмэх эсвэл бууруулах зэрэг янз бvрийн аргаар хийж болно.

    Єнгєний хоёр дахь шийдэл болох бараан дэвсгэр дээрх гэрэлтэй єнгє анхлан харахад эвтэйхэн санагддаг. Текстийн vсэгнvvд нь дэвсгэрээс хамаагvй бага зай эзэлдэг учир текстэнд зориулж хангалттай єнгє дvvргэлт бvхий гэгээтэй єнгийг сонговол зохино. Хэт удаан биш уншлаганд бараан дэвсгэр дээрх гэрэлтэй текст нvдийг арай бага ядраадаг. Учир нь бараан дэвсгэр дэлгэцнээс хvний авах ерєнхий гэрлийн хэмжээг бууруулдаг юм. Онцгой єнгєний зохицол бvхий Вэб хуудсын тоонд www.bdaweb.com сайтыг нэрлэж болох юм.

Палитр ба диффуз

     Ихэнх Вэб хуудаснууд 256 єнгєний хязгаарлалт бvхий палитртай GIF форматыг ашигладаг. Хязгаарлагдмал палитр нь хоёр утгатай байдаг. Энэ нь зєвхєн ашиглагдаж байгаа єнгєєр, эсвэл тэдгээрийн тодорхой тоо бvхий цуглуулгаар илэрхийлэгдэнэ. GIF формат зєвхєн эхний хязгаарлалтыг тавьдаг боловч Интернэтэд ашиглагдаж байгаа технологиуд заримдаа тогтоогдсон тоо бvхий GIF єнгєний палитрыг шаарддаг.

    Дvрсийг хязгаарлагдмал тоо бvхий палитрт хувиргахад диффуз оролцдог юм. Єнгєний палитрт байхгvй єнгийг тvvнд хамгийн ойр байгаа єнгєний хоёр пикселээр илэрхийлдэг. Vр дvнд нь дvрс барзгар мэт болдог. Энэ диффуз нь байхгvй єнгийг илэрхийлэх боломжгvй олон єнгєтэй байгаа тохиолдолд дизайнер тvvнийг хувиргадаг. Харамсалтай нь заримдаа энэ vйлдлийг хэрэглэгчийн компьютерийн браузер хийдэг. 256-аас илvv єнгє илэрхийлж чадахгvй дэлгэцийн браузер Netscape Communicator ба Microsoft Internet Explorer аль аль нь тэдгээрийн палитрыг єєрчлєхєєс аргагvй болдог. Ямар ч сайхан єнгєтэй дvрс диффузид орсны дараа судалтай болох магадлал єндєр юм. Иймд єєрийн зургийг ямар ч дэлгэцэнд цэвэрхэн сайхан харагдуулъя гэвэл аль ч браузерын диффузид орохгvй байхаар 216 єнгийг ашиглан хийвэл зохино. Vvнийг хамгийн аюулгvй, Интернетийн палитр хэмээн тооцдог. Фото зураг эсвэл єнгєт хавтгайнуудын хослолоос бvрдсэн дvрсийг жижиг хэсгvvд болгон хуваах нь нэгнийх нь диффуз нєгєєг нь хєндєхгvй байх боломжийг олгодог.

    Єнгєний шийдлийн талаар хамгийн эхний vе шатаас нь эхлэн санаа тавих хэрэгтэй. Єнгєний утгыг гараар тохируулж бас болно. 216 єнгє нь улаан, ногоон, хєх, гэсэн гуравхан єнгєний хослолоор илэрхийлэгддэг ба эдгээр єнгєнvvд нь: 00, 33, 66, 99, СС, FF гэсэн 16-тын утга авдаг билээ.

    Вэб дизайнерын толгойг vргэлж євтгєдєг єнгєний талаархи асуудал нь 256 єнгє илэрхийлж чаддаг компьютер vйлдвэрлэгдэн гарах тусам улам багасч байгаа боловч Вэб дизайн дахь єнгєний асуудал єргєн утгаа алдаагvй л байна.

Вэб дизайнеруудын гаргадаг 16 нийтлэг алдаа

1. Хvрээ (Frame): Аюул-дунд зэрэг: Зарим вэб дизайнерууд бvхэл цонхыг хэд хэдэн тусдаа цонхнуудад хуваадаг бєгєєд ийнхvv хуваасныг 'frame' гэдэг. Frame-vvд нь зочин хvнд сайтыг удирдахад нь туслах мэт санагдах боловч vнэн хэрэгтээ олон frame нь хэрэглэгчийг тєєрч будилахад хvргэнэ. Тухайн линк дээр дарж цаашаа vргэлжлvvлэх vед хэрэглэгч ямар мэдээлэл аль цонхонд гарч ирэх талаар ямар ч ойлголтгvй байдаг. Ер нь дэд цонх нь тухайн шаардлагатай мэдээллvvд маш хурдан алга болж дараагийнх нь тvргэн гарч ирэх шаардлагатай байдаг.
Хэрэглэгчийг бухимдуулж болох бас нэг зvйл байгаа нь хэрэглэгч тухайн дэд цонхонд очихын тулд back товчийг дарснаар нийт бvхэл вэб сайтыг ухраах, эсвэл хэд хэдэн алхамын ємнєх хуудсанд харайж очиж болзошгvй.
Єєр нэг хvндрэлтэй асуудал нь дэлгэцийн хэмжээ юм. Магадгvй тухайн хэрэглэгчидийн дэлгэцийн хэмжээ нь янз бvр байх бєгєєд ийм тохиолдолд нийт сайтын мэдээлэл бvрэн харагдахгvй, эсвэл шахцалдсан байдалтай болно. Ер нь frame-ийг ашиглах шаардлагатай дизайнерууд frame-гvй хувилбарыг давхар санал болгох хэрэгтэй бєгєєд хэрэглэгч хvн єєрийн хvссэндээ орж болох юм.
Браузер программуудын хєгжилтэй уялдаад энэ алдаа 1996 онд гарч байсантай харьцуулахад тийм ч их аюул бус. Netscape Navigator 3 хувилбараасаа эхлээд Back буюу Буцах товчлуураа зассанаас хойш хэрэглэгчид хvрээ бvхий вэб хуудсуудыг явдал багатай vзэх болсон. Netscape 4 хувилбарт хvрээг хэвлэх процессыг хялбаршуулсан. Internet Explorer 5 хувилбарт хvрээ бvхий вэб хуудсуудыг хавчуурга хийж тэмдэглэх боломжтой болгосон. Гэвч хvрээ санал болгосон вэб хуудасны хаягийг єєр хvнд и-мэйлээр явуулах явцад алдаа гарах шалтгаан болж, вэб хуудастай ажиллахад бусад зарим нэгэн бэрхшээл гаргасан хэвээр байна.
2. Технологи: Аюул-маш их: Технологийн хамгийн сvvлийн vеийн ололтыг ашиглах явцад тєрєл бvрийн алдаа гарахыг хэрэглэгчид тэвчдэггvй. Java Script-ийн ганц алдаа гарлаа гэхэд л хэрэглэгч вэб сайтыг тэр дор нь орхин гарах нь элбэг. Интернет дээр 5 сая гаруй вэб хуудас байхад хэрэглэгч танай вэб хуудсанд ямар алдаа гарсныг ойлгох гэж хvлээхгvй.
3. Гvйлгэх текст (Scroll) ба алдаатай хєдєлгєєнт зураг: Аюул-маш их: Хэт урт текстийг таслалгvйгээр вэб хуудас дээр байрлуулах нь уншихад тvвэгтэй болгодог. Хэрэглэгч мэдээллийг дээш доош гvйлгэхэд дургvй байдаг. Vvнээс илvv ноцтой алдаа бол хєдєлгєєнт зураг юм. 1996 онд ийм алдаа бараг байсангvй. Хєдєлгєєнт зураг байдлаар байрлуулсан мэдээллийг хvмvvс онлайн зар сурталчилгаатай андуурах нь элбэг. Ийм учраас дээш доош гvйлгэх мэдээлэл болон хєдєлгєєнт зураг бvхий мэдээллийг зар сурталчилгаанаас єєр байдалтайгаар хийх талаар анхаарах хэрэгтэй.
4. Тєвєгтэй вэб хаяг: Аюул-их: Єнєєдєр хэрэглэгчид вэб дєнгєж vvсч байсан цагтай харьцуулахад вэб хуудасны хаяганд тєдийлєн их анхаарал хандуулахаа больжээ. Вэб дотор нааш цааш чєлєєтэй шилжих боломж ихэссэн нь vvнд нєлєєтэй. Гэлээ ч гэсэн вэб сайтын хэт урт хаяг тохиромжгvй. Энэ нь хэрэглэгчид вэб сайтын хаягийг бие биедээ дамжуулах, и-мэйлээр илгээхэд тєвєг учруулдаг.
5. Єнчин хуудаснууд: Аюул-дунд зэрэг: Вэб хуудасны холболтууд хаа нэгтээ гээгдэж, хэрэглэгчид гацах явдал урьд нь их тохиолддог байсан. Энэ нь одоо ч гэсэн шинээр вэб хийж буй хvмvvсийн гаргадаг тvгээмэл алдаа хэвээр байна.
6. Вэб мэдээллийг нааш цааш гvйлгэх: Аюул-бага зэрэг: Вэб мэдээлэл хэрэглэгчидийн 90 хувь нь хуудсыг дээш доош, баруун зvvн тийш гvйлгэн vзэх дургvй байсан. Тэд дэлгэцэн дээр нvдэндээ харагдах мэдээллээс сонголт хийж явах дуртай байлаа. Одоо тэгвэл хvмvvс вэб мэдээлэл дотор чєлєєтэй зугаалж сурсан бєгєєд онц хэрэгтэй мэдээллийн холбоос нvднээс далд газар байрлаж болзошгvйг мэддэг болжээ. Тэгсэн ч гэсэн гол мэдээллvvдийг аль болох нvдний ил байрлуулахыг хичээ. Мєн дэлгэцэн дээр шууд харагдах хэсэгт байрлуулах мэдээлэлдээ болгоомжтой хандах хэрэгтэй. Зарим уншигч ил харагдаж байгаа мэдээлэлд хэт эрт дvгнэлт хийж цааш vзэхгvй орхиж болзошгvй.
7. Нааш цааш шилжих боломжгvй хуудас: Аюул-их: Бvх вэб хуудсуудад тvvнд ямар ямар хуудсууд харъяалагдаж байгаа тухай жагсаалтыг оруулах хэрэгтэй. Учир нь зарим хэрэглэгч home буюу эхний хуудсанд оролгvйгээр шууд хоёрдахь, гуравдахь хуудас руу хандаж болно. Тvvнчлэн home хуудас руугаа шилжих линкийг бvх хуудас дээрээ тавих хэрэгтэй.
Вэб хуудасуудыг нааш цааш гvйлгэх хэрэглvvр тавиагvй вэб хуудаснууд урьд нь олонтаа дайралддаг байсан. Хvмvvс одоо вэб сайтын зvvн дээд хэсэгт байрлах лого нvvр хуудас руу шилждэг болохыг мэддэг болжээ. Мєн хэрэглэгч вэб хуудасны аль хэсэгт байгааг гэрэлтvvлэх зэрэг олон аргаар харагдуулдагийг хvмvvс андахаа больжээ. Тийм болохоор вэб дизайн дээрээ vvнийг бас анхаараарай.
8. Стандартын бус холболтын єнгvvд: Аюул-их: Хэрэглэгчид холболтын єнгийг харж, вэбийн ямар хэсэг, ямар холбоос руу орсноо байнга хардаг. Холболтыг тэмдэглэхдээ стандарт бус єнгє хэрэглэснээс хэрэглэгчид урьд нь орсон мэдээлэл рvvгээ дахин дахин vсчин орох эсвэл бvр хаашаа орсноо мэдэхээ больж, толгой нь эргэх явдал одоо ч гарсаар байна.
9. Хуучирсан мэдээлэл: Аюул-маш их: Хуучирсан мэдээлэл болон эвдэрхий линкийг хэн ч анхаарахыг хvсэхгvй нь тодорхой. Хуучирсан мэдээллээ вэб сайт дээр удаан байрлуулах нь урьд байснаас одоо илvv аюултай болжээ. Учир нь єнєєдєр вэбийн мэдээллээ байнга шинэчилдэг сайтууд их олширчээ. Электрон худалдаа хєгжиж байгаа єнєє vед хэрэглэгчидийн итгэлийг олж авах явдал маш чухал. Хуучирсан мэдээлэл нь хэрэглэгчидийн итгэлийг алдах гол аюул. Харин мэдээллийн архив, хуучин бvтээгдэхvvний талаархи мэдээлэл хуучирсан мэдээллээс огт єєр гэдгийг ойлгох хэрэгтэй.
10. Татаж авахад удаан мэдээлэл: Аюул-маш их: Интернетийн холболтын хурд графикийг ачаалахад удаан хугацаа авахаар байгаа билээ. Дундаж хэрэглэгч секундад ердєє л 33.600 бит хvлээж авдаг болохоор том хэмжээний график нь ачаалагдах гэж хэдэн минут авах нь ч байдаг. Хэрэглэгчидээ алдахгvйн тулд уйтгартай болох байсан ч хамаагvй том хэмжээний болон олон тооны графикаас зайлсхийх хэрэгтэй. Аливаа дvрс нь тухайн сайтын агуулгыг баяжуулсан байх ба компьютерийн тусгай программын тусламжтайгаар шахагдаж, агшсан байх ёстой.
Интернэт холболтын зурвасын (bandwidth) асуудал 3 жилийн ємнєхтэй адил одоо ч гэсэн асуудал хэвээр байсаар байна. Дараагийн 3 жилийн туршид ч энэ асуудал хэвээр байх болно. Одоо єндєр хурдаар холбогдож буй хэрэглэгчид 2003 оныг хvртэл, тааруу холболттой хэрэглэгчид 2008 оныг хvртэл хангалттай холболтын зурвастай болж чадахгvй.
11. Засвартай байгаа тухай тэмдэглэгээ: Аюул-их: Бvхий л сайн вэб хуудсууд vргэлж шинэчлэгдэж байдаг боловч зарим дизайнерууд єнєєг хvртэл "баригдаж байгаа" тухай тэмдэглэгээг сайтан дээрээ тавьсаар байна. Энэхvv дvрслэлийг ихэвчлэн єєртєє итгэлгvй байгаа дизайнерууд тавьдаг. Тэд єєрсдийн хуудсуудыг бvрэн болоогvй, ажиллагааг нь боловсроогvй гэдгийг мэдэж байгаа бєгєєд иймээс тухайн сайтад учирч болзошгvй элдэв асуудлаас зайлсхийхийн тулд уг тэмдэглэгээг тавьдаг. Ер нь ийм тэмдэглэгээ тухайн сайтыг гэмтэлтэй байгааг нотолж єгдєг.
Сайн вэб дизайнерууд єєрсдийн гvйцэтгэж байгаа вэб сайтыг бvрэн дуусгаж тавихад бэлэн болсон гэдэгтээ бvрэн итгэлтэй болсон хойноо тавьдаг бєгєєд ийм учраас "баригдаж байна" гэсэн тэмдэглэгээг ашиглах шаардлагагvй байдаг.
12. Єндєр технологи ашиглах: Аюул-дунд зэрэг: Зарим дизайнерууд "бяцхан заль" хэрэглэх дуртай байдаг. Жишээ нь input box, шинэ browser цонх vvсгэх, арын фоны хєгжим гэх мэт. Тухайн хэрэглэгч анх сайтад зочлох vед эдгээр нь хэрэглэгчдэд нєлєєтэй сэтгэгдэл тєрvvлэх боловч хэд хэдэн оролтын дараа зочин хvн залхаж эхэлдэг. Иймд ер нь дээрх тєрлийн зvйлсээс татгалзах нь зvйтэй.
13. Фонтуудын тухай: Аюул-бага зэрэг: Зарим дизайнерууд бэлэн байгаа єнгє, фонт, хэмжээ ба стилvvдийг бvгдийг нь ашиглах гэж оролддог. Харин сайн дизайнерч хvн хамгийн ихдээ 1-2 фонтыг ашигладаг ба энэ нь мэдээлэл дамжуулахад хялбар байдаг. Бас текст маш жижигхэн юмуу том хэмжээтэй байвал уншихад хэцvv. Vндсэн текстvvд "энгийн" хэлбэртэй байх ба толгойн хэсэг нь хамгийн багадаа "+1", ихдээ "+3" байх хэрэгтэй.
Тодруулж vзэж буй текстээ хэзээ ч битгий доогуур нь зур. Онцгой /highlight/ текстэнд bold, italic эсвэл єєр єнгийг ашиглаж болно. Доогуур зураастай vгийг уншихад тєвєгтэй бєгєєд вэб зочныг будилуулах аюултай. Учир нь єєр хаяг руу орох линкvvдийг тэгж тэмдэглэдэг билээ.
14. Гол утга санаа байхгvй: Аюул-маш их: Томоохон тєвєг таригчид бол интернетийг анхлан ашиглаж байгаа хvмvvс юм. Эдгээр нь утгагvй мэдээллээр будлиан vvсгэж эхэлдэг байна. Зарим вэб хуудсанд "Энэ бол миний вэб хуудас" гэсэн єгvvлбэрээс єєр бараг юм байдаггvй. Тєрєл бvрий цуглуулгатай /collection/ линкэд холбогдоход вэб зочинд маань хамгийн сvvлийн хуудаснаас хэдэн цуглуулга олж харах жишээтэй. Ер нь хамгийн чухал зvйл бол агуулга юм. Аливаа сайт босохоос ємнє тухайн сайтыг vvсгэгчид хэлэх гэсэн ямар нэгэн зvйл байх ёстой.
15. Гайхамшигт арын фон /background/: Аюул-их: Олон сайтуудад vнэгvй ашиглаж болох background-ын загваруудыг санал болгодог. Харахад vнэхээр сайхан, хээ хуартай эдгээр background-ын загваруудаас зайлсхийж байх хэрэгтэй. Ийм фон нь магадгvй гайхалтай урлагийн нэг хэсэг болж болно. Харин энэ нь бичсэн текстээс илvvгээр нvдэнд єртдєг. Текст ба арын фонын єнгийг контрасттай байдлаар сонгох хэрэгтэй. /хоорондоо эрс ялгарах/
16. Монголчуудын тухайд: Аюул-бага зэрэг: Юуны тvрvvнд хэлний асуудал. Нэг бол цэвэр англи эсвэл монгол хэл дээр хийсэн байдаг. Энэ нь хоёр талтай бєгєєд болж єгвєл хоёр хэл дээр хоёулан дээр нь хийх хэрэгтэй. Дараа нь фонтын асуудал. Хамгийн найдвартай нь verdana, times мэтийн фонтоор бичих явдал юм. Энэ vед "є", "v" vсгvvд асуудал vvсгэнэ. "Є"-ийн хувьд бас ч гэж тєстэй болохыг та харж байна. Харин "v" vсгийг английн 'v' vсгээр солих хэрэгтэй. Тэгэхгvй бол "ї" гэж харагддаг. Тvvнчлэн сайтаа амьд байлгах тал дээр ихээхэн анхаарах хэрэгтэй байна. Єєрєєр хэлбэл сайтаа байнга арчилж, мэдээллийг нь шинэчилж, агуулгыг нь баяжуулах явдал юм.

        Бид доорхи нэр хvндтэй
        шагналыг хvртлээ.

        Тvvнчлэн дараах
        шагналуудыг авсан болно.