Проектирование Интернет приложений. Тузовский А.Ф. - 126 стр.

UptoLike

ВУЗ: 

ТПУ | Томск

Составители: 

Рубрика: 

126
способен отображать страницу, описанную с помощью языка HTML. В
настоящее время использование HTML без языка CSS считается неэф-
фективным, т.к. CSS способен значительно расширить базовые возмож-
ности языка HTML, связанные с позиционированием элементов внутри
страницы.
Позиционирование элементов управления
Основной сложностью при разработке пользовательского интер-
фейса web-приложения является позиционирование его элементов на
поверхности страницы.
Для позиционирования ЭУ на странице можно использовать все
способы HTML проектирования, такие, как: параграфы (<p>), разрывы
строк (<br/>), таблицы и CSS стили. Visual Studio предполагает, что ЭУ
добавляются на форму с помощью гибкого «потокового» (“flow”) пози-
ционирования, так чтобы содержание формы увеличивалось и сжима-
лось динамически без создания проблем взаимного расположения эле-
ментов.
Однако можно использовать и абсолютное позиционирование,
позволяющее располагать элементы в точно заданных позициях. Для
этого используется команда «Format=>Set Position=>Absolute», которая
добавляет в описание ЭУ атрибут style, например: style="z-index: 1; left:
10px; top: 41px; position: absolute". После этого данный ЭУ можно произ-
вольно перемещать по всей форме, а Visual Studio будет менять его ко-
одинаты.
Однако редко имеет смысл абсолютно позиционировать отдель-
ные ЭУ. Чаще задается абсолютное позиционирование для контейнеров,
например, тэгов <div>, а затем используется потоковое позиционирова-
ние для размещения содержания внутри них. Например:
<div style="POSITION: absolute; left: 100px; top: 50px; width:200px">
. . .
</div>
Позиционирование с помощью таблиц
Кроме этого взаимное расположение элементов в web-форме мож-
но задавать с помощью таблицы. Для добавления таблицу в форму нуж-
но выполнить команду «Table=>Insert Table», в результате чего появит-
ся диалоговое окно с параметрами вставляемой таблицы.

Страницы