Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Орлов Л.В., Web-сайт без секретов

.pdf
Скачиваний:
41
Добавлен:
29.03.2016
Размер:
996.78 Кб
Скачать

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

217

 

 

 

панели инструментов Редактора. Для автоматического отступа строки на тот же уровень, что и предыдущая строка, выберите команду Auto Indent в панели Editor (Правка) диалогового окна настроек (F8).

Работа в режиме правка

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

С помощью мышки или стандартных команд с клавиатуры вы мо жете выделить части документа, а с помощью ниже перечисленных со кращенных клавишных команд — быстро выбрать и определить блоки тэгов:

Чтобы выбрать целый блок кода, нажмите Shift+Ctrl и дважды щелкните на первый или последний тэг.

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

Нажмите Ctrl + двойной щелчок для выделения тэга.

Сохранение текста в буфере

Данная функция позволяет копировать множество текстовых бло ков и сохранять их в качестве отдельных записей в буфере.

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

Setting Editor Maximun clipboard entries. Когда количество записей в буфере начинает превышать количество записей установленных в наст ройках, последнее копирование удаляет старейшую запись и добавляет новую в конец буферного окна.

На панели инструментов есть три кнопки для данной функции.

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

Вставить все — все записи (клипы) при щелчке на пиктограмму вставляются в редактор в том же порядке, в котором они были скопированы.

218

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

 

 

 

Очистить буфер — удаляет все текущие клипы из буфера.

Настройка команд буфера.

Команды буфера могут быть добавлены в панель инструментов с помощью команд Options Customize. Кнопки расположены в Toolbut? tons разделе Edit.

В Keyboard shortcuts можно назначить сокращенный клавишный набор для функций:

Show clipboard — Показать буфер

Paste All — Вставить все

Clear clipboard — Очистить буфер

Сворачиваемый текст

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

Для настройки опций откройте панель Editor Collapsed Text в ди алоговом окне Settings (F8) для установки опций. Используя настройки, вы можете:

Настроить маркер свернутого текста включая шрифт, цвет и количество текста отображенного внутри маркера.

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

Запустить автоматическую выборку текста при разворачивании свернутого текста. Это позволит развернуть свернутый участок текста для обзора содержания и затем снова его можно свернуть.

Установить опции сохранить/открыть файл для свернутого текста.

Для сворачивания текста в текущем документе, используйте одну из ниже перечисленных команд:

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

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

219

 

 

 

Щелкните правой кнопкой мыши на начало или конец тэга и выберите Collapse Tag. Эта команда сворачивает тэг полностью.

Щелкните правой кнопкой мыши на начало или конец тэга и выберите Collapse All IndTag. Это позволит свернуть все тэги схожие с текущим.

Щелкните на знак плюс голубого цвета в верхней части панели Tag Inspector. Таким образом свернется текст, основанный на текущем инспекторе тэгов.

Работа со свернутым текстом:

Двойным щелчком на маркер разверните текст.

Для разворачивания всего текста щелкните правой кнопкой в любом месте документа и выберите команду Expand All из выпадающего меню.

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

Блоки свернутого текста могут быть размещены один в одном.

При запуске поиска или проверки орфографии свернутый текст разворачивается в случае обнаружения результата поиска или ошибки.

Инструменты редактирования

Панель редактирования предоставляет все необходимые инстру менты, которые могут понадобиться для работы:

Tag Editors (Редактор тэгов) — специальное диалоговое окно для редактирования атрибутов

Tag Tree (Древо Тэга) — конфигурируемый навигационный помощник, для обзора и навигации иерархии тэга документов

Tag Inspector (Инспектор Тэга) — тэговый редактор листа стилей

Design Mode (Режим Дизайн) — режим, позволяющий визуально редактировать элементы страниц

CodeSweeper (Метла) — конфигурируемый форматизатор кода

220

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

 

 

 

TopeStyle — позволяет создавать, редактировать и присоединять листы стилей к документам

Редакторы тэгов

Редакторы — это специальные диалоговые окна, которое содержат атрибуты и значения выделенного тэга. Каждый редактор содержит встроенную справку (Help).

Отрыть окно редактора можно любым из ниже перечисленных способов:

Кликните в тэге правой кнопкой мышки и выберите Edit Tag (Редактор Тэга).

Поставьте курсор внутрь тэга и нажмите Ctrl+F4.

В окне редактора нажмите на кнопку Toggle Embedded Help и вы увидите синтаксис и пользовательскую справку.

Древо Тэгов

Закладка Tag Inspector, находящаяся на панели Resource содержит два инструмента: Tag Tree и Tag Inspector. Используя эти инструменты, вам будут доступны только коды HTML без текста документа, что упро щает создание и редактирование тэгов.

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

Для использования Древа тэгов пользуйтесь «выпадающим» спис ком для фильтрации показов кодов древа:

Щелкните на знаках плюс и минус для раскрытия и сокращения узлов (блоков) древа тэгов.

Щелкните на тэг в древе для быстрого перехода к нему в документе. Используйте команду Shift + Ctrl + double?clik (двойной щелчок мыши) для выделения блока тэга.

Кликните на кнопку Refresh для обновления документа после его правки.

Визуальное редактирование в режиме Desing View (Дизайн)

HomeSite предоставляет дополнительную опцию по визуальному редактированию кода, так называемый Desing View. Данная опция рабо тает по принципу WYSIWYG («what you see is what you get» — «что ви дите то получаете»). Страница создается так, как она будет выглядеть на экране браузера, а программа записывает ее в виде HTML кода.

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

221

 

 

 

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

Функция Desing View предполагает наличие браузера IE 4 или бо лее позднею версию. Если у вас не установлен данный браузер или вы не не намерены использовать данную функцию, вы можете отключить ее, для этого зайдите в меню Options Settings Desing и поставьте галку на против Disable (hide) desing tab.

Редактирование страниц в режиме Desing View:

Если документ открыт в режиме Editor (Редактор), сохраните ваши изменения и затем щелкните на закладку Desing. Откроется окно Desing view позволяющий просматривать вид документа, а так же текст, стили и графику.

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

Если вы открыли Desing view и хотите отменить все сделанные изменения, нажмите на Cancel Desing View и вернитесь в режим Edit view.

Используйте закладки Edit и Browse, для перехода в эти режимы.

Преобразование содержания Word и Excel:

Вы можете преобразовывать содержание, то есть листы, таблицы и ячейки рабочего листа в эквивалентный формат HTML, путем копирования из Word и Excel.

Выделите содержание в Word(е) или Excel(е).

Вставьте выделенный фрагмент в окно Desing в то место, где вы хотите, чтобы этот фрагмент размещался на странице.

Отредактируйте новое содержание. Например вы можете щелкнуть на границу таблицу таблицы и потянув изменить ее размер.

Для работы непосредственно с кодом перейдите в режим

Editor.

222

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

 

 

 

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

Сохранение форматов кода с помощью CodeSweepers

Функция CodeSweeper позволяет автоматизировать процесс фор матирования HTML кода, что может быть полезным в ряде случаев:

Визуальное редактирование элементов страницы в режиме Design view может изменить форматирование кода. Вы можете настроить CodeSweeper так, чтобы форматирование кода производилось при выходе из режима Design.

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

Вы можете легко подчистить форматирование кода при просмотре документов существующих проектов.

HomeSite включает в себя несколько видов CodeSweeper. Вы мо жете также создавать свои собственные CodeSweeper или править уже су ществующие. В HomeSite имеется следующие CodeSweeper:

HTML и CFML тэги (по умолчанию) — форматирует прикладные программы GoldFusion.

HTML тэги — оптимально подходит для стандартных Web страниц.

My CodeSweeper — копия CodeSweeper (установленного по умолчанию), которую можно использовать для тестирования.

WDDX Sweeper — копия CodeSweeper форматирует код написанный в WDDX, например, .apd файлы используемые для хранения информации проекта.

WEB XML CodeSweeper — только в HomeSite v 4.5.2.

JSP CodeSweeper — только в HomeSite v 4.5.2.

HTML Tidy — независимый верификатор и форматизатор кода HTML, который можно использовать как альтернативный CodeSweeper. Он так же позволяет преобразовывать HTML в XHTML сочетающийся с XML.

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

223

 

 

 

Для настройки и использования CodeSweeper по умолчанию щелкните на кнопку CodeSweeper из режима Edit и Design с тем, чтобы за пустить CodeSweeper в текущем документе. Вы так же можете настроить CodeSweeper на автоматический запуск при выходе из режима Design.

Создание нового CodeSweeper:

Откройте диалоговое окно Setting (F8).

Щелкните CodeSweeper, появиться окно CodeSweepers.

Выберите CodeSweeper, который вы бы хотели использовать по умолчанию из списка и щелкните на команду Set As Default (Установить по умолчанию).

Щелкните .

Автоматический запуск CodeSweeper после выхода из режима

Design:

В диалоговом окне Settings (Настройки) выберете Design.

Щелкните на команду Apply CodeSweeper при возвращении из просмотра в режиме Desing.

Щелкните .

Использования какого либо другого CodeSweeper отличного от CodeSweeper установленного по умолчанию

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

Использование другого CodeSweeper:

Щелкните на стрелку указывающую вниз на кнопке

CodeSweeper или выберите Tools CodeSweeper и из списка выберите необходимый вам CodeSweeper.

Имейте в виду, что CodeSweeper форматирует целый документ и произведенные действия уже нельзя отменить.

Щелкните Run CodeSweeper. Документ отформатирован.

Создание, редактирование и удаление CodeSweeper

Вы можете создавать новые CodeSweepers, редактировать сущест вующие CodeSweepers и удалять устаревшие CodeSweepers, используя при этом диалоговое окно Setting (F8).

224

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

 

 

 

Создание нового CodeSweeper:

Откройте диалоговое окно Setting (F8).

Щелкните CodeSweeper, появиться окно CodeSweepers.

Щелкните New Profile (Новый Профиль), появиться диалоговое окно New CodeSweeper Profile.

Введите имя CodeSweeper и выберите тип: Allaire CodeSweeper или HTML Tidy CodeSweeper.

Щелкните . CodeSweeper добавлен в список.

Следуйте нижеперечисленному руководству для редактирования CodeSweeper.

Редактирование:

В диалоговом окне Setting (F8) разверните CodeSweeper.

Разверните тот тип CodeSweeper, который вы хотите отредактировать: Allaire CodeSweeper или HTML Tidy CodeSweeper.

Выберите CodeSweeper, который вы хотите отредактировать и сделайте необходимые изменения в настройках.

Щелкните .

Удаление:

В диалоговом окне Setting (F8) щелкните на CodeSweeper.

Выберете CodeSweeper, который вы хотите удалить из списка и щелкните Remove Profile. CodeSweeper будет удален без предупреждения.

Настройки CodeSweeper

Существует три вида настроек для CodeSweeper:

Общие настройки (General Settings) и Специальные настройки (Tag?Specific Settings) могут быть установлены для каждого Allaire CodeSweeper.

HTML Tidy настройки относятся только к HTML Tidy CodeSweeper.

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

225

 

 

 

Общие настройки (General Settings)

Вы можете установить ниже следующие правила форматирования для каждого Allaire CodeSweeper:

Установите регистр для тэга и атрибутивные имена. Вы можете выбрать как верхний или нижний регистр, так и сохранить регистр без изменений.

Настройка имен событий формата включает дополнительную опцию, а именно смешанный регистр, который применим для имен событий JavaScript, таких как OnMouseOver. Если данный код в вашем документе правильный, выберете команду Preserve Case.

Установите кавычки для значений.

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

Работайте в режиме «Silent Mode» во избежание предупреждений, которые может генерировать CodeSweeper. Вы можете использовать эту опцию для работы CodeSweeper в автоматическом режиме.

Проверьте Write Errors в системном журнале Log Fife c целью обнаружения каких либо ошибок, найденных CodeSweeper. Вы можете сами определить место системного журнала.

Щелкните для сохранения настроек.

Специальные настройки (Tag Specific Settings)

Широкий выбор опций существует для индивидуальных тэгов, со держащихся в каждом Allaire CodeSweeper. Если вы устанавливаете фор матирование «All Other Tags», то это правило будет действовать в отноше нии каждого тэга, появляющегося в документе и не состоящего в списке.

Вставка команды с новой строки для первого и последнего тэгов.

Установка отступа с помощью Tab или пробелов — разделитель строк вставиться автоматически для каждой новой строки.

Запуск разделителя строк для вложенных под — тэгов (sub tags).

226

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

 

 

 

Оставляет выбранный тэг неизмененным при активизации CodeSweeper.

Отделение, удаление тэга из документа — это удобно для избавления от ненужных тэгов, вставленных генератором кода.

Установка правил для тэга:

Выберите тэг из списка Tag Specific Settings в диалоговом окне CodeSweeper Settings.

Измените специальные настройки.

Щелкните Update Tag (Обновить Тэг) для сохранения настроек данного тэга.

Добавление тэга:

Щелкните кнопку Add Tag в диалоговом окне CodeSweeper Settings.

Введите имя тэга и щелкните .

Измените настройки тэга и щелкните Update Tag для сохранения настроек.

Удаление тэга:

Выберите тэг из списка Tag Specific Settings в диалоговом окне CodeSweeper Settings.

Щелкните Remove Tag (Удалить Тэг).

Щелкните для закрытия диалогового окна.

Создание собственного профиля

Вы можете создать ваш собственный настроечный конфигураци онный файл и сохранить его с расширением .tdy в вашу папку \exten sions\Codesweepers.

Форматирование страниц с помощью CSS

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

Листы стилей могут быть добавлены на любом этапе разработки сайта, но в идеале спецификация дизайна для сайта вводиться посредст

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

227

 

 

 

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

Терминология CSS

Если вы новичок, то первое, что вам необходимо узнать — это тер мины используемые в работе со стилями. Правила стилей совпадают с HTML элементами, но между ними не всегда есть полное соответствие.

HTML тэги содержат атрибуты со значениями, например:

<h1 align="center"><font size="+2" color="green">Some Text</font></h1>

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

Листы стилей содержат правила, которые применяются к селекто рам (selectors), использующим описания (declarations) для определения форматирования:

h1 { text align : center; font size : larger; color : Green; }

В данном примере селектор h1 содержит описание, которое опре деляет расположение, размер шрифта и цвет текста. Если это единствен ное правило для h1, то каждый тэг <h1>;будет отображать данное форма тирование.

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

Вы можете начать с простых правил для общих элементов страниц и постепенно перейти к созданию более сложных стилей, по мере овла дения техническими приемами. HomeSite Style Editor дает предваритель ный просмотр правил и их определения перед тем, как вставить их в до кумент. Вы можете посмотреть страницы целиком в браузере с тем, чтобы наглядно увидеть как взаимодействуют стили.

Использование редактора стилей (Style Editor)

Редактор стилей HomeSite — TopStyle предоставляет полный ин терфейс для дизайна и применения каскадных листов стилей. TopStyle имеет свою справочную систему, которая охватывает основы CSS интег

228

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

 

 

 

рацию HomeSite, и такие свойства (функции) как Style Insight и Style Inspector.

Запустить TopStyle можно нажав кнопку StyleEditor на панели ин струментов.

Проекты развертывания

Развертывание — это процесс копирования всех файлов вашего проекта на один или несколько хост серверов. Вы можете указать путь развертывания как для всего проекта так и для индивидуальных папок.

Установка Уровня Развертывания Проекта

Вам необходимо только ввести путь для установки развертывания проекта.

Установить путь развертывания для проекта:

Откройте проект в панели Проектов

Правой кнопкой мышки кликните на корень проекта и выберите Свойства (Properties). Появится диалоговое окно

Edit Project Properties

Введите путь в текстовом окне (Deployment Path)

Нажмите OK, чтобы применить настройки

Установка развертывания папки

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

Опция развертывания относительно родительской папки

При установке данной опции HomeSite развертывает папку отно сительно ее родительской папки проекта. Например:

Parent Folder: MyDirectory/ParentFolder

Child Folder: MyDirectory/ParentFolder/ ChildFolder

Если развертывание родительской папки имеет следующий путь Server Directory/ParentFolder, то развертывание дочерней папки будет следующим Directory/ParentFolder/ChildFolder. Путь дочерней папки просчитывается автоматически.

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

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

229

 

 

 

Специальная опция развертывания

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

Allaire рекомендует использовать команду Browse для установки специального пути развертывания. Используйте нижеследующее руко водство, если вы вводите путь вручную:

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

C:\MyDirectory\MySubdirectory

или

\\MyDirectory\MySubdirectory

Прописывая путь на удаленный сервер, используйте левые косые черты.

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

Опция «без загрузки» (do not upload)

Данная опция отличается тем, что при развертывании игнориру ется папка и ее содержимое. На уровне проекта данная опция отсутству ет.

Настройка развертывания папки:

Правой кнопкой щелкните на папку и выберите Свойства (Properties). Появиться диалоговое окно Edit Folder

Properties

Щелкните на кнопку Deployment и выберите нужную опцию развертывания

При выборе Специальной Опции Развертывания (Special Deployment Properties) введите место размещения в окне Deployment Path (Путь Развертывания)

Щелкните ОК

Добавление Серверов Развертывания

Процесс добавления сервера развертывания подобен конфигура ции отдаленного сервера через Файл панель (Files panel).

230

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

 

 

 

Основным отличием является то, что информация о сервере раз вертывания вноситься в файл проекта, тогда как информация отдален ного сервера хранится в Windows Registry.

Если вы уже добавляли отдаленный сервер с помощью Allaire FTP&RDS, вам необходимо ввести такую же информацию о сервере для конфигурации сервера развертывания.

Добавление сервера развертывания:

Щелкните правой кнопкой на Deployment Server в вашем проекте

Выберите тип сервера который вы хотите добавить

Заполните диалоговое окно Server Configuration

Щелкните на ОК для сохранения информации Сервера

Сервер появиться в списке Deployment Server. При развертывания проекта выберите нужный вам сервер из данного списка.

Глава 8.

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 Ex press web сервером из локальной сети или используя удаленный доступ к основному компьютеру.

Забудьте о контроле за ложными ссылками! В Microsoft FrontPage Express встроено средство, позволяющее автоматически фиксировать подобные ссылки.

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

231

 

 

 

Вы можете:

создавать и сохранять web страницы

сохранять web страницы непосредственно в Web

загружать из Internet и редактировать web страницы

использовать в оформлении вашей web страницы подложки

просматривать и администрировать web страницы

создавать сложный дизайн web страниц

использовать готовые тэги HTML

использовать готовые изображения из комплекта поставки программы

использовать компоненты WebBot для придания вашей web страничке динамики

использовать в оформлении web страниц элементы управления ActiveX

Если вы хотите стать профессионалом в области дизайна web страниц, вам необходимо освоить некоторые специальные HTML ре дакторы с полной поддержкой тэгов HTML.

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

Microsoft FrontPage Express считается одним из лучших средств подготовки документов для их публикации Web. Вы просто создаете web страницу в том виде, в каком она будет выглядеть в окне обозревателя.

Ниже приведено краткое описание набора средств, с помощью которого вы можете взаимодействовать с редактором web страниц Microsoft FrontPage Express.

С помощью стрелок полос прокрутки или посредством клавиш PgUp и PgDn вы можете перемещать текущую страницу в вертикальном или горизонтальном направлении.

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

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

232

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

 

 

 

Команды меню

В редакторе гипертекстовых документов Microsoft FrontPage Express все наборы команд и опций, использующиеся в процессе работы

сИнтернет содержатся в:

меню Файл

меню Правка

меню Вид

меню Переход

меню Вставка

меню Формат

меню Сервис

меню Таблица

меню Окно

меню Справка

Панели инструментов

Редактор Microsoft FrontPage Express содержит три панели инстру ментов. Каждая кнопка той или иной панели соответствует команде ме ню.

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

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

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

Спомощью Панели редактирования вы можете:

создавать, открывать и сохранять web страницы

выводить на печать и предварительно просматривать web публикации перед выводом на печать

выполнять операции копирования и вставки

создавать или изменять ссылки

вставлять компоненты WebBot, изображения, горизонтальные строки и таблицы

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

233

 

 

 

показывать или скрывать метки параграфа

возвратиться на одну страницу назад

перейти на одну страницу вперед

вызвать справочную систему редактора Microsoft FrontPage Express

прервать загрузку текущей страницы

Панель форм

Спомощь Панели форм вы можете создать поле формы из:

однострочного текстового поля

прокручиваемого текстового поля

флажка

кнопки переключателя

простой кнопки

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

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

С помощью элементов всплывающего меню вы можете выполнять следующие команды и функции:

Вырезать (выполнить операцию удаления элемента и помещения его в буфер промежуточного хранения)

Копировать (поместить элемент в буфер промежуточного хранения)

Вставить (вставить элемент из буфера промежуточного хранения)

Свойства страницы (обратиться к диалоговому окну свойств Свойства страницы)

Свойства таблицы (обратиться к диалоговому окну свойств

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

Свойства ячейки (обратиться к диалоговому окну Свойства ячейки)

234

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

 

 

 

Свойства абзаца (обратиться к диалоговому окну Свойства абзаца)

Свойства шрифта (обратиться к диалоговому окну Шрифт)

Свойства изображения (обратиться к диалоговому окну свойств Свойства изображения)

Проверка достоверности поля формы (обратиться к диалоговому окну Проверка достоверности текстового поля)

Свойства поля формы (обратиться к диалоговому окну

Свойства прокручиваемого текстового поля)

Свойства компонента WebBot (обратиться к диалоговому окну Свойства компонента WebBot)

Буксировка

Вы можете перемещать один или несколько элементов вашего до кумента из одного окна программы в другое, или между элементами ос новного окна программы, или из Проводника. Просто выделите тот или иной элемент и отбуксируйте его в нужное место редактируемого доку мента.

При буксировке файлов изображений Microsoft FrontPage Express автоматически преобразует файлы формата BMP в формат JPEG.

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

Создание новой web страницы осуществляется через выбор ко манды Создать в меню Файл (вы также можете выбрать эту команду через комбинацию клавиш Ctrl+N). В появившемся диалоговом окне Новая страница просто выберите из списка Шаблон или мастер параметр Нор? мальная страница.

Вы можете также создать web страницу с помощью Мастера лич? ной основной страницы или Мастера страниц форм. Для этого выберите из списка Шаблон или мастер необходимый параметр и далее следуйте ука заниям Мастера страниц.

Сохранение web страницы

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

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

235

 

 

 

имя файла вашего документа HTML. Если вы хотите сохранить страницу прямо в Web, определите ее местоположение.

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

Выбранная команда Файл Открыть открывает доступ к диалого вому окну Открыть файл, с помощью которого можно загрузить в про грамму:

файлы HTML

файлы HTML после предварительной обработки

текстовые файлы

шаблоны гипертекста

документы Microsoft Word

документы текстового процессора Windows Write

документы текстового процессора Windows Write

документы WordPerfec

книги Microsoft Excel

Чтобы открыть файл нужно выбрать его имя из списка и нажать кнопку Открыть.

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

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

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

Microsoft FrontPage Express позволяет редактировать также, как вы это делаете в текстовых процессорах Windows.

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

Помните, что четыре символа — знак меньше (<), знак больше (>), амперсанд (&) и двойные кавычки (“) имеют специальное значение внутри HTML и следовательно не могут быть использованы в тексте ва шего документа в своем обычном значении.

236

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

 

 

 

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

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

Microsoft FrontPage Express позволяет отменить только последнее выполненное действие. Например, если удален текст, а затем набран но вый, то нельзя отменить удаление текста.

Выбранная команда Правка Восстановить восстанавливает по следнее отмененное действие.

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

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

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

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

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

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

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

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

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

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

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

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

Команда Файл Скопировать используется для вставки активно го элемента в буфер промежуточного хранения. Вы можете поместить в буфер обмена любой выбранный текстовой или графический элемент как Microsoft FrontPage Express так и приложения Windows.