Создание промышленных приложений
Оценить
(0 голоса)
При создании Web-страниц важно решить, как расположить на странице элементы управле­ния. Это большая тема, которая продолжает развиваться. Многие Web-сайты хранят свой макет в таблицах. Каждый элемент страницы находится в таблице, состоящей из столбцов и строк. Другие сайты размещают элементы на странице (так, что они не двигаются). Если элементы накладываются друг на друга (как это бывает при увеличении размера шрифтов), то они так и отображаются наложенными. Есть и такие сайты, которые на стадии конструи­рования создают страницы без всякого реального содержимого. Затем на стадии выполне­ния они используют таблицы стилей (для применения макета элементов управления). И ко­нечно, существуют страницы и сайты, которые используют…
Оценить
(0 голоса)
По умолчанию Visual Studio настроена на компоновку элементов вашей страницы при по­мощи упорядочения потоком. То есть при перетаскивании элементов из панели инструмен­тов в визуальный конструктор они будут размещаться относительно друг друга. Если вы используете для компоновки вашей страницы сетку или CSS-позиционирование, тогда это вам подходит. На рис. 14.26 показана страница с упорядочением потоком (использующая сетку). Вы можете встретить такую ситуацию, когда вам понадобится абсолютное позиционирова­ние элемента на странице с упорядочением потоком. Предположим, что на рис. 14.26 мы хотели встроить логотип нашей компании на правой стороне страницы. Мы могли бы по­пробовать вставить его в сетку, но скорее всего из этого ничего…
Оценить
(0 голоса)
Когда вы создаете Web-сайт, то вы хотите, чтобы все его страницы выглядели так, как будто они принадлежат одному приложению. Навигация должна быть стандартной, цвета и шриф­ты для аналогичных элементов должны совпадать, а размеры должны быть согласованными. Пользователям при переходе с одной страницы на другую не должно казаться, что они пры­гают по разным сайтам. Кроме того, у вас не должно быть необходимости управлять такой согласованностью всех страниц вашего сайта вручную. Это было бы исключительно утоми­тельно в том случае, если бы вам, например, вдруг понадобилось изменить внешний вид всех кнопок сайта. К счастью, у вас есть инструменты для поддержания согласованного внешнего вида…
Оценить
(0 голоса)
Стили и таблицы стилей позволяют вам определять общий дизайн и поведение. После этого вы можете применить этот общий вид к элементам вашей страницы и приложения. Таким образом, если вы решите что-то изменить, то должны будете сделать это в одном месте — и изменения произойдут во всех местах, где используется данный стиль.
Оценить
(0 голоса)
Стиль просто определяет вид данного элемента. Вы можете создать встроенные стили, ко­торые используют атрибут стиля данного элемента формы для указания того, как этот эле­мент выглядит. В следующем коде имеется встроенный стиль, который настраивает для метки шрифт, размер шрифта и цвет: <asp:Label ID="Labell" runat="server" Text="Edit Customer" style="font-family: Arial; font-size: large; color: Blue"> </asp:Label> Встроенные стили ничего не дают в смысле повторного их использования. Наоборот, вы должны определять стиль для каждого элемента на каждой странице. Это может быть до­пустимо в некоторых исключительных обстоятельствах. Однако если вы хотите поддержи­вать сходство аналогичных элементов на похожих страницах, то ситуация быстро станет неуправляемой. В этих случаях…
Оценить
(0 голоса)
Стилевой класс может быть определен в одном из двух мест: на самой странице или в таб­лице стилей, связанной со страницей. Если вы определяете стилевой класс в самой страни­це, то он применим только к этой странице (но не к остальным страницам сайта). Стили, определенные на уровне страницы, встроены в раздел <head> кода XHTML. Например, следующая разметка абстрагирует уже обсуждавшийся ранее стиль в стиль уровня страни­цы: <head runat="server"> <title>Edit Customer</title> <style type="text/css"> .titleText { font-family: Arial; font-size: large; color: Blue; </style> </head> Для применения этого стиля к элементу формы вы настраиваете его свойство class или CssClass (для элементов управления ASP.NET) так, как…
Оценить
(0 голоса)
Вы можете создать правило стиля для элемента HTML. Это правило стиля будет затем ав­томатически применяться ко всем HTML-элементам данного типа (и соответствующим им эквивалентам ASP.NET). То есть вам не нужно присваивать стиль элементу; он просто вы­берет стиль. Предположим, что вы хотите управлять тем, как выглядят гиперссылки вашего сайта в тот момент, когда пользователь наводит на них указатель мыши. Для этого вы можете опреде­лить стиль внутри таблицы стилей для поведения тега анкера при наведении курсора (A: hover). Внутри стиля вы можете настроить цвет, название и размер шрифта. Вы можете также выключить подчеркивание при наведении пользователем курсора на ссылку. После определения этого…
Оценить
(0 голоса)
Таблица стилей представляет собой файл, содержащий набор стилей, которые должны быть применены к странице. Таким образом, вы можете абстрагировать все ваши стили страни­цы, централизовать их и управлять ими как группой. Файл таблицы стилей имеет расшире­ние css. Внутри этого файла вы можете добавлять стили элементов и ваши собственные классы стиля. Код этих стилей похож на тот код, который мы уже показывали. После определения таблицы стилей вы связываете страницу с таблицей стилей. Вы можете сделать это при помощи перетаскивания таблицы стилей на визуальный конструктор форм или посредством добавления следующего кода в раздел <head> страницы: <head runat="server"> <link href="StyleSheetMaster.css" rel="stylesheet" type="text/css" /> <title>Edit…
Оценить
(0 голоса)
Итак, мы рассмотрели основы стилей и таблиц стилей. Конечно, есть еще много вопросов по созданию стилей, управлению ими и применению их к вашему сайту. К счастью, Visual Studio имеет несколько встроенных инструментов для помощи в работе со стилями. Давайте изучим эти инструменты.
Оценить
(1 голос)
Вы можете добавить одну или несколько таблиц стилей в приложение при помощи диалого­вого окна Add New Item (см. рис. 14.19). Вы можете открыть таблицу стилей в редакторе кода Visual Studio. При этом Visual Studio предоставляет вам панель инструментов Style Sheet, меню Styles и фактическое содержимое таблицы стилей. На рис. 14.31 показаны все эти элементы. Средняя панель рис. 14.31 показывает содержимое таблицы стилей. Вы можете редактиро­вать здесь таблицу стилей вручную. Конечно, возможность редактирования требует от вас приличного знания CSS. К счастью, технология IntelliSense готова вам помочь. Как и во всех остальных случаях, чем больше вы работаете с ней, тем лучше вы…
© 2017 www.visualstudios.ru. Все права защищены.