Microsoft FrontPage Editor

Ещё одно общедоступное средство создания HTML-документов. Безусловно, более мощное, чем Netscape Composer, хотя и без особых изысков. Создаваемые во FrontPage гипертексты тяжеловаты, зато HTML-код не так пестрит ошибками. Врезультате творение, созданное во FrontPage, грузится помедленнее, хотя и оказывается более понятным с точки зрения любого браузера.

 

На мой взгляд, основное удобство программы FrontPage заключается в абсолютном взаимопонимании с главным текстовым редактором от Microsoft, программой Word. FrontPage легко и безошибочно распознаёт тексты (не только TXT, но и RTF, DOC, и т.д.), картнки и таблицы. В отличие от Netscape Composer, он не требует отказа от стилей, перевода документа в формат TXT, а лишь затем открытия в HTML-редакторе. Достаточно просто открыть уже однажды созданный документ Word в редакторе FrontPage: File > Open > Тип файлов: Word 97 (*.doc) > найти нужный DOC-файл > OK. И всё. Во вновь созданный HTML-файл перенесены (даже с частичным сохранением стилей) и текст, и картинки, и таблицы. Удобно, не правда ли?

 

Но мы забежали немного вперёд. Давайте сначала получше присмотримся к программе FrontPage.

Интерфейс

 

Внешне FrontPage напоминает привычный Word. Начнём, как обычно, с кнопочек. Их чуть больше двадцати. Перечислим их, слева направо.

Внимание! Название кнопочки всплывает после подведения к ней маркера мыши.

 

New - открывает новый документ (чистая страница).

 

Open - позволяет открыть уже созданный документ (форматы htm, html, txt, rtf, doc и др.).

 

Save - сохраняет созданный вами файл (форматы htm, html, htt, htx и asp).

 

Print - распечатывает данный гипертекстовый документ.

 

Preview in Browser - позволяет взглянуть на то, как будет выглядеть ваше произведение в окне браузера Microsoft Internet Explorer.

 

Check Spelling - проверка орфографии (язык - английский, в русской версии - русский).

 

Cut - вырезает выделенный кусок и помещает на временное хранение в буфер памяти.

 

Copy - копирует выделенный кусок в буфер памяти.

 

Paste - достаёт информацию, размещённую на временноле хранение в буфере памяти.

 

Undo - отменяет последнее действие.

 

Redo - возвращает к последнему действию (отмена отмены).

 

Show FrontPage Explorer - запускает программу формирования топографии сайта.

 

Insert FrontPage Component - устанавливает дополнительные компоненты (комментарии, счётчики и проч.)

 

Insert Table - запускает генератор таблиц.

 

Insert Image - прицепляет картинку к гипертексту (форматы gif, jpg, tif, bmp, eps и т.д.).

 

Create or Edit Hyperlink - создаёт ссылку (линк) на выделенном фрагменте гипертекста.

 

Back - позволяет вернуться к предыдущему документу.

 

Forward - позволяет перейти к следующему документу.

 

Refresh - перезагружает данный документ.

 

Stop - останавливает загрузку документа.

 

Show/Hide - позволяет видеть разметку строк.

 

Help - вызывает маркер подсказчика. В дальнейшем вы можете подвести этот маркер к любой из кнопок и по левому клику получить описание функций данной кнопки.

 

Внимание! В нижней части экрана есть три дополнительные кнопки: Normal, HTML и Preview. При создании документа во FrontPage Editor по умолчанию вы работаете в режиме текстового редактора (Normal). Одним кликом на HTML можно просмотреть в удобном многоцветном режиме HTML-код создаваемого документа (в отличие от Netscape Composer в этом окне можно редактировать HTML-код). Preview позволяет увидеть, как выглядит созданный документ в реальном окне браузера Internet Explorer.

 

Создание текста

 

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

 

 

Всё привычно: выбор стиля, шрифта, кегля, цвета, направления выравнивания и пр. Единственное неудобство: невозможность выбрать сразу размер кегля (приходится действовать методом "последовательных итераций", то есть изменять размер пошагово).

Если уже после завершения набора текста у вас возникнет необходимость в более точном выборе шрифта и его размера, можно выделить мышью необходимый участок текста, сделать правый клик мышью, выбрать Font Properties (левый клик) и произвести необходимые изменения в окне настройки. FrontPage постарается подобрать шрифт, наиболее близкий к заказанному вами. И не обижайтесь, если вместо требуемого шрифта Comic Sans MS для русского текста будет предложен рядовой Arial, это означает только одно: для русских текстов выбранного вами шрифта просто не существует.

 

 

Изменения кодировки во FrontPage просто не существует. По умолчанию, вы создаёте русский текст в Windows-1251. Что же до перевода текста из традиционных форматов (doc, rtf, txt) в гипертекст (htm, html), то для FrontPage эта процедура настолько проста (см. выше), что отдельного комментария не требует.

 

 

Создание текста с картинками

 

 

Хотите добавить к тексту картинку? Кликните на кнопку Insert Image (или выберите Insert > Image в командном меню). Найдите файл с нужной картинкой, отметьте его и смело жмите на ОК.

 

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

 

В полной версии FrontPage существует возможность редактирования картинок (проверьте, отмечена ли строка View > Image Toolbar). Для того, чтобы вызвать к жизни редактор картинок, достаточно отметить левым кликом нужную картинку. После этого в нижней части рабочего экрана станет активной панель с кнопками для работы с изображением.

 

 

Давайте познакомимся с новыми кнопочками (как обычно, слева направо).

 

Select - выделение всей картинки (опция, установленная по умолчанию).

 

Rectangle - выделение прямоугольного участка картинки.

 

Circle - выделение округлого участка картинки.

 

Polygon - выделение произвольного участка картинки (отрезками от точки к точке).

 

Highlight Hotspots - очерчивание зоны, внутри которой находится картинка.

 

Text - позволяет впечатать произвольный текст поверх картинки.

 

Make Transparent - делает прозрачными все элементы картинки указанного цвета.

 

Crop - позволяет вырезать участок картинки.

 

Washout - полное осветление картинки (наподобие водяного знака).

 

Black and White - переход к "серым тонам" (все оттенки серого - не совсем чёрное и белое).

 

Restore - возвращает к первоначальному состоянию.

 

Rotate Left - повернуть на левый бок.

 

Rotate Right - повернуть на правый бок.

 

Reverse - зеркальный поворот.

 

Flip - поворот с "ног на голову".

 

More Contrast - делает изображение более контрастным.

 

Less Contrast - менее контрастным.

 

More Brihtness - делает изображение более светлым.

 

Less Brihtness - менее светлым.

 

Bevel - сажает картинку в рамку.

 

Resample - восстановление первоначального размера картинки.

 

Как правило, веб-мастера для работы с картинкой используют Photoshop или другие серьёзные графические редакторы. Однако, для начала, встроенной во FrontPage графической программы вполне достаточно.

 

Внимание! Не забывайте, что стандартные форматы в Web - jpg и gif, стандартная резолюция 72 dpi, для jpg желательно выбирать средний <4> уровень качества, а для gif строчность interlaced.

 

Для раскрашивания "обоев" (background) во FrontPage необходимо сделать правый клик мышью в любой точке окна создаваемого документа, выбрать Page Properties, а затем Background. С помощью кнопки Browse можно выделить файл (обычно это gif-файл), который будет использован в качестве элемента "обоев" (Background Image). "Обои" можно сделать и "стандартными" (Get Background and Colors from Page).

 

 

 

Создание линков

 

Для того, чтобы поставить линк (ссылку) на элемент текста или картинку, достаточно выделить нужный объект и кликнуть на кнопку (Create or Edit Hyperlink) или выбрать последовательность операций из командного меню Insert > Hyperlink.

 

 

Далее, в строке URL необходимо указать адрес, на который будет осуществляться переход из данной точки документа (например, http://www.finkel.da.ru для Web или mailto:letaet@usa.net для электронной почты). Справа находятся четыре кнопки, призванные облегчить ваш труд по указанию адреса перехода: поиск адреса в Сети или на вашем компьютере с помощью Internet Explorer, поиск файла на вашем компьютере посредством Windows Explorer, создание ссылки на адрес электронной почты (можно не писать "mailto:") или указание ссылки на новый документ.

 

Если вы желаете, чтобы страница, на которую делается ссылка, всегда открывалась в новом окне, кликните на кнопку и выберите среди "общих целей" (Common Targets) "новое окно" (New Window), затем нажмите на OK.

 

При необходимости указать ссылку на место внутри данного документа, во FrontPage удобнее всего перейти в HTML-редактор (внизу, кнопка HTML) и добавить в код два элемента: в месте, с которого делается переход, <a HREF = "#имя_метки">, в месте, на которое делается переход, <a NAME = "имя_метки">. Имя метки указывается латинскими буквами.

 

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

 

Ссылка на произвольную метку в любом Web-документе будет выглядеть так: http://адрес_страницы#имя_метки (например, http://www.geocities.com/Paris/Parc/9320/bookmark.htm#new).

 

 

Таблицы

 

Создавать таблицы во FrontPage можно, по крайней мере, тремя способами.

1) Кликнуть на кнопку , выбрать количество столбцов и строк в таблиц. Изменять стили таблицы в дальнейшем можно будет по сценарию: правый клик на таблице > Table Properties.

 

 

2) Выбрать в командном меню Table > Insert Table. В этом случае основные стили таблицы определяются вами сразу.

 

 

3) Наиболее творческие личности предпочитают путь Table > Draw Table. В этом случае вы можете проривовывать элементы таблицы вручную, плюс в ваше распоряжение предоставляется весьма солидный арсенал средств (размещённый на отдельной панели).

 

 

Эту панель можно вызвать к жизни и другим способом: View > Table Toolbar.

 

Безусловно, работать с таблицами во FrontPage Editor значительно удобнее, чем в Netscape Composer.

Да и не только с таблицами. Однако, если уж вы выбрали FrontPage Editor в качестве основного редактора для ваших Web-документов, не забывайте просматривать как выглядят создаваемые вами страницы не только в Microsoft Internet Explorer, но и в Netscape Navigator.

 

 

Дополнительные рекомендации

 

Если вы создаёте страницу на русском языке, не забудьте установить по умолчанию русскую (Cyrillic) кодировку страницы: правый клик > Page Properties > Language.

 

 

Тем, кому показалось, что информация о FrontPage, предоставленная выше, недостаточна, рекомендуем почитать дополнительную литературу на эту тему.