View
191
Download
2
Category
Preview:
Citation preview
Вэб дизайн бүтээхэд анхаарах зүйлс
Сэтгүүл зүйн III ангий
Вэб дизайн ба вэб хөгжүүлэлтийн хэлүүд
Вэб Дизайн Вэб хөгжүүлэлт
HTML5 Java
XHTML PHP
CSS3 Ajax
JAVASCRIPT ASP. Net
Вэб сайтын элементүүд
Өнгө & Хэв маяг
График & Дүрслэлүүд
Агуулгын менежмент/Content Management (CMS)
Хэрэглэхэд тохиромжтой байдал (Меню)
Брэндинг & Маркетинг
Агуулгын менежмент буюу CSS
Тухайлбал:
Wordpress
Drupal
Magento
Joomla
HTML-ийн тухайд
HTML (Hyper text markup language ) гэдэг нь вэб хуудас бүтээх стандарт хэл юм:
Хаалттай тагууд <html>, <img>, ...
Вэбсайтын бүтцийг гаргадаг
Сүүлийн хувилбар нь HTML5
CSS ийн тухайд
CSS гэдэг нь харагдах байдал, форматыг дүрслэхэд ашигладаг хэл юм.
HTML & XHTML ашигласан хуудсын загварыг өөрчлөхөд хэрэглэнэ.
CSS нь харагдах байдлыг дүрслэнэ
Фонт, бүтэц, өнгө гэхчлэн
Санал болгох
• www.codeacademy.com
• http://learn.shayhowe.com/html-css/
Вэб сайт бүтээх
Мэргэжлийн бөгөөд анхаарал татахуйц
Дизайныг урьдчилан төлөвлөсөн байх
Сонирхолтой background ба зураг, өнгө, фонт
Орчин үеийн шийдэл
Дизайн
ДИЗАЙН
Дизайны консепт нь сайн байвал хүн татах нь гарцаагүй.
СОНИРХОЛТОЙ & ӨВӨРМӨЦ
Сонирхол татахуйц бөгөөд өвөрмөц, давтагдашгүй байдал нь бусад хуудсаас давуу тал бий болгоно. Энгийн мэт гэхдээ гол нь СОНИРХОЛТОЙ байлган гэдэг урлаг.
ОЛОН ТӨРЛИЙН ГРАФИК ХОЛИХ ХЭРЭГГҮЙ
Олон янзын график элемент энд, тэнд оруулж хэрэггүй. Хэтэрхий их дизайн, өвөрмөц засалт нь эсрэгээр хүнийг ядрааж мэднэ. Харин элемент бүр үүргээ гүйцэтгэж чадаж байгаа эсэхэд анхаар. Үгүй бол үндсэн агуулгаас хүнийг үргээдэг талтай.
КОНТЕНТ
АЧ ХОЛБОГДОЛТОЙ КОНТЕНТ
Контент урт байх албагүй. Харин ч нүүр дүүрэн текст хүмүүсийг уйдааж ч болно. Тиймээс товч бөгөөд хэрэглэгч уншаад үндсэн санааг чинь шууд ойлгохуйц хялбар байлга.
Ач холбогдол бүхий хүнд хэрэгцээтэй контент л вэб сайтыг бусдад таниулна. Цаашлаад хэрэглэгчдэд чи ямар мэдээлэл, бүтээгдэхүүн, үйлчилгээ санал болгож буйг хүргэнэ
ХҮМҮҮСИЙГ ТАТ
Контент нь бусдын анхаарлыг татах, танай үйлчилгээг улам илүү мэдэх хүсэл төрүүлэх ёстой. Тийм учраас контентэд анхаар, учир нь хэрэглэгчид үүнийг л уншдаг.
УРТ БАЙХ ШААРДЛАГАГҮЙ
Хэрэглэгчид хялбар
САЙН ВЭБ ДИЗАЙН
Хэрэглэгчийн сонирхлыг татна гэдэг маш том давуу тал. Тэдэнд ээлтэй дизайн бүтээхийг user-friendly гэж ч нэрлэдэг. Ямар хүн сайтад тань зочилж хэрхэн ажиллахыг өөрөө төсөөлж, тэдэнд хамгийн тохиромжтой байдлаар сайтаа бүтээ.
Сайн вэб дизайны үндэс нь хэрэглэгчид хялбар, дөхөм байдал юм. Тэдний сонирхлыг татах, тэдэнтэй харилцах гэсэн үг.
ХЭРЭГЛЭГЧЭЭ БИТГИЙ УЙДАА
ABOUT хэсэг
ABOUT/ТУХАЙ ХУУДАС
Хүмүүст бүрэн мэдээлэл өгөх нь чухал. Ялангуяа, чи ямар бүтээл туурвидаг, тодорхой баримтууд, холбоосууд оруулж өгөх нь чухал.
Онлайн орчинд байгаа бүх л сайтад About хуудас байдаг. Өөрийгөө, бүтээлээ олон нийтэд, бусдад таниулах гол хэсэг тул зайлшгүй анхаарах ёстой.
МЭДЭЭЛЛИЙГ БҮРЭН ӨГ
ХОЛБОО БАРИХ
ХОЛБОО БАРИХ ХЭСЭГ
Хэрэв энэ хэсэг байхгүй бол хэрэглэгч чамтай яаж холбогдох вэ? Сайтын тань зочид хамгийн үнэ цэнэтэй гэдгийг мартаж болохгүй!
ХОЛБОО БАРИХ ХЭСГИЙГ ҮЛ ХАЙХАРЧ ЯАВЧ
БОЛОХГҮЙ
Сайт бүрт л бий. Хэрэглэгчид таньтай холбогдохыг заах хамгийн чухал хэсэг нь энэ юм. Энд ихэвчлэн и-мейл хаяг, утасны дугаар байдаг. И-мейл хаяг заавал байх ёстой.
ДҮРСЛЭЛҮҮД
ЗУРАГ
Зураг болон бусад дүрслэлийн элементүүдийг оруулснаар сайтын “хуурай”байдлыг бууруулна. Ялангуяа, сонирхолтой зургууд оруулбал хүмүүсийнанхаарлыг татах нь дамжиггүй.
ХЭМЖЭЭС
Зураг хэтэрхий том байвал тохиромжгүй. Ашиглаж байгаа дүрслэл бүр сайтынхэмжээстэй таарч байгаа эсэхийг шалгана уу. Контент, зураг хоёрын харьцаагтааруулах шаардлагатай.
Хэрэглэгчидтэйгээ үргэлж холбоотой байх, тэдэнд шинэ мэдээллийгцаг алдалгүй хүргэхийг хүсвэл бүртгэл үүсгэх эсвэл subscribe, followхийх тохируулгуудыг ил байлгаж тэдэнтэй холбогд.
НЭМЭЛТ
СТАТИСТИКАА ШАЛГАЖ БАЙХАД ИЛҮҮДЭХГҮЙ
Вэб сайт нэгэнт ажиллаж эхэлсэн бол статистик мэдээллээ шалгаж байххэрэгтэй. Google гэхэд “Google analytics” гэсэн хэрэглүүртэй. Ингэснээрхэрэглэгч хаанаас, хэрхэн дамжиж ирж байгааг мэдэж болно. Тэдний тухайдүр зураг бий болгосноор цаашдын марткетингийг боловсруулах боломжтой.
БҮРТГЭЛ/SIGNUP
Recommended