Создание внешнего вида и управление им

Оценить
(0 голоса)

Стили й таблицы стилей являются составной частью 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.

Создание внешнего вида и управление им

Вы можете быстро применять стили к элементам вашей страницы (при помощи панели Ap­ply Styles). Здесь вы видите все стили, определенные на вашей форме или в приложенной таблице стилей. Каждый стиль имеет визуальное представление для облегчения быстрого выбора. Для применения стиля вы просто выделяете элемент формы п щелкаете по стилю. На рис. 1.22 показан пример использования этой функциональной возможности. Обратите также внимание, что текст подсказки ToolTip для стиля показывает его CSS-определение.

Последнее средство управления стилями (которое мы здесь рассмотрим) — это панель свойств CSS. Здесь вы можете быстро увидеть свойства стиля и управлять ими так же, как вы управляете свойствами элемента управления. На рис. 1.23 показано использование этой панели. Обратите внимание, что вы можете работать с теми стилями, которые определены в вашей Web-форме. Все стили сгруппированы и доступны также в алфавитном порядке. Это может несколько облегчить жизнь для тех, кто не любит рыться в IntelliSense при определе­нии стилей.

Централизованное управление навигацией и конструированием

В Visual Studio 2005 была введена возможность создавать главные страницы. Эти страницы были центральным местом управления элементами дизайна и навигации сайта. Кроме того, главные страницы имеют поддержку визуального конструктора (что исключает необходи­мость во включаемых файлах, которые были видны только в браузере). При работе в режи­ме конструирования разработчик может видеть страницу в контексте общего дизайна сайта.

Был также и один недостаток — вы могли иметь только один уровень главных страниц. Вы не могли вкладывать главные страницы друг в друга и просматривать результат в визуаль­ном конструкторе. Например, обычной практикой является определение ведущей главной страницы, в которой содержатся рамка вашего сайта, средства навигации, информация ниж­него колонтитула и т. д. Затем вы можете создать отдельные "неведущие" главные страницы для контента разного типа. Эти страницы будут иметь собственные элементы общего дизай­на в дополнение к определенным на ведущей главной странице. Еще раз повторим, что в версии 2005 этого сделать нельзя.

Создание внешнего вида и управление им

К счастью. Visual Studio 2008 такую возможность поддерживает. С ее помощью при созда­нии новой главной страницы вы можете выбрать существующую главную страницу. На рис. 1.24 показано именно это. Раньше при создании главной страницы эта опция была не доступна.

При помощи новой вложенной главной страницы вы можете определить главный контент внутри указателя места нахождения контента, определенного ведущей главной страницей. Затем вы добавляете новый указатель места нахождения контента внутри вашей вложенной страницы. Страницы, созданные на основе этой вложенной главной страницы, будут разме­щать свой контент внутри этой области. Конечно, вы можете создать много уровней вло­женных главных страниц. При разработке визуальный конструктор покажет вам ваши глав­ные страницы. На рис. 1.25 представлен простой пример aspx-страницы, созданной из вложенной главной страницы.

Более "умные" клиенты
Дизайнеры и разработчики
Expression Blend
Делаем выбор
Решения на базе пакета приложений Office

Добавить комментарий


Защитный код
Обновить

© 2017 www.visualstudios.ru. Все права защищены.