Создание веб-сайта при помощи ASP.NET 2.0 и каскадной таблицы стилей (CSS)

В числе возможностей ASP.NET 1.0 были адаптивные возможности обработки, которые позволяли обозревателю отображать разметку, обработанную ASP.NET-страницей. Если вкратце: в момент посещения ASP.NET-страницы элементы управления на ней обрабатываются в разметку, которая впоследствии отсылается в браузер и там отображается. Разметка, сгенерированная элементами управления, зависима от браузера, используемого для открытия страницы. При посещении с помощью браузера типа "uplevel" элементы управления ASP.NET генерируют разметку, соответствующую стандартам HTML 4.0; в браузерах типа "downlevel" элементы управления вырабатывают разметку в соответствии со стандартным HTML 3.2.  В ASP.NET 1.x типы браузеров (а именно "uplevel" или "downlevel") были определены посредством элемента <browserCaps> в machine.config или web.config. Причем  недостатком ASP.NET 1.x было то, что по умолчанию только IE 4.0 и версии выше были типа "uplevel", следовательно, современные браузеры типа FireFox и Opera были маркированы типом "downlevel".

ASP.NET 2.0 предоставляет такие же адаптивные возможности по обработке, как и ASP.NET 1.x, хотя возможности браузера определяются скорее файлами определения веб-обозревателя, чем элементом <browserCaps>. (Поддержка <browserCaps> все еще существует в ASP.NET 2.0 для предоставления совместимости, но стоит воздержаться от использования данного элемента.) В дополнение к адаптивной обработке, фрэймворк обработки ASP.NET 2.0 также может быть настроен на использование адаптеров элементов управления. Адаптером элемента управления является опциональный класс - если он присутствует и при этом правильно настроен, то он используется для обработки элементов управления вместо того, чтобы использовать стандартную логику обработки элемента управления. Вкратце,  используя данный адаптер, вы можете оставить основную функциональность веб-элемента управления, но полностью настроить выработанную разметку. Это удобно использовать, если вы хотите изменить стандартную обработку для всех браузеров, либо для конкретных пользовательских посредников - например, определенных сотовых телефонов или портативных устройств - для которых вам нужно предоставить специальную обработку.

Хороший пример мощи адаптеров элементов управления ASP.NET 2.0 можно загрузить на странице "Адаптеры элементов управления, поддерживающие CSS (CSS Friendly Control Adapters) в ASP.NET 2.0". Этот набор бесплатных адаптеров, выпущенный компанией Microsoft, обеспечивает обработку различных встроенных элементов управления ASP.NET, используя желаемую технологию CSS. К примеру, по умолчанию элемент управления Menu обрабатывается как <table> в HTML; при помощи адаптеров, данный элемент Menu обрабатывается как неотсортированный список при помощи CSS -позиционирования для корректного отображения меню. Более того, адаптеры элементов управления, поддерживающие CSS (CSS Friendly Control Adapters), игнорируют любые настройки стилей элементов, которые должны быть обработаны как внутренние (inline) элементы стиля (style) в разметке, и вместо этого требуют вынести данную информацию о стиле за пределы, указанные при помощи классов CSS.

В дополнение к данному адаптеру для элемента управления Menu, адаптеры элементов управления, поддерживающие CSS, включают в себя адаптеры для элементов TreeView, GridView, DataList, DetailsView, Login, CreateUserWizard и других. В данной статье мы начнем работу с адаптерами элементов управления и увидим, как они могут очистить и улучшить разметку вашего веб-обозревателя. Читайте далее, чтобы узнать больше об этом!