Познавательное чтиво

17 Июн

Слои

В программах для верстки печатных изданий, наподобие Adobe PageMaker или Quark XPress, для размещения элементов на странице используются специальные контейнеры. Эти контейнеры могут располагаться в любом месте, перемещаться вместе со своим содержимым, а также накладываться друг на друга. Это дает дизайнеру практически полную свободу над макетом, свободу размещать и двигать отдельные элементы как ему вздумается.

При создании Web-страниц для подобных целей мы можем использовать специальные объекты — слои. Можете себе представить их как идеальные контейнеры для размещения элементов страницы. Отдельный слой, а значит и объект, который в нем находится, может быть размещен на Web-странице где угодно. В этом состоит неоспоримое преимущество слоев перед стандартными средствами макетирования, включая таблицы.

Слои могут накладываться друг на друга, могут быть видимыми и невидимыми, могут быть окрашены в различные цвета — все как в программах для верстки (рис. 13.1). Это замечательное средство для разработки макетов, и, если бы не ограниченная поддержка слоев в браузерах, большинство Web- дизайнеров, я уверен, давно бы перешло на работу со слоями.

Слои изначально не были предусмотрены в языке HTML. Это изобретение компании Netscape Communications Corporation, которая впервые ввела поддержку этих объектов в своем браузере Netscape Navigator 4. Через некоторое время слои появились в браузерах от компании Microsoft Corporation, но со своими особенностями и правилами поведения. Хотя с течением времени концепция слоев более-менее стандартизовалась, до сих пор разные браузеры могут по-разному отображать одну и ту же страницу, построенную с использованием слоев.

Возможности слоев далеко выходят за рамки обычных "контейнеров для верстки". Дело в том, что слои являются составной частью так называемого DHTML — динамического HTML, позволяющего изменять свойства страницы и ее объектов в ответ на действия пользователя без перезагрузки страницы с сервера. В главе 15 вы прочтете, как использовать методы DHTML для создания различных эффектов со слоями и другими объектами.

А в этой главе мы будем рассматривать слои прежде всего как удобное средство для макетирования страницы, как контейнеры для других объектов или, если вы имели дело с векторными графическими редакторами, как объекты векторной графики.

clip_image002

Рис. 13.1. Образец Web-страницы, построенной с помощью слоев. Интенсивно используется наложение слоев друг на друга, так, скорпион на рисунке смог положить свои клешни на блок меню именно благодаря применению слоев

Leave a Reply

© 2012 Познавательное чтиво | Entries (RSS) and Comments (RSS)