Ввод и форматирование текста

⇐ ПредыдущаяСтр 11 из 13Следующая ⇒

Главная задача программы FrontPage - избавить пользователя от необходимости работать с HTML-кодировкой. Поэтому ввод и форматирование текста в FrontPage аналогично работе в любом текстовом редакторе: печатать текст, а заданное форматирование выполняется автоматически. Большинство стандартных способов работы с текстом в любом текстовом редакторе, таких как выделение, перемещение, вырезание и копирование, применимо и для программы FrontPage

В HTML-кодировке изменить шрифт слова с обычного на полужирный довольно непросто. Программа FrontPage позволяет менять стиль отображения текста так же легко, как в текстовых редакторах, следует лишь выделить текст и нажать на кнопку. Панель инструментов “Форматирование" включает все необходимые для этого инструменты. Воспользовавшись диалоговым окном Шрифт (Font), можно получить дополнительные возможности работы с текстом.

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

Рисунок 3 – Окно форматирования текста

Форматирование абзацев, списков и заголовков

Хотя рисунки очень украшают Web-сайт, однако, не они имеют решающее значение в структуре страниц. Иерархия определяется, прежде всего, такими элементами, как абзацы, списки и заголовки. В программе FrontPage легко можно конфигурировать эти элементы, в основном с помощью панели инструментов “Форматирование”. Если невозможно с помощью имеющихся настроек добиться нужного результата или нужно создать и использовать новый стиль, то следует работать со списками стилей.

Абзацы. В программе FrontPage можно менять внешний вид абзацев при помощи настроек выравнивания, отступа, интервала до и после абзаца и межстрочного интервала.

Отступы абзаца. Программа FrontPage позволяет выставлять абзацный отступ разными способами. Самый быстрый способ - использовать кнопки на панели инструментов “Форматирование". Более точные изменения требуют модификации определенных параметров в диалоговом окне “Абзац”(Paragraph).

Стиль абзаца. Самый простой способ быстро изменить " несколько параметров абзаца - это использование стиля Normal. По умолчанию в стиле Normal используется шрифт Times New Roman с одинарным отступом, выравниванием по левому краю и без отступов абзацев. Можно также применять встроенный стиль Formatted, который использует шрифт Courier и требует ручного ввода новых строк. Этот стиль выглядит не слишком красиво, но до того, как стала использоваться HTML-кодировка, он был единственным средством для выравнивания текста.

Рисунок 4 – Окно форматирования абзаца

Списки. Программа FrontPage позволяет создавать различные списки, которые можно разделить на два основных типа: ненумерованные и нумерованные. Ненумерованные списки (обычно их называют маркированными) очень удобны для отображения нескольких объектов, которые не имеют цифровой нумерации, например списка товаров. Если необходимо записать какую-либо последовательность, пользуйтесь нумерованным списком (рисунок 5).

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

Рисунок 5 – Окно создания списков

Гиперссылки

Одним из основных преимуществ при работе в Internet является возможность перехода от одного файла к другому посредством двойного щелчка мышью. Эта возможность реализована при помощи гиперссылок. Гиперссылки ( или просто ссылки) могут быть разными: ссылки на другие файлы по всей сети, ссылки на разные части открытого документа, ссылки на рисунки, ссылки, служащие для отправки электронной почты. Программа FrontPage позволяет создавать любые ссылки /3/.

Чтобы успешно работать со ссылками, необходимо различать абсолютные и относительные ссылки. В абсолютной ссылке показан полный адрес (http: //www.peachpit.com/books/ K5914.html), а в относительной - только путь к файлу (/My Webs2/format.html)

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

Параметры вставки гиперссылок. В диалоговом окне “Добавление гиперссылок” (Insert Hyperlink) можно изменять любые параметры гиперссы-лок. Чтобы открыть диалоговое окно, необходимо выбрать пункт “Вставка” => “Гиперссылка ” (Insert => Hyperlink) (Ctrl+K). По умолчанию в диалоговом окне отображается тот Web-сайт, с которым работают в данный момент (рисунок 6).

	(2)	(3)	(4) (5)

(1)			(6)

(7)

(8)

(9)

(10)

Рисунок 6 – Окно добавления гиперссылки

Добавление гиперссылки включает в себя следующие шаги:

1) Выбор типа гиперссылки. Чтобы выбрать тип гиперссылки, необходимо нажать на одну из следующих четырех кнопок в столбце ”Связать с” (Link to):

