7. Макет веб-страницы
Новая функция набора текста
Причина, по которой я упомянул функцию обмена слоями и таблицами за один раз, заключается в том, что в DW4 была запущена новая функция Layout, которая позволяет более непосредственно и удобно организовать макет страницы. В нижней части панели объектов расположены четыре кнопки:
Стандартный вид: вид в состоянии по умолчанию;
Просмотр макета: переключение в режим макета, функция которого будет представлена на этот раз;
нажимать После нажатия кнопки можно использовать две кнопки приведенного выше макета:
Макет таблицы (LayOut Table): Макет таблиц на странице, как на рисунке;
Макет ячеек (LayOut Cell): рисование ячеек в таблице.
Теперь попробуем использовать вышеуказанные инструменты для макета новой страницы: Создайте новую страницу и нажмите Войдите в режим макета и нажмите Нарисуйте таблицу на странице и нажмите , нарисуйте ячейки в таблице, где таблица будет представлена зеленым прямоугольником, ячейки будут представлены синим, а неопределенные ячейки будут представлены серым, как показано ниже:
Здесь размер каждой таблицы и ячейки можно регулировать по своему желанию. Наконец, вернитесь к стандартному виду, и вы обнаружите, что только что нарисованная «Макетная таблица» была преобразована в таблицу. Как показано ниже:
Кроме того, в представлении макета на таблице есть число, обозначающее ширину таблицы. Щелкните это число, чтобы открыть следующее меню:
Сделать столбец автоматическим растягиванием: столбцы автоматически растягиваются, что означает, что таблица может автоматически регулировать свою ширину в соответствии с соотношением сторон экрана, что эквивалентно определению ширины таблицы в процентах.
Добавить изображение-разделитель/Удалить изображения-разделители: добавление/удаление прозрачных изображений. Функция прозрачного изображения — поддерживать ширину стола.
Очистить высоту ячейки: Очистить высоту ячейки.
Ниже показано, как goEway.com использует функцию макета для макета страницы. По сравнению со стандартным видом, он гораздо более интуитивно понятен.