Розробка сайту з використанням XHTML і CSS

Завдання: створити веб-сайт зі статичним вмістом на довільну тематику за допомогою мови ХHTML і таблиць стилів CSS.

Етапи створення сайту:

1. Довільно вибрати тематику сайту і зареєструвати її у викладача (Морозов А.В., доцент кафедри інформатики та комп’ютерного моделювання, ауд. 333). Наприклад: бокс, футбол, музика, історія України тощо.
2. Спроектувати загальний дизайн сайту на папері.
3. Підготувати графічні зображення для сайту у будь-якому растровому або векторному графічному редакторі (наприклад, за допомогою Adobe Photoshop або Corel Draw).
4. Виділити елементи дизайну в окремі графічні файли.
5. Написати за допомогою мови XHTML каркас сайту (таблична та фреймова верстка забороняється). Вставити на сторінку зображення, налаштувати шрифти, розміри тексту і т.п. так, щоб каркас сайту відповідав спроектованому дизайну.
6. Сформувати зовнішню таблицю CSS-стилів. Усі параметри оформлення (кольори, розміри, вирівнювання і т.д.) треба винести з HTML-файлу у CSS-файл. В ідеалі повинні отримати HTML-сторінку, яка не містить будь-яких тегів/атрибутів, які описують оформлення сайту.
7. Сформувати окрему таблицю стилів, у якій описати стилі, які будуть застосовані при друкуванні сторінки. На друк має вивидитися лише шапка сайту та основна частина сторінки (контент), а усі навігаційні блоки - сховати.
8. Наповнити сайт даними. Сайт повинен містити, як мінімум, 6 сторінок.
9. Перевірити правильність написання HTML-файлу за допомогою програми «CSE HTML Validator». Звернути увагу на знайдені помилки і виправити їх.
   

Вимоги до оформлення сайту:

1. Дизайн сайту повинен обов’язково включати шапку сайту, панель навігації та основну частину сторінки.
2. Сайт має складатися як мінімум із 6 сторінок, що містять інформацію, яка відформатована за допомогою відповідних тегів XHTML.
3. Сайт повинен містити графічні ілюстрації, картинки, фотографії, оброблені за допомогою Adobe Photoshop.
4. Усі параметри оформлення повинні міститися в окремому CSS-файлі.
5. Сторінки сайту не повинні містити помилок (необхідно перевірити HTML-сторінки за допомогою програми CSE HTML Validator).
   

Звіт з лабораторної роботи має містити :

1. Титульну сторінку.
2. Тему лабораторної роботи.
3. Завдання на лабораторну роботу.
4. Етапи створення сайту.
5. Приклад дизайну спроектованого сайту (два-три скріншоти).
6. Роздруківку CSS-файлу.
7. Фрагменти HTML-коду, які ілюструють використання таблиць, гіперпосилань, вставку зображень і т.д.
8. Висновки.