Шаг 1: Нажмите и перетащите мышью в две верхние ячейки первого столбца таблицы. В это время можно выбрать две ячейки. Затем нажмите кнопку «Объединить выбранные ячейки с помощью интервалов» в шаблоне свойств, чтобы объединить две выбранные ячейки в одну. Согласно этому методу две ячейки в правой части первой строки таблицы объединяются в одну ячейку.
Совет: После выбора ячейки нажмите кнопку «Разделить ячейку на строки или столбцы» на панели свойств, чтобы разделить ячейку на несколько строк или столбцов.
Шаг 2. Выберите все три ячейки в первом столбце таблицы, а затем установите цвет фона (Bg) в шаблоне атрибута на «#FFFF00», чтобы фон ячеек в первом столбце таблицы стал желтым. .
Шаг 3: Введите соответствующий текст в таблицу. Для красоты можно установить его по центру на панели свойств.
Шаг 4. Чтобы таблица создавала трехмерный эффект, вы можете выделить всю таблицу, затем установить ширину границы таблицы (Граница) на 7 на панели свойств и установить цвет границы (Цвет границы). до синего.
Совет: Обычно сложно выделить всю таблицу. Вот четыре часто используемых метода: 1. Переместите мышь за правый край таблицы, нажмите мышь и перетащите ее влево, чтобы быстро выделить всю таблицу. 2. Запустите команду «Изменить → Таблица → Вставить таблицу», чтобы выбрать всю таблицу. 3． Щелкните правой кнопкой мыши по ячейке и во всплывающем меню выберите команду «Таблица → Вставить таблицу», чтобы выделить всю таблицу. 4. Щелкните любую ячейку мышкой, а затем дважды нажмите комбинацию клавиш «Ctrl+A», чтобы выделить всю таблицу.
После выполнения вышеперечисленных операций мы можем настроить форму профессионального уровня в Dreamweaver MX 2004.
3. Расположение стола
Фактически, позиционирование формы на веб-странице в основном разделяет содержимое веб-страницы на несколько областей, а затем заполняет соответствующий контент в разные таблицы соответственно, тем самым создавая очень стандартизированную и профессиональную веб-страницу. Давайте посмотрим, как веб-сайт, показанный на рисунке 2, реализован с помощью таблиц.
1. Заголовок и область навигации
Верхняя часть веб-страницы состоит из двух больших таблиц: верхняя таблица — область изображений, а нижняя — область навигации. Область изображения разделена на строки и столбцы. Используйте команду «Вставить → Изображение», чтобы вставить изображение заголовка и значок логотипа веб-сайта. Область навигации представляет собой таблицу с одной строкой и девятью столбцами. Введите имена каждого подстолбца соответственно, а затем используйте команду «Вставить → Гиперссылка», чтобы создать ссылки для каждого столбца навигации.
2. Текстовая область
Вообще говоря, текстовая область состоит из большой таблицы с одной строкой и тремя столбцами. Каждый столбец вставляется в отдельную таблицу или разделяется для формирования нескольких областей и ввода соответствующей информации. Например, в крайний левый столбец можно вставить таблицу с 5 строками и 1 столбцом для отображения значка логотипа и соответствующего текстового содержимого; средний столбец можно разделить на 3–4 ячейки, каждая из которых используется для отображения основного содержимого. столбцы. Совет по содержимому; столбец справа также можно разделить на 5 областей для отображения различного контента. Таким образом, несколько маленьких ячеек делятся на большую таблицу, формируя основное содержимое веб-страницы. Что касается конкретных операций с ячейками, я не буду здесь вдаваться в подробности. Вы можете попробовать сами.
Хотя базовое позиционирование веб-страницы может быть достигнуто с помощью таблиц, этот метод не лишен недостатков. Самая большая проблема заключается в том, что загрузка содержимого таблицы требует много времени. Часто приходится ждать загрузки всего содержимого таблицы. прежде чем содержимое таблицы может быть отображено. Поэтому следует уделять особое внимание вложенному использованию таблиц и стараться не вкладывать слишком много таблиц, чтобы не повлиять на скорость загрузки страницы.