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

Благодаря форме, удобной для быстрого просмотра, таблицы значительно облегчают восприятие связного текста или изображений. Кроме того, таблицы можно очень красиво оформить, используя различные рамки и яркие цвета. Главное преимущество использования таблиц состоит в том, что независимо от типа и версии своего браузера посетители увидят все примененные при их создании эффекты. Именно поэтому так много коммерческих Web-сайтов разрабатываются на основе таблиц страничного размера, подобных компоновочным сеткам, используемых при традиционной верстке. Однако гораздо лучше составлять страницу из нескольких таблиц, нежели применять всего одну. Благодаря этому верхняя часть страницы будет показываться на экране быстрее, чем продолжающие загружаться таблицы, расположенные ниже /4/. С помощью панели инструментов “Таблицы” (Tables) можно строить создавать самые разные таблицы от простых до весьма сложных. Необходимо активизировать ее, выбрав “Вид” => “Панели инструментов” => “Таблицы” (View => Toolbars => Tables).

Вычерчивание таблицы. Для того чтобы вычертить таблицу необходимо:

1) Переключиться в окно просмотра страницы и щелкнуть в том ее месте, где необходимо поместить таблицу.

2) Выбрать пункты “Таблица” => “Нарисовать таблицу” (Table=>Draw Table) или, если открыта панель инструментов Tables, нажать на ней кнопку “Нарисовать таблицу” (Draw Table).

3) На странице появится указатель мыши в виде карандаша. Удерживая нажатой левую клавишу мыши, перемещать карандаш, пока выделенный штриховой линией прямоугольник не превратится в таблицу нужного размера. Затем отпустить клавишу мыши, и на странице появится простая таблица.

4) Разбить таблицу на столбцы и строки, «рисуя» указателем мыши внутренние границы. Сделать двойной щелчок мышью, чтобы переключить карандаш обратно в вертикальный курсор.

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

Автоматическая вставка таблицы. Для автоматической вставки таблицы необходимо:

1) Переключиться в окно просмотра страницы и щелкнуть и том ее месте, где необходимо поместить таблицу.

2) Выбрать пункты “Таблица” => “Вставка” => “Таблица” (Table => Insert => Table).

3) В появившемся диалоговом окне “Вставка таблицы” (Insert Table) воспользоваться разделом “Размер” (Size), для установки нужного числа “строк” (Rows) и “столбцов” (Columns) таблицы.

4) В поле “Разметка” (Layout) установить следующие параметры таблицы: “Выравнивание” (Alignment) - по левому краю, по центру или по правому краю, Border size (Ширина границы) - толщина внешней границы, “Отступ” (Cell padding) и “Поля ячеек” (Cell spacing).

5) Установить флажок “Ширина” (Specify width), чтобы задать ширину всей таблицы и используя группу переключателей, чтоб указать, должна ли эта ширина быть абсолютной (в пикселах) или относительной к ширине Web-страницы посетителя (в процентах).

6) Закончив, нажать кнопку ОК, и таблица будет помещена на вашу Web-страницу.

Фреймы

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

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

Создание фреймовой страницы. Для создания фреймовой страницы необходимо:

1) Перейти в окно просмотра страницы, затем выбрать в меню пункты “Файл” => “Создать” => “Страница или Web” (File => New => Page or Web) (Ctrl+N).

2) В появившейся области задач щелкнуть по ссылке “Шаблоны страниц” (Page Templates).

3) В открывшемся диалоговом окне Page Templates выбрать вкладку “Фреймовые страницы” (Frames Pages). Использовать область “Предварительный просмотр” (Preview) диалогового окна, чтобы выбрать шаблон фреймовой страницы, затем нажать на кнопку ОК. Появится основанная на этом шаблоне пустая фреймовая страница, которая в каждом из своих фреймов предлагает два варианта: “Установить исходную страницу” (Set Initial Page) и “Создать страницу” (New Page).

4) Чтобы связать фрейм с существующей на Web-сайте страницей, необходимо щелкнуть по кнопке Set Initial Page. В появившемся диалоговом окне “Добавление гиперссылки” (Insert Hyperlink) - перейти к той странице, с которой работать, и нажать кнопку ОК. Страница появится во фрейме. Чтобы создать для фрейма новую пустую страницу необходимо нажать “Новая страница” (New Page). Внутри фрейма появится пустая страница, основанная на шаблоне “Обычный” (Normal). Теперь можно разместить в этом фрейме любую информацию.

5) Нажать клавиши Ctrl+S, чтобы сохранить новый фрейм и фреймовую страницу. Если создана новая страница для какого-либо из фреймов, то фрейм этой страницы будет выделен в области предварительного просмотра диалогового окна “Сохранить как” (Save As).

6) Дать новой странице имя и заголовок, отличные от уже существующих на сайте, и затем нажать кнопку “Сохранить” (Save). Новая страница будет сохранена, после чего появится диалоговое окно “Сохранить как” (Save As) для сохранения фреймовой страницы целиком (в окне пред-варительного просмотра эту страницу будет окружать широкая синяя рамка).

7) Дать фреймовой странице имя и заголовок, отличные от уже существующих на сайте и нажать кнопку “Сохранить” (Save). Фреймовая страница будет сохранена.

Контрольные вопросы

1) Абсолютные и относительные ссылки;

2) Гиперссылки: создание, назначение;

3) Чем отличается закладка от гиперссылки;

4) Для чего нужны динамические кнопки;

5) Каким образом можно вставить фоновый звук в Web-документ;

6) Форматирование абзацев. Основные принципы;

7) Что необходимо сделать для загрузки файла используя FTP;

8) Как вставить счетчик посещений страницы.

Тесты

1) Что такое абсолютные ссылки?

а) ссылка содержит полный адрес к файлу;

б) в ссылке показан только путь к файлу(/My Webs2/format.htm);

в) например, адрес (http://www.peachpit.com/books/ K5914.htm).

2) Что такое относительные ссылки?

а) в ссылке показан полный адрес к файлу;

б) в ссылке показан только путь к файлу(/My Webs2/format.htm);

в) например, адрес (http://www.peachpit.com/books/ K5914.htm).

3) Гиперссылки: назначение?

а) ссылки могут указывать на другой документ, специальное место
данного документа;

б) выполнять некоторые функции, например запрашивать файл по
FTP-протоколу;

в) служат для выделения текста;

г) нужны для анимации текста при наведении на неё курсора мыши.

4) Чем отличаются внутренние гиперссылки от внешних?

а) внутренние гиперссылки содержат полный путь внутри сервера;

б) внутренние гиперссылки содержат полный путь к документу с
указанием конкретного участка текста через знак (#);

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

5) Для чего нужны динамические кнопки?

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

б) динамические кнопки позволяют использовать динамическое
отображение страниц.

6) Что необходимо сделать для загрузки файла, используя FTP;

а) подать заявку системному администратору;

б) создать ссылку: http://www.admin.ru/ask.ftp

в) создать ссылку: ftp://www.admin.ru/ask.zip.