| Используя для поиска информации Интернет, вы обычно посещаете десятки разнообразных сайтов. Многие из них привлекают внимание своим внешним оформлением, удобно размещенной информацией, хорошо продуманными средствами навигации. Но есть и такие, которые вызывают раздражение долгой загрузкой или неудачно выбранным дизайном, мешающим воспринимать информацию, а порой просто не содержат никакой полезной информации. Посещать еще раз такие сайты желания не возникает. Поэтому, приступая к разработке собственного сайта, следует тщательно продумывать многие вопросы.
Рассмотрим этапы разработки веб-сайта (пример 11.1). 1. Проектирование сайта — постановка целей и задач сайта. Определите, информацию какого типа вы хотите разместить на страницах сайта; для какой аудитории и возрастной группы предназначен сайт. От этого будет зависеть и внешнее оформление, и форма подачи материала, и организация навигации. 2. Разработка структуры сайта. Не стоит размещать на одной странице слишком большой объем информации, т. к. это мешает ее восприятию. Лучше создать несколько связанных страниц, разместив на них информацию, сгруппированную по тематике. Навигацию сайта нужно тщательно продумать. Основные разделы сайта должны быть доступны с главной страницы. На каждой странице необходима ссылка, с помощью которой посетитель сможет вернуться на главную страницу. 3. Создание дизайна сайта (внешнее оформление сайта имеет немало¬важное значение для его посещаемости). Преимущество имеют светлые и контрастные цветовые решения (при выборе цветового оформления можно воспользоваться рекомендациями профессионалов). Не следует перегружать сайт большим количеством графической информации, замедляющей его загрузку. Дизайн главной страницы создается отдельно и отличается от дизайна типовых страниц. На главной странице не должно быть текста большого объема. 4. Создание мультимедиа-элементов. 5. Верстка страниц и шаблонов (создание html-кода). 6. Программирование (в случае разработки сложного, многофункционального сайта). 7. Наполнение контентом. 8. Тестирование и внесение корректировок. 9. Публикация сайта на хостинге. 10. Обслуживание работающего сайта или его программной основы. В зависимости от поставленной за-дачи некоторые этапы могут отсутствовать. Создание сайта является довольно сложной работой. От каждого этапа и безошибочной его реализации зависит качество всего сайта. |
Пример 11.1. Создание сайта «Поэтические образы в русской литературе».
Этапы разработки 1. Разработать сайт по учебному предмету «Русская литература», 11-й класс. 2. Структура сайта.
Изображения на главной странице будут являться гиперссылками на страницы второго уровня. На каждой странице второго уровня будут ссылки на соседнюю и главную страницу. 3. Дизайн сайта. Главная страница. Содержит заголовок и блок с изображениями и персональными данными русских поэтов начала XX в. Пример 11.1. Продолжение. Фоновое изображение страницы — имитация бумаги. Фон блока — сплошной цвет пастельного оттенка.
4. На каждой странице второго уровня присутствует соответствующее звуковое сопровождение. 5. При верстке страниц используется ручной метод и редактор html-кода. Подключаем таблицу стилей для глав¬ной страницы. Для страниц второго уровня создаем и подключаем файл с описанием стилей. 6. Сайт содержит только статические страницы. Для их создания не требуется использовать языки веб-программирования. 7. Для поиска текстов стихотворений и изображений поэтов используем Интернет. 8.Проводим поэтапное (для каждой страницы) и окончательное (проверяем функциональность навигации) тестирование. 9—10. Цель создания сайта — обучение. Хостинг и обслуживание не производятся. |
1. Какие этапы можно выделить в процессе создания сайта?
2. Почему при разработке сайта необходимо следовать определенным этапам?
3. В чем суть каждого этапа создания сайта?
Упражнения
1 Дополните сайт из примера 11.1 недостающими страницами.
2 Создайте сайт (можно использовать образец примера). Предлагаемая тематика:
1. Крупнейшие трансконтинентальные компании.
2. Ведущие промышленные предприятия нашей страны.
3. Модели кристаллических решеток.
4. Электрический ток в различных средах.
5. Мифологические основы названия созвездий.
6. Тригонометрические функции.
7. Система образования Республики Беларусь.