а) ссылка на уже существующий файл. Чтобы создать ссылку на файл, находящийся на компьютере, в локальной сети или Internet, необходимо нажать на кнопку “Файлом, Web – страницей” (Existing File or Web Page). При помощи кнопок списка Папка (Look in) найти нужный файл;

б) ссылка на закладку в текущем файле. Чтобы создать ссылку на закладку на активной странице, необходимо нажать на кнопку “Местом в документе” (Place in This Document).

в) ссылка на новый файл. Если требуется поместить ссылку на странице Web-сайта, которую ещё не успели создать, нажать на кнопку “Новый документ” (Create New Document). Появится диалоговое окно “Новый” (New), в котором задают обычную страницу или страницу на основе шаблона программы FrontPage;

г) ссылка на адрес электронной почты. Если требуется создать ссылку на адрес электронной почты необходимо нажать на кнопку “Электронной почтой” (E-mail Address).

2) Поиск файла. Для выбора файла, который будет связан с гиперссылкой, предназначены три кнопки: “Текущая папка” (Current Folder), “Просмотренные страницы” (Browsed Pages) и “Последние файлы” (Recent Files), а также две кнопки навигации; “Поиск в Internet” (Navigate Web using browser) и “Поиск на компьютере/в сети” (Navigate folders on local machine/network). По умолчанию активизирована кнопка “Текущая папка” (Current Folder), а содержимое текущей папки отображается в списке “Текущий файл” (Current file). После нажатия кнопки “Просмотренные страницы” (Browsed Pages) на экране появится список URL-адресов тех страниц, которые открывались в программе Internet Explorer. Отображенные страницы соответствуют содержанию папки History в Internet Explorer. После нажатия кнопки “Последние файлы” (Recent Files) на экране отобразится список всех файлов, которые недавно открывали в программе FrontPage, независимо от того, на каком Web-сайте они находятся.

3) Текст для отображения в качестве гиперссылки. По умолчанию в поле “Текст” (Text to display) содержится текст, который выбран для гиперссылки. В большинстве случаев не нужно его изменять, но можно ввести в окно новый текст и нажать на кнопку ОК, чтобы заменить существующий.

4) Поиск по Internet с помощью кнопки браузера. Запустить браузер и найти в сети нужную страницу. Затем переключиться в программу FrontPage, и адрес будет автоматически вставлен в поле “Адрес” (Address).

5) Поиск по папкам на компьютере/в локальной сети. Нажать на кнопку

“Поиск на компьютере/в сети” (Navigate folders on local machine/network), чтобы открыть любой файл на компьютере или в локальной сети. Адрес файла будет автоматически вставлен в поле “Адрес” (Address).

6) Создание всплывающей подсказки. Кнопка “Подсказка” (ScreenTip) позволяет создать маленькое текстовое сообщение, которое будет появляться в окне браузера, если поместить указатель мыши на ссылку. Однако эту подсказку увидит только посетитель сайта, использующий программу Internet Explorer версии 4 или более поздней.

7) Поиск закладки в другом файле. Если выбрать файл в списке Текущий файл (Current file), то можно при помощи кнопки “Закладка” (Bookmark) создать ссылку на закладку в другом файле, но не в текущем чтобы использовать закладку в текущем файле, нажать на кнопку “Местом в документе” (Place in This Document).

8) Изменение фрейма. Кнопку “Целевой фрейм” (Target Frame) следует применять, если Web-сайт содержит фреймы.

