Опубликован: 23.11.2006 | Доступ: свободный | Студентов: 1146 / 240 | Оценка: 4.13 / 3.80 | Длительность: 08:04:00
Специальности: Менеджер
Лекция 7:

Редактирование и форматирование таблицы

< Лекция 6 || Лекция 7: 1234 || Лекция 8 >
Аннотация: Изучив эту лекцию, вы сможете: редактировать структуру таблицы; создавать таблицу внутри таблицы.

Редактирование структуры таблицы

Если у вас нет большого опыта создания таблиц, то вам вряд ли удастся обойтись без тех или иных поправок после создания таблицы. Скорее всего, вам придется добавлять или удалять строки или столбцы и перемещать информацию, пока она не окажется в нужном месте. Почти наверняка вам придется изменять размеры строки и столбцов, которые слишком велики или малы либо находятся на разных расстояниях. К счастью, программа FrontPage позволяет легко исправлять все эти структурные проблемы.

Совет. Если столбцы намного шире информации, которую они содержат, то посетителям вашего сайта, возможно, придется прибегать к горизонтальной прокрутке, чтобы увидеть всю информацию таблицы. Если столбцы слишком узкие, то посетителям вашего сайта, возможно, придется прибегать к вертикальной прокрутке. Везде, где это возможно, постарайтесь избегать прокрутки, изменяя в таблице размеры строк или столбцов.

В этом упражнении вы измените структуру существующей таблицы, изменив порядок информации, которую она содержит. На странице Насекомоядные растения нашего сайта расписание занятий на данный момент представлено в девяти строках и четырех столбцах, один из которых остается пустым. Вы переместите информацию о времени из четвертого столбца в третий и добавите заголовочную строку в эту таблицу.

GardenCo

Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap19\TableStruct.

Выполните следующие шаги.

  1. Откройте сайт GardenCo, находящийся в указанной рабочей папке.
  2. В панели списка папок дважды щелкните на файле serv02.htm, чтобы открыть страницу Насекомоядные растения в окне просмотра и редактирования страниц.
  3. На странице Насекомоядные растения щелкните в любом месте четвертого столбца таблицы.
  4. В меню Таблица (Table) укажите пункт Выделить (Select) и затем выберите пункт Столбец (Column).
  5. Укажите на выделенную часть и перетащите информацию о времени из четвертого столбца в третий.
  6. Щелкните в любом месте верхней строки таблицы.
  7. В меню Таблица (Table) укажите пункт Вставить (Insert) и затем выберите пункт Строки или столбцы (Rows or Columns), чтобы появилось следующее диалоговое окно.

  8. В секции Положение (Location) выберите вариант Над выделенным (Above Selection) и щелкните на кнопке OK. FrontPage вставит новую строку вверху таблицы.
  9. Теперь щелкните в любом месте четвертого столбца таблицы.
  10. В меню Таблица (Table) укажите пункт Выделить (Select) и затем выберите пункт Столбец (Column).
  11. Щелкните правой кнопкой на выделенной части и выберите в контекстном меню пункт Удалить ячейки (Delete Cells), чтобы удалить пустой столбец с правой стороны таблицы.
  12. В новой заголовочной строке введите те же заголовки столбцов, что и для двух других таблиц: Название, Дата и Время. Таблица на странице Насекомоядные растения теперь будет выглядеть так же, как и таблицы на страницах Весенняя роскошь и Органика.
  13. Щелкните на кнопке Закрыть (Close) файла serv02.htm, чтобы закрыть страницу Насекомоядные растения ; когда появится запрос, сохраните ваши изменения.
  14. В панели списка папок дважды щелкните на файле serv03.htm, чтобы открыть страницу Органика в окне просмотра и редактирования страниц.
  15. Чтобы изменить размер столбцов в таблице на этой странице, укажите сначала правую границу столбца Дата. Курсор изменит свою форму на двустороннюю стрелку.
  16. Дважды щелкните на этой границе. FrontPage изменит размер этот столбца, чтобы все его записи уместились в одну строку.
  17. Теперь щелкните в любом месте таблицы и в меню Таблица (Table) выберите пункт Автоподбор по содержимому (AutoFit to Contents). Все столбцы будут выровнены в точности по ширине своего содержимого, как это показано ниже.
  18. Щелкните правой кнопкой в любом месте таблицы и выберите в контекстном меню пункт Свойства таблицы (Table Properties), чтобы появилось диалоговое окно свойств таблицы.

  19. В диалоговом окне свойств таблицы выполните следующее:
    • В раскрывающемся списке Выравнивание (Alignment) выберите вариант По левому краю (Left).
    • Выберите в поле Поля ячеек (Cell padding) значение 3.
    • В поле Задать ширину (Specify width) введите значение 100 и затем выберите вариант В процентах (In percent).
    • В секции Границы (Borders) задайте в поле Размер (Size) значение 0.
    • Щелкните на кнопке OK, чтобы закрыть это диалоговое окно и применить изменения.
  20. Теперь переместите курсор вверх первого столбца, чтобы курсор имел форму направленной вниз стрелки. Удерживайте кнопку мыши, чтобы выделить этот столбец, и затем протяните его вправо, чтобы выделить все три столбца.
  21. В меню Таблица (Table) выберите пункт Выровнять ширину столбцов (Distribute Columns Evenly), чтобы все столбцы имели одинаковую ширину.
  22. Щелкните на кнопке Закрыть (Close) файла serv03.htm, чтобы закрыть страницу Органика ; когда появится запрос, сохраните ваши изменения.
  23. В меню Файл (File) выберите пункт Закрыть веб-узел (Close Web), чтобы закрыть данный сайт.
< Лекция 6 || Лекция 7: 1234 || Лекция 8 >
Евгений Шаров
Евгений Шаров
Россия, Североморск, школа№11, 1991