====== Технология создания сайта ====== Создание сайта – это процесс от придумывание темы до ее воплощения. ===== I Этап ===== Определяются цели для достижения которых создается сайт. Выбирается тема сайта. После выбора темы сайта определяют возможную аудиторию его пользователей и перечень материала, который должен быть представлен, чтобы заинтересовать пользователей.\\ ===== II Этап. ===== На этом этапе определяется кто, как и когда будет обновлять сайт. Решается важная задача: сбора информации, ее структурирования, выделения главного. Затем делается проект сайта на бумаге.\\ **Пример разработки сайта школы.**\\ //Цели:// * Качественная подготовка выпускника; * Сделать школу открытой; * Повышение имиджа школы.\\ //Пользователи:// * Родитель\\ * Ученик\\ * Учитель\\ //Сценарии пользователей//\\ Здесь описаны разделы сайта, интересные данной группе пользователей\\ **Родитель:** * Информация об успеваемости учеников\\ * Информация о платных/бесплатных услугах\\ * Рейтинг среди других школ\\ * Резюме учителей и руководителей\\ * Информацию о страховании\\ * Телефоны, адреса, реквизиты школы\\ * Информация о системе непрерывного образования\\ **Ученик:**\\ * С какими вузами взаимодействует школа * Расписание занятий * Расписание мероприятий * Информация об выпускниках * Система дополнительного образования **Учитель:**\\ * Расписание занятий\\ * План мероприятий\\ * График работы аттестационной комиссии\\ * Методические разработки\\ * Перечень методической литературы\\ * Информация о повышении квалификации\\ * Информация о юбилеях, поздравления\\ ===== III Этап. ===== Дизайнерская разработка сайта. На этом этапе разрабатывается цветовое решение сайта и его стиль, размещение материала по Web –страницам. ===== IV. Этап. ===== Написание сайта в кодах HTML ===== V Этап ===== Тестирование сайта, выявление ошибок, возникших при программировании. ===== VI Этап ===== Подключение сайта к Интернету. ====== Требования к проекту по теме «Создание Web –сайта»: ====== * Разрабатываемый проект Web –сайта должен содержать не менее 5 Web-страниц, объединенных гиперссылками; * Страницы должны содержать созданный в Photoshop фон, а также рисунки, таблицы, списки; * Сайт разрабатывается ранее изученными средствами: Front Page, HTML, Dreamwear; * Сайт должен сопровождаться пояснительной запиской, оформленной в соответствии с требованиями. ====== Список тем, предлагаемых к разработке: ====== * Моя любима школа * Экология Санкт-Петербурга; * Почетные граждане Санкт-Петербурга; * Героический блокадный Ленинград; * Футбольная команда «Зенит» * Моя любимая музыкальная группа * История моей улицы * История нашей семьи ====== Перечень вопросов к анализу Web-сайтов: ====== * Интересна ли Вам информация, размещенная на сайте; * Нравится ли Вам дизайнерское оформление сайта; * Удобна ли для Вас навигация сайта; * Удовлетворяет ли Вас скорость загрузки данного сайта. ====== Структура пояснительной записки: ====== * Титульный лист * Реферат (краткое описание работы) * Оглавление * Введение (указываются цели создания данного сайта) * Основная часть (описание страниц сайта с указанием средств, которые использованы для их создания) * Заключения (выводы по данной работе) ====== Образец типового плана выполнения проекта ====== 2 урок: Выбор и утверждение темы 3-6 уроки: Создание макета сайта 7 урок: Тестирование макета, написание пояснительной записки, предзащита 7 урок 8 урок: Защита проекта