9) Просмотр списка текущих файлов. По умолчанию в этом списке отображаются файлы текущего Web - сайта. Если нажать на кнопку “Просмотренные файлы” (Browsed Pages) или “Последние файлы” (Recent Files), содержание списка изменится. Для просмотра всех файлов в списке необходимо пользоваться полосой прокрутки.

10) Адрес гиперссылки. FrontPage автоматически вводит в это поле адрес гиперссылки в зависимости от того, что выбрано в столбцах “Связь с” (Link to) и (Look in). Также можно ввести эту информацию, если известен URL-адрес файла. FrontPage по умолчанию начинает любой URL-адрес с http: //, поэтому если требуется создать ссылку протокола FTP для загрузки файла, необходимо вручную заменить этот адрес на ftp: //.

Закладки

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

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

Если потребуется обновить или удалить закладки на большой Web-странице, не обязательно искать их вручную - программа FrontPage позволяет найти их автоматически.

Создание закладки. Выделить текст, который нужно пометитьзакладкой, то есть тот текст, к которому при помощи закладки смогут переходить посетители сайта.

1) Выбрать пункты меню “Вставка” => “Закладка” (Insert => Bookmark) (Ctrl+G).

2) В открывшемся диалоговом окне “Закладка” (Bookmark) выделенный текст по умолчанию используется в качестве названия для закладки. При желании можно ввести другое название.

3) После ввода названия закладки нажать на кнопку ОК. Созданная закладка будет выделена подчеркиванием пунктирной линией.

Настройка цвета ссылки

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

Рисунок 7 – Редактирование фона и цвета гиперссылок

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

1) Перейти в режим просмотра страницы при помощи кнопки Page на панели видов.

2) Щелкнуть по странице правой клавишей мыши и выбрать пункт

“Свойства страницы” (Page Properties).

3) После появления диалогового окна Page Properties перейти на вкладку Фон (Background).

4) Чтобы изменить цвет ссылки необходимо нажать на одну из стрелок справа в разделе “Цвета” (Colors) и выбрать новый цвет в ниспадающем меню. Если необходимо задать произвольный цвет, нужно выбрать в ниспадающем меню пункт “Дополнительные цвета” (More Colors). В появившемся диалоговом окне “Дополнительные цвета” (More Colors) нажать на кнопку “Выбрать” (Select), выбрать цвет и нажать на кнопку ОК.

5) Чтобы использовать цвета ссылок, установленные для другой странице, после повторного появления диалогового окна “Свойства страницы” (Page Properties) необходимо поставить флажок “Получить информацию о фоне от другой страницы” (Get background information from another page), затем нажать на кнопку “Поиск” (Browse) для поиска нужной страницы. Цвета ссы-лок выбранной страницы будут автоматически применены для ссылок текущей страницы.

6) Закончив изменения, необходимо нажать на кнопку ОК. Цвета ссылок будут изменены только для текущей страницы.

Динамические кнопки

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

Рисунок 8 – Вставка компонента Web – узла

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

1) Перейти в режим просмотра страницы при помощи кнопки Page на панели видов. При этом необходимо убедиться в том, что в нижней части окна активизирована кнопка Normal.

2) Щелкнуть мышью в том месте, куда требуется добавить динамическую кнопку, и выбрать пункты “Вставка” => “Веб-компонент”

(Insert => Web Component).

3) В появившемся диалоговом окне ”Вставка компонента веб-узла”

(Insert Web Component) выбрать вариант “Динамическая кнопка” (Hover Button)

в списке “Выбрать эффект” (Choose an effect). По умолчанию в списке “Тип компонента” (Component type) будет активизирован пункт “Динамические эффекты” (Dynamic Effects). Затем нажать на кнопку “Готово” (Finish).

4) В появившемся диалоговом окне “Свойства динамической кнопки” (Hover Button Properties) указать текст, шрифт, ссылку, цвет, тип эффекта и размер будущей кнопки.

5) Нажать на кнопку ОК.

6) Чтобы увидеть, как будет действовать эффект при перемещении указателя мыши, нажать на кнопку Preview в нижней части окна.

Рисунки

Форматы Web-изображений. Существует огромное количество форматов рисунков - BMP, TIFF, TGA, EPS, RAS. Но при работе в Internet используются только два формата - GIF и JPEG. В формате GIF следует сохранять маленькие рисунки, в формате JPEG - средние и большие.

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

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

Обработку рисунков лучше всего выполнять с помощью специальной программы для работы с Web-графикой, например, Photoshop, DeBabelizer или Fireworks. Необходимо начать с удаления с рисунка всей лишней информации /4/.

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

На размер файла большое влияние оказывает количество цветов в рисунке ( обычно его называют глубиной цвета). Многие пользователи Internet работают с 8-битными мониторами, которые могут воспроизводить не более 256 цветов одновременно. И так как более 40 из этих цветов резервируются для операционной системы компьютера, формат GIF использует палитру из 216 цветов, которую обычно называют Web-палитрой. Процесс конвертирования изображения с высоким разрешением в изображение с Web-палитрой называют индексированием, или отображением рисунка. Такое название появилось потому, что цветовая информация для каждого пиксела изображения сохраняется в отдельной ячейке с индексом.

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

Не рекомендуется использовать уменьшение глубины битов для фотографий, поскольку в формате GIF фотографическое изображение выглядит очень нечетко. В таких случаях следует использовать формат JPEG, в котором применяется совершенно другой метод сжатия. С помощью программы FrontPage можно увеличивать или уменьшать размеры файлов в формате JPEG. Единственная проблема при работе с форматом JPEG-плохое качество сжатия прозрачных цветов (рисунки выглядят поврежденными).

Если после сжатия размеры рисунка все еще велики, можно попробовать воспользоваться функцией эскиза программы FrontPage.

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

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

1) Переключиться в режим просмотра страницы с помощью кнопки “Page“ на панели видов, затем щелкнуть мышью по странице в месте предполагаемой вставки рисунка.

2) Выбрать пункт из меню “Вставка” => “Рисунок” (Insert => Picture), а затем - в подменю пункт “Объект clip art” (Clip Art) или “Из файла” (From File).

3) Если выбрать пункт “Картинки” (Clip Art), то в правой части главного окна появится область задач “Вставка картинки” (Insert Clip Art). Для поиска рисунка необходимо пользоваться полем “Поиск текста” (Search text) и кнопкой

“Поиск” (Search). Щелкнуть по названию файла в области задач, и рисунок добавится в Web-страницу.

Если выбрать пункт “Из файла” (From File), появится диалоговое окно “Картинки” (Picture). Необходимо пользоваться кнопками “Папка” (Look in) или кнопками навигации, чтобы найти рисунок. Нажать на кнопку “Вставка”(Insert), чтобы поместить его на страницу.

4) Сохранить страницу вместе с новым рисунком (Ctrl+S). Если использовали рисунок, который находился не на текущем Web-сайте, появится диалоговое окно “Сохранить внедренный рисунок” (Save Embedded Files).

5) Чтобы изменить имя файла необходимо нажать на кнопку Rename. Чтобы сохранить файл по другому адресу необходимо щелкнуть по кнопке “Сменить папку” (Change Folder). Затем нажать на кнопку ОК.

6) После сохранения рисунок можно отредактировать.

Мультимедиа

Некоторое количество элементов мультимедиа может украсить Web-стра-ницу и привлечь внимание посетителя. Но следует учесть, что посетители не станут долго ждать окончания загрузки, поэтому всегда необходимо использовать индикатор загрузки FrontPage, чтобы оценить время, необходимое страницам с элементами мультимедиа для появления на экране.

FrontPage включает в себя три основных категории, с помощью которых вполне можно превратить свою Web-страницу в мультимедийную: видеозаписи (или анимации), фоновый звук страницы и Web-компоненты.

