Створення сайту
Вимоги до HTML-сайту
- Тема сайту є довільною. Об'єм 4-5 сторінок.
- Головна сторінка сайту має назву index.*
- Наявність авторської сторінки за посиланням © Прізвище або нік. На авторській сторінці поставити аватар і написати коротку інформацію про себе.
- Верстання сайту блочне із застосуванням тегів HTML5.
- Кодування сторінки має підтримувати кирилицю (charset=utf-8).
- Застосувати таблицю стилів в окремому файлі. Опис стилів зі сторінці перенести в файл таблиці стилів *.css. Назви стилів – латинкою, змістовні (.red .big тощо).
- Наявність основних тегів у коді (<html><head><body><div><p><h1>…<h6> тощо).
- Парні теги мають закриватися (<p></p>). Зберігати вкладеність тегів (<div><p>Текст</p></div>).
- Основні модулі коду сторінки мають бути закоментовані.
- Назви файлів (сторінок, картинок, скриптів, стилів) та папок – латинкою, малий регістр, без пробілів (для візуального розмежування застосовувати символи «-» або «_»). Кирилицю для назв не застосовувати!!!!
- Графіка, що відноситься до дизайну сторінок міститься в окремій директорії. Решта зображень, що відносяться до наповнення сторінок – в інших директоріях зі змістовними назвами.
- Єдиний стиль для всіх сторінок сайту. Однакове розміщення основних блоків сайту (заголовку, рубрик, логотипу).
- Наявність навігації на всіх сторінках сайту. Виключення лише для сторінок, що відкриваються у новому вікні і містять інформацію, яка може сприйматися і не в контексті сайту (збільшена картинка, інформація про розробника, стаття, тощо)
Вимоги до CMS-сайту
- Тема сайту є довільною. Об'єм 4-5 сторінок.
- Застосувати або власний HTML-код або адаптувати готовий шаблон.
- Мова сайту - українська (для підтвердження власної роботи)
- Наявність авторської сторінки за посиланням © Прізвище або нік. На авторській сторінці поставити аватар і написати коротку інформацію про себе.
- Реалізація на сайті популярних сервісів: е-мейл, архів статей, календар, пошук, коментарі тощо
- Продемонструвати викладачеві основні дії в адміністративній частині: створення нових розділів, додавання статей, модулів тощо
Реалізовані сервіси на сторінках сайту
- Втілити у сайт інтерактивну карту та панорамний перегляд певної місцевості (API від Google чи Yandex). Це може бути ваш будинок, історичне місце, університет. Використовувати відомості з роботи 5.
- Втілення з YouTube власного або доречного відео з обраної тематики. Відредагувати згідно роботи 5.
- Додавання віджетів (наприклад, новини, афоризми, анекдоти) та інформерів (прогноз погоди, курс валют, календар подій). Використовувати відомості з роботи 4.
- Реалізувати динамічний елемент (випадаюче меню, слайдер, збільшення фотографій тощо) користуючись власними скриптами або з бібліотеки. Використовувати відомості з роботи 4 або уроки jQueryUI
- Поставити іконку Favicon. Використовувати відомості з роботи 3.
- Розмістити сайт на платному або безкоштовному хостингу. Для розміщення використовувати FTP-доступ. Використовувати відомості з роботи 2.
В звіті зазначити тему сайту, технології створення, скрін головної сторінки, HTML код головної сторінки, код CSS файла, адресу розміщення сайту.
Оцінювання роботи
6 балів - акуратний коментований код, з врахуванням основних вимог. Повне розуміння застосованих тегів і стилів. Навики роботи з CMS
6 балів - втілення сервісів, розміщення на хостингу.
Порядок роботи
- Обрати тему сайту.
- Визначитися з колірною гамою, стилем, логічною та фізичною структурою сайту.
- Зверстати шаблонну сторінку, перевірити цілісність структури, наявність всіх основних блоків сторінки (окремі модульні блоки закоментувати), правильність посилань.
- За шаблонною сторінкою створити решта сторінок, об'єднати їх навігацією
- Додати до сторінок сервіси згідно вимог.
- Розмістити сайт в Інтернеті.
Зміст звіту
- Назва розробленого сайту.
- Адреса розміщення
- Скрін головної сторінки.
- HTML код самої невеликої сторінки.
- Код CSS файлу.
- Зазначити технології і сервіси, які були застосовані.
- У висновку зазначити актуальність вміння створювати сайтів.