Краткое руководство по Dreamweaver 4 (7. Макет веб-страницы)
Автор：Eve Cole
Время обновления：2009-05-30 18:35:53
7. Макет веб-страницы
Использование таблиц
Таблицы являются очень важным элементом веб-страниц. Поскольку сам HTML не предоставляет дополнительных методов макетирования, нам часто приходится использовать таблицы для достижения точного макета веб-страниц. Можно сказать, что таблицы — это самый важный навык при создании веб-страниц. То, насколько хорошо они используются, напрямую отражает уровень веб-дизайнеров.
Нажмите на панель объектов
, вы увидите следующее диалоговое окно:
① Строки: количество строк в таблице; Столбцы: количество столбцов в таблице;
② Ширина: ширина таблицы, единицей измерения может быть пиксели (количество пикселей) или проценты (проценты). Размер таблицы, определенный в пикселях, фиксирован, а таблица, определенная в процентах, будет меняться в зависимости от размера браузера. Разница между двумя методами определения будет подробно объяснена позже;
③ Граница: ширина линии таблицы;
④ Заполнение ячеек: расстояние между ячейками; Так называемая ячейка относится к каждой маленькой ячейке таблицы.
После настройки, как показано на рисунке, вы получите следующую форму:
Нажмите на строку таблицы, чтобы выбрать всю таблицу. Это можно увидеть на панели свойств:
① Строки, Столбцы: строки и столбцы таблицы;
② Ш, В: ширина и высота стола. Обычно мы не определяем высоту стола;
③ CellPad, CellSpace: расстояние между ячейками и поля ячеек; Граница: ширина строк таблицы;
④ Ailgn: выравнивание стола, вы можете переместить стол влево (Left), по центру (Center) или вправо (Right).
⑤
: удалить настройки высоты строки;
: удалить настройки ширины столбца;
: преобразовать настройку ширины таблицы из процентов в пиксели;
: преобразовать настройку ширины таблицы из пикселей в проценты;
⑥ Цвет фона: установка цвета фона таблицы;
⑦ Цвет Brdr: установите цвет строки таблицы;
⑧ Фоновое изображение: установите фоновое изображение стола. Если фоновое изображение установлено, цвет фона будет недействительным; нажмите кнопку портфеля сзади, чтобы выбрать фоновое изображение;
Если мы подведем курсор к одной из ячеек, то панель свойств мы увидим другую:
①
: объединить ячейки (необходимо сначала выбрать соответствующие ячейки для объединения);
: разделить ячейки на несколько строк или столбцов;
② Горизонт: Горизонтальное выравнивание внутри ячейки. Функция аналогична функции
похожий;
Vert: вертикальное выравнивание внутри ячейки;
③ Ш, В: ширина и высота ячейки;
④ Bg: фоновое изображение ячейки;
⑤ Фон: цвет фона ячейки;
⑥ Brdr: цвет границы ячейки.
