Зертханалық жұмыс: Веб-сайт құрылымын құру

Мақсаты: Сайт құрылымын жобалауды үйрену, беттерді, олардың иерархиясын және байланыстарын ұйымдастыру арқылы навигацияны жеңілдету және пайдаланушы сценарийлеріне сәйкестендіру.

Бағалау критерийлері:

• Сайт құрылымдау дағдыларын қолданады.
• Беттерді орналастырудың логикасы мен иерархиясын ескереді.
• Негізгі элементтер мен олардың байланыстарын көрсететін сайт картасын жасайды.

Жұмыс барысы:

1. Дайындық кезеңі:
   • Веб-сайт құрылымының негізгі қағидаларын зерттеңіз:
     • Басты бет орталық түйін болуы керек.
     • Беттер мағыналық категорияларға топтастырылуы тиіс.
     • Навигация логикалық әрі қарапайым болуы керек.
   • Сайт картасының мысалдарымен танысыңыз (оқытушы берген жағдайда).

2. Жобаны талдау:
   • Сайттың мақсаттарын және мақсатты аудиториясын анықтаңыз.
   • Сайттың негізгі бөлімдері мен функцияларын белгілеңіз. Мысалы:
     • Басты бет.
     • Біз туралы.
     • Өнімдер немесе қызметтер каталогы.
     • Байланыс.
     • Жеке кабинет.

3. Сайт картасын құру:
   • Құрылымды қолмен салыңыз немесе онлайн құралдарды қолданыңыз (Lucidchart, Draw.io, Miro).
   • Негізгі бетті (мысалы, басты бет) орталыққа орналастырыңыз.
   • Негізгі бөлімдерге байланысты ішкі беттерді қосып, олардың байланысын көрсетіңіз. Мысалы:
     • Басты бет → Біз туралы → Компания тарихы.
     • Басты бет → Каталог → Өнім категориясы → Өнім картасы.
   • Әр беттің басқа беттермен логикалық байланысы бар екеніне көз жеткізіңіз.

4. Пайдаланушы сценарийлерін ескеру:
   • Пайдаланушының беттер арасында қалай өтетінін модельдеңіз.
   • Кез келген тапсырманы орындау жолы (мысалы, тапсырыс беру) артық қадамсыз орындалуы керек.

5. Техникалық аспектілерді қосу:
   • Әр беттегі элементтерді көрсетіңіз (навигация мәзірі, футер, батырмалар).
   • Қай беттер басты навигация арқылы, ал қайсысы қосымша сілтемелер арқылы қолжетімді болатынын анықтаңыз.

6. Құрылымды тексеру:
   • Құрылған сайт картасының логикасын тексеріңіз.
   • Құрылымның жоба талаптарына сәйкес екеніне көз жеткізіңіз.
   • Әріптестермен немесе оқытушымен талқылап, кері байланыс алыңыз.

7. Жұмысты рәсімдеу:
   • Есеп дайындаңыз, оған:
     • Сайттың мақсаты мен талаптарының қысқаша сипаттамасы.
     • Сайт картасының графикалық сызбасы.
     • Негізгі беттердің сипаттамасы мен функциялары енгізілуі тиіс.

Мысал құрылым:
Интернет-дүкен үшін:

Басты бет

Каталог

Категория 1

Өнім 1

Өнім 2

Категория 2

Өнім 3

Өнім 4

Біз туралы

Компания тарихы

Команда

Байланыс

Кері байланыс формасы

Жол картасы

Кеңестер:

• Негізгі ақпаратқа жету үшін қадамдар санын азайтыңыз.
• Құрылым жаңа пайдаланушылар үшін де түсінікті болуы керек.
• Сайттың болашақ кеңеюін ескеріңіз (мысалы, жаңа бөлімдерді қосу). 

Күтілетін нәтиже:

• Барлық беттер мен олардың байланысын көрсететін иерархиялық сайт картасы.
• Әр беттің функциялары нақты жазылған.
• Дамытуға және әрі қарай қолдануға ыңғайлы логикалық құрылым.