Создание Web-страниц

Размещено на http://www.allbest.ru/

Создание Web-страниц

Методические указания к лабораторному практикуму по ПМ 02. Участие в разработке информационных систем

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

Содержание

Введение

1. Лабораторная работа №1

1.1 Цель работы

1.2 Порядок выполнения работы

1.3 Методические указания

1.3.1 Рекомендации по планированию Web-сайта

1.3.2 Главное окно программы Microsoft SharePoint Designer

1.3.3 Главное меню программы Microsoft SharePoint Designer

1.3.4 Создание, открытие, сохранение и закрытие Web-страницы

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

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

1.3.7 Гиперссылки

1.3.8 Закладки

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

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

1.3.11 Рисунки

1.3.12 Мультимедиа

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

1.3.14 Таблицы

1.3.15 Фреймы

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

1.5 Тесты

2. Лабораторная работа №2

2.1 Цель работы

2.2 Порядок выполнения работы

2.3 Методические указания

2.3.1 Общие положения языка HTML

2.3.2 Структура HTML-документа

2.3.3 Форматирование текста

2.3.4 Специальные тэги HTML

2.3.5 Ссылки

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

2.5 Тесты

3. Лабораторная работа №3

3.1 Цель работы

3.2 Порядок выполнения работы

3.3 Методические указания

3.3.1 Метаданные

3.3.2 Фреймы

3.3.3 FTP

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

3.5 Тесты

4. Лабораторная работа №4

4.1 Цель работы

4.2 Порядок выполнения работы

4.3 Методические указания

4.3.1 Мультимедиа

4.3.2 Графика и анимация

4.3.3 Таблицы

4.3.4 Списки

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

4.5 Тесты

5. Лабораторная работа №5

5.1 Цель работы

5.2 Порядок выполнения работы

5.3 Методические указания

5.3.1 Карты - изображения

5.3.2 Формы

5.3.3 CGI

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

5.5 Тесты

Приложения

Список использованных источников

Введение

Данные методические указания посвящены основам Web-технологий. В их рамках рассматриваются вопросы создания Web-страниц как с помощью языка гипертекстовой разметки HTML, так и с помощью приложения Microsoft SharePoint Designer- автоматизированного средства создания Web-страниц. Этот профессиональный конструктор позволяет создавать сайты, а также настраивать и поддерживать их на Web-серверах. Так первая лабораторная работа полностью посвящена изучению работы приложения Microsoft SharePoint Designer 2013, в то время как остальные посвящены изучению языка гипертекстовой разметки HTML.

Целью данных методических указаний - дать представление об основах Web-технологий и научить студентов создавать и опубликовывать в сети Internet свои собственные статические и динамические Web-сайты.

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

1. Лабораторная работа №1

Использование Microsoft Microsoft SharePoint Designer для создания HTML-страниц

1.1 Цель работы

Ознакомление с программой Microsoft SharePoint Designer. Изучение интерфейса, основных возможностей программы. Создание при помощи данной программы своей Web-страницы. Запись созданной страницы с помощью службы FTP на сервер.

1.2 Порядок выполнения работы

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

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

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

Добавить ещё несколько абзацев на страницу. Произвести форматирование абзацев, используя окно «Абзац». Преобразовать два последних абзаца в списки, используя окно форматирования списков.

Добавить заголовок в начало вашей страницы, отформатировать его как заголовок. Сделать ещё один подзаголовок на странице и отформатировать его, сделав более мелким.

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

Использовать на странице динамические кнопки.

Добавить к тексту на странице несколько рисунков, видео и анимацию, фоновый звук.

Вставить счетчик посещений страницы и бегущую строку.

Использовать технологии фреймов. Разбить Web-страницу на фреймы как показано ниже.

11) Разбить один из фреймов разбить таблицей на несколько строк и столбцов, например как показано ниже.

Использовать формы и таблицы для организации гостевой книги, или для регистрации какой-либо информации.

Созданную Web-страницу закачать при помощи службы FTP на FTP-сервер.

К сдаче лабораторной предоставляются: работающая страница на сервере с комментариями каждого тэга и его свойств (атрибутов) в исходнике.

1.3 Методические указания

Программа Microsoft SharePoint Designer 2013 предназначена для быстрого создания Web-сайтов. Ее приобретение - отдельно или в комплекте с пакетами программ Microsoft Office Professional или Developer - избавит от сложностей построения сайтов с использованием языка HTML (Hyper-Text Markup Language), основного языка программирования среды Web. В данной программе предстоит работать только с несложным меню и набором команд, которые схожи с другими командами из программ Microsoft Office, таких как Word, Excel и PowerPoint.

Используя Microsoft SharePoint Designer, можно создавать общую структуру Web-сайтов, формировать страницы, добавлять интерактивные средства и эффекты мультимедиа и, наконец, размещать готовые сайты в Internet, загружая файлы на Web-сервер. Программы Office распознают язык HTML так же легко, как и свои собственные форматы, поэтому с помощью Microsoft SharePoint Designer можно добавлять документы Office напрямую в новые Web-страницы.

Инструменты и функции программы Microsoft SharePoint Designer позволяют достаточно быстро построить сайт любой сложности и разместить его в сети Internet или в локальных корпоративных сетях intranet.

1.3.1 Рекомендации по планированию Web-сайта

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

Сайты, которые состоят из тысячи разветвлений, сразу вызывают у посетителей смущение и непонимание.

Беспорядок может быть различным. Встречаются Web-сайты, демонстрирующие неприятное явление, которое можно охарактеризовать как «ложный вход». Вместо ожидаемой домашней страницы со ссылками на продукцию или на сотрудников компании можно видеть огромный красивый рисунок или многослойную анимацию/2/.

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

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

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

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

1.3.2 Главное окно программы Microsoft SharePoint Designer

Главное окно программы по умолчанию открывается в обычном режиме (рисунок 1). Оно отличается от аналогичного окна в MS Office тем, что содержит вкладки выбора страниц (2), панель видов (4), кнопки режимов просмотра (5), в строке статуса индикатор процесса загрузки (6), приблизительное время загрузки (7).

Главное окно программы Microsoft SharePoint Designer включает в себя:

Название сайта, Web - страницы, набор вкладок страницы. Название сайта задаются при его создании. Аналогично присваивается название и странице.

Выбор станицы. Чтобы осуществить выбор страницы необходимо выделить страницу, чтоб отобразить её в главном окне.

Рисунок 1 - Главное окно программы Microsoft SharePoint Designer

Строка поиска раздела справки Microsoft SharePoint Designer. Чтобы найти справку по любой теме необходимо ввести в строку поиска вопрос или ключевое слово и нажать на клавишу Enter, появится список ответов и тем. Необходимо щелкнуть по выбранной теме, чтобы получить по ней подробную информацию.

Панель видов. По умолчанию Microsoft SharePoint Designer открывается в режиме просмотра страницы. Чтобы переключиться в другой режим необходимо нажать на одну из оставшихся пяти кнопок. Режим просмотра папок “Папки” (Folders) используется для работы с файлами и папками, режим просмотра сообщений “Отчеты” (Reports) - для доступа к файлам, ссылкам и рисункам открытого Web-сайта, режим навигации “Переходы” (Navigation) - для просмотра и редактирования структуры сайтов, режим просмотра гиперссылок “Гиперссылки” (Hyperlinks) - для просмотра ссылок на любые Web-страницы, режим просмотра задач “Задачи” (Tasks) - для просмотра, создания и редактирования списка задач для сайта.

Режимы просмотра страниц. По умолчанию Microsoft SharePoint Designer открывается в обычном режиме, в котором можно редактировать открытую Web-страницу. Для просмотра или редактирования кодировки страницы необходимо нажать на кнопку HTML (Просмотр HTML-кодировки). Чтобы увидеть, как страница будет выглядеть в Web-браузере - нажать на кнопку “Предварительный просмотр” (Preview). Не обязательно при этом запускать Internet Explorer. Если на компьютере не установлена эта программа, то кнопка Preview будет скрытой.

Индикатор процесса загрузки. Эта кнопка активизируется, когда Microsoft SharePoint Designer открывает какую либо Web-страницу. После открытия всех файлов Web-страницы данная функция отключается.

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

1.3.3 Главное меню программы Microsoft SharePoint Designer

Меню, которые расположены в верхней части главного окна Microsoft SharePoint Designer, остаются неизменными независимо от любых действий. Однако некоторые меню, например “Frames” (Фреймы), могут использоваться только при условии, что происходит работа с Web-страницами, на которых есть фреймы (рисунок 2).

Меню Файл (File) - при помощи команд в меню “Файл” можно выполнять различные действия: создавать, открывать, закрывать, сохранять, размещать и импортировать Web-страницы или сайты. Меню File также позволяет задавать настройки печати, изменять общие установки программы Microsoft SharePoint Designer и выходить из программы.

Меню Правка (Edit) - большинство команд в меню “Правка” работают так же, как в других программах, за исключением пятого раздела меню. В нем можно задавать параметры проверки Check In/Check Out system, которые позволят избежать конфликтов версий файлов в том случае, если с Web-сайтом работает несколько пользователей.

Меню Вид (View) - большинство команд в меню “Вид” повторяют те команды, которые выполняются при помощи кнопок на панели видов. Пункт меню Toolbars (Панели инструментов) позволяет включить или выключить любую из 12 панелей инструментов Microsoft SharePoint Designer.

Меню Вставка (Insert) - меню предназначено для вставки в Web-страницы любой информации от разрывов строк, дат и гиперссылок до команд Java или компонентов Office XP или Office 2000, например диаграмм и таблиц.

Меню Формат (Format) - при помощи команд в меню “Формат” можно изменять внешний вид текста, адреса HTML, а также так называемые темы Microsoft SharePoint Designer, определяющие общий дизайн вашего Web-сайта.

Меню Сервис (Tools) - в меню “Сервис” позволяет изменять многие из настроек программы Microsoft SharePoint Designer. Оно также предоставляет доступ к словарю и тезаурусу программы Microsoft SharePoint Designer.

Меню Таблица (Table) - в меню “Таблица” находятся команды, необходимые для добавления таблиц в страницу или изменения расположения строк или столбцов.

Меню Рамки (Frames) - позволяет работать с командами в меню “Рамки” можно только в том случае, если открыта Web-страница, в состав которой входят HTML-фреймы. Страницы с фреймами создаются при помощи команды “Создать страницу” (New Page) или клавиш Ctrl+N.

Меню Окно (Window) - программа Microsoft SharePoint Designer позволяет одновременно открывать несколько Web-страниц и сайтов. Меню Window служит для быстрого переключения от одного окна к другому. Также можно это делать при помощи вкладок страниц в главном окне Microsoft SharePoint Designer.

Меню Справка (Help) - это меню имеется в любой программе Windows. Оно предоставляет доступ к системе справочной информации программы Microsoft SharePoint Designer.

Файл Правка Вид Вставка Формат Сервис ^Таблица Рамки Окно Справка

Рисунок 2 - Главное меню программы Microsoft SharePoint Designer

1.3.4 Создание, открытие, сохранение и закрытие Web-страницы

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

1) Создание новой пустой Web-страницы.

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

б) Если выбрать команды меню “Файл” => “Страница или веб-узел” (File => New => Page or Web), то справа в главном окне программы появится область задач. Щелкнуть по гиперссылке “Пустая страница”(Blank Page) - чтобы создать пустую страницу. После щелчка по кнопке “Новая страница” (New Page) на первом шаге сразу появится пустая страница.

2) Открытие существующей Web-страницы.

а) Выбрать команду из меню “Файл” => “Открыть” (File => Open) или щелкнуть мышью по кнопке “Открыть” (Open), или нажать клавиши Ctrl+O.

б) После появления диалогового окна “Открыть файл” (Open File) необходимо перейти к тому файлу, который нужно открыть и выполнить двойной щелчок мышью, либо ввести его имя в поле “Имя” (File Name) и нажать на кнопку “Открыть” (Open).

в) В главном окне программы Microsoft SharePoint Designer будет открыта выбранная страница.

3) Сохранение Web-страницы

а) Выбрать команду из меню “Файл” => “Сохранить как” (File => SaveAs).

б) После появления диалогового окна “Сохранить как” (Save As), щелкнуть по кнопке перехода, чтобы перейти в директорию, в которой следует сохранить страницу.

в) В диалоговом окне “Сохранить как” (Save As) нажать на кнопку “Изменить” (Change), чтобы задать название страницы. Когда появится диалоговое окно “Указать заголовок страницы” (Set Page Title), ввести то название, которое Web-браузеры будут показывать как заголовок страницы, и нажать на кнопку ОК.

г) По умолчанию имя файла будет основано на первой строке текста в файле. Чтобы назвать файл по-другому, можно задать другое имя в текстовом поле “Имя” (File Name). Ввести после названия файла расширение .html, затем нажать на кнопку “Сохранить” (Save). Файл будет сохранен с этим названием.

4) Сохранение Web-страницы под другим именем.

а) Выбрать команду из меню “Файл” => “Сохранить как” (File => SaveAs).

б) После появления диалогового окна “Сохранить как” (Save As) перейти в директорию, где следует сохранить файл, затем нажать на кнопку “Сохранить” (Save), чтобы дать странице новое имя. После появления диалогового окна (Set Page Title) ввести название страницы, которое будет отображаться в браузере, и нажать на кнопку ОК.

в) Ввести имя файла в поле “Имя файла” (File Name) и нажать на кнопку “Сохранить” (Save). Файл будет сохранен под новым именем.

5) Закрытие Web-страницы.

После сохранения страницы выбрать команду из меню “Файл” => “Закрыть” (File => Close) (Ctrl+F4) или щелкнуть по кнопке с крестиком в верхнем правом углу страницы. Закроется только Web-страница, а программа Microsoft SharePoint Designer будет работать по-прежнему, и можно будет открыть другую страницу или работать над решением других задач.

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

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

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

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

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

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

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

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

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

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

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

Рисунок 5 - Окно создания списков Заголовки помогают посетителям сориентироваться на Web-сайте.

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

1.3.7 Гиперссылки

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

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

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

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



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

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

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

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

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

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

г) ссылка на адрес электронной почты. Если требуется создать ссылкуна адрес электронной почты необходимо нажать на кнопку “Электронной почтой” (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) на экране отобразится список всех файлов, которые недавно открывали в программе Microsoft SharePoint Designer, независимо от того, на каком Web-сайте они находятся.

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

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

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

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

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

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

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

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

1.3.8 Закладки

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

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

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

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

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

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

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

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

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

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

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

Щелкнуть по странице правой клавишей мыши и выбрать пункт “Свойства страницы” (Page Properties).

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

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

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

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

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

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



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

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

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

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

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

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

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

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

1.3.11 Рисунки

Форматы 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, в котором применяется совершенно другой метод сжатия. С помощью программы Microsoft SharePoint Designer можно увеличивать или уменьшать размеры файлов в формате JPEG. Единственная проблема при работе с форматом JPEG-плохое качество сжатия прозрачных цветов (рисунки выглядят поврежденными).

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

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

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

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

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

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

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

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

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

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

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

1.3.12 Мультимедиа

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6) Чтобы посмотреть, как выглядит бегущая строка, и определить, нужна
ли дальнейшая настройка, выбрать в строке состояния Microsoft SharePoint Designers вкладку Preview.

1.3.14 Таблицы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.3.15 Фреймы

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

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

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

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

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

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

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

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