Таблицы

 

Таблицы это удобный  элемент оформления структурированной информации.  При создании веб-страниц невидимые границы  таблиц часто используются  для разметки поверхности страницы. Как и  другие редакторы (например Word), панель инструментов  FrontPage   имеет пункт меню Таблицы. Кроме того, на панели инструментов есть кнопка для создания таблиц . Самый простой способ создать таблицу - нажать на эту кнопку и выбрать нужное количество элементов, и таблица готова.  Этим способом однако лучше не пользоваться, поскольку такие таблицы   редко кого устраивают. Более правильно зайти в меню Таблица\Вставить\Таблица  и в появившемся окне настроить параметры  таблицы.

 

По сравнению с текстовым процессором Word, новым здесь является то, что можно задать ширину таблицы в точках и процентах от размера окна. Для лучшей маштабируемости  странички,  всегда следует задавать  относительные размеры (т.е в процентах.).

В окне Поля ячеек задается расстояние между текстом (графическим объектом) и границей ячейки. Интервал ячеек задает расстояние между двумя соседними ячейками. Единицей измерения здесь являются точки.

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

 

         
         
         
         

 

Как и в текстовом процессоре Word, можно открыть дополнительную панель инструментов Таблицы, если выполнить команды Вид\Панели инструментов\Таблицы. Вид этой панели показан на рисунке ниже.

После того, как таблица возникла на экране, можно изменять размеры  строк и столбцов точно также, как и в текстовом процессоре  Word. Для этого  нужно поставить курсор мышки на на пересечение линий, и двигать мышку ( в зависимости от того. что вы хотите сделать) вправо, влево, вверх, вниз при нажатой левой клавише.

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

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

 

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

Примерно также выглядит  и панель настройки свойств  ячейки (см. рисунок ниже)

 

Обратите внимание, что единицей измерения здесь являются точки. Можно задавать ширину и в относительных единицах (в процентах от ширины окна). Ячейку можно не только заливать  фоновым цветом, но и вставлять фоновый рисунок. При выполнении заданий вы будете иметь возможность  потренироваться  в практике использования таблиц при форматировании html-страничек.

Hosted by uCoz