Тема «Web-программирование»
Цели урока: Расширение представлений о возможностях web-конструирования средствами языка разметки гипертекста HTML и использования каскадных таблиц стилей, Java-скриптов.
1. Разработать web-сайт на заданную тему (по готовому шаблону)
Этапы работы над сайтом
| Этап | Содержание работы |
| Определение вида сайта | Решить какого вида сайт вы будете создавать: Личный сайт, Сайт фирмы, учебного учреждения, учебной группы и т.д., Электронные журналы, энциклопедии. |
| Отбор содержания | Определить, какой из имеющегося материала следует разместить на сайте. |
| Выбор формы представления материала | Представить отобранный материал в наиболее наглядном виде (таблицы, списки, фотографии и т.д.). |
| Определение количества вспо-могательных файлов и их со-держание | В общем виде определяется количество вспомогательных файлов, их содержание. |
| Выбор дизайна | В зависимости от темы сайта и вида продумать его оформление: фон, цветовую гамму, иллюстрации. |
| Написание сценария сайта | Сценарий — эскиз презентации, выполненный на бума-ге, отражающий представление информации в том виде, в каком ее видит разработчик. Необходимо продумать и указать в сценарии: Эскиз главной страницы сайта (размещение материа-ла на сайте), Оформление сайта (вид и цвет фона, шрифтовое оформление), Навигация. |
| Создание сайта с помощью ком-пьютерных технологий | Создание сайта проходит в три этапа: 1. Создание главной страницы с помощью языка раз-метки гипертекста HTML (разделение ее на зоны, напол-нение каждой зоны текстовым и иллюстративным мате-риалом). 2. Создание вспомогательных файлов, их оформление. 3. Создание и настройка навигации. |
| Тестирование | Запуск сайта на исполнение. Устранение ошибок в текстовом и иллюстративном материалах. Проверка гиперссылок, реализующих навигацион-ную схему. |
| Эксплуатация | Размещение своего сайта в Интернет. |
Оформление сайта
| Стиль |
Соблюдайте единый стиль оформления. Избегайте стилей, которые будут отвлекать от содержания сайта. Вспомогательная информация (управляющие кнопки) не должны преобладать над ос-новной информацией (текст, рисунки). |
Для фона выбирайте более холодные тона (синий или зеленый). На одной странице рекомендуется использовать не более трех цветов: один для фона, один для заголовков, один для текста. Цвет фона и цвет шрифта должны хорошо сочетаться и не раздражать глаза. Для фона и текста используйте контрастные цвета (например, белый и синий). Обратите особое внимание на цвет гиперссылок (до и после использования). |
| Шрифты, абзацы |
Для заголовков размер шрифта не менее 24 пт. Для информации — не менее 18 пт. Шрифты без засечек легче читать с большого расстояния. Нельзя смешивать разные типы шрифтов в одном сайте. Для выделения информации следует использовать жирный шрифт, курсив или подчер-кивание. Нельзя злоупотреблять прописными буквами (они читаются хуже строчных). |
