постановка задачи, включающая в себя:
Ф анапнз существующих конкурирующих и/или родственных проектов;
Ф выработку концепции;
ii. подготовка первоначального информационного наполнения;
ш. разработка макетов страниц;
iv. подготовка шаблонов страниц;
v. проектирование и реализация сервисов;
\i сборка всех компонентов воедино;
vii. тестирование;
viii. ввод в эксплуатацию;
ix. пожизненное сопровождение — информационное наполнение и техническая
поддержка.
Рис. 3.15. Страница, использующая CSS
для переопределения внешнего вида элементов списков
160
Часть I. Технологические основы
Заключительный для этой главы практический пример демонстрирует
возможный вариант листа стилей для страницы, описанной в листинге 2.8.
I Листинг 3.& Использование свойства 13Ы1-8^едл# уп^ШШнйй внШним
| видом элементов списков
body {
color: #000;
background-color: #fff;
}
ul {
list-style: url(bullet.png) square inside;
}
ol {
list-style-type: lower-roman;
}
Внешний вид веб-страницы, использующей лист стилей, описанный в
листинге 3.9, приведен на рис. 3.15.
Практические примеры— веб-страницы,
оформленные при помощи CSS
Полные, работоспособные, протестированные в различных браузерах и
проверенные HTML- и CSS-валидаторами версии примеров, отраженных в
листингах 3.1—3.9, можно найти на компакт-диске, прилагаемом к этой книге,
в каталоге \examples\03.
Напоминаем, число 03 — это номер текущей главы. Чтобы найти пример,
соответствующий, скажем, листингу 3.7, необходимо открыть папку
\examples\03\07.
Примеры, представленные несколькими листингами, расположены в
«совмещенных» каталогах. К таковым относятся \examples\03\01-03 и \examples
\03\04-05, содержащие файлы, описанные в листингах 1—3 и 4—5
соответственно.
Кроме всего прочего, к вашим услугам — удобный электронный
путеводитель по всем практическим примерам, представленный файлом \index.html.
ЧАСТЬ II
Применение веб-технологий
стороны клиента
для создания сайтов
Глава 4. Использование блочной модели CSS2 для верстки
сложных веб-страниц
Глава 5. Таблицы в HTML
Глава 6. Формы в HTML
Глава 7. Создание интерактивных сайтов при помощи
языка сценариев JavaScript и динамического HTML
ГЛАВА 4 J
I
I
Использование
блочной модели CSS2 для верстки
сложных веб-страниц
Три первые главы нашего повествования были в большей или меньшей
степени вводными. Они преследовали главным образом «общеобразовательные»
цели — знакомство с основополагающими принципами функционирования
сайтов, постижение идеологии структурной разметки и концепции
разделения содержания и представления, овладение первоочередными
конструкциями HTML и CSS.
Данная глава по своему характеру кардинально отличается от
предшественниц, выходя на качественно новый уровень.
Она обладает сугубо практической направленностью. Так, мы обсудим ряд
примеров шаблонов страниц, вполне пригодных в качестве основы для
реальных веб-проектов. А финальным аккордом, рубежом, к которому подведет
читателя данная глава, станет пример завершенного, полноценного и
самодостаточного сайта — пусть даже и статического.
Вполне вероятно, что количество «новых» конструкций HTML и CSS, с
которыми нам предстоит познакомиться в ходе одной этой главы, превзойдет
число всех ранее рассмотренных тегов, атрибутов, селекторов, директив и
свойств. Но теперь мы уже не будем подолгу останавливаться на каждой
подобной конструкции — полагаю, что заложенный прежде базис позволит
читателю понять их природу буквально с полуслова.
Организация пространства страницы
информационного сайта
Успех будущего веб-проекта во многом определяется качеством исполнения
фундамента — шаблонов главной и внутренних страниц сайта. Еще в главе 7,
ш
164 Часть II. Применение веб-технологий стороны клиента для создания сайтов
если помните, мы приняли за аксиому тот факт, что все сайты
информационного характера (в отличие от презентационных проектов) в значительной
мере похожи друг на друга.
|
5th Фев 2011
|
Теги:
|