Уровень структуры. Уровень представления

• Macromedia DreamWeaver.

     Начнем  мы с популярного Macromedia DreamWeaver. Компания Macromedia считается лидером по производсту программ для создания веб-сайтов, а также законодателем моды в этой области. Последния версия HTML-редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю).

     Но DreamWeaver на несколько шагов опережает  другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что  генерирует очень чистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности.

• HomeSite 4

     Следующий редактор - HomeSite 4 - для создания страниц  вручную, т. е. для знатоков HTML. Вы получаете  полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку  под один из трех популярных браузеров (MSIE, NN, Opera).

     HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие  WYSIWYG-редактора, выдающее HTML-код,  причем, если вы загрузите чужой  HTML-код, то HomeSite все перепишет  по-своему. Режим Edit позволяет получить  полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково).

     Еще одна отличительная особенность HomeSite - это его «склейка» с Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», а также входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для коректировки HTML-кода.

ЗАКЛЮЧЕНИЕ

     Поняв принцип построения Web-страницы, изучив возможности соединения в ней различных видов информации, мы можем смело сказать, что Web-страницы, с их потенциалом могут применятся   для различных целей.

     Web-страница  – это лицо той фирмы, того  учреждения, человека, который разместил  ее в WWW. Именно поэтому сегодня Web-дизайну уделяется такое огромное внимание, ибо от него на прямую зависит популярность того или иного  информационного ресурса Сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых.

     Человек, создающий  Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить – вот что отличает настоящего  Web-дизайнера. Для того чтобы создать Web-страницу, которая бы радовала глаз, нужно сочетать в себе качества художника и программиста.

СПИСОК  ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Консорциум  Всемирной паутины - Википедия / [Электрон. ресурс]. – 2010. – Режим доступа: http://ru.wikipedia.org/wiki/W3 – Дата доступа: 04.10.2010.
2. Теория компьютерной графики / [Электрон. ресурс]. – 2010. – Режим доступа: http://www.sgrafika.narod.ru/modul1/Teoriyagrafiki.htm  – Дата доступа: 05.10.2010.
3. Web-интерфейс - Википедия / [Электрон. ресурс]. – 2010. – Режим доступа http://ru.wikipedia.org/wiki/Web-интерфейс – Дата доступа: 06.10.2010.
4. Владимир Дронов. - Разработка интерактивных Web-сайтов, 2008.—512 с.
5. Максим Кузнецов, Игорь Симдянов: Самоучитель HTML, 2009.—460 с.

КОНТРОЛЬНЫЕ ВОПРОСЫ

1. Что такое Web-страница?

Web-страница  — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью web-браузера.

2. Какие бывают страницы?

Статические и динамические

3. Какие бывают документы?

Статические и динамические

4. Какие основные виды дизайна страниц?

1-полосный  дизайн, 2-полосный  дизайн, 3-полосный  дизайн 

5. Каков стандартный размер баннеров, публикуемых под заголовком документа?

468x60 точек

6. Что такое модульная сетка?

Невидимые направляющие, по которым  располагаются элементы страничек веб-сайта

7. Что из себя представляет модульная сетка?

Модульная сетка представляет собой такой способ организации пространства, при котором существует и горизонтальное и вертикальное членение.

8. Что такое иерархическая сетка?

Размещение  блоков, не поддающееся  какой-либо закономерности

9. Как могут быть реализованы модульные сетки?

Модульные сетки могут быть реализованы как одно- , так и двух- и трехколонные.

10. Какой наиболее распространенный табличный дизайн?

Наиболее  распространенным во Всемирной паутине, пожалуй, является 2-полосный табличный дизайн.

ГЛОССАРИЙ

     Web-страница  — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью web-браузера.

     Страницы делятся на статические и динамические по поведению документа в браузере.

     Документы также делятся на статические и динамические по способу создания документа.

     Основные виды дизайна страниц следующие:

• 1-полосный дизайн
• 2-полосный дизайн
• 3-полосный дизайн

     Невидимые направляющие, по которым располагаются  элементы страничек веб-сайта, составляют модульную сетку.

ТЕСТ

1. Web-страница  – это:
• информационный ресурс Всемирной паутины.
• документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью web-браузера.
• документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью текстовых программ.
2. Составные части web-страницы:
• Заголовок
• Текстовое поле
• Элементы навигации
• Формы
• Авторские права
• Кнопки
3. Страницы по поведению документа в браузере делятся на:
• Статические
• Динамические
• Смешанные
• Гипертекст
• Текстовые
4. Документы по способу создания делятся на:
• Статические
• Динамические
• Смешанные
• Гипертекст
• Текстовые
5. Какие основные виды дизайна страниц?
• 1-полосный дизайн
• 2-полосный дизайн
• 6-полосный дизайн
• 5-полосный дизайн
• 3-полосный дизайн
6. Стандартный размер баннеров, публикуемых под заголовком документа, составляет обычно:
• 468x60 точек
• 460x60 точек
• 468x50 точек
• 458x60 точек
11. Модульная сетка – это:
• Видимые направляющие, по которым располагаются элементы страничек веб-сайта
• Невидимые направляющие, по которым располагаются элементы страничек веб-сайта
• Направляющие, по которым располагаются элементы страничек веб-сайта
12. Иерархическая сетка – это:
• Размещение блоков,  поддающееся какой-либо закономерности
• Размещение блоков, не поддающееся какой-либо закономерности
• Размещение блоков, по горизонтали
• Размещение блоков, по вертикали
13. Как могут быть реализованы модульные сетки:
• одноколонные
• двухколонны
• четырехколонны
• трехколонные
14. Какой наиболее распространенный табличный дизайн:
• 1-полосный дизайн
• 2-полосный дизайн
• 6-полосный дизайн
• 5-полосный дизайн
• 3-полосный дизайн