Создание таблиц

Создание таблиц

Цель работы:  Научиться  создавать таблицы  в Macromedia Dreamweaver.   Задачи работы:Овладеть методикой  работы с диалоговым окном InsertTable;

Получить   навыки работы  с полями ввода Cell Spacing, Cell Padding.

Обеспечивающие средства: Сборник  описаний  практических работ; операционная система  Windows XP, программа Internet Explorer; программа Macromedia Dreamweaver; персональный компьютер.Требования к отчету:  Итоги  практической работы  представить в виде файла lab22.html на диске

Технология работы:

Запустить программу Macromedia Dreamweaver.

Создайте новый  файл — lab22.html. Создайте   8 различных  таблиц. Объедините по строкам, по столбцам. Создайте заголовки.

Теоретический материал: Таблицу создадим  через вкладку Common  далее  вкладка Insert, затем Table  панели объектов.  В полях ввода Rows и Columns вводится, соответственно, количество строк и столбцов создаваемой таблицы. В поле ввода Width задается ширина таблицы. Возможно задание ширины как в пикселах, так и в процентах от ширины всей. В раскрывающемся списке, расположенном справа от этого поля ввода, вы должны будете выбрать пункт Percent (проценты) или Pixels (пикселы). В поле ввода Border задается толщина границ таблицы в пикселах. По умолчанию она равна 1; вы можете ввести 0, чтобы убрать границы совсем.В поле ввода Cell Padding задается расстояние между границей ячейки таблицы и ее содержимым в пикселах. По умолчанию оно равно 1. Поле ввода Cell Spacing служит для задания расстояния между границами отдельных ячеек. По умолчанию оно равно 2. Изменяя значения полей ввода Cell Padding и Cell Spacing, можно получить интересные эффекты, например огромные промежутки между границами ячеек или полупустые ячейки, в самом центре которых текст. Задав значения в полях ввода, нажмите кнопку ОК. Предположим, необходимо добавить новую строку или новый столбец. Для этого поместите текстовый курсор в ячейку строки, над которой будет добавлена новая, и выберите пункт Insert Row в подменю Table меню Modify. Для добавления столбца поставьте текстовый курсор в ячейку, справа от которой будет добавлен новый столбец, и выберите пункт Insert Column в подменю Table меню Modify или контекстного меню. Также вы можете воспользоваться пунктом Insert Rows or Columns подменю Table меню Modify или контекстного меню. После его выбора на экране появится диалоговое окно Insert Rows or Columns.

Рис. 22.1 Диалоговое окно Insert Rows or Columns (включен переключатель Rows)С помощью переключателей группы Insert вы задаете тип объекта, который хотите вставить в таблицу. Переключатель Rows задает вставку строк, а переключатель Columns — столбцов.В случае если выбран переключатель Rows, в поле счетчика Number of Rows задается количество вставляемых строк, а с помощью группы переключателей Where выбирается, где они будут вставляться. Переключатель Above the Selection вставит новые строки над текущей строкой (той, где стоит текстовый курсор), а переключатель Below the Selection — под текущей строкой.Если выбран переключатель Columns, диалоговое окно принимает вид, показанный на рис. 22.2. В поле счетчика Number of Columns задается количество вставляемых столбцов, а с помощью двух переключателей Where выбирается, где они будут вставляться. Переключатель Before current Column вставит новые столбцы перед текущим столбцом (тем, где стоит текстовый курсор), а переключатель After current Column — за текущим столбцом.Рис. 22.2. Диалоговое окно Insert Rows or Columns (включен переключатель Columns)

У вас есть еще одна возможность вставить в таблицу новую строку или столбец — разделить текущую ячейку по горизонтали или по вертикали. В первом случае текущая строка делится на две или несколько строк, а во втором текущий столбец делится на два или несколько столбцов. Для того чтобы разделить ячейку таблицы, нажмите кнопку разделения ячейки,  в нижнем левом углу редактора свойств:

Рис. 22.3. Кнопка разделения ячейки редактора свойствОтожмем кнопку и вызовем диалоговое окно  Split Cell:

Группа переключателей Split Cell Into задает, как будет делиться ячейка. Переключатель Rows задает разделение текущей строки на несколько строк, количество которых устанавливается в поле счетчика Number of Rows. Если же выбран переключатель Columns, текущий столбец будет делиться на несколько столбцов, количество которых задается в поле счетчика Number of Columns. После нажатия кнопки ОК текущая ячейка будет разделена.  Удаление ненужных строк и столбцов. Для удаления текущей строки либо выберите пункт Delete Row в подменю Table меню Modify. Для удаления текущего столбца либо выберите пункт Delete Column в подменю Table меню Modify4. Создайте таблицы расписания уроков, расписания движения поездов, таблица цветов в НТМL-задав каждой ячейки цвет в соответствии с надписью (синий, красный..). Вставьте рисунок в ячейку.  5.  Сохранить файл как lab22.txt в блокноте и как lab22.html для просмотра в браузере.




Предыдущий:

Следующий: