FrontPage 2003

41

полностью совпадает с окном Создание стиля и служит для изменения описания выделенного селектора. В случае изменения стиля для тэга из списка Тэги HTML, этот селектор тэга переносится в список Пользовательские стили.

стилевые настройки шрифта.

Абзац… – открывает диалоговое окно Абзац, которое позволяет установить абзацные отступы (слева и справа) от окна браузера, отступ для первой строки, настроить интервалы между строками и абзацами, настроить интервалы между словами в абзацах;

Граница… – открывает диалоговое окно Границы и заливка, с помощью которого можно установить границу для выделенного абзаца, залить абзац каким-либо

42

цветом; Нумерация… – открывает диалоговое окно Список, с помощью которого можно

создать нумерованные, маркированные и другие списки; Положение… – открывает диалоговое окно Положение, с помощью которого

можно точно разместить различные элементы на странице.

Поле Образец (3) показывает, как будет выглядеть объект, к которому будет применен созданный стиль.

В поле Описание (4) выводится текстовое описание атрибутов данного стиля.

Выпадающее меню Тип стиля (5) активно в случае создания селектора класса. При выборе типа Знак, в начало имени селектора добавляется слово span.

необходимо настраивать для каждой

web-страницы.

Рисунок 5.43 – Окно Изменение стиля

5.4.3. Внешние таблицы стилей.

В этом случае для определения стилей CSS отводится отдельный файл, на который будут ссылаться web-страницы. Такой подход:

обеспечивается централизованное управление стилями CSS на всех web-страницах

43

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

уменьшается суммарный размер web-сайта;

увеличивается скорость загр узки web-страниц.

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

Выполнить команду Файл→Создать и выбрать команду Другие шаблоны страниц…

(1) из области задач Создание.

В открывшемся диалоговом окне Шаблоны страниц, выбрать вкладку Таблицы стилей (2), на которой показаны шаблоны таблиц стилей, входящие в состав FrontPage

2003.

Для самостоятельного создания таблицы стилей выбрать шаблон Обычная таблица стилей (3) и щелкнуть по кнопке OK.

2

3

1

Рисунок 5.44 – Создание внешнего файла стилей

Полученную страницу с расширением .css необходимо сохранить (команда Файл→Сохранить) в одну из папок web-сайта с именем заданным обязательно

латинскими буквами и расширением .css.

Создать описание для селекторов тэгов и селекторов классов, используя команду Формат→Стиль…, которая открывает диалоговое окно Стиль (рис.5.40), описанное в предыдущем разделе.

Созданную таблицу стилей нужно связать со страницами web-сайта. Для этого необходимо.

Выполнить команду Формат→Связи с таблицами стилей… .

44

Воткрывшемся диалоговом окне Связать с

содержащего каскадные таблицы стилей, из списка используемых таблиц стилей; кнопки Вниз (5), Вверх (6) позволяют регулировать порядок присоединения файлов

с таблицами каскадных стилей к web-страницам (если используется несколько таблиц каскадных стилей);

кнопка Изменить (7) открывает выделенный в окне Адрес URL: (8) css-файл для редактирования.

Нажать кнопку OK.

К выделенным объектам селекторы применяются по-разному:

селекторы тегов применяются автоматически после выбора соответствующих команд;

селекторы классов применяются:

путем выбора их из числа прочих стилей в выпадающем списке Стиль (рис.5.42) на панели инструментов Форматирование:

путем выбора из выпадающего окна Класс: диалогового окна Изменение стиля

(рис.5.43), которое открывается кнопкой Стиль… из различных диалоговых окнах

(например: Свойства рисунка, Свойства таблицы, Свойства ячейки, Список,

Разрыв, Свойства горизонтальной линии).

5.5. Фреймы (кадры) в приложении FrontPage 2003.

Фреймы - средство для разделения окна браузера на несколько областей

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

47

Еще один вариант использования фреймов – вставка в обычную web-страницу встроенного фрейма (рамки) (рис.5.48) командой Вставка→Встроенная рамка. В

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

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

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

рамок (2) позволяет щелчком левой кнопки мыши выбрать фрейм для загрузки нового объекта. В списке Общие объекты (3) возможен выбор следующих вариантов: Страница по умолчанию (загрузка в тот фрейм, который определен по умолчанию), Та же рамка (загрузка в тот же фрейм, откуда организовывалась гиперссылка), Страница целиком

(загрузка в то же окно с удалением фреймовой структуры), Новое окно (загрузка в новое окно браузера), Родительская рамка (загрузка в старший родительский фрейм), Имена встроенных фреймов (I1) (загрузка во встроенную рамку).

5.6. Формы в приложении FrontPage 2003.

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

48

В приложении FrontPage 2003 поддерживаются различные обработчики форм, располагаемые на web-серверах, работающих под управлением FrontPage Server

Extensions (серверные расширения Microsoft FrontPage - набор программ и сценариев, поддерживающих создание страниц в Microsoft FrontPage и расширяющих функциональные возможности веб-сервера), SharePoint Team Services версия 1.0 (Microsoft) или Microsoft Windows SharePoint Services 2.0. Эти обработчики принимают результаты форм и производят над ними различные действия. В приложении FrontPage

поддерживаются также сценарии, например ISAPI, NSAPI, CGI и ASP.

Если web-сайт будет опубликован на каком-либо другом web-сервере, то обработчики форм необходимо разрабатывать самостоятельно с использованием языков программирования.

Существуют три способа создания формы в MS FrontPage 2003.

1)Добавление пустой формы с кнопками Отправить и Сброс, командой

Вставка→Форма→Форма.

2)Вставка первого поля формы командой Вставка→Форма→Поле формы. Область формы с кнопками Отправить и Сброс добавляется автоматически.

3)Выбор и использование доступного шаблона формы или мастера страницы форм с помощью следующих действий.

В области задач Создание страницы (команда Файл→Создать) нужно выбрать

команду Другие шаблоны страниц… и вкладку Общие.

Выбор одного из шаблонов Гостевая книга, Регистрационная форма, Страница поиска, Форма обратной связи позволяет создать новую web-страницу с типовой формой.

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

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

Для задания свойств формы нужно установит курсор внутри формы, и выполнить команду Вставка→Форма→Свойства формы… или щелкнуть правой кнопкой мыши в область формы и выбрать команду контекстного меню Свойства формы…. В результате открывается диалоговое окно Свойства формы (1 рис.5.50), в котором устанавливаются различные параметры формы.

Секция Сохранение результатов (2) определяет конечный сценарий обработки данных формы. В случае использования собственных сценариев необходимо установить переключатель в другом месте (3) и из списка выбрать Настраиваемый сценарий….

используются для ввода одной или нескольких строк текста, например комментария.

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

Поле отправки файла (3) – служит для отправки файла на web-сервер в указанную папку web-сайта, состоит из поля для ввода имени файла и кнопки обзор, которая позволяет открыть диалоговое окно Выбор файла. Параметры поля (имя, ширина в знаках) устанавливаются в диалоговом окне Свойства поля отправки файла.

Флажок (4) – служит для организации выбора элемента, пользователь может установить или снять флажок по своему усмотрению. Параметры поля (имя, значение, начальное состояние) устанавливаются в диалоговом окне Свойства флажка.

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

Раскрывающийся список (6) – служит для организации выбора из раскрывающегося списка одного или нескольких вариантов. Заполнение поля (кнопки Добавить…, Изменить…, Удалить, Вверх, Вниз) и его параметры (имя, высота в строках,

разрешение выбора нескольких элементов) устанавливаются в диалоговом окне

Свойства раскрывающегося списка. При заполнение поля (кнопки Добавить…,

Изменить…) открывается дополнительное диалоговое окно Добавление или

Изменение варианта. В этом окне задается название варианта (поле Вариант:),

значение, которое будет передано при отправке формы в случае выбора этого варианта