Создание макета страницы > Настройка ширины макета

 

Страницу подготовил Дмитрий Точилкин, ComplexGroup

Настройка ширины макета

Существуют два типа ширины ячейки и таблицы макета, которые можно использовать в режиме Layout View (Вид Вывода): Fixed (Фикс) и Autostretch (Авторастяг). Ширина отображается в области заголовка столбца. Первый тип ширины - определенное числовое значение, например, 300 пикселов является количественное характеристикой. Второй тип (авторастяжение) заставляет ячейку настраиваться автоматически в зависимости от размера. С настройкой на изменяемую ширину макет всегда заполняет окно браузера, независимо от того, какой размер окна посетитель сайта установил. Хотя по умолчанию ширина является фиксированой, вам почти всегда придется указывать автоматическое растяжение хотя бы некоторых ячеек вашего макета. Указанные вами настройки воздействуют на все ячейки или все таблицы в выделенной колонке. Только одна колонка в макете может автоматически растягиваться.

Например, предположим, что в макете есть строка меню в левой части страницы, название в верхней части и область содержания справа. Для левой колонки можно задать фиксированную ширину, а область содержания сделать автоматически растягиваемой.

Чтобы установить автоматическое изменение ширины авторастяжения, сделайте один из следующих шагов:

Перейдите к верхней части колонки, которую хотите сделать растягивающейся выделите ее и выберите пункт Make Column Autostretch (Изменяемая Ширина Колонки) из меню Column Header (Заголовок Колонки). Автоматически растягиваться может только одна колонка.
Выделите колонку, затем нажмите Autostretch (Авторастяжение) в инспекторе Property (свойства).

Когда вы делаете колонку расширяющейся автоматически, Dreamweaver вставляет в остальные колонки фиксированной ширины изображения-распорки, сохраняя таким образом общий вид макета. Изображение-распорка - прозрачное изображение, которое не видно в окне браузера, но используется для сохранения интервала. Подробную информацию см. Использование распорных изображений .

Чтобы задать колонке фиксированную ширину, сделайте один из следующих шагов:

Перейдите к верхней части колонки, ширину которой вы хотите сделать фиксированной, и выберите пункт Make Column Fixed Width (Фиксированная Ширина Колонки) из меню заголовка колонки.
Настройка Make Column Fixed Width (Фиксированная Ширина Колонки) автоматически фиксирует ширину колонки по ширине содержания находящегося в этой колонке.
В инспекторе Property (свойства) щелкните на Fixed (Фиксированная) и напечатайте числовое значение ширины.
Если вы вводите числовое значение, которое меньше чем ширина содержания, то Dreamweaver автоматически установит правильное значение ширины в пикселах.

Иногда в меню Заголовка Колонки появляются два значения: фактическая ширина колонки и ширина, которая указана в коде HTML. Это может произойти по разным причинам, например из-за содержания, которое имеет ширину больше указанной вами. Потому рекомендуется делать ширину составной, чтобы использовалось только одно значение ширины.

Чтобы делать ширину составной:

Выберите пункт Make Cell Widths Consistent (Сделать Ширину Составной) из меню заголовка колонки.