Добавление видео и анимации. Хотя технически и допускаетсяпоместить часовой учебный видеоролик на Web-сайт, имеется не так-то много достаточно быстрых сетевых каналов, чтобы работать с таким огромным файлом. Для размещения в Internet более подходят видеозаписи и анимации небольшого размера, такие как логотип с бегущей строкой или анимированные стрелки.

Для добавления видео и анимации необходимо:

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

2) Выбрать пункт из меню “Вставка” => “Рисунок” => “Фильм” (Insert => Picture => Video).

3) В появившемся диалоговом окне “Вставка фильма” (Video) показываются все файлы, находящиеся на Web-сайте. Если нужные ви-деозаписи или анимации там не отображены, то необходимо воспользоваться ниспадающими меню, значками папок или кнопками, чтобы добраться до соот-ветствующего файла.

4) После обнаружения файла необходимо возвратиться в диалоговое окно Video, нажать “Открыть” (Open), чтобы поместить видео или анимацию на Web-страницу.

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

6) Нажать “Переименовать” (Rename), чтобы изменить имя файла, и “Сменить папку” (Change Folder), чтобы сохранить этот файл в другом месте. Закончив, нажать ОК, и видео или анимация будут сохранены.

7) Как только объект вставлен и сохранен, можно настроить для него ча-стоту повторений и другие параметры.

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

1) Переключиться в режим просмотра страницы, щелкнуть правой клавишей мыши на ее свободной части и выбрать пункт “Параметры страницы”

(Page Properties) в контекстном меню.

2) В появившемся диалоговом окне “Параметры страницы” (Page Properties) выбрать вкладку “Общие” (General).

3) В разделе “Фоновый звук" (Background sound) нажать на кнопку Browse, чтобы найти нужный звуковой файл. По умолчанию здесь установлен флажок “Непрерывное воспроизведение” (Forever). Если необходимо, чтобы звуковой файл воспроизводился недолгое время можно снять этот флажок и установить число повторений в текстовом поле или с помощью списков.

4) Нажать кнопку ОК, и звук станет элементом Web-страницы. Выбрать кнопку “Предварительный просмотр” (Preview) в нижней части главного окна FrontPage, чтобы воспроизвести звуковой файл, или проверить звучание при помощи Web-браузера.

Web-компоненты

FrontPage включает более двух десятков разных мультимедийных компонентов, которые могут сделать страницы более интерактивными. Число этих Web-компонентов, один из которых был использован вами для создания средств управления воспроизведением видео, существенно пополнилось в

FrontPage 2002. Помимо компонентов, включенных в FrontPage 2000 (сменяющие друг друга баннеры, счетчики посещений страницы и прокру-чиваемые бегущие строки), версия 2002 позволяет создавать оглавления (tables of content), списки наиболее посещаемых разделов сайта, страницы с динамически обновляемой информацией и страницы, чувствительные ко времени (например, автоматическое обновление сводки биржевых котировок через заданные промежутки времени).

Однако некоторые из этих Web-компонентов требуют установки расширений FrontPage 2002 на Web-сервере. Хотя эти компоненты и предоставляют замечательные возможности, в конечном счете, они исключают из числа посетителей вашего сайта пользователей Internet, не работающих с программными продуктами Microsoft.

Вставка рекламного баннера. Чтобы осуществить вставку рекламногобаннера необходимо:

1) Переключиться в окно просмотра страницы, щелкнуть в том месте, где требуется поместить рекламный баннер, и выбрать пункт “Вставка” => “Веб-

компонент” (Insert => Web Component).

2) В списке “Тип компонента” (Component type), расположенном в левой части окна “Вставка компонента веб-узла” (Insert Web Component), выбрать пункт “Динамические эффекты” (Dynamic Effects), пункт ”Менеджер реклам-ных баннеров” (Banner Ad Manager) - в списке справа и нажать кнопку “Готово” (Finish).

