Створення повноцінного сайту

Самостійна робота

Бібліотека jQuery та плагіни

Самостійною роботою є створення сайту на довільну тему об'ємом 4-5 сторінок. Студент обирає спосіб реалізації сайту за власним бажанням: HTML-сайт або сайт на CMS.

Увага!!! Для створення сайту не користуватися конструкторами типу WIX

Мова сайту - українська (для підтвердження власної роботи).

Наявність авторської сторінки за посиланням © Прізвище або нік (в нижній частині сторінок). На авторській сторінці поставити фотографію (аватар) і написати коротку інформацію про себе.

Створений сайт розміщається на хостингу і демонструється викладачеві онлайн.

В звіті зазначити тему сайту, адресу розміщення сайту, технології створення, скрін головної сторінки, HTML код головної сторінки, код CSS файла.

Вимоги до HTML-сайту

  • Головна сторінка сайту має назву index.html. Назви файлів (сторінок, картинок, скриптів, стилів) та папок – латинкою, малий регістр, без пробілів (для візуального розмежування застосовувати символи «-» або «_»). Кирилицю для назв не застосовувати!!!!
  • Застосувати таблицю стилів в окремому файлі. Опис стилів зі сторінки перенести в файл таблиці стилів *.css. Назви стилів – латинкою, змістовні (.red .big тощо).
  • Графіка, що відноситься до дизайну сторінок міститься в окремій директорії. Решта зображень, що відносяться до наповнення сторінок – в інших директоріях зі змістовними назвами.
  • Верстання сайту блочне із застосуванням тегів HTML5. Кодування сторінки має підтримувати кирилицю (charset=utf-8).
  • Наявність основних тегів у коді (<html><head><body><div><p><h1>…<h6> тощо). Парні теги мають закриватися (<p></p>). Зберігати вкладеність тегів (<div><p>Текст</p></div>). Основні модулі коду сторінки мають бути закоментовані.
  • Єдиний стиль для всіх сторінок сайту. Однакове розміщення основних блоків сайту (заголовку, рубрик, логотипу).
  • Наявність навігації на всіх сторінках сайту. Виключення лише для сторінок, що відкриваються у новому вікні і містять інформацію, яка може сприйматися і не в контексті сайту (збільшена картинка, інформація про розробника, стаття, тощо)

Вимоги до CMS-сайту

  • Застосувати або власний HTML-код або адаптувати готовий шаблон.
  • Реалізація на сайті популярних сервісів: е-мейл, архів статей, календар, пошук, коментарі тощо.
  • Продемонструвати викладачеві основні дії в адміністративній частині: створення нових розділів, додавання статей, модулів тощо.

Реалізовані сервіси на сторінках сайту

  • Реалізувати динамічний елемент (випадне меню, слайдер, галерея тощо) користуючись власними скриптами або з бібліотеки. Додавання віджетів (наприклад, новини, афоризми, анекдоти) та інформерів (прогноз погоди, курс валют, календар подій). Використовувати відомості з роботи 5.
  • Втілити у сайт інтерактивну карту та панорамний перегляд певної місцевості. Це може бути ваш будинок, історичне місце, університет. Втілення з YouTube власного або доречного відео з обраної тематики. Використовувати відомості з роботи 4.
  • Під’єднати нестандартний шрифт, застосувати його до заголовків чи особливих фрагментів тексту. Під’єднати іконковий шрифт і втілити іконки у відповідні місця контенту. Використовувати відомості з роботи 4.
  • Для визначення колірної гами використати ресурс AdobeColor. Розробити і поставити іконку Favicon. Використовувати відомості з роботи 3.
  • За бажанням під’єднати Bootstrap. Використовувати відомості з роботи 6.
  • Розмістити сайт на платному або безкоштовному хостингу. Для розміщення використовувати FTP-доступ. Використовувати відомості з роботи 2.

Оцінювання роботи

5 балів - акуратний коментований код, з врахуванням основних вимог. Повне розуміння застосованих тегів і стилів. Хороші навики роботи з адміністративною панеллю CMS.

4 бали - втілення сервісів, розміщення на хостингу.