3. Урок: Работа по усовершенствованию дизайна сайта - korshu.ru o_O
Главная
Поиск по ключевым словам:
страница 1
Похожие работы
3. Урок: Работа по усовершенствованию дизайна сайта - страница №1/1

3. Урок: Работа по усовершенствованию дизайна сайта.


В ходе урока рассказывается, как применять каскадные таблицы стилей для переопределения существующих HTML-тегов, создавать и применять пользовательские стили; создавать общий шаблон для разработки новых страниц сайта; упрощать доступ к каждой странице посредством добавления скрытого навигационного элемента.
Содержание

3. Урок: Работа по усовершенствованию дизайна сайта. 1

Переопределение элементов HTML при помощи каскадных таблиц стилей 2

Создание и применение пользовательских стилей CSS 11

Создание шаблона для многократного применения 18

Поддержка управления доступом при помощи скрытого элемента навигации 20

Резюме 24




Внимание! Для работы с этим уроком необходимы учебные файлы: lesson03.zip.

В прошлом при разработке статичных HTML-страниц веб-дизайнеры часто копировали и вставляли в Dreamweaver несколько страниц открытого текста, а затем занимались его разметкой, чтобы, в конечном счете, сделать привлекательным дизайн сайта. Другими словами, черновое создание содержимого предшествовало большей части работ по дизайну, которые начинались только к концу процесса.

При работе с динамичными веб-сайтами все происходит с точностью "до наоборот". Содержимое, которое видят посетители сайта, часто добавляется на HTML-страницы в момент между отправкой запроса страницы на сервер и ее загрузкой в браузере. Это означает, что при разработке дизайна страницы следует использовать заменители содержимого. В процессе разработки динамичного веб-сайта вопросы дизайна решаются на первоначальном этапе, после чего серверная модель (ASP, ColdFusion, PHP и т.д.) помещает на страницу нужный контент.




Рис. 3.1.  Улучшенная панель CSS Styles (CSS-стили) позволяет переопределять как стили HTML-тегов, так и пользовательские CSS-классы

В упражнениях этого урока будет определена практически вся информация о стиле и дизайне сайта Newland Tours. Некоторые проблемы возникнут на этапах разработки приложений (это неизбежный процесс), но, в целом, к концу урока будут определены ключевые моменты по оформлению сайта. Самая важная задача заключается в создании и применении каскадной таблицы стилей, управляющей внешним видом большинства элементов сайта. В одном из упражнений будет создан многоцелевой шаблон страницы, служащий основой при разработке новых страниц, добавляемых на сайт.



Что будет изучаться:

  • создание каскадной таблицы стилей и ее прикрепление к сайту;

  • создание многоцелевого шаблона для разработки новых страниц сайта;

  • упрощения доступа к каждой странице посредством добавления скрытого навигационного элемента.

Время выполнения - На выполнение этого урока потребуется примерно 75 мин.

Файлы урока

Исходные файлы:

Lesson03/Start/newland/about.htm

Lesson03/Start/newland/contact.htm

Lesson03/Start/newland/index.htm

Lesson03/Start/newland/profiles.htm

Lesson03/Start/newland/tours.htm

Итоговые файлы:

Lesson03/Complete/newland/about.htm

Lesson03/Complete/newland/contact.htm

Lesson03/Complete/newland/index.htm

Lesson03/Complete/newland/generic_template.htm

Lesson03/Complete/newland/profiles.htm

Lesson03/Complete/newland/tours.htm


Переопределение элементов HTML при помощи каскадных таблиц стилей


Одно их преимуществ HTML заключается в наличии широкого диапазона логических тегов, достаточных для описания структуры большинства простых документов. HTML содержит шесть уровней заголовков (

,

,

и т.д.), обычный текст (
), списки (
    и