Стили й таблицы стилей являются составной частью Web-разработки уже много лет. Они помогают обеспечить единообразный внешний вид, которым можно централизованно управлять. Спецификация CSS (Cascading Style Sheet) также продолжает развиваться; она предлагает нам все больше возможностей для изменения визуального представления наших приложений. Конечно, при этом добавляются дополнительные элементы, атрибуты и увеличивается сложность. К счастью, Visual Studio 2008 предоставляет инструменты для создания и управления как встроенными стилями (определенными непосредственно в вашем исходном коде XHTML), так и таблицами стилей (css-файлами).
Один из таких инструментов — это панель Manage Styles, имеющаяся у разработчика Web- форм. На рис. 1.20 показана эта панель в действии. Здесь вы можете прикрепить таблицу стилей к Web-форме, создать новый стиль, просмотреть стили и т. д. Обратите внимание на кнопку Options и соответствующее меню. Эти опции помогают вам управлять стилями.
В версии 2008 переработано также диалоговое окно New Style/Modify Style. Здесь вы можете создать или модифицировать стиль, созданный на базе спецификации CSS (до версии 2.1 включительно).
Этот диалог был переделан для того, чтобы дать вам доступ к новым функциональным возможностям и сделать все несколько более интуитивно понятным. Вы можете получить доступ к этому диалоговому окну либо при помощи кнопки Build Style на панели инструментов Style Sheet, либо из таблицы стилей, либо из панели Manage Styles (при помощи опции
New Style). На рис. 1.21 показан пример доступа к диалоговому окну New Style из панели Manage Styles.
Вы можете быстро применять стили к элементам вашей страницы (при помощи панели Apply Styles). Здесь вы видите все стили, определенные на вашей форме или в приложенной таблице стилей. Каждый стиль имеет визуальное представление для облегчения быстрого выбора. Для применения стиля вы просто выделяете элемент формы п щелкаете по стилю. На рис. 1.22 показан пример использования этой функциональной возможности. Обратите также внимание, что текст подсказки ToolTip для стиля показывает его CSS-определение.
Последнее средство управления стилями (которое мы здесь рассмотрим) — это панель свойств CSS. Здесь вы можете быстро увидеть свойства стиля и управлять ими так же, как вы управляете свойствами элемента управления. На рис. 1.23 показано использование этой панели. Обратите внимание, что вы можете работать с теми стилями, которые определены в вашей Web-форме. Все стили сгруппированы и доступны также в алфавитном порядке. Это может несколько облегчить жизнь для тех, кто не любит рыться в IntelliSense при определении стилей.
Централизованное управление навигацией и конструированием
В Visual Studio 2005 была введена возможность создавать главные страницы. Эти страницы были центральным местом управления элементами дизайна и навигации сайта. Кроме того, главные страницы имеют поддержку визуального конструктора (что исключает необходимость во включаемых файлах, которые были видны только в браузере). При работе в режиме конструирования разработчик может видеть страницу в контексте общего дизайна сайта.
Был также и один недостаток — вы могли иметь только один уровень главных страниц. Вы не могли вкладывать главные страницы друг в друга и просматривать результат в визуальном конструкторе. Например, обычной практикой является определение ведущей главной страницы, в которой содержатся рамка вашего сайта, средства навигации, информация нижнего колонтитула и т. д. Затем вы можете создать отдельные "неведущие" главные страницы для контента разного типа. Эти страницы будут иметь собственные элементы общего дизайна в дополнение к определенным на ведущей главной странице. Еще раз повторим, что в версии 2005 этого сделать нельзя.
К счастью. Visual Studio 2008 такую возможность поддерживает. С ее помощью при создании новой главной страницы вы можете выбрать существующую главную страницу. На рис. 1.24 показано именно это. Раньше при создании главной страницы эта опция была не доступна.
При помощи новой вложенной главной страницы вы можете определить главный контент внутри указателя места нахождения контента, определенного ведущей главной страницей. Затем вы добавляете новый указатель места нахождения контента внутри вашей вложенной страницы. Страницы, созданные на основе этой вложенной главной страницы, будут размещать свой контент внутри этой области. Конечно, вы можете создать много уровней вложенных главных страниц. При разработке визуальный конструктор покажет вам ваши главные страницы. На рис. 1.25 представлен простой пример aspx-страницы, созданной из вложенной главной страницы.