3) В диалоговом окне “Свойства менеджера рекламных баннеров” (Banner Ad Manager Properties) - установить размеры изображений баннеров.

4) Используя раскрывающееся меню, выбрать Эффект перехода (Transition effect) для перехода от одного изображения к другому.

5) Определить нужную продолжительность показа (в секундах) в текстовом поле “Показывать каждый рисунок в течение...” (Show each picture for (seconds)).

6) При помощи кнопки Browse выбрать Web-страницы, на которые попадут посетители, если щелкнут по этому рекламному баннеру.

7) Используя кнопку “Добавить” (Add), найти все изображения, которые необходимо поместить в рекламный баннер. При помощи кнопок “Переместить вверх” (Move Up) и “Переместить вниз” (Move Down) уточнить порядок показа изображений.

8) Сделав выбор, нажать ОК, затем сохранить страницу (Ctrl+S).

9) FrontPage может показывать только первый кадр баннерной рекламы, поэтому необходимо запустить Web-браузер, чтобы просмотреть воспроизведение всего баннера.

Добавление счетчика посещений страницы. Для того, чтобы добавитьсчетчик посещений страницы необходимо:

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

2) Выбрать пункты “Вставка” => “Веб-компонент” (Insert => Web Com- ponent).

3) В появившемся диалоговом окне “Вставка компонента веб-узла” (Insert Web Component) выделить пункт “Счетчик посещений” (Hit Counter) в расположенном слева списке “Тип компонента” (Component type), выбрать стиль оформления нового объекта в списке справа и нажать на кнопку “Готово” (Finish).

4) В появившемся диалоговом окне “Свойства счетчика посещений” (Hit Counter Properties) установить флажок “Установить счетчик на” (Reset counter to) и ввести в текстовое поле число, если требуется, чтобы счетчик запускался с этим конкретным числом.

5) Установить флажок “Ограниченный размер счетчика" (Fixed number of digits), чтобы счетчик обнулялся при достижении 10, 100, 1000 и т.п.

6) Сделав необходимые настройки, нажать на кнопку ОК. Условный значок счетчика появится на странице, но сам счетчик будет отображаться только после опубликования сайта в Internet.

Вставка бегущей строки. Для того, чтобы осуществить вставку бегущейстроки необходимо:

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

2) Выбрать пункты меню “Вставка” => “Веб-компонент” (Insert => Web Component).

3) В появившемся диалоговом окне “Вставка компонента веб-узла” (Insert Web Component) выбрать пункт “Динамические эффекты” (Dynamic Effects) в расположенном слева списке “Тип компонента” (Component type), затем пункт “Бегущая строка” (Marquee) - в списке справа и нажать на кнопку “Готово” (Finish).

4) В открывшемся диалоговом окне Свойства бегущей строки (Marquee Properties) ввести текст, который необходимо видеть в виде бегущей строки; настроить направление движения текста, скорость, специальные эффекты и выравнивание, размер, частоту повторений и цвет фона.

5) Выполнив необходимые настройки, нажать на кнопку ОК и сохранить страницу (Ctrl+S). Бегущая строка будет помещена на Web-страницу.

6) Чтобы посмотреть, как выглядит бегущая строка, и определить, нужна ли дальнейшая настройка, выбрать в строке состояния FrontPages вкладку Pre-view.

Таблицы

Благодаря форме, удобной для быстрого просмотра, таблицы значительно облегчают восприятие связного текста или изображений. Кроме того, таблицы можно очень красиво оформить, используя различные рамки и яркие цвета. Главное преимущество использования таблиц состоит в том, что независимо от типа и версии своего браузера посетители увидят все примененные при их создании эффекты. Именно поэтому так много коммерческих 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.4 Контрольные вопросы

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

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

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

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

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

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

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

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

Лабораторная работа №8

⇐ Предыдущая 4 5 6 7 8 9 101112 13 Следующая ⇒