- •Содержание
- •Введение
- •Часть 1. Принципы реализации интернет-проекта
- •Определение целевой аудитории. Прогноз эффективности проекта
- •Оценка окупаемости и доходности веб-сайта
- •Анализ веб-представительств в сети Интернет
- •Выбор и регистрация доменного имени
- •Размещение веб-сайта в сети Интернет
- •Часть 2. Проектирование веб-сайта средствами языка html
- •Разработка структуры веб-сайта
- •Информационное наполнение сайта
- •Разработка веб-страниц
- •Анализ созданного сайта
- •Часть 3. Инструментальные средства разработки веб-сайтов
- •Разработка веб-сайта средствами ms Word
- •Разработка веб-сайта средствами ms Excel
- •Часть 4. Задания для самостоятельной работы задание 1
- •Задание 2
Часть 2. Проектирование веб-сайта средствами языка html
Разработка структуры веб-сайта
После изучения принципов реализации интернет-проекта можно приступить к разработке структуры сайта «Магазин канцтоваров «Карандаш».
Разработка структуры веб-сайта является основой дальнейшего существования сайта. Правильно разработанная структура сайта привлекает большое число посетителей, которые хотят посещать интересные и удобные по навигации сайты.
Исходя из этих требований, разработана структура сайта «Магазин канцтоваров «Карандаш», которая представлена на рисунке 2.
Рисунок 2 - Структура веб-сайта «Магазин канцтоваров «Карандаш»
Сайт «Магазин канцтоваров» состоит из 5 страниц. Он представляет следующую информацию: название фирмы, общую краткую информацию о фирме, перечень товаров, краткие отзывы о деятельности.
Проект веб-сайта отвечает следующим требованиям: четкость формулировок, структурированность материалов, единство стиля, имеет собственное лицо.
Информационное наполнение сайта
Кроме оригинального дизайна и продуманной системы навигации, превосходный веб-сайт солидной компании должен отличаться грамотным, продуманным и профессионально написанным контентом. Задача текстов состоит не только в донесении до посетителя нужной информации, но и попытка заинтересовать его, мотивировать к покупке или партнерству.
Написанные в едином стиле, четко соответствующие образу компании материалы, размещенные на страницах сайта, послужат лучшим индикатором серьезности намерений магазина канцтоваров, внимания ко всем элементам собственного имиджа, а значит - и бизнеса вообще.
Сайт «Магазин канцтоваров «Карандаш» постоянно поддерживается в актуальном состоянии - написание качественного текстового контента. Регулярные обновления, публикации новостей и информационных статей повышают уровень доверия как простого посетителя интеренет-ресурса, так и потенциального клиента. На сайте опубликованы необходимые покупателям и партнерам материалы о товарах и ценах на них, о деятельности магазина, указаны контакты для связи с магазином. Очень важным является ведение тематического блока.
Разработка веб-страниц
После того, как изучены все принципы реализации интернет-проекта и разработана структура веб-сайта, можно приступать к разработке веб-страниц.
Наиболее значимой для сайта является главная страница. Она составляет основу всего сайта и поэтому требует тщательного подхода к разработке.
После написания соответствующего кода на языке HTML получается страница, представленная на рисунке 3.
Рисунок 3 - Главная страница сайта магазина канцтоваров «Карандаш»
Код данной страницы виден не рисунке 4.
Рисунок 4 – HTML-код главной страницы (Index) сайта
Так же в магазине канцтоваров обязательно должен быть каталог товаров, где будут указаны наименования товаров и цены на них. Данная страница показана на рисунке 5.
Рисунок 5 - Страница «Каталог товаров» сайта магазина канцтоваров «Карандаш»
Об условиях поставки товаров говорится на странице «поставки товаров». Это видно из рисунка 6.
Рисунок 6 - Страница «Поставки товаров» сайта магазина канцтоваров «Карандаш»
Посетители сайта должны знать о магазине, в котором собираются покупать продукцию. Эта информация находится на странице «о нас», проиллюстрированной на рисунке 7.
Рисунок 7 - Страница «О нас» сайта магазина канцтоваров «Карандаш»
Для получения интересующей покупателей информации разработана страница «Контакты». Она показана на рисунке 8.
Рисунок 8 - Страница «Контакты» сайта магазина канцтоваров «Карандаш»