Цель работы: Научиться устанавливать параметры таблицы в Macromedia Dreamweaver.
Задачи работы:
- Овладеть методикой работы с таблицами в Macromedia Dreamweaver;
- Получить навыки работы с редактором свойств Properties.
Обеспечивающие средства: Сборник описаний практических работ; операционная система Windows XP, программа Internet Explorer; программа «Macromedia Dreamweaver»; персональный компьютер.
Требования к отчету: Итоги практической работы представить в виде файла lab24.html на диске
Технология работы:
- Запустить программу Macromedia Dreamweaver.
- Создайте файл lab24.html.
- Создайте таблицу на весь экран согласно образцу.
- Активизируйте таблицу и задайте параметры для таблицы
Вид редактора свойств при выделенной таблице показан на рис. 24.1
Рис. 24.1 Вид редактора свойств при выделенной таблице
Поля ввода Rows и Cols служат для быстрого изменения количества, соответственно, строк и столбцов таблицы.
Поля ввода W и Н служат для задания ширины и высоты таблицы. Эти значения могут быть заданы как в пикселах, так и в процентах относительно ширины или высоты родительского элемента страницы. (элемента, в котором находится наша таблица; это может быть сама Web-страница или ячейка другой таблицы). выбрать в раскрывающихся списках, находящихся справа от соответствующего поля ввода, значение pixels (пикселы) или %.
Поле ввода Bg Image служит для задания имени файла фонового изображения для всей таблицы. Селектор цветов Bg Color задает цвет фона таблицы, а селектор цветов Brdr Color — цвет границ таблицы.
Задайте: Для ячейки № 3.2 задан светло-серый фон, для ячейки № 4.1 — белая граница,для всей таблицы — белый фон и черная граница
Поле ввода CellPad задает расстояния между границей ячейки и ее содержимым в пикселах. Поле ввода CellSpace задает расстояние между границами находящихся рядом ячеек в пикселах. Поле ввода Border задает толщину границы ячейки в пикселах. Эти параметры задаем в диалоговом окне Insert Table.
Раскрывающийся список Align служит для задания горизонтального выравнивания таблицы.
Доступны четыре значения:
- Default — выравнивание по умолчанию, обычно влево;
- Left — выравнивание влево;
- Center — по центру;
- Right — вправо.
С помощью этого списка задается не выравнивание содержимого таблицы, а выравнивание самой таблицы, т. е. будет ли таблица прижата к левому краю окна или центрирована в нем.
В левом нижнем углу редактора свойств есть группа из шести кнопок, управляющих значениями ширины и высоты ячеек и строк таблицы.
Рис. 24.2. Кнопки управления значениями ширины и высоты ячеек и строк таблицы.
Часто бывает так, что после многочисленных экспериментов с установкой размеров ячеек таблицы нужно вернуться к значениям по умолчанию. В самом деле, жестко задавать размеры ячеек стоит лишь в том случае, если вы точно знаете, какого эффекта хотите достичь..
Задайте: фиксированные размеры ячеек, затем стереть их, вернувшись к значениям по умолчанию. Для этого предназначены левая верхняя и левая нижняя кнопки группы. Верхняя удаляет значения ширины ячеек, а нижняя — значения высоты строк. Попробуйте выделить учебную таблицу и нажать эти кнопки- с ластиком). При этом будут сброшены также значения ширины и высоты самой таблицы.
Через верхнее меню Modify подменю Table, вы можете достичь того же эффекта, выбрав пункты Clear Cell Heights (стереть высоты строк) или Clear Cell Widths (стереть значения ширины ячеек).
Все величины таблицы заданы в процентах. Если размеры таблицы изменятся, все значения ширины ячеек "поплывут", ведь они относительны, а не абсолютны. Как быть в этом случае?
Для этого служит средняя верхняя и средняя нижняя кнопки (рис. 24.2). Верхняя из них позволяет преобразовать относительные значения ширины ячеек в абсолютные, фиксированные. А нижняя то же самое выполняет с высотами строк. Аналогичного эффекта вы можете достичь, выбрав пункты Convert Widths to Pixels (преобразовать ширину ячеек в пикселы) или Convert Heights to Percents (преобразовать высоты в пикселы) подменю Table меню Modify.
Правая верхняя и правая нижняя кнопки (рис. 5.17) выполняют обратное преобразование — абсолютных значений (пикселы) в относительные (проценты). Опять же, верхняя кнопка проделывает это с шириной ячеек, а нижняя — с высотами строк. Также вы можете воспользоваться пунктами Convert Widths to Percent (преобразовать ширину ячеек в проценты) или Convert Heights to Percent (преобразовать высоты в проценты) подменю Table меню Modify.
Выполните на компьютере:
- преобразуйте таблицу задав каждой ячейки различные параметры относительно других ячеек;
- в каждую ячейку поместите текстовую или графическую информацию(по своему сайту, согласовав тему с преподавателем);
- оформите таблицу в цвете( бордюры, фон, заливка);
- задайте расстояние между границами ячейки и ее содержимым; расстояние между границами находящихся рядом ячеек в пикселях (от 3-10);
- выравнять содержимое в таблице вертикальное- по центру, горизонтальное- по нижнему краю;
- разделите ячейку 1столбца, 2стороки на 6 строк – запишите в них содержание вашего сайта;
- крайнюю нижнюю ячейку разбейте на две строки – в верхней поставить дату, в нижней- время.
- добавьте строку внизу таблицы, поместите в нее данные об авторе- бегущей строкой.
- добавьте колонку справа, поместите название учебного заведения- бегущей строкой снизу вверх.
- cохранить файл как lab24.txt в блокноте и как lab24.html для просмотра в браузере.