Разработка WEB / Лабораторная работа 2 Dreamweaver / Работаем над сайтом
.pdfвеб-студия
SEVIDI
разработка веб-сайтов и уроки по созданию сайтов
Урок 11
Работаем над сайтом
Мы с вами уже знаем, что веб-сайт это набор веб-страниц, объединенных общей тематикой и связанных друг с другом гиперссылками. Когда мы начинали создавать наши страницы, мы не задумывались о том, что когда нибудь объединим их в сайт. И соответственно не планировали его. Поскольку наш сайт очень прост и состоит из нескольких веб-страниц, это не очень страшно. Но основные этапы планирования сайта все же должны иметь место в нашей работе.
|
|
|
|
|
Sevidi |
Этап планирования считается важнейшим в разработке любого сайта. О чем нужно подумать перед началом |
|||||
работы над сайтом? |
|
|
|
|
|
1. |
Определить назначение сайта. Что он должен делать: рассказывать о чем-то, привлекать клиентов, |
||||
|
помогать решать какие-то проблемы, просвещать или развлекать. В зависимости от предполагаемого |
||||
|
назначения будет определена его структура. |
|
|
|
|
2. |
Определить какая конкретная информация должна присутствовать на сайте. |
||||
3. |
Собрать всю необходимую информацию. Все тексты, изображения, файлы, которые мы хотим выложить в |
||||
|
сеть, должны быть на нашем компьютере. |
|
и |
|
|
4. |
Решить, как будет выполнен дизайн сайта. Будет ли яон консервативным, строгим, затейливым. |
||||
5. |
Продумать логическую структуру сайта, т.е. опре ел ть какие страницы он будет иметь. Для этого лучше |
||||
|
посетить какой-нибудь сайт со сходной тематикой и посмотреть, как он организован. |
||||
6. |
Придумать физическую |
т |
дОпределиться, как будут называться отдельные файлы, |
||
структуру сай а. |
|||||
|
составляющие сайт. |
с |
|
|
|
|
у |
|
|
||
|
|
- |
|
|
|
|
|
б |
|
|
|
Мы перечислили основные этапы проектирования сайта. |
|
Теперь поговорим о логической структуре сайта. Как правило, для каждого отдельного сайта нужно создавать
свою логическую структуру. Но сть общие принципы структуризации сайтов, которым нужно следовать |
|
всегда. Воспользуемся и мы этимепринципом и создадим примерный план сайта. |
|
Главная страница |
В |
Новости сайта |
|
Архив новостей
Раздел 1
Страница 1 Страница 2
. . .
Раздел 2
Страница 1
1
Страница 2
. . .
. . .
Сведения о разработчиках Контактные данные Карта сайта
У нас пропущена небольшая веб-страничка Заставка, но этот элемент не обязательный, подавляющее большинство сайтов не содержит заставок.
С главной страницы начинается "путешествие" по сайту. Она содержит краткую вводную информацию, новости (необязательно) и набор гиперссылок, ведущих на другие страницы сайта. Иногда на главной странице помещаются сведения о разработчиках и их правах, а также сведения о контакте с разработчиками и другими лицами и организациями, упомянутыми на сайте.
Главная страница — обязательный элемент любого сайта. Как правило, ее стремятся делать не слишком большой, чтобы посетитель не ушел с сайта не дождавшись ее загрузки. Эта страница должна дать посетителю достаточно информации о сайте, но при этом не перегружать его излишними сведениями.
Новости сайта часто помещают на отдельной странице. Они представляют собой хронологический список всех дополнений и обновлений, сделанных на сайте в обратном порядке. Как правило, выводятся новости за некоторый период(месяц, квартал, год), в зависимости от того, как часто обновляется сайт. Для доступа к более старым новостям предусмотрена страница Архива новостей, на которую ведет специальная гиперссылка.
Полезное содержимое сайта — это та информация, ради которой он был создан. Структурируется она так же, |
|||
|
|
|
Sevidi |
как книга: это отдельные параграфы, посвященные какой либо теме, объединенные в главы, а главы в свою |
|||
очередь в разделы. Таким образом, посетитель сразу сможетянайти нужную информацию. |
|||
|
|
и |
|
В Сведениях о разработчиках нужно обязательно казать адрес электронной почты, по которому посетитель |
|||
может связаться с Вами. Если разработчиков сайтадне много, сведения о них приводятся на Главной странице |
|||
сайта. Обычно их помещают вниз, и как-то о деляютуот основного текста. |
|||
|
|
т |
|
Контактные данные необходимы, если айт преследует коммерческие цели, для того, чтобы покупатель мог |
|||
|
|
с |
|
связаться с продавцом товаров или услуг. В этом случае необходимо указать почтовый и электронные адреса, |
|||
|
|
- |
|
контактные телефоны и другие каналы связи. |
|
||
|
б |
|
|
Карта сайта — это страница со списком гиперссылок, ведущих на все страницы сайта. Она присутствует |
|||
е |
|
|
|
только на больших и запутанных сайтах. |
|
||
В |
|
|
|
И так, получив представление о структуре сайта, приступим к дизайну его страниц.
2