Компьютерные науки - Учебники на русском языке - Скачать бесплатно

Моноширинный жирный шрифт.
Сообщение программы. Моноширинный шрифт.
Ну очень важные участки. Жирный шрифт. HTML HTML
Web-дизайн 269 270 Web-дизайн
Замена переменной на число. Курсив.
Физические стили Гипертекстовый документ может быть оформлен с ис-
пользованием следующих стилей:
Полужирный
Курсив
Моноширинный

Специальные символы

Символы, которые не могут быть введены в текст документа непос-
редственно через клавиатуру называются специальными символами. Для таких
символов существуют особые тэги.
Четыре символа -- знак меньше <, знак больше >, амперсанд & и двойные
кавычки " имеют специальное значение внутри HTML и следовательно не мо-
гут быть использованы в тексте в своем обычном значении.
Скобки используются для обозначения начала и конца HTML тэгов, а ам-
персанд используется для обозначения так называемой escape-последова-
тельности. Для использования одного из этих символов введите одну из
следующих escape- последовательностей:
< Знак меньше.
> Знак больше.
& Амперсанд. " Кавычки.

Принудительный перевод строки

Тэг
переводит только одну строку, то есть без дополнительного
пробела.

Горизонтальные разделители

Тэг

формирует горизонтальную линию по всей ширине окна.

Встроенные изображения

Вы можете встраивать в ваш документ картинки. Синтаксис встроенной
картинки следующий:



Здесь image_URL есть указатель на файл картинки, синтаксис которого
совпадает с синтаксисом ссылки HTML. HTML HTML
Web-дизайн 271 272 Web-дизайн ВАЖНО!
Escape-последовательности чуствительны к регистру.

Звуковоспроизведение

Для того, чтобы вставить в вашу страничку звуковой файл, например,
midi-файл, используйте следующую конструкцию:

BORDER="0" AUTOSTART=TRUE>
Это одна строка.
В этом тэге были использованы следующие параметры:
WIDTH Параметр, определяющий ширину midi-плеера.
HEIGHT Параметр, определяющий высоту midi-плеера.
BORDER Ширина рамки midi-плеера.
AUTOSTART Запустить midi-плеер сразу после того, как загрузится доку-
мент HTML.

Распределение ссылок по картинке

Используя технологию распределения ссылок по картинке, вы можете,
например, создать графическое меню из одной большой картинки таким обра-
зом, чтобы каждый элемент системы меню содержал определенный URL.
Распределение ссылок по картинке описывается в тэге IMG следующим па-
раметром:



Здесь аргумент USEMAP задает расположение схемы распределения
map_name в URL. Если URL не указан, то поиск схемы map_name ведется в
текущем документе.
Код схемы может выглядеть так:
Закончить описание схемы распределения ссылок по картинке.

Общий шлюзовой интерфейс и формы HTML

Общий шлюзовой интерфейс (Common Gateway Interface) позволяет рабо-
тать с данными сервера Web в интерактивном режиме. Сервер Web через CGI
запускает поисковую программу и пересылает обработанные данные назад.
Сама программа CGI хранится в каталоге CGI-BIN. Это означает, что файл
из каталога CGI-BIN всегда исполняемый файл. Если CGI- программа, напри-
мер, взаимодействует с системой управления базой данных, то пользователь
может получать некоторую интересующую его информацию в интерактивном ре-
жиме.
Это тривиально, но факт: CGI-программы создаются посредством CGI. Код
программы пишется, как правило, на языке описания сценариев Perl. Perl
является интерпретируемым языком, интерпретатор которого соответствует
операционной системе.
Передача данных от сервера к программе CGI осуществляется сервером
через командную строку и переменные окружения.
Таким образом, сервер через общий шлюзовой интерфейс запускает прог-
рамму CGI и пересылает ей вводимые пользователем данные. Сами данные
вводятся через так называемые формы HTML. Форма представляет собой ги-
пертекстовую страницу с одним или несколькими полями данных и специ-
альной кнопкой для передачи введенной информации.
Как и код любого гипертекстового документа, код формы начинается с
тэга FORM ACTION = /SGI-BIN/EXAMPLE.PL и заканчивается тэгом /FORM.
ACTION Аргумент ACTION -- это URL программы CGI, то есть
/SGI-BIN/EXAMPLE.PL.
METHOD Метод, используемый для запроса данных.
Этот параметр задает режим передачи данных из формы в программу CGI.
Основные режимы передачи -- GET, HEAD и POST. Программа CGI должна
поддерживать один из этих режимов, иначе обработки данных не произойдет.
В режиме GET данные входят через URL в строку запроса. Например, если
программа обработки данных BOB.PL лежит в каталоге CGI-BIN, то запрос
HTML пойдет на сервер через ACTION следующим образом:

FORM ACTION=/CGI-BIN/BOB.PL METHOD=GET

Теперь сервер знает, где находится программа BOB.PL, поэтому он ее
запустит в режиме GET.
Программы CGI получают данные от переменных окружения и посылают вы-
ходные данные через общий шлюзовой интерфейс обратно пользователю. Нап-
ример, после ввода тэга A HREF=BOB.HTML на сервер пойдет запрос GET
/BOB.HTML. Заголовок GET определяет получение документа BOB.HTML в кор-
невом каталоге сервера. HTML HTML
Web-дизайн 275 276 Web-дизайн
Относительно аргумента POST.
CGI реализован в программах, поддерживающих Unix и некоторые приложе-
ния Windows. CGI для Windows реализуется лишь в том случае, если сервер
Web способен декодировать данные тех форм HTML, которые пересылаются в
режиме POST. Это можно сделать двумя способами:
URL-Encoded. Данные формы пересылаются на сервер в виде HTML.
Multipart Form Data. Данные формы пересылаются на сервер в виде
MIME-сообщения.
INPUT TYPE=TEXT Поместить в форму текстовое поле данных.
-AME=NAME Определить имя текстового поля данных NAME.
MXLENGTH=NUMBER Размер текстового поля данных. Вместо NUMBER вы може-
те ввести целое число.
RADIO Определить кнопку переключения.
-AME=PRODTYPE Определить логическое поле PRODTYPE.
INPUT TYPE=CHECKBOX Определить флажок для протокола передачи.
ACCEPT Метод, используемый для интерпретации пересылаемых файлов.
Файлы могут пересылаться в виде ASCII или HTML. Количество заголовков
ACCEPT соответствует типам данных MIME (Multipurpose Internet Mail
Extensions). Заголовок ACCEPT: TYPE/SUB-TYPE {parameters} пересылается
как значение параметра ACCEPT. Каждый тип данных имеет собственный пара-
метр ACCEPT. HTML HTML
Web-дизайн 277 278 Web-дизайн

Создание web-страниц в Microsoft FrontPage Express

Microsoft FrontPage Express один из тех редакторов Web- страниц, ко-
торые не требуют от вас знаний основ HTML. Забудьте о программировании!
Просто размечайте и оформляйте!
В законченной среде разработки Web в режиме непосредственного отобра-
жения вы можете профессионально создавать web-документы и даже организо-
вывать небольшие web- сервера.
В Microsoft FrontPage Express вы можете подготавливать к публикации в
Internet web-страницы, используя JavaScript, VB Script, ActiveX и даже
выборки к вашим базам данных. Кроме этого, в Microsoft FrontPage Express
встроены весьма неплохие графические эффекты, которые оживят ваш дизайн.
Вы можете управлять созданным в среде Microsoft FrontPage Express
web-сервером из локальной сети или используя удаленный доступ к основно-
му компьютеру.
Забудьте о контроле за ложными ссылками! В Microsoft FrontPage
Express встроено средство, позволяющее автоматически фиксировать подоб-
ные ссылки.
Вы можете:
- создавать и сохранять web-страницы
- сохранять web-страницы непосредственно в Web
- загружать из Internet и редактировать web-страницы
- использовать в оформлении вашей web-страницы подложки
- просматривать и администрировать web-страницы
- создавать сложный дизайн web-страниц n использовать готовые теги
HTML
- использовать готовые изображения из комплекта поставки программы
- использовать компоненты WebBot для придания вашей web-страничке ди-
намики
- использовать в оформлении web-страниц элементы управления ActiveX
Если вы хотите стать профессионалом в области дизайна web-страниц,
вам необходимо освоить некоторые специальные HTML-редакторы с полной
поддержкой тэгов HTML.

Интерфейс пользователя

Microsoft FrontPage Express считается одним из лучших средств подго-
товки документов для их публикации Web. Вы просто создаете web-страницу
в том виде, в каком она будет выглядеть в окне обозревателя. Создание
web-страниц в Microsoft FrontPage Express Создание web-страниц в
Microsoft FrontPage Express
Web-дизайн 279 280 Web-дизайн Microsoft FrontPage Express
Ниже приведено краткое описание набора средств, с помощью которого вы
можете взаимодействовать с редактором web-страниц Microsoft FrontPage
Express.
С помощью стрелок полос прокрутки или посредством клавиш PgUp и PgDn
вы можете перемещать текущую страницу в вертикальном или горизонтальном
направлении.
Вверху экрана находятся панели инструментов, с помощью которых вы мо-
жете быстро выполнить то или иное действие.
Доступ к командам редактора осуществляется через щелчок мышью на со-
ответвующем имени меню.

Команды меню

В редакторе гипертекстовых документов Microsoft FrontPage Express все
наборы команд и опций, использующиеся в процессе работы с Internet со-
держатся в:
- меню Файл
- меню Правка
- меню Вид
- меню Переход
- меню Вставка
- меню Формат
- меню Сервис
- меню Таблица
- меню Окно
- меню Справка Панели инструментов
Редактор Microsoft FrontPage Express содержит три панели инструмен-
тов. Каждая кнопка той или иной панели соответствует команде меню.

Панель форматирования

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

Панель редактирования

С помощью Панели редактирования вы можете:
- создавать, открывать и сохранять web-страницы
- выводить на печать и предварительно просматривать web-публикации
перед выводом на печать
- выполнять операции копирования и вставки
- создавать или изменять ссылки
- вставлять компоненты WebBot, изображения, горизонтальные строки и
таблицы Создание web-страниц в Microsoft FrontPage Express Создание
web-страниц в Microsoft FrontPage Express
Web-дизайн 281 282 Web-дизайн Панели инструментов Microsoft FrontPage
Express
Панель форматирования Microsoft FrontPage Express
- показывать или скрывать метки параграфа
- возвратиться на одну страницу назад
- перейти на одну страницу вперед
- вызвать справочную систему редактора Microsoft FrontPage Express
- прервать загрузку текущей страницы

Панель форм

С помощь Панели форм вы можете создать поле формы из:
- однострочного текстового поля
- прокручиваемого текстового поля
- флажка
- кнопки-переключателя
- простой кнопки

Всплывающее меню

Всплывающее меню позволяет более удобно обратиться к той или иной ко-
манде. Просто поместите курсор на интересующий элемент вашего документа
и нажмите правую кнопку мыши.
С помощью элементов всплывающего меню вы можете выполнять следующие
команды и функции: n Вырезать (выполнить операцию удаления элемента и
помещения его в буфер промежуточного хранения)
- Копировать (поместить элемент в буфер промежуточного хранения)
- Вставить (вставить элемент из буфера промежуточного хранения)
- Свойства страницы (обратиться к диалоговому окну свойств Свойства
страницы)
- Свойства таблицы (обратиться к диалоговому окну свойств Свойства
таблицы)
- Свойства ячейки (обратиться к диалоговому окну Свойства ячейки)
- Свойства абзаца (обратиться к диалоговому окну Свойства абзаца)
- Свойства шрифта (обратиться к диалоговому окну Шрифт)
- Свойства изображения (обратиться к диалоговому окну свойств
Свойства изображения)
- Проверка достоверности поля формы (обратиться к диалоговому окну
Проверка достоверности текстового поля)
- Свойства поля формы (обратиться к диалоговому окну Свойства прокру-
чиваемого текстового поля)
- Свойства компонента WebBot (обратиться к диалоговому окну Свойства
компонента WebBot) Создание web-страниц в Microsoft FrontPage Express
Создание web-страниц в Microsoft FrontPage Express
Web-дизайн 283 284 Web-дизайн Панель редактирования Microsoft
FrontPage Express
Панель форм Microsoft FrontPage Express Всплывающее меню Microsoft
FrontPage Express

Буксировка

Вы можете перемещать один или несколько элементов вашего документа из
одного окна программы в другое, или между элементами основного окна
программы, или из Проводника. Просто выделите тот или иной элемент и от-
буксируйте его в нужное место редактируемого документа. При буксировке
файлов изображений Microsoft FrontPage Express автоматически преобразует
файлы формата BMP в формат JPEG.

Создание новой web-страницы

Создание новой web-страницы осуществляется через выбор команды Соз-
дать в меню Файл (вы также можете выбрать эту команду через комбинацию
клавиш Ctrl+N). В появившемся диалоговом окне Новая страница просто вы-
берите из списка Шаблон или мастер параметр Нормальная страница.
Вы можете также создать web-страницу с помощью Мастера личной основ-
ной страницы или Мастера страниц форм. Для этого выберите из списка Шаб-
лон или мастер небходимый параметр и далее следуйте указаниям Мастера
страниц. Сохранение web-страницы
Сохранение web-страницы осуществляется через выбор команды Сохранить
в меню Файл (вы также можете выбрать эту команду через комбинацию клавиш
Ctrl+S). В появившемся диалоговом окне введите название страницы. Если
же вы хотите сохранить страницу в виде файла, нажмите кнопку Как файл и
в появившемся диалоговом окне укажите имя файла вашего документа HTML.
Если вы хотите сохранить страницу прямо в Web, определите ее местопо-
ложение.

Открытие файла

Выбранная команда Файл к к Открыть открывает доступ к диалоговому ок-
ну Открыть файл, с помощью которого можно загрузить в программу:
- файлы HTML
- файлы HTML после предварительной обработки
- текстовые файлы
- шаблоны гипертекста
- документы Microsoft Word 6.0, Microsoft Word 95 и Microsoft Word 97
Создание web-страниц в Microsoft FrontPage Express Создание web-страниц
в Microsoft FrontPage Express
Web-дизайн 285 286 Web-дизайн Создание новой web-страницы Сохранение
web-страницы
- документы текстового процессора Windows Write
- документы WordPerfect 5.x и WordPerfect 6.x
- книги Microsoft Excel
Чтобы открыть файл нужно выбрать его имя из списка и нажать кнопку
Открыть.

Выход из программы

Выйти из редактора Microsoft FrontPage Express можно, выбрав команду
меню Файл к к Выход. Если документ, находящийся на экране был изменен,
то Microsoft FrontPage Express выведет запрос о том, сохранять ли вне-
сенные изменения. В качестве ответа можно воспользоваться кнопкой Да,
Нет или Отмена.

Редактирование текста web-страницы

Microsoft FrontPage Express позволяет редактировать также, как вы это
делаете в текстовых процессорах Windows.
Ввод текста осуществляется через щелчок левой клавишей мыши в том
месте вашего документа, где вы хотите ввести текст. Помните, что четыре
символа -знак меньше (<), знак больше (>), амперсанд (&) и двойные ка-
вычки (") имеют специальное значение внутри HTML и следовательно не мо-
гут быть использованы в тексте вашего документа в своем обычном значе-
нии.

Отмена и восстановление выполненной команды

Отмена выполненной команды осуществляется через выбор команды Отме-
нить в меню Правка.
Microsoft FrontPage Express позволяет отменить только последнее вы-
полненное действие. Например, если удален текст, а затем набран новый,
то нельзя отменить удаление текста.
Выбранная команда Правка к к Восстановить восстанавливает последнее
отмененное действие.

Выделение слова

Если вы хотите выбрать слово, дважды щелкните по нему левой клавишей
мыши.

Выделение строки

Выделение строки осуществляется простым щелчком левой клавишей мыши
при нажатой клавише Alt в любом месте строки.

Выделение параграфа

Выделение параграфа осуществляется простым щелчком левой клавишей мы-
ши при нажатых клавишах Alt и Ctrl в любом месте параграфа. Создание
web-страниц в Microsoft FrontPage Express Создание web-страниц в
Microsoft FrontPage Express
Web-дизайн 287 288 Web-дизайн Открытие файла в Microsoft FrontPage
Express

Выделение всех элементов вашего документа

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

Отображение абзацных меток

Отображение абзацных меток осуществляется через выбор команды Маркеры
форматов в меню Вид.

Операции вырезания, копирования и вставки

Выбранная команда Правка к к Вырезать удаляет активный элемент из до-
кумента Microsoft FrontPage Express и помещает его в буфер промежуточно-
го хранения. Вы можете удалить из документа и поместить в буфер обмена
любой выбранный текстовой или графический элемент как Microsoft
FrontPage Express, так и приложения Windows.
Команда Файл к к Скопировать используется для вставки активного эле-
мента в буфер промежуточного хранения. Вы можете поместить в буфер обме-
на любой выбранный текстовой или графический элемент как Microsoft
FrontPage Express так и приложения Windows.
Выбранная команда Правка к к Вставить помещает копию элемента из бу-
фера промежуточного хранения в документ Microsoft FrontPage Express.
Вы можете поместить в документ Microsoft FrontPage Express текстовой
или графический элемент из любого приложения Windows. Поиск и замена
текста
Выбранная команда Правка к к Заменить открывает доступ к встроенному
в Microsoft FrontPage Express инструменту редактирования, который ис-
пользуется для поиска и замены символов (включая прописные и строчные
буквы), целых слов или частей слов.
Поиск и замена спецсимволов осуществляется так же, как поиск и замена
простого текста -- достаточно ввести в поля данных Образец или Заменить
на ключевые комбинации для специальных символов или ANSI (ASCII) коды
символов.

Вывод на печать

Выбранная команда Файл к к Напечатать открывает доступ к диалоговому
окну Печать, с помощью которого можно выбрать принтер для печати текуще-
го документа, установить параметры работы этого принтера и вывести на
печать текущий документ. Создание web-страниц в Microsoft FrontPage
Express Создание web-страниц в Microsoft FrontPage Express
Web-дизайн 289 290 Web-дизайн Поиск и замена символов
С помощью этого диалогового окна вы можете распечатать текущую
web-страницу

Оперирование открытыми окнами

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

Доступ к системе оперативной подсказки

С помощью команд меню Справка можно получить доступ к системе опера-
тивной подсказки редактора web-страниц Microsoft FrontPage Express.

Стили форматирования

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

(без информации о гарни-
туре шрифта и его кегле).

Физические стили

Физические стили или стили оформления параграфов доступны через Па-
нель форматирования или через команду Абзац меню Формат.
Вы можете оформить доступным физическим стилем не только выбранный
абзац, но и несколько выделенных абзацев.
К каждому из этих стилей вы можете применить выравнивание по центру,
по левому или по правому краю. Для этого в меню Формат выберите команду
Абзац и в появившемся диалоговом окне Свойства абзаца обратитесь к спис-
ку Выравнивание абзаца.
Просто определите точку вставки и выберите необходимый стиль абзаца
из списка следующих стилей: Создание web-страниц в Microsoft FrontPage
Express Создание web-страниц в Microsoft FrontPage Express
Web-дизайн 291 292 Web-дизайн Стили оформления параграфов
Адрес Подпись автора web-страницы. Обычно располагается в конце доку-
мента.
Заголовки с 1 по 6 уровень Разделение текста документа на разделы,
каждый из которых оформлен текстом определенного размера.
Маркированый список Список, оформленный маркерами.
Обычный Стиль абзаца по умолчанию.
Список определений Оформление глоссариев или других списков.
Нумерованный список Иерархия с использованием цифр.
Список каталогов Специальный стиль для оформления списков файлов или
каталогов.
Список меню Специальный стиль для оформления небольших параграфов.
Форматированный Специальный стиль для оформления листингов программ и
другой технической документации.
Логические стили Microsoft FrontPage Express поддерживает следующие
типы логических стилей: n Полужирный
- Курсивный
- Полужирный курсив
- Машинописный шрифт
- Верхний индекс
- Нижний индекс
- Подчеркнутый
- Зачеркнутый
Вы можете оформить доступным логическим стилем не только выбранный
символ, но и несколько выделенных символов. Просто выделите текст, обра-
титесь к диалоговому окну Шрифт (доступ: Формат к к Шрифт) и выберите
необходимый атрибут шрифта.

Раскрашивание текста

Вы можете оформить цветом не только выбранный символ, но и несколько
выделенных символов. Просто выделите текст, обратитесь к диалоговому ок-
ну Шрифт (доступ: Формат к к
Шрифт) и выберите из списка Цвет понравившийся вам цвет шрифта. Соз-
дание web-страниц в Microsoft FrontPage Express Создание web-страниц в
Microsoft FrontPage Express
Web-дизайн 293 294 Web-дизайн Логические стили оформления

Многоплатформенные шрифты

В принципе с помощью Microsoft FrontPage Express вы можете оформлять
свои web-страницы всеми доступными шрифтами вашей системы. С другой сто-
роны, если вы хотите, чтобы вашу страницу могли просмотривать пользова-
тели других операционных систем, вы должны использовать в оформлении так
называемые многоплатформенные шрифты. К ним относятся следующие шрифты:
- Arial
- Courier
- Times

Горизонтальные линии

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

Просмотр и правка исходного кода HTML

Microsoft FrontPage Express позволяет вам просмотреть текст исходного
кода HTML и, в случае необходимости, произвести редактирование. Для это-
го выберите из меню Вид команду HTML.

Вставка в документ тэгов HTML

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

Дизайн web-страниц с помощью таблиц

Мощнейшее средство HTML -- таблицы -- позволяют создавать достаточно
сложный дизайн web-страницы, например, вы можете расположить текст ваше-
го документа в нескольких колонках.
Для того, чтобы разместить в вашем документе таблицу, определите точ-
ку вставки и обратитесь к диалоговому окну Добавить таблицу через коман-
ду Вставить таблицу меню Таблица.
Опции диалогового окна Добавить таблицу позволяют:
Размер строки Указать количество строк таблицы.
Размер колонки Указать количество колонок таблицы.
Выравнивание Определить тип выравнивания элементов таблицы. Создание
web-страниц в Microsoft FrontPage Express Создание web-страниц в
Microsoft FrontPage Express
Web-дизайн 295 296 Web-дизайн С помощью этого диалогового окна вы мо-
жете вставить в ваш документ любой тэг HTML, включая Java Script
Размер рамки Определить размер линий границ ячеек в пикселах (до 100
пикселей). Если размер рамки будет иметь нулевое значение, то линия гра-
ницы таблицы отобразится пунктирами, а при просмотре документа в обозре-
вателе станет невидимой.
Промежуток между столбцами Определить расстояние между столбцами в
пикселах.
Ширина Указать ширину таблицы в пикселах или в процентах от ширины
основного окна соответствующего обозревателя.
Независимо от того или иного обозревателя, таблица, ширина которой
определена в пикселах, будет иметь постоянный размер.
Таблица, ширина которой определена в процентах, будет подстраиваться
к тому или иному обозревателю.
Дополнительно Обратиться к диалоговому окну Дополнительные атрибуты,
с помощью которого можно вставить в таблицу тэг HTML или сценарий Java.
Как добавить в таблицу строку или столбец
В созданную таблицу вы можете добавить строку или столбец. Для этого
выберите в таблице место вставки и обратитесь к диалоговому окну Вста-
вить строки или столбцы (доступ: Таблица к к Вставить строки или столб-
цы).
Совет: Ничто вам не мешает вставить таблицу в другую таблицу. Этим
часто пользуются опытные дизайнеры web- страниц.

Как добавить в таблицу ячейку

В созданную таблицу вы можете добавить ячейку. Для этого выберите в
таблице место вставки и дайте команду Вставить ячейку (доступ: Таблица к
к Вставить ячейку). Создание web-страниц в Microsoft FrontPage Express
Создание web-страниц в Microsoft FrontPage Express
Web-дизайн 297 298 Web-дизайн Диалоговое окно Добавить таблицу С по-
мощью этого диалогового окна вы можете вставить в таблицу любой тэг
HTML, включая Java Script

Как выделить таблицу

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

Как разбить ячейку на столбцы или строки

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

Свойства таблицы

Cозданной таблице вы можете назначить те или иные свойства (ширина
линии границы, поля и отступы ячеек, ширина, цвет). Для этого в меню
Таблица выберите команду Свойства таблицы и обратитесь к диалоговому ок-
ну Свойства таблицы.
Опции диалогового окна Свойства таблицы позволяют: Выравнивание Опре-
делить тип выравнивания элементов таблицы.
Размер рамки Определить размер линий границ ячеек в пикселах (до 100
пикселей). Если размер рамки будет иметь нулевое значение, то линия гра-
ницы таблицы отобразится пунктирами, а при просмотре документа в обозре-
вателе станет невидимой.
Заполнение ячеек Определить максимальный размер заполнения ячейки в
пикселах (до 100 пикселей).
Промежуток между столбцами Определить расстояние между столбцами в
пикселах.
Ширина Указать ширину таблицы в пикселах или в процентах от ширины
основного окна соответствующего обозревателя. Независимо от того или
иного обозревателя, таблица, ширина которой определена в пикселах будет
иметь постоянный размер. Таблица, ширина которой определена в процентах
будет подстраиваться к тому или иному обозревателю. Создание web-страниц
в Microsoft FrontPage Express Создание web-страниц в Microsoft FrontPage
Express
Web-дизайн 299 300 Web-дизайн Диалоговое окно Разбить ячейки Свойства
таблицы
Специальный фон Использовать в качестве фона таблицы картинку. Просто
выберите флажок Использовать фоновое изображение и нажмите кнопку Обзор
для поиска файла картинки в форматах GIF, JPG, BMP, TIF, WMF, RAS, EPS,
PCX или TGA.
Цвет фона Раскрасить подложку таблицы.
Дополнительные цвета В этом разделе вы можете определить цвет для
рамки вашей таблицы. Если вы выберите только параметр Граница, т.е. па-
раметры Светлая и Темная рамка останутся используемыми по умолчанию, то
через ниспадающий список цветов можно присвоить цвет всей рамке вашей
таблице.
Имеющие приоритет параметры Светлая и Темная рамка позволяют присво-
ить цвет верхней и нижней рамкам таблицы.

Манипулирование ячейками таблицы

Вы можете назначить те или иные свойства не всей таблице, а только ее
ячейкам. Для этого в меню Таблица выберите команду Свойства ячейки и об-
ратитесь к диалоговому окну Свойства ячейки.
Опции диалогового окна Свойства ячейки позволяют:
Выравнивание по горизонтали Определить горизонтальную выключку эле-
ментов таблицы (по горизонтали, влево и вправо).
Вертикальное выравнивание Определить вертикальную выключку элементов
таблицы (сверху, снизу и посередине). Ячейка с заголовком Присвоить выб-
ранной ячейке таблицы заголовок.
Без разбиения Не допускать переноса текста ячейки на следующую стро-
ку.
Минимальная ширина Указать минимальную ширину ячейки в пикселах или в
процентах от ширины таблицы. Ячейка, ширина которой определена в процен-
тах, будет подстраиваться к тому или иному обозревателю.
Специальный фон Использовать в качестве фона ячейки картинку. Просто
выберите флажок Использовать фоновое изображение и нажмите кнопку Обзор
для поиска файла картинки в форматах GIF, JPG, BMP, TIF, WMF, RAS, EPS,
PCX или TGA.
Цвет фона Раскрасить подложку ячейки. Создание web-страниц в
Microsoft FrontPage Express Создание web-страниц в Microsoft FrontPage
Express
Web-дизайн 301 302 Web-дизайн Свойства ячейки
Дополнительные цвета В этом разделе вы можете определить цвет для
рамки ячейки. Если вы выберите только параметр Граница, т.е. параметры
Светлая и Темная рамка останутся используемыми по умолчанию, то через
ниспадающий список цветов можно присвоить цвет всей рамке ячейки.
Имеющие приоритет параметры Светлая и Темная рамка позволяют присво-
ить цвет верхней и нижней рамкам ячейки.

Дизайн web-страниц с использованием графики

Редактор web-страниц Microsoft FrontPage Express поддерживает графи-
ческие изображения двумя форматами GIF (CompuServe Graphics Interchange
Format Расширение .GIF) и JPEG (Joint Photographic Experts Group Расши-
рение .JPG). Это означает, что любой файл формата BMP, TIF, WMF, RAS,
EPS, PCX и TGA при вставке в рабочую среду Microsoft FrontPage Express
будет преобразован в GIF-картинку.
Несколько слов о форматах GIF и JPEG. GIF-формат хорош тем, что он
маленький и имеет всего 256 цветов. Формат JPEG используется только для
картинок, имеющих более 256 цветов. С другой стороны, вы можете создать
JPEG-файл с потерей качества, но без потери количества цветов, это может
значительно уменьшить размер файла. Поэтому, если вы хотите иметь хоро-
шую картинку, просто преобразуйте ее в формат JPG.
Вы можете поместить в Microsoft FrontPage Express изображение пос-
редством выбора из меню Вставка команды Изображение.
Изображение Microsoft FrontPage Express может быть помещено в любое
место вашего документа, определенное точкой вставки. Просто поместите
точку вставки в нужное место, выберите через диалоговое окно Изображение
(доступ: Вставка к к Изображение) имя графического файла и нажмите кноп-
ку OK.
Вы можете помещать в документ Microsoft FrontPage Express только
растровые (двоичные отображения) картинки. Растровые картинки строятся
из отдельных точек и хранятся в виде групп точек, а экран представляется
в виде прямоугольного массива точек, компьютеру указывается цвет каждого
элемента изображения.
Если документ с помещенной картинкой был сохранен, а затем картинка
подверглась редактированию в какой-либо программе, то Microsoft
FrontPage Express не внесет эти изменения в ваш документ.
Если вы переместите файл изображения в другую папку, то само изобра-
жение не отобразится в вашем документе. Помните, что ваше изображение
должно храниться в том же каталоге, в каком находится файл исходного до-
кумента.
Если формат графического файла не поддерживается программой, то стоит
попытаться вставить картинку в Microsoft FrontPage Express из буфера об-
мена, или открыть картинку в исходном приложении, или сохранить ее в
другом формате. Если же файл загружается в исходное приложение, но неп-
равильно отображает картинку, то необходимо записать файл Создание
web-страниц в Microsoft FrontPage Express Создание web-страниц в
Microsoft FrontPage Express
Web-дизайн 303 304 Web-дизайн Вкладка Изображение
в другом графическом формате или распрощаться с этим файлом раз и
навсегда.
При импортировании картинки в Microsoft FrontPage Express размер фай-
ла документа практически не увеличивается.

Библиотека рисунков Microsoft FrontPage Express

С помощью вкладки Картинки диалогового окна Изображение вы можете
воспользоваться библиотекой рисунков Microsoft FrontPage Express.

Альтернативное отображение картинок

Microsoft FrontPage Express отображает изображения посредством заме-
няющего текста и так называемой превью- картинки. Превью-картинка имеет
низкое разрешение (при загрузке исходного изображения сначало проявится
изображение с низким разрешением), а заменяющий текст используется при
просмотре web-страниц в текстовом режиме. Чтобы отобразить картинку пос-
редством заменяющего текста, выберите ее, обратитесь к вкладке Общие ди-
алогового окна Свойства изображения (доступ: Правка к к Свойства изобра-
жения) и в поле данных Текст введите информацию, тем или иным образом
описывающую вашу картинку.
Чтобы отобразить картинку посредством превью-картинки, выберите ее,
обратитесь к вкладке Общие диалогового окна Свойства изображения (дос-
туп: Правка к к Свойства изображения) и с помощью кнопки Обзор раздела
Другие представления выберите картинку с низким разрешением.

Как присвоить изображению ссылку

Вы можете присвоить помещенной в рабочую среду Microsoft FrontPage
Express картинке любую ссылку. Для этого выберите картинку, обратитесь к
вкладке Общие диалогового окна Свойства изображения (доступ: Правка к к
Свойства изображения) и с помощью кнопки Обзор раздела Ссылка по умолча-
нию выберите документ HTML, на который должен быть сделан переход. Соз-
дание web-страниц в Microsoft FrontPage Express Создание web-страниц в
Microsoft FrontPage Express
Web-дизайн 305 306 Web-дизайн СОВЕТ
Мультипликационные изображения или так называемые анимированные
GIFкартинки можно создать с помощью инструмента GIFMake, который дожида-
ется вас на http://www.fastlane.net/~samiel. Общие свойства изображения

Позиционирование изображений

Вы можете позиционировать изображениями, помещенными в рабочую среду
Microsoft FrontPage Express. Для этого выберите изображение и обратитесь
к вкладке Внешний вид диалогового окна Свойства изображения (доступ:
Правка к к
Свойства изображения к к Внешний вид).
С помощью ниспадающего списка Выравнивание укажите тип позиционирова-
ния вашего изображения относительно страницы.
С помощью опции Интервал по горизонтали вы можете сместить выбранное
изображение относительно страницы по горизонтали. Параметр смещения од-
новременно воздействует на правую и левую части выбранного изображения.
С помощью опции Интервал по вертикали вы можете сместить выбранное
изображение относительно страницы по вертикали. Параметр смещения однов-
ременно воздействует на верхнюю и нижнюю части выбранного изображения.
Основные свойства web-страницы
Свойства созданной страницы представлены диалоговым окном Свойства
страницы (доступ: Файл к к Свойства страницы).
Папка Укажите путь к папке, в которой хранятся все файлы вашей
web-страницы.
Заголовок Текст, который вы впишите в это поле данных отобразится в
заголовке окна обозревателя. Практически все поисковые машины Internet
начинают сканирование web- страниц с заголовка.

Как озвучить web-страницу

Вы можете озвучить вашу web-страницу, просто поместив в нее файлы
звуков WAV, AIFF, AU MIDI. Для этого определите точку вставки и обрати-
тесь к разделу Фоновый звук вкладки Общие диалогового окна Свойства
страницы (доступ: Файл к к Свойства страницы).
С помощью кнопки Обзор выберите звуковой файл на вашем диске. Если вы
хотите, чтобы ваш звук все время играл в Создание web-страниц в
Microsoft FrontPage Express Создание web-страниц в Microsoft FrontPage
Express
Web-дизайн 307 308 Web-дизайн Позиционирование изображениями в среде
Microsoft FrontPage Express Общие свойства созданной web-страницы
окне обозревателя, поставьте флажок Непрерывно. Если же вы хотите,
чтобы ваш звук воспроизводился в течение определенного цикла, снимите
флажок Непрерывно и укажите количество циклов воспроизведения с помощью
счетчика Цикл.

Кодирование web-страниц

С помощью Microsoft FrontPage Express вы можете изменить кодировку
символов web-страницы. Для этого обратитесь к разделу Кодировка HTML
вкладки Общие диалогового окна Свойства страницы (доступ: Файл к к
Свойства страницы).
Отображение русских букв зависит от вашей кодировки. Поэтому для то-
го, чтобы в обозревателе нормально отображались русские буквы, вам необ-
ходимо установить в систему многоязыковую поддержку и шрифты с соот-
ветствующей кодировкой, например KOI8. Как правило, при pаботе в Windows
98 для кириллизации используется кодиpовка CP1251, а на непонятных
компьютерах с UNIX -- кодиpовка KOI-8.
Стандарт KOI8 является кириллической кодовой таблицей, позволяющей
вам обмениваться некоторыми сообщениями электронной почты и просматри-
вать web-страницы. Для того, чтобы Windows 98 понимала KOI8, необходимо
установить многоязыковую поддержку и шрифты с кодировкой KOI8.
Помните, что российские серверы Web поддерживают русский язык либо
через кодовую страницу 1251 (Windows 95), либо через таблицу КОИ-8
(Unix).

Как присвоить цвет или фон вашей web-странице

Вы можете указать цвет фона для вашего документа HTML. Для этого об-
ратитесь к вкладке Фон вид диалогового окна Свойства страницы (доступ:
Файл к к Свойства страницы), поставьте флажок Фоновое изображение и с
помощью кнопки Обзор выберите файл изображения, который будет использо-
ваться в качестве фона.
Вы можете указать дополнительный цвет фона для текущего документа.
Для этого обратитесь к вкладке Фон диалогового окна Свойства страницы
(доступ: Файл к к Свойства страницы) и выберите из наспадающего списка
Фон понравившийся вам цвет. Создание web-страниц в Microsoft FrontPage
Express Создание web-страниц в Microsoft FrontPage Express
Web-дизайн 309 310 Web-дизайн СОВЕТ
В Internet существуют огромные библиотеки звуковых эффектов. Поищите
их, например, на http://www.cis.ohio-state.edu/hyper- text/faq/usenet/
или http://audio- fmts/top.html или
http://www.eecs.nwu.edu/~jmyers/othersounds.html.
С помощью этой вкладки вы можете указать цвет фона для вашего доку-
мента HTML

Как присвоить цвет тексту и ссылкам

Вы можете присвоить цвет любому выделенному фрагменту текста, а также
гиперссылке, просмотренной и активной ссылкам. Для этого обратитесь к
вкладке Фон диалогового окна Свойства страницы (доступ: Файл к к
Свойства страницы) и выберите из наспадающего списка Текст цвет для вы-
деленного фрагмента текста.
Цвет ссылки вы можете изменить с помощью ниспадающих списков Гиперс-
сылка, Просмотренная ссылка и Активная ссылка.

Мета-тэги

С помощью вкладки Специальный диалогового окна Свойства страницы
(доступ: Файл к к Свойства страницы) вы можете включить в ваш документ
HTML дополнительную информацию, которая не отобразится в окне обозрева-
теля, но помогает той или иной поисковой машине Internet более легко об-
наружить вашу web-страницу.
Речь идет о так называемых мета-тэгах. Используя мета- тэги вы можете
включить в свой документ, например, ключевые слова и короткое описание
вашей web-странички: