Microsoft Front Page представляет собой полнофункциональное средство создания эффективно работающих Web –узлов, а так же детального и гибкого управления ими. Это приложение предоставляет широкие возможности импорта, редактирования и форматирования HTML файлов. Доступ ко всем этим функциям осуществляется с помощью удобного интерфейса, хорошо знакомого пользователям пакета Microsoft Office.
Web-сайт (Web-узел) - это набор связанных между собой близких по смыслу Web-страниц и файлов. В FrontPage имеется возможность создавать и редактировать Web-страницы на 26 языках. Сайты обычно посвящены какой-то определённой теме и содержат информацию, относящуюся к частному лицу или компании. При помощи Front Page можно создавать сайт непосредственно в файловой системе компьютера, а после подготовки, опубликовать его на сервере.
FrontPage содержит множество функций, сведенных вместе в одном рабочем пространстве. Рабочее пространство FrontPage делится на несколько экранных областей: слева находится панель режимов, а справа от нее – список папок. С помощью панели режимов можно простым нажатием соответствующей кнопки перейти от одного режима отображения Web-страницы к другому.
Существует несколько режимов работы в FrontPage.
1. Режим Folders используется для работы с отдельными файлами и папками. Он позволяет удалять перемещать и переименовывать файлы и папки, также просматривать структуру файлов Web-узла.
Front Page может работать с графическими файлами различных форматов: *.BMP; *.TIF; *.WMF (метафайлы WINDOWS); *.RAS (Sun Raster); *.EPS (инкапсулированный Postscript); *.PCX (Paintbrush); *.TGA (Targa) конвертируя их в форматы публикаций *.GIF и *.JPG. По умолчанию Front Page импортированные форматы сохраняет в формате GIF.
2. Режим Page предназначен для создания и редактирования отдельных страниц. Данный режим позволяет вставлять изображения, таблицы, гиперссылки, а также оформлять страницы с помощью различных стилей и макетов. Функция «Ярлыки страниц» позволяет упростить одновременное редактирование нескольких страниц. Переключение с одной страницы на другую осуществляется посредством ярлыков и производится одним щелчком мыши.
Для редактирования страниц применяются три режима: Normal (Обычный), HTML и Preview (предварительный просмотр). Работа в режиме Normal позволяет нам видеть страницу, так как она представлена на экране монитора. В режиме HTML производится редактирование кода HTML-страницы. Режим Preview позволяет видеть страницу в том виде, в котором она действительно будет выглядеть в Web-браузере (Internet Explorer.)
Создать сайт во Front Page можно тремя способами: при помощи мастера (wizards), шаблона (templates) или на основе готовых файлов. Шаблоны представляют собой встроенные страницы, содержащие необходимое форматирование для создания и настройки создаваемых страниц. Мастера и шаблоны позволяют создавать сайты различных типов.
При открытии в данном режиме Web-узла на экране появится новая пустая страница. Можно начать работу с чистой страницы, а можно использовать для работы один из готовых шаблонов. Для этого необходимо выбрать File - New - Page. В окне вкладки Web Sites (Web-сайты) вы видите несколько вариантов создания сайта:
Мастер Discussion web- сайты предназначаются для ведения обсуждений.
Мастер Import Web-сайт создаётся на основе готовых файлов.
Мастер Corporate Presence-для создания сайта компании.
На вкладке Frames Pages (страницы фреймов) перечислены шаблоны фреймовых схем. Фреймы – это многостраничные схемы, где окно браузера делится на несколько подстраниц. В диалоговом окне New на вкладке Style Sheets приведены шаблоны каскадных таблиц стилей.
Создать материал для Web-узла можно путем импортирования его из другого источника, причем импортировать можно не только отдельный файл, но и целую папку и даже Web-узел. Для этого необходимо вывести на экран диалоговое окно Import и выбрать File –Import. Импортируемые файлы или папки можно изменять путем нажатия кнопки Modify.
В настоящее время появилась возможность публикации одной страницы, что позволяет более гибко публиковать нужную информацию. Для этого необходимо щелкнуть правой кнопкой мыши по выбранной странице (или выбрать несколько страниц, удерживая нажатой клавишу CTRL) в списке папок, а затем выбрать команду Publish Selected Files (Опубликовать выбранные файлы).
FrontPage предоставляет возможности форматирования таблиц: автоформатирование, автозаполнение и разделение. Функция Table Autoformat (Автоформат таблицы) позволяет быстро создать на сайте таблицу профессионального качества. Для того чтобы применить данную функцию, щелкните мышью по любой таблице, редактируемой в приложении FrontPage, а затем выберите команду TablegTableAutoformat и выбрать нужный стиль, который автоматически определяет тип границ, тени и цвета, используемые при форматировании таблицы. Функция автоматического заполнения таблицы позволяет скопировать один и тот же элемент в несколько ячеек. Для этого нужно выделить строку и выполнить команду TablegFillgRight (Заполнить вправо). Аналогично можно заполнить ячейки, расположенные снизу, использовав команду TablegFillgDown (Заполнить вниз). Функция разделения таблицы позволяет в любом месте разделить одну таблицу на две.
3. Режим Reports дает возможность получить полный набор табулированных отчетов о состоянии Web-узла. Например, узнать количество страниц на Web -узле; его общий размер; недавно добавленные, измененные или старые страницы, нуждающиеся в обновлении; файлы к которым нет ссылок в пределах узла; нарушенные ссылки на другие страницы в текущем и других узлах; незавершенные страницы с назначенными авторами и статусом отображения каждой страницы и др. Таким образом, с помощью этого режима можно отследить проблемные области и исправить их, используя соответствующую панель инструментов.
4. Режим Navigation определяет параметры перемещения пользователей по Web-узлу и показывает структуру Web-узла. С помощью данного режима можно поменять расположение страниц в Web-узле, перетащив страницу из папки и переместив ее в нужное место; удалить страницу из Web-узла или добавить внешнюю связь к структуре. При изменении заголовка страницы с помощью режима Navigation, он автоматически будет отображен на странице, без необходимости дальнейшего редактирования.
5. Режим Hyperlinks (гиперссылки) дает возможность просмотра связей между страницами Web-узла. Гиперссылка - это текст или изображение на Web-странице, при щелчке на котором происходит переход к другой Web-странице или сайту. Front Page имеет несколько вариантов создания гиперссылок. Например, разместить все гиперссылки на одной главной странице или создать навигационную панель(navigation bar), которая автоматически создаёт и отображает гиперссылки на страницы вашего сайта.. навигационная панель легка в использовании, она имеет некоторые недостатки:
1. Навигационная панель содержит только определённые ссылки, которые вы можете только настроить и не более.
2. Панель навигации не будут работать до тех пор, пока вы не создадите структуру сайта.
Также можно создать и интерактивную карту (image map), представляющую собой рисунок с активными участками (hotspots), являющимися ссылками, на которых пользователь с помощью щёлчка мыши, переходит к нужной странице.
Просмотр связей между страницами Web-узла выполняется в диалоговом окне Create Hyperlink. Связи представлены в виде стрелок, поэтому оборванная стрелка обозначает нарушенную связь. Чтобы исправить нарушенную связь необходимо перейти в режим Broken- Hyperlink, щелкнуть правой клавишей мыши на нарушенной ссылке и выбрать Edit-Hyperlink. Все нарушенные ссылки будут автоматически исправлены.
В режиме Hyperlinks по умолчанию будут показаны не заголовки страниц, а имена их файлов. Это легко исправить, воспользовавшись одной из команд контекстного меню. Так, с помощью команды Show Page Titles вместо имен файлов будут показаны заголовки страниц, а, используя команду Hyperlinks to Pictures, можно отобразить гиперссылки на графические файлы. Команда Repeated Hyperlinks позволяет отобразить повторяющие гиперссылки, то есть все связи страницы с одним и тем же файлом. Для отображения ссылки на закладки внутри одной страницы используют команду Hyperlinks Inside Page.
Лучшие закладки – это заголовки разделов. Чтобы создать закладку, следует открыть страницу и выделить текст, на который требуется установить ссылку. Имя закладки вводится в диалоговом окне Bookmark, путем выбора Insert-Bookmark (вставка-закладка). С помощью данного диалогового окна можно также осуществлять удаление закладки. Чтобы создать одновременно и закладку и гиперссылку, необходимо щелкнуть правой кнопкой мыши на выделенном тексте будущей закладки и, удерживая ее нажатой, перетащить текст в место, где должна находится гиперссылка. После этого выберите в контекстном меню Link Here (создать ссылку). FrontPage автоматически создаст закладку и вставит на нее гиперссылку, в которой используется текст закладки.
В FrontPage имеется возможность создания пользовательских панелей ссылок для связи Web-страниц как в пределах сайта, так и вне его. Панели создаются очень быстро, имеется большой выбор формы и стилей кнопок. Панели ссылок вставляются в произвольном месте страницы или размещаются на общих границах для перехода между страницами сайта Для того чтобы вставить панели необходимо выбрать команду InsertgWeb ComponentgLink Bars и тип ссылок.
Во FrontPage существует также возможность соединяться с другими Web-узлами и FTP-серверами, для этого нужно знать URL соответствующего файла. При создании в Web-документе ссылки на файл в Интернете, необходимо выделить текст будущей ссылки и щелкнуть на кнопке Hyperlink, затем в диалоговом окне Create Hyperlink ввести полный URL или щелкнуть на кнопке обзора ресурсов, если URL неизвестен. В этом случае FrontPage автоматически запустит Web-браузер, с помощью которого указывается необходимый файл, и введет URL в соответствующее поле автоматически.
FrontPage является мощным инструментом для корпоративного использования, позволяя легко организовывать дискуссионные клубы, онлайновые опросы и списки, редактируемые из браузера. С помощью служб SharePoint Team Services можно быстро настроить сайт группы в Интранете, на котором участники группы могут сохранять, искать и совместно использовать данные, документы и Web-страницы.
С помощью служб SharePoint Team Services можно вставить форум, благодаря которому участники группы и посетители сайта могут принимать участие в обсуждениях. Пользователи могут создавать новые данные для библиотеки документов, сортировать и фильтровать списки документов, а также обновлять или включать новую информацию, используя любой браузер четвертого поколения и выше.
Также на страницу можно добавить интерактивный опрос. Посетители могут отвечать на вопросы при помощи браузера и просматривать результаты опроса на автоматически генерируемых диаграммах. Добавление опроса задается командой FilegNewgSurvey (ФайлgСоздатьgОпрос).
В приложение FrontPage включены функции для электронной коммерции, помогающие небольшим организациям превратить сайт из места размещения информации о продукции и услугах - в центр продаж.
6.7. Назовите основные компоненты и формы пакета FrontPage, определите понятие «режим WYSIWYG»
Microsoft Frontpage позволяет разрабатывать документы Web и управлять ими. Не только страницами Web, для работы с которыми имеется масса прекрасных программ, но документами Web (sites) в целом, т. е. наборами связанных страниц.
Frontpage состоит из трех основных компонентов:
1. Frontpage Explorer (Проводник) обеспечивает создание структуры документов Web, и предоставляет мастеров и шаблоны, которые позволяют это сделать всего за несколько минут. Если Web уже установлен, проводник дает визуальное представление всего документа Web и позволяет поддерживать его в дальнейшем;
2. Frontpage Editor (Редактор) позволяет создавать отдельные страницы
Web или редактировать ранее введенные страницы в режиме WYSIWYG "что видите, то и получаете"; Режим точного отображения "What You See Is What You Get". Принцип WYSIWYG - это принцип соответствия экранного образа готовому документу. В этом режиме автор непосредственно видит на экране готовый результат и работает с ним.
3. Frontpage Personal Web Server (Персональный сервер Web) обеспечивает проверку всех аспектов работы данного Web и его обслуживание в Internet.
Рис. 10.28. Диалоговое окно «Insert Table» Рис. 10.29. Создание таблиц в HTML-документе Рис. 10.30. Панель «Таблица» Рис. 10.37. Панель «Формы» Рис. 10.38. Примеры форм Рис. 10.39. Меню команды «Form Field» Рис. 10.44. Пример титульного листа типовой Web-страницы Рис. 10.45. Диалоговое окно «Marqueе Properties» Рис. 10.46. Диалоговое окно для создания кнопки Рис. 10.47. Диалоговое окно вставки таблицы Рис. 10.48. Диалоговое окно «Select File» Рис. 10.49. Диалоговое окно «Создание гиперссылки»
Программный пакет FrontPage был разработан компанией Vermeer Technologies, известной своими разработками стандартных графических средств представления и размещения информации в WWW. Microsoft приобрела этот пакет и включила его в состав MS Office.
Программный пакет FrontPage ориентирован на привлечение к работе над Web-страницами и Web-сайтами многочисленной армии пользователей, не имеющих достаточного опыта работы в более сложных программных средах, но желающих создать свой электронный документ. Этот пакет может использоваться и профессиональными Web-мастерами для создания некоторых компонентов Web-сайтов или домашних Web-страниц.
При его создании разработчики полагали, что у пользователей не хватает времени или опыта для того, чтобы разбираться в тонкостях языка HTML. Поэтому в данной программной среде пользователю предоставляется возможность собирать Web-страницу из готовых компонентов в том виде, в каком она появится на экране браузера. На программу возложены функции генерирования соответствующих управляющих кодов HTML. Фактически задача создателя сайта при работе в этой программе сводится к подбору материалов и форматированию текста. Тем самым публикация материалов в Internet стала доступной для непрофессионалов. С другой стороны, и у специалистов меньше времени стало уходить на написание кодов стандартных операций.
FrontPage, интегрированный в пакет приложений Microsoft Office, в последние годы стал продуктом достаточно широкого использования для подготовки электронных изданий для Internet, сочетающим в себе клиентскую и серверную части и обеспечивающим возможность разработки Web-сайта в целом и установки его на удаленном сервере.
Программный пакет FrontPage поставляется с несколькими дополнительными утилитами, вместе составляющими так называемый FrontPage Bonus Pack:
Microsoft Image Composer, графический редактор, предназначенный для создания изображений для Web-сайта и манипулирования ими. Утилита содержит различные эффекты для обработки изображений и более 200 Мбайт электронных фотографий, которые можно использовать.
Microsoft Personal Web Server (Персональный Web-сервер Microsoft), версия Internet Information Server (US, Информационный сервер Internet), работающая под Windows 9.х и Windows NT Workstation. От FrontPage Personal Web Server (Персонального Web-сервера FrontPage), входящего в состав собственно FrontPage, Microsoft Personal Web Server отличают более высокая производительность и наличие дополнительных возможностей.
Web Publishing Wizard (Мастер публикации в WWW), который позволяет размещать Web-сайты у провайдера или в онлайновых службах. Обычно этот мастер используется для серверов, не поддерживающих серверные расширения FrontPage (FrontPage Server Extensions).
В FrontPage используется графический FrontPage Explorer для создания, просмотра и сопровождения Web-сайтов, а также для размещения их на компьютере, в локальной сети или Internet. FrontPage Explorer содержит команды для администрирования Web-сайтов FrontPage, проверки, просмотра и управления гиперссылами (URL).
Программный пакет Microsoft FrontPage, по определению разработчиков, предназначен для создания и сопровождения Web-узлов. Он может быть использован для эффективной разработки и построения динамичного Web-узла.
Под Web-узлом FrontPage понимается совокупность Web-страниц, изображений и мультимедийных компонентов, организованная в виде соответствующих файлов и папок.
Функциональные возможности пакета MS FrontPage от версии к версии приближаются к возможностям программного пакета Macromedia Dreamweaver, рассмотренного ранее. Поэтому материал данного параграфа в определенном плане можно считать дополнением к материалу предыдущей главы.
Одно из основных свойств Редактора FrontPage - возможность для пользователей разрабатывать Web-страницы в режиме WYSIWYG. При этом нет необходимости вручную задавать параметры управляющих тегов HTML. В своей работе с разметкой HTML FrontPage использует методы работы текстового редактора и среды визуального программирования, что позволяет сделать процесс более быстрым и понятным.
FrontPage может как создавать новые страницы, так и редактировать подготовленные ранее HTML-документы. Web-cтраницы можно рассматривать в режиме WYSIWYG, в виде разметки HTML-кода и в виде предварительного просмотра (подобного окну браузера). Помимо этого имеется возможность загрузки Web-страницы в браузер для предварительного просмотра (обычно Internet Explorer).
Редактор может распечатывать страницы в том виде, как они будут выглядеть на экране (с учетом соответствия размеров листа бумаги размерам страницы).
Форматирование текста . Пакет FrontPage предоставляет возможности настройки гарнитуры символов текста, их цвета и размера (кегля). Большинство параметров оформления можно изменять, используя кнопки на панели инструментов.
В программе поддерживается набор функций форматирования абзацев: установка интервала и центровки, отступов и т.д. Имеется выбор форматирования стилей списков.
Таблицы стилей . Используя таблицы стилей, можно свести множество атрибутов стиля (шрифт, цвет, кегль, интервал, отступы и т.д.) в единую таблицу. Для каждого элемента можно определить несколько различных стилей. В этом случае браузер будет размещать их приоритеты и решать конфликты в иерархическом порядке.
Возможно несколько вариантов размещения таблицы стилей:
Внешняя таблица. Создав одну внешнюю таблицу, можно в дальнейшем связывать с ней любое количество страниц. Когда возникнет необходимость внести изменения, они производятся только над файлом *.css.
Внутренняя таблица стилей. Таблица включается в код страницы. Определенные в ней стили относятся только к одной странице.
Встроенный стиль. Действие стиля распространяется только на отдельные элементы страницы и определяется в открывающем теге документа.
Вставка фрагментов кода . HTML быстро изменяется, и со временем в нем могут появиться новые управляющие теги или их атрибуты, которые в определенных версиях FrontPage не поддерживаются. Тем не менее FrontPage предоставляет возможность вставить любой фрагмент HTML, даже содержащий новые директивы. Правда, FrontPage не проверяет допустимость введенной разметки. В окне редактора такой текст будет отмечен значком Unknown HTML (Неизвестный код HTML) .
Ссылки . Предоставляется возможность использования закладок (переходов по ссылке внутри текста страницы), позволяющая пользователям перемещаться между разделами текста. Дополнительно задан интерфейс поиска закладки.
Программный пакет FrontPage поддерживает несколько видов ссылок:
Ссылки на URL-адрес (можно ввести адрес вручную или выбрать из имеющихся ссылок). При работе с гиперссылками предоставляется возможность перетаскивания URL-адреса из проводника или браузера на разрабатываемую страницу.
Ссылки на адрес электронной почты. Этот тип ссылок позволяет посетителям Web-сайта отправить сообщение по какому-либо конкретному адресу, заданному в ссылке. После ее выбора открывается окно составления сообщения в программе электронной почты.
Возможно дополнительное указание закладки внутри ссылки (в диалоговом окне создания ссылки указывается наименование закладки), а также вывод страницы (или файла) ссылки в отдельном кадре (фрейме).
Следует отметить, что код, записанный в стандартном представлении URL-адреса, автоматически преобразуется в гиперссылку.
Таблицы . FrontPage имеет удобный механизм построения таблиц. Таблицу можно задать с помощью меню Table . В Редакторе также существует панель рисования таблиц, из которой при помощи инструментов Карандаш и Ластик можно соответственно рисовать и стирать ячейки таблицы. В Редакторе предусмотрены такие механизмы работы с таблицами, как удаление, вставка и объединение ячеек, установка выравнивания (вертикального и горизонтального) данных внутри таблицы, заливка ячеек определенным цветом.
Таблицы Excel и диаграммы Microsoft Office также могут быть встроены в Web-страницу.
Кадры (фреймы) . Кадры, прямоугольные области на странице, в которых помещается содержание других страниц, поддерживаются в Редакторе. При помощи шаблонов кадрированных страниц можно создавать различные варианты расположения кадров на основной странице (фреймсете). Пакет FrontPage управляет свойствами каждой страницы, представленной в кадре, каждым кадром и основной страницей. При работе с кадрами в Редактор добавляются закладка кода HTML текущего кадра, а также опция просмотра страницы с кадрами или без кадров.
Изображения . Важным вопросом является представление изображений в Web-страницах. В FrontPage предусмотрена процедура вставки как стандартных картинок из библиотеки (clip art), так и изображений из графических файлов (используются форматы: *.gif, *.jpg, *.bmp, *.tif, *.wmf, *.ras, *.pcx, *.pcd, *.tag, *.eps). После вставки изображения выводится панель с кнопками опций редактирования изображений. К ним относятся функции расположения изображения относительно соседних объектов, размещения текста на изображении, поворота и симметричного отображения картинки, управления яркостью и контрастностью, получения фрагмента, восстановления первоначальных параметров, задания рамки.
Клиентские карты изображений . Особое внимание следует обратить на механизмы создания гиперссылок с помощью изображения. Возможно автоматическое создание уменьшенной копии (thumbnail) для предварительного просмотра изображения. Редактор в этом случае автоматически формирует гиперссылку на исходный файл изображения и представляет на странице уменьшенную копию.
Интересным свойством является выделение областей на изображении, в которых можно задавать гиперссылки. Например, можно задать круг, прямоугольник или область, ограниченную ломаной линией, при нажатии мышью, открывающей гиперссылку.
Формы . При работе с Web-страницами часто используются формы. Данные в них либо вводятся в текстовые поля вручную, либо осуществляется выбор из определенного множества значений (радиокнопки, поля со списками и т.д.). Как правило, в таких формах присутствуют кнопки посылки информации или сброса значений. Формы предназначены для интерактивного общения с посетителями сайта. Если нужно сделать гостевую книгу или страницу, где посетители бы высказывали свое мнение или указывали на ошибки в Web-сайте, если посетителям предлагается дополнять Web-сайт (например, они имеют возможность вносить свои ссылки прямо из браузера) - применяются интерактивные формы.
Когда посетитель Web-страницы заполняет форму и делает щелчок по предлагаемой кнопке, данные отправляются в программу на сервере. Программа сервера должна существовать. Без нее информация просто не будет сохранена. При поступлении данных программа сервера их обрабатывает. Обработка может быть простой, например сохранение данных в файле, или сложной, такой, как сортировка, расчеты по предоставленным данным или передача подтверждения об отправке информации. Стандарт программирования, который определяет, как посетители взаимодействуют с Web-узлом, назван CGI - Common Gateway Interface (общий интерфейс шлюзов). Программы сервера, имеющие дело с входной информацией типа форм, называются скриптами CGI и написаны в соответствии со спецификациями CGI. Без помощи пакета FrontPage (или аналогичного) приходится писать CGI-скрипт для управления формами и устанавливать его на Web-сервере. Однако многие провайдеры Internet не разрешают устанавливать пользовательские скрипты на своих серверах.
Любая форма FrontPage имеет одинаковую базовую структуру: не менее одного вопроса, одно или более текстовых полей для ввода информации посетителем, кнопка, предлагающая отправить данные на сервер, и кнопка очистки для удаления введенной или выбранной в полях информации. На стороне сервера имеется также несколько связанных с формами программ обработки принимаемых данных.
Формы можно создавать в FrontPage только в том случае, если у разработчика установлен Personal Web Server. Формы FrontPage можно создать с помощью Мастера форм, путем разработки собственной пользовательской формы и с помощью шаблона.
В каждой форме имеется как минимум два элемента (или поля формы) - поле для ввода текста или выбора варианта и кнопка Отправить , инициирующая запись результатов из формы в файл или в программу обработки на сервере. Каждая форма состоит из элементов, данные из которых при нажатии на кнопку, завершающую форму, совершают однородное действие - или все вместе отправляются на сервер, или все очищаются. В пакете FrontPage возможно создание следующих элементов форм:
однострочное текстовое поле (One-line text box);
прокручивающееся текстовое окно (скроллинг);
флажки (Checkbox);
переключатели (Radio button);
раскрывающееся меню (Drop-down menu);
нажимающиеся кнопки (Push button);
графические кнопки (Image).
Для придания странице динамичности используются бегущие строки. Предусмотрен элемент marquee (бегущая строка).
Счетчик визитов позволяет оценить количество посетителей страницы. Как правило, устанавливается только на заглавную страницу. В FrontPage существует форма вставки счетчика, предлагающая разработчику несколько вариантов представления счетчиков, а также дающая возможность выбора особого файла (для счетчика выбирается файл в графическом формате, в котором должны быть приведены все цифры от 0 до 9).
Microsoft FrontPage предназначен для создания и последующего администрирования Web-узлов сетей Internet/Intranet. Microsoft FrontPage состоит из двух модулей: FrontPage Explorer и FrontPage Editor.
Модуль FrontPage Explorer предназначен для:
создания Web-узла;
установления прав доступа;
организации файловой структуры Web-узла;
запуска FrontPage Editor для редактирования страниц.
По окончании процесса создания Web-узла данный модуль используется для его размещения на сервере в сети Internet/ Intranet.
Пользователи могут создавать, удалять, открывать, редактировать и закрывать узлы, используя FrontPage Explorer и FrontPage Editor на клиентском рабочем месте.
Особенностями модуля FrontPage Explorer являются:
На рис. 10.1
приведено рабочее окно FrontPage Explorer.
Интерфейс программного пакета FrontPage выдержан в стиле других приложений Microsoft Office. Он имеет многостраничное окно документа с указателями страниц, окно с пиктограммами основных разделов проекта, панели инструментов, плавающие меню и т.д. Для большинства объектов поддерживается метод перетаскивания (drag and drop) между окнами и панелями. Предусмотрены возможности управления составом панелей.
FrontPage построен как SDI-приложение (Single Document Interface - в окне программы отображается только текущий документ). Для каждого вновь открытого документа формируется свое рабочее окно.
Рабочие окна программного пакета
. После запуска программы на экран выводится исходное рабочее окно программного пакета. На рис. 10.4
приведено рабочее окно, формируемое приложением после начала работы по умолчанию. В этом окне представлен HTML-код, создаваемый по умолчанию для каждой новой страницы.
В данном рабочем окне слева расположена панель с пикто-граммами основных режимов работы программного пакета. При нажатии курсором мыши на соответствующую пиктограмму на экране визуализируется то или иное представление проекта: проектирование текущей страницы в составе Web-сайта, состав сайта (по файлам и папкам), отчеты и статистика, навигация между страницами Web-сайта, гиперссылки по страницам, дневник заданий.
По умолчанию представляется текущая страница в составе Web-сайта. Основной документ в этом случае являет собой многостраничную форму с указанием страниц внизу, слева в виде списка перечисляются страницы в составе Web-сайта, что позволяет осуществить быстрый переход от страницы к странице при проектировании.
Первая страница предназначена для проектирования с использованием визуальных компонентов по принципу WYSIWYG. Можно непосредственно редактировать текст, изображения, вставлять и удалять готовые компоненты, передвигать элементы по странице. С помощью всплывающих меню можно редактировать свойства компонентов. Внешний вид окна страницы приведен на рис. 10.5
.
Внизу, на статусной строке визуализируется расчет скорости загрузки страницы при удаленном соединении с Web-сайтом для определенных условий (скорости или типа соединения). Разработчику Web-сайта приходится искать компромисс между объемом передаваемой информации и возможностями канала связи. Полноцветная графика, звук, видео могут сделать Web-сайт привлекательным, но если пользователю придется ждать длительное время загрузки страницы через низкоскоростной модем, то эффект может быть совершенно иным. Можно задать параметры связи, по которым программа будет тестировать скорость загрузки.
Если выбрана страница HTML, пользователь может создавать разметку страницы вручную. Как правило, в этот режим документ переводится, когда создание визуального образа уже закончено и нужно задать дополнительные настройки, отредактировать выполнение скриптов и т.д. Управляющие теги выделяются цветом. Для каждого тега можно вывести всплывающее меню с набором его свойств. Свойства тега можно также задать с помощью команды Tag Properties .
На рис. 10.6
приведен вид рабочего окна в режиме работы с HTML-кодом.
Режим Preview служит для просмотра документа в том виде, как он будет выглядеть в окне браузера. Просмотр в Preview не должен быть единственным контролем проделанной работы. Необходимо тестирование работы Web-сайта в основных браузерах.
Для управления содержимым проекта - иерархией папок и составом файлов - служит рабочее окно, выводимое с помощью пиктограммы Folders
панели Views
(рис. 10.7
).
В списке слева перечисляются подпапки в составе основной папки Web-сайта. В основной части окна представлен список файлов с группировкой по подпапкам. Каждый файл сопровождается комментариями, в которых приведены сведения о типе файла, времени его модификации, авторе и дополнительные пояснения. Подпапки могут быть преобразованы в дочерние Web-сайты. В этом случае в список папок будет добавлена запись о дочернем Web-сайте (subweb).
При работе на Web-сайте могут потребоваться самые разные отчеты о состоянии работы. Отчеты представлены в специальном окне (рис. 10.8
), выводящемся при нажатии на пиктограмму Reports
панели Views
. В списке присутствуют следующие отчеты:
All files (список всех файлов в составе Web-сайта).
Pictures (список графических файлов в составе Web-сайта).
Unlinked files (файлы, недостижимые из основной страницы Web-сайта).
Linked files (файлы, достижимые из основной страницы Web-сайта).
Slow Pages (страницы, скорость передачи которых превышает предел (например, 30 с для скорости 28,8 Кбит/с).
Older files - файлы, созданные ранее последних 72 дней.
Recently added files - файлы, добавленные в течение последних 30 дней.
Hyperlinks - список всех гиперссылок.
Unverified hyperlinks - неподтвержденные гиперссылки.
Component errors - список файлов, в которых возникают ошибки представления компонентов.
Uncompleted tasks - список незавершенных заданий.
Unused themes - список неиспользованных декораций.
В каждом из списков можно перейти непосредственно к редактированию того или иного объекта, щелкнув мышью на соответствующей записи.
При разработке Web-сайта важно иметь представление о характере переходов между страницами. Топологию сайта можно оценить при помощи страницы карты навигации Navigation панели Views
(рис. 10.9
). На карте каждая страница представляется в виде прямоугольника, с названием. Страницы на схеме можно разделить на страницы-родители (страницы, с которыми связаны страницы-потомки более низкого уровня); страницы-потомки (связанные с родительскими страницами графическими или текстовыми гиперссылками); страницы-братья (страницы, имеющие общих родителей).
На схеме гиперссылок FrontPage (рис. 10.10
) демонстрирует графическое представление ссылок между фрагментами Web-сайта. Экран разделяется на две панели - список файлов и схему ссылок. На схеме отображается характер ссылок в виде значков. Конверт обозначает возможность посылки электронной почты прямо со страницы; рисунок - графический файл; глобус - внешнюю ссылку; разорванная ссылка - адрес ссылки задан неправильно; треугольник с восклицательным знаком - ошибка в задании компонента. На схеме также показаны пиктограммы типов файлов Microsoft Office, на которые ссылаются страницы
Сегодня проекты становятся все более сложными. Поэтому разработчику необходимо представлять объем работ, который предстоит выполнить, а также выстроить продуманную последовательность действий при создании Web-сайта. С другой стороны, разработка Web-сайтов ведется, как правило, рабочей группой, членам которой нужно координировать свои действия. В связи с этим предусматривается ведение списков заданий.
FrontPage предлагает режим Tasks View (перечень заданий). Проводник формулирует перечень заданий для каждого Web-сайта, создаваемого в FrontPage, и предоставляет этот список в распоряжение всех авторов, принимающих участие в работе. Программный пакет не только позволяет записать все эти задания, но и избавляет от необходимости их упорядочивать. Каждое задание сопровождается его описанием, приоритетом, конкретным исполнителем и т.д.
Окно (рис. 10.11
) открывается по нажатии пиктограммы Tasks
или при выборе в меню View
Проводника опции Tasks
.
В окне выводится список заданий, состоящий из следующих полей:
Status - состояние заданий (красный маркер - не выполнено, зеленый - выполнено),
Task (Задание) - содержит описание задания,
Assigned To (Кому предназначено) - показывает ответственных за выполнение каждого из заданий,
Priority (Приоритет) - указывает приоритет задания: high (высокий), medium (средний) или low (низкий),
Associated With (Связано с) - имя страницы или файла, требующих редактирования для выполнения задания,
Modified Date (Дата изменения) - дата последнего изменения задания,
Description (Описание) - описание каждой задачи.
Главное меню программного пакета . Главное меню программы выполнено в виде стандартного меню Microsoft Office 2000 и включает десять команд: File , Edit , View , Insert , Format , Tools , Table , Frame , Windows , Help .
В меню File объединены функции управления файлами и проектами, создания Web-сайта и отдельной Web-страницы, их сохранения, закрытия, печати и выхода из программы. Например:
New/FrontPage Web - создание нового Web-сайта.
New/Folder - создание нового каталога в существующем сайте.
Open FrontPage Web - открытие существующего Web-сайта для просмотра или редактирования.
Close FrontPage Web - закрытие текущего Web-сайта.
Publish FrontPage Web - перенос текущего содержимого на другой Web-сервер или в папку.
Delete FrontPage Web - удаление содержимого текущего Web-сайта.
Import - импорт файлов или папок в текущий Web-сайт.
Export - экспорт документа в файл.
Page Setup - настройка параметров страницы при печати.
Print Preview - предварительный просмотр документа перед печатью.
Recent File - список файлов, изменявшихся в последнее время.
В меню Edit включены команды отмены совершенного действия, копирования объекта в буфер, вставки объекта, поиска и замены фрагментов текста, а также работы с заданиями. Состав этого меню наиболее близок к традиционным:
Cut - вырезать документ с помещением в буфер обмена.
Redo - отмена отмены.
Copy - скопировать документ в буфер обмена.
Paste - вставить документ из буфера обмена.
Delete - удалить документ.
Rename - переименовать документ (при этом автоматически изменяются ссылки во всех документах на переименовываемый объект для обеспечения целостности данных).
Open - открыть документ для редактирования (FrontPage Editor для HTML и т.д.).
Open with - открыть документ для редактирования с указанием типа редактора.
Add To Do Task - добавить элемент в список задач.
Bookmark - вставка/редактирование закладки.
Database - управление отбором данных из БД в документ.
Properties - просмотр свойств документа и т.д.
Меню View включает команды установки режимов работы, визуализации тегов, вид плавающих панелей:
Toolbar - включение/выключение панели инструментов.
Status Bar - включение/выключение строки состояния.
Format Marks - включение/выключение отображения символов форматирования.
Refresh - обновление информации в документе.
Hyperlink View - включение режима просмотра связей.
Folder View - включение режима просмотра структуры папок.
Hyperlinks to Images - включение/выключение режима просмотра связей документов с графическими файлами.
Repeated Hyperlinks - включение/выключение отображения повторяющихся связей.
Hyperlinks inside Page - включение/выключение режима отображения связей внутри документа.
Refresh - обновление отображаемой информации.
Меню Insert включает команды вставки элементов различных типов (разрыва, горизонтальной линии, символа, комментария, графического изображения, видеоизображения, фоновой музыки, текстового файла, управляющего компонента, гиперссылки, ActiveX, JavaScript, PowerPoint Animation, формы, даты и времени и т.д.), собранные в соответствующие подменю.
Меню Format объединяет опции форматирования, управления внешним видом страниц, установки стиля оформления, параметров шрифта и абзаца, настройки типа списка, управления эффектами, установки фонового изображения и т.д.
Меню Tools включает дополнительные функции управления свойствами проекта, проверки орфографии, установки свойств всего Web-сайта или отдельной страницы в его составе, а также рабочей средой FrontPage. С помощью этого меню осуществляется запуск FrontPage Editor.
Меню Table , Frames и Window включают специфические опции работы с таблицами, фреймами (кадрами) и окнами.
Некоторые опции указанных подменю поддерживаются меню более низкого уровня, так что получается иерархическая структура. Ниже, на рис. 10.12
приведено подменю Insert/Active Elements (Вставить/Активные элементы)
.
Следует отметить, что от версии к версии происходит изменение как состава главного меню, так и поддерживающих его опций.
Диалоговые окна . При работе с программным пакетом MS FrontPage многие опции требуют установки дополнительных настроек, для чего служат диалоговые окна. Помимо стандартных окон Microsoft Office (открытие и сохранение Web-сайта или объекта в составе сайта, окна со списком шаблонов и т.д.) в FrontPage используются и специальные диалоговые окна, среди которых следует отметить диалоговые окна задания свойств тегов, для каждого из стандартных тегов и некоторые другие.
В качестве примера на рис. 10.13
приведено диалоговое окно вставки таблицы (Insert Table
).
Наиболее часто используемые команды представлены в составе инструментальных панелей. Общий вид этих панелей идентичен панелям MS Office. Например, на рис. 10.14 приведен общий вид фрагмента инструментальной панели: перейти в FrontPage Explorer (), вставить компонент FrontPage (Insert FrontPage Component ), вставить таблицу (Insert Table ), вставить изображение (Insert Image ), создание или редактирование гиперссылки (Create or Edit Hyperlink ).
Окна Мастеров
. Мастера в FrontPage построены так же, как и мастера в других приложениях Microsoft Office 2000. В качестве примера можно привести окно Мастера создания Web-сайта дискуссий, приведенное на рис.10.15
.
Слева располагается изображение, характеризующее тот или иной шаг мастера. Под изображением находится индикатор состояния (полоса с указанием, какая часть мастера выполнена). Справа помещены поля настройки и комментарии. Кнопки на форме: Cancel (Отмена) , Back (Назад) , Next (Дальше) , Finish (Закончить) .
Использование . Этот программный модуль предназначен для разработки структуры организации Web-узла. Он предоставляет множество средств управления Web-страницей, в том числе проверку ссылок, управление графическими стилями и списком текущих задач, а также дает возможность (путем нажатия одной кнопки) публиковать на данном Web-узле либо всю информацию, либо лишь те страницы, которые претерпели изменения.
Фактически FrontPage Explorer (Проводник FrontPage) - это приложение в пакете программ FrontPage, использующееся для управления целым Web-узлом.
Одно из важнейших свойств Проводника - создание структуры Web-документа. Можно построить несколько пустых (незаполненных) документов, в которые потом включить все нужные сведения. Мастера и шаблоны Проводника построят законченные Web-документы и установят их. Задача разработчика состоит в их настройке и внесении дополнений. Таким образом, имея основу, легче выполнить работу в целом.
Проводник позволяет также установить параметры управления Web-документом. Можно определить, кто будет иметь доступ к документу Web на различных уровнях: от администраторов и авторов до конечных пользователей. Можно ограничить доступ к Web-документу внутри собственной организации. Можно задать режим регистрации пользователей перед открытием документа.
Предоставляя три различные возможности визуализации Web-узла, Explorer помогает увидеть, как организована и связана информация и где могут обнаружиться неправильные ссылки.
Создав узел, его можно перенести на сервер, выбрав команду File/Copy Web (в Explorer).
Создание нового узла
. Для создания нового Web-узла (или, по терминологии FrontPage, нового Web) необходимо выбрать в меню File
команду New Web FrontPage
или щелкнуть по кнопке New Web
на панели инструментов. Появится диалоговое окно, показанное на рис. 10.16
. Из этого окна требуется выбрать один из двух режимов работы: открыть существующий Web-узел для продолжения работы или создать новый Web-узел. Если будет создаваться новый Web-узел, то после нажатия кнопки ОК
на экране появляется диалоговое окно, представленное на рис. 10.17
.
В этом окне можно выбрать один из шести предлагаемых шаблонов для Web-узла или один из двух Мастеров создания Web-узлов.
Диалоговое окно предоставляет возможность выбора между вариантами, различными по уровню сложности, - от Empty Web (пустой Web) до Corporate Presence Wizard (Мастер представления фирмы). Различие заключается в диапазоне возможностей.
Для того чтобы создавать Web-узел «с нуля», необходимо вы-брать опцию Empty Web (Пустой узел) . Пустой Web позволит получить Web-документ, в котором будет отсутствовать какая-либо информация.
Выбор опции Corporate Presence Wizard вводит в действие мастера (программное средство автоматизации), позволяющего получить заполненный Web-документ с помощью шаблонов страниц, разработанных специально для представления фирмы.
После выбора варианта Web-узла пакет предложит ввести в появившемся диалоговом окне имя и пароль, а затем в окне рис. 10.18
место размещения нового Web-сайта.
Шаблон личного Web-узла (рис. 10.19
) поставляется уже сконфигурированным, с ссылками на страницы сотрудников и руководителей, а также ссылкой mailto (послать письмо).
Использование . Редактор FrontPage поставляется с тремя мастерами - Form Page (Страница с формами), Frames (Кадры) и Personal Home Page (Личная страница). Редактор использует свыше двадцати шаблонов (рис. 10.20
).
В диалоговом окне шаблоны могут быть представлены в виде списка или иконок.
Если необходимо создать пустой документ, выбирается шаблон Normal (Обычный).
Для создания новой страницы нужно в FrontPage Editor активизировать команду File/New . Затем в раскрывшемся диалоговом окне New (рис. 10.20) выбрать тип шаблона или позицию Normal Page (Обычная страница) и нажать кнопку OK . В последнем случае на экране появится пустая страница, в правом верхнем углу которой находится мигающий курсор. Для размещения текста необходимо ввести его с клавиатуры или вставить из буфера. Редактор использует буфер обмена аналогично другим приложениям MS Office: можно вырезать или копировать любые фрагменты в других открытых в Редакторе страницах или из документов других программных приложений. Процедура традиционна: вырезаем или копируем нужный фрагмент в буфер, переходим в создаваемый документ и выполняем вставку. Удалить текст или другие элементы можно несколькими способами: выделив удаляемый фрагмент, можно затем нажать клавишу Del или активизировать команду Edit/Clear .
Для открытия страницы Web-сайта в FrontPage Editor исспользуется команда File/Open . При активизации этой команды раскрывается диалоговое окно Select File традиционной формы.
Установка свойств Web-страницы и Web-сайта
. Для установки в Редакторе свойств страницы используется команда File/Page Properties (Свойства страницы)
. В диалоговом окне Page Properties
(рис. 10.21
) помимо общей информации, например, названия страницы, устанавливаются такие параметры, как фоновый рисунок и фоновый звук, цвет фона, стандартные цвета текста и гиперссылок, поля страницы. Для редактирования свойств Web-страница должна быть открыта в FrontPage Editor.
В текстовом поле Title можно ввести или отредактировать название страницы; поле Base Location предназначено для задания необязательного базового URL-адреса страницы. Для установки ссылки на целевой фрейм этой страницы вводится его имя в текстовом поле Default Target Frame . В секции Background Sound (Фоновый звук) можно задать свойства фонового звука (звуковой файл можно проигрывать несколько раз или закольцевать, пока будет открыта страница).
На вкладке Margins можно задать верхний и левый отступы для страницы. Для этого задается флажок отступа и вводится размер отступа в пикселах.
Вкладка Custom предоставляет список использованных на странице метапеременных, которые находятся в коде HTML-страницы и содержат информацию о странице, тип содержимого, набор символов, название приложения, сгенерировавшего код и т.п. Они не выводятся на странице, но несут информацию для браузеров.
На этой вкладке можно добавлять, удалять и редактировать системные и пользовательские метапеременные.
Вкладка Language используется для задания кодировок. В окнах со списками доступных языков выбирается кодировка, используемая при сохранении HTML-документа, и кодировка, применяемая при его последующей загрузке.
Для задания свойств не отдельной страницы, а Web-сайта в целом нужно открыть диалоговое окно установок Web-сайта FrontPage Explorer (Tools/Web-settings
). В этом многофункциональном окне (рис. 10.22
) можно задать различные параметры создаваемого Web-сайта.
На вкладке General приводятся название Web-сайта и сведения о нем (версия расширений сервера и версия самого сервера).
Вкладка Advanced содержит поле ввода со списком выбора языка скриптов, используемого по умолчанию (VBScript или JavaScript). Для демонстрации файлов скрытых папок следует вы-брать флажок опции показа файлов скрытых папок. Если требуется удалить временные файлы, следует нажать кнопку Delete Files .
Для выбора кодировки страницы по умолчанию нужно указать ее значение в поле со списком Default Page Encoding вкладки Language . В поле со списком Server Message Language этой же папки задается язык сообщений, возвращаемых сервером.
В панелях навигации употребляются разделы перехода к основной странице, на страницу вперед или назад и на уровень вверх. На вкладке Navigation можно задать названия разделов (по умолчанию заданы Home, Back, Next, Up). По нажатии кнопки Default ранее введенные значения заменяются на перечисленные выше.
Редактирование документа . После создания документа или загрузки его из существующего набора (Web) можно использовать многочисленные функции редактора для создания или редактирования страницы.
В словаре FrontPage слово Web обозначает группу документов, составляющих Web-узел. Когда загружается документ из Web, то считывается документ, являющийся частью узла, созданного FrontPage.
Панели инструментов Редактора . Рис. 10.23 иллюстрирует панели и инструментарий Редактора FrontPage. Многие из них похожи на кнопки панелей инструментов, которые существуют в других приложениях MS Office.
Редактор FrontPage предоставляет для создания документов ряд панелей инструментов. Нижняя полоска инструментов носит название панели форматирования.
Если поместить указатель мыши над любой кнопкой панели, то через несколько секунд появится подсказка о назначении этой кнопки.
С помощью опций меню View (Вид) можно сделать любую из панелей инструментов видимой или невидимой.
Форматирование текста . При форматирование текста можно использовать текстовые стили. Физические стили доступны через панель инструментов.
Редактор FrontPage предоставляет множество вариаций гарнитуры символов текста, их цвета и размера. Можно менять большинство параметров оформления, используя кнопки на панели инструментов, причем абсолютно все опции включены также и в различные меню.
FrontPage в соответствии с правилами языка HTML исчисляет размер шрифта в уровнях. При этом наименьшему уровню соответствуют наименьший размер; например, первому уровню соответствует текст с размером кегля 8 пунктов второму уровню - 10 и т.д.
Для изменения размера шрифта нужно выделить участок текста, который необходимо изменить, а затем щелкнуть на кнопке увеличения (Increase Text Size
) или уменьшения (Decrease Text Size
) размера шрифта на панели инструментов. Можно также использовать команду Format/Font (Формат/Шрифт)
, которая вызывает появление диалогового окна, приведенного на рис. 10.24
.
В этом окне предусмотрена возможность выбора шрифта, изменения начертания шрифта (полужирный, курсив или подчеркнутый), выбора необходимого размера символов и задания различных эффектов.
Редактор предоставляет несколько дополнительных стилей (специальных стилей). Для их выбора используется вкладка Special Styles
(рис. 10.25
) приведенного выше окна.
Чтобы применить специальный стиль, следует его вы-брать, а затем нажать кнопку OK . Доступны следующие специальные стили:
Citation. Курсив, который может быть использован для выделения заголовков.
Sample. Шрифт пишущей машинки.
Definition. Используется для выделения терминов.
Blink. Делает текст мерцающим.
Code. Моноширинный шрифт, который обычно используется для представления кода программ.
Variable. Курсив, который может использоваться для выделения (например, имен переменных).
Bold. Полужирный шрифт.
Italic. Простой курсив.
Keyboard. Моноширинный шрифт, который можно использовать, например, для ввода текста пользователем.
Напротив каждого флажка со стилем стоит соответствующий тег стиля. Возможно использование нескольких стилей одновременно.
Пакет FrontPage позволяет ввести один или несколько символов выше или ниже базовой линии строки. Такой специальный стиль называется «верхний или нижний индекс» и используется весьма часто. Для установки этого стиля в раскрывающемся списке
- Vertical Position (Вертикальная позиция)
- Font (вкладка Special Styles)
- Superscript (Верхний индекс)
- Subscript (Нижний индекс)
Номера уровней соответствуют изменению высоты верхнего или нижнего индекса по отношению к основной строке.
Форматирование абзацев . Редактор FrontPage предоставляет возможность форматирования абзацев. Оно выполняется по аналогии с текстовыми редакторами.
Создание нового абзаца в процессе ввода текстовой информации осуществляется нажатием клавиши Enter.
По умолчанию новый абзац будет использовать стиль Normal (Обычный). Для установки иного стиля абзаца нужно сделать следующее:
Установить курсор там, где необходимо начать следующий абзац.
Выбрать пункт Paragraph (Абзац) в меню Format (Формат) . Выбрать новый стиль в диалоговом окне Paragraph Properties (Свойства абзаца) и нажать кнопку OK .
Тот же эффект можно получить в режиме редактирования, например:
Выделить абзац и для него описанным выше способом назначить новый стиль.
Щелкнуть правой кнопкой мыши в пределах абзаца и в появившемся контекстном меню выбрать пункт Paragraph Properties , выбрать в раскрывшемся диалоговом окне новый стиль и щелкнуть на кнопке OK .
Для задания отступа абзаца нужно установить курсор в пределах абзаца и нажать кнопку Increase Indent (Увеличить отступ) или кнопку Decrease Indent (Уменьшить отступ) на панели инструментов. Таким образом увеличивается или уменьшается отступ.
Для выравнивания абзаца по левой и правой границе и центрирования используются клавиши Align Left (Выключка влево) , Align Right (Выключка вправо) или Center (Выключка по центру) соответственно на панели форматирования. Эти кнопки могут использоваться как для позиционирования абзаца на странице, так и для размещения текста в ячейке таблицы.
Чтобы вставить разрыв строки, надо установить курсор там, где должен быть переход на следующую строку, а затем выбрать в меню Insert пункт Line Break (Разрыв строки). Появится диалоговое окно Break Properties (Свойства разрыва) (рис. 10.26
).
В этом окне следует выбрать одну из следующих опций:
Normal line break (Обычный разрыв строки) . Добавление разрыва строк без сдвига текста, вне зависимости от наличия какого-либо графического изображения с левой или с правой стороны.
Clear left margin (До свободного левого края) . Если с левого края страницы располагается изображение, то строка после разрыва начнется ниже изображения, т.е. по чистому левому краю.
Clear right margin (До свободного правого края) . Если с правого края страницы располагается изображение, то строка после разрыва начнется ниже изображения, т.е. по чистому правому краю.
Clear both margin (До свободных границ с обеих сторон) . Если хотя бы с одного из краев страницы располагается изображение, то строка после разрыва начнется там, где поле страницы свободно.
Для вставки горизонтальной линии используется команда Insert/Horisontal Line . Появившаяся линия будет использовать те же параметры оформления, что и предыдущая горизонтальная линия, созданная при помощи Редактора FrontPage.
Для изменения цвета выделяется участок текста и нажимается кнопка Text Color (Цвет текста)
на панели форматирования. В появившемся диалоговом окне Color (Цвет)
(рис. 10.27
) выбирается цвет из стандартного набора и нажимается кнопка OK
. Для использования дополнительных цветов необходимо нажать кнопку Определить цвет (Define Custom Colors)
, задать цвет и затем щелкнуть мышью на кнопке Add to Custom Colors
.
Создание таблиц . Для того чтобы вставить таблицу, можно использовать команду Table/Insert Table или щелкнуть по кнопке Insert Table панели инструментов. На экране будет визуализироваться диалоговое окно
После нажатия курсором на кнопку панели с изображением карандаша (первая слева) можно вручную нарисовать ячейки таблицы. При этом курсор в рабочем поле окна преобразуется в символ карандаш. Контур будущей таблицы строится, подобно построению прямоугольника в графическом пакете. Рисуя прямые линии, отображающиеся в процессе рисования пунктиром, можно разделить очерченную область на строки и столбцы и получить любую, сколь угодно сложную структуру таблицы. По отпускании левой клавиши мыши пунктирные линии преобразуются в границу ячейки, строки или столбца.
Для удаления разметки таблицы используется инструмент Ластик (вторая слева кнопка панели). Можно и автоматически вставлять столбец или строку в таблицу (кнопки Insert rows , Insert column ). Выделенные ячейки удаляются по нажатии кнопки Delete Cells .
Выделив несколько ячеек, можно объединить их в одну или разделить на части (кнопки Split Cells и Merge Cells ).
За способы выравнивания объектов в ячейках отвечают кнопки (Align Top - по верхнему краю ячейки, Center Vertically - по центру, Align bottom - по нижнему краю).
Выделенные ячейки можно выровнять по высоте (кнопка Distribute Rows Evenly ) или ширине (кнопка Distribute Rows Evenly ).
Заливка выбирается из выпадающего списка (кнопка Fill Color ).
Часто требуется ограничить размеры ячеек размерами объектов. Для этого используется кнопка Auto Fit .
Вставка изображений . При выборе изображения на странице панель инструментов Image становится доступной. Она не только позволяет встраивать изображения, но и предоставляет возможность формировать специальные активные области изображений для создания гиперссылок. С помощью этой панели можно осуществлять некоторые преобразования изображений, например задать прозрачные цвета в изображении.
Пакет FrontPage может осуществлять импорт изображений. При этом FrontPage поддерживает разнообразные форматы файлов: *.TIF, *.PCX, *.JPG и *.GIF из файлов или архивов URL. Способ преобразования формата *.JPG в формат.GIF, к сожалению, не был найден. Это может повлечь за собой возникновение проблем при использовании программ просмотра, не поддерживающих формат *.JPG.
Для того чтобы поместить изображение на страницу, необходимо выбрать пункт меню Insert/Image
. По этой команде визуализируется диалоговое окно вставки изображения (рис. 10.31
).
В этом окне представлены опции для загрузки файла с локального диска или через URL-адрес, которые можно привязать к странице.
По умолчанию изображение помещается в позицию курсора и выравнивается по левому краю. Можно усилить контроль над расположением изображения, если воспользоваться окном свойств этого изображения. Для вызова окна необходимо щелкнуть правой кнопкой мыши по полю изображения и в появившемся контекстном меню выбрать пункт Properties
. Диалоговое окно Properties
показано на рис.10.32
. В нем можно задать режим выравнивания, определить размеры рамки, величину горизонтального и вертикального промежутков, текстовую альтернативу изображения и его версию более низкого разрешения, а также, если имеются гиперссылки, с какими URL-адресами они связаны.
При необходимости можно использовать атрибуты тега , которые недоступны в диалоговом окне свойств, нажав кнопку Extended
для того, чтобы открыть диалоговое окно, где можно ввести атрибут и его значение вручную.
Работа с фреймами (кадрами)
. Для подготовки страницы c фреймами используются опции меню Frame
(фрейм, кадр). В режиме создания нового документа в меню Frame
оказывается доступной одна команда: New Frames Page
. Ее активизация открывает диалоговое окно выбора одного из десяти шаблонов (рис.10.33
).
В левой части диалогового окна в поле Frames
приведены типы возможных сочетаний фреймов. Они могут быть представлены в виде списка или иконок. Предварительно выбранная совокупность фреймов визуализируется в поле просмотра (Preview
), в правой части диалогового окна (рис. 10.33). После выбора соответствующего шаблона на создаваемой странице (фреймсете), по нажатии кнопки ОК
, появится разбиение страницы на фреймы. На рис. 10.34
приведен пример кадров шаблона Banner and contents.
В каждом из трех представленных на странице фреймов присутствуют идентичные кнопки:
Set Initial Page : выбрать готовую страницу в качестве содержания фрейма (кадра).
New Page : создается новая страница для кадра.
После нажатия соответствующей кнопки в Редакторе отобразится выбранная страница фрейма.
Для управления свойствами фрейма используется диалоговое окно Frame Properties
(рис. 10.35
), раскрывающееся командой Frame/Frame Properties
.
В нем задаются размеры и отступы при выводе фрейма, название кадра и исходная страница, а также способы представления полосы прокрутки: по мере надобности, всегда, никогда (рис. 10.36
).
Границы между фреймами могут перетаскиваться курсором мыши.
Вставка баннеров
. Баннеры используются для размещения на Web-странице изменяющегося рекламного текста или изображений. Для вставки в страницу баннера используется Менеджер баннеров (рис. 10.40
). Окно менеджера открывается с помощью команды Insert/Component/Banner Ad Manager
.
В полях Width и Height указывается ширина и высота баннера в пикселах. Для перехода между сменяющими друг друга изображениями используется способ, заданный в поле Transition Effect (горизонтальный переход, вертикальный переход, растворение, сжатие, расширение или простой переход без визуальных эффектов). В поле ввода Show each picture for... задается время показа каждого изображения (в секундах).
По нажатии кнопки баннера должен производиться переход на ресурс, указанный рекламодателем. Поэтому в поле Link To приводится URL-адрес, на который будет осуществляться переход.
Для реализации работы баннера необходимо задать изображения. Для этого в списке Pictures to Display указывают список графических файлов. Список снабжен стандартной панелью навигации (Add - добавить, Remove - удалить, Move Up - перенести изображение выше по списку, Move down - перенести ниже).
Для того чтобы вставить готовый баннер, следует нажать кнопку OК окна менеджера, отмена производится нажатием Cancel .
Установка гиперссылок
. Для создания гиперссылки необходимо отметить текст, который будет служить указателем гиперссылки, и нажать кнопку на панели инструментов Create or Edit Link ()
. На экране появится диалоговое окно, подобное тому, что показано на рис. 10.41
.
Установка ссылки для изображения в целом аналогична созданию ссылок на фрагмент текста. В этом случае нужно щелкнуть по изображению, для которого создается ссылка, и нажать кнопку Создать или редактировать ссылку для того, чтобы открыть диалоговое окно, представленное на рис. 10.41.
При создании ссылки для изображения-карты необходимо щелкнуть по изображению и использовать кнопки на панели инструментов Image для указания треугольных, круговых или многоугольных активных участков, связанных с данной ссылкой (hot region).
Диалоговое окно Create Link позволяет создавать ссылки на файлы локального Web-узла, на файлы в других Web-сайтах Internet или на файлы, которые созданы, но являются пустыми.
Инструменты для управления ссылками . Эти функции обычно возлагаются на администратора Web-узла. Отслеживание всех ссылок внутри или выходящих за пределы данного Web-узла требует регулярной проверки каждой ссылки в отдельности. Поэтому FrontPage Explorer поставляется с утилитами для работы со ссылками.
Проверка ссылок
. Если в меню Tools
выбрана команда Verify Hyperlinks
, то Проводник (Explorer) должен выполнить проверку всех ссылок в узле, включая те, которые ведут к страницам, расположенным за его пределами. Проводник предоставляет отчет в форме, показанной на рис. 10.42
.
Ссылки на страницы внутри Web-узла помечаются красным кружком и словом Broken , если обнаруживается, что они разорваны. Если ссылка работает нормально, она вообще не выводится на экран. Ссылки на страницы за пределами узла отмечаются желтым кружком и вопросительным знаком. Это означает, что они должны еще быть проверены. Можно проверить каждую внешнюю ссылку, пометив ее и нажав кнопку Verify . Если внешняя ссылка оказывается действующей, Проводник помещает перед ссылкой зеленый кружок со словом ОК . Если ссылка оказывается разорванной, появляется красный кружок со словом Broken .
Пересчет ссылок . Команда Tools/Recalculate Links (Пересчет ссылок ) обновляет то, что видно в каждом из трех режимов просмотра, чтобы отразить изменения, сделанные авторами.
С помощью команды Recalculate Links можно:
обновить информацию о Web-узле, визуализируемую в режимах обзорного вида, вида на ссылки и обобщенного вида;
регенерировать все зависимые команды в открытом Web-узле;
обновить индекс, созданный компонентом Search bot.
Пересчет ссылок фактически выполняется в персональном Web-сервере, который является частью пакета FrontPage. После того как сервер заканчивает выполнение этой команды, управление возвращается к Проводнику (Explorer).
Сохранение документа
. Для того чтобы сохранить созданный документ, используется команда File/Save as
, по которой открывается диалоговое окно, представленное на рис. 10.43
. В этом диалоговом окне можно сохранять документы как обычный файл или как шаблон.
При одновременной работе с несколькими файлами в меню File), мы применили следующие процедуры:При оформлении Web-страниц можно также воспользоваться предложенными в программном пакете видами оформления. Доступ к ним открывается в меню Format/Theme/Choose Theme
. По активизации этой команды раскрывается диалоговое окно тем, представленное на рис. 10.50
.
В качестве примера реализации Web-документа в программном пакете FrontPage приведем электронное издание, подготовленное в рамках курсовой работы по электронным изданиям, титульный лист которой представлен на рис. 10.51
.
Титульный лист выполнен в виде двух фреймов, предназначенных для визуализации оглавления (левый фрейм) и содержания работы (правый фрейм). Правый фрейм выполнен со скроллингом, позволяющим пролистывать материал. При нормальном размере окна браузера оглавление электронного издания полностью помещается в левый фрейм, поэтому скроллинг не предусмотрен.
В центре правого фрейма над заголовком электронного издания размещено окно с анимацией.
Из окна меню по ссылке можно выйти в любой текстовой раздел. При этом содержимое правого фрейма изменяется (рис. 10.52
).
Для горизонтального перемещения между разделами преду-смотрены графические кнопки (рис. 10.53
), которые позволяют пролистывать материал разделов без возвращения в оглавление.
Таким образом, программный пакет FrontPage является многофункциональной программной средой, позволяющей создавать полноценные Web-страницы и Web-сайты. Его интеграция в пакет Microsoft Office, по мнению разработчиков, позволяет более эффективно использовать возможности приложений MS Office по созданию материалов для заполнения Web-страниц и фреймов (кадров) путем импорта материалов из этих приложений.
Прослеживая тенденции развития данной программной среды, необходимо отметить, что разработчики FrontPage стремятся не только сделать программный пакет доступным непрофессиональному пользователю, но и ориентируются на применение этого программного пакета для разработки Web-сайтов высокой степени сложности, в том числе в условиях корпоративной деятельности разработчиков сайтов. В представленном выше материале авторы пытались показать простоту и доступность интерфейса программного пакета, сочетающуюся с функциональным многообразием данной программной среды, реализованной на уровне наглядного представления разрабатываемого Web-сайта во всех его аспектах.
Использование мультимедийных компонентов, языков сценариев, Java-апплетов и т.д. открывает широкие возможности для построения современных Web-сайтов и Web-страниц в рассмотренной программной среде, удовлетворяющих требованиям профессионалов.
Microsoft Office FrontPage 2003 - уникальная программа, с помощью которой с легкостью можно создать сайт. Наличие Справки, множества простых, можно сказать стандартных программ, делают ее незаменимой помощницей для новичков. Для того, чтобы поподробнее ознакомиться с возможностями Microsoft Office FrontPage мы рассмотрим набор возможных команд.
Чтобы выполнить оптимизацию HTML-текста при публикации страницы, необходимо настроить удаленный веб-узел.
1. В представлении Удаленный веб-узел на вкладке Веб-узел нажмите кнопку Оптимизировать опубликованный HTML-текст.
2. На вкладке Оптимизация HTML выберите вариант При публикации оптимизировать код HTML, удалив следующие элементы.
3. Выберите нужные параметры.
Примечания
· Программа Microsoft FrontPage не применяет эти параметры к веб-страницам, ранее опубликованным на веб-узле. Чтобы применить эти параметры к странице, опубликуйте ее на веб-узле.
· Оптимизацию HTML-текста можно выполнить при публикации с локального веб-узла на удаленный, но не наоборот.
· Если установлен флажок Все примечания HTML или Примечания в динамических веб-шаблонах, при оптимизации HTML-текста программа FrontPage удаляет весь код динамических веб-шаблонов для этой страницы. Поэтому все содержимое страницы, связанное с динамическим веб-шаблоном, не будет больше отображаться для посетителей узла. С помощью веб-компонентов в программе Microsoft FrontPage в веб-узел можно включить широкий спектр функциональных возможностей, начиная от счетчиков посещений, регистрирующих число посетителей на странице, до фотоколлекций, представляющих собой наборы графических изображений. Существует два вида веб-компонентов: компоненты времени разработки и компоненты времени просмотра. Компоненты времени разработки являются средствами создания и разработки веб-страниц. Они доступны в программе FrontPage. При добавлении компонента времени разработки в веб-узел -- например, фотоколлекции или панели ссылок -- не требуется устанавливать дополнительное программное обеспечение или серверные технологии на веб-сервере, на котором размещен веб-узел. Компоненты времени просмотра доступны на веб-узлах, размещенных на веб-серверах, на которых запущены серверные расширения Microsoft FrontPage Server, службы SharePoint Team Services (Microsoft) или Microsoft Windows SharePoint Services.
· Гиперссылка -- это связь между веб-страницами или файлами. При щелчке гиперссылки посетителем узла указанный в ней объект отображается в веб-обозревателе, открывается или запускается в зависимости от типа этого объекта. Например, при щелчке гиперссылки на страницу эта страница отображается в веб-обозревателе, а при щелчке гиперссылки на avi -файл этот файл открывается в проигрывателе Windows. Способы применения гиперссылок:
Переход к файлу или веб-странице в локальной сети, в интрасети или в Интернете
Переход к файлу или веб-странице, которые будут созданы в будущем
Отправка сообщения по электронной почте
Запуск передачи файла, например загрузки файла или отправки файла по протоколу FTP
Переход к закладке
Создав гиперссылку, перейдите по ней до объекта назначения, чтобы убедиться, что она ведет к нужной странице, программе, файлу, адресу электронной почты. При наведении указателя мыши на текст или рисунок, которые содержат гиперссылку, он принимает вид руки с поднятым указательным пальцем, что означает, что этот элемент можно щелкнуть. В программе Microsoft FrontPage переход по гиперссылкам и их отображение выполняется по-разному в зависимости от объекта назначения. При создании гиперссылки ее назначение кодируется в формате URL (Uniform Resource Locator -- универсальный указатель ресурсов). Адрес URL задает протокол (например, HTTP или FTP) и содержит имя веб-сервера или места в сети, а также путь и имя файла, как показано в таблице.
Гиперссылки в рисунках не всегда видны. Однако, чтобы проверить, является ли рисунок гиперссылкой, достаточно навести на него указатель мыши. При наведении на гиперссылку указатель мыши принимает вид руки с поднятым указательным пальцем.Можно создать гиперссылку в виде текста или рисунка. Текстовой гиперссылкой называется слово или фраза, которым назначен адрес URL назначения. Гиперссылкой в виде рисунка называется рисунок, которому назначен адрес URL назначения. Этот адрес может быть назначен рисунку одним из двух способов.
· Всему рисунку назначается гиперссылка, используемая по умолчанию. В этом случае при щелчке любой части рисунка отображается объект назначения. Например, кнопка является рисунком, которому назначена гиперссылка, используемая по умолчанию.
· Рисунку можно назначить один или несколько гиперобъектов, то есть могут быть заданы области рисунка, являющиеся гиперссылками. Рисунок, содержащий гиперобъекты, называется гиперкартой. Например, гиперкартой может быть рисунок, представляющий различные разделы веб-узла, такие как домашняя страница, страница каталога и так далее. Для отображения какой-либо страницы посетитель узла щелкает соответствующую область гиперкарты.
Способы отображения гиперссылок: в веб-обозревателях текстовые гиперссылки обычно подчеркиваются и отображаются другим цветом. Имеется возможность выбрать цвета, которые будут использоваться в веб-обозревателе для отображения гиперссылок. При использовании стандартных HTML-атрибутов можно выбрать три цвета, соответствующие разным состояниям гиперссылок. Гиперссылка -- не использовавшаяся гиперссылка. Активная гиперссылка -- выбранная в настоящий момент гиперссылка. Просмотренная гиперссылка -- гиперссылка, по которой уже был осуществлен переход. Закладкой называется определенное место или выбранный текст на странице, помеченные соответствующим способом.
Закладки могут использоваться в качестве назначений для гиперссылок. Например, если требуется показать посетителю узла определенную часть страницы, добавьте гиперссылку, в которой в качестве назначения будет задана закладка этой части страницы. При щелчке этой гиперссылки будет отображаться соответствующая часть страницы, а не ее начало. Закладки могут также использоваться для поиска определенных мест на странице. Например, можно добавить закладку для каждого основного заголовка на странице. При изменении страницы каждый раздел можно легко найти, перейдя по соответствующей закладке.
Если закладка создается для места, а не для текста, в программе FrontPage она обозначается значком. В противном случае текст подчеркивается штриховой линией. При переименовании файла на веб-узле в Microsoft FrontPage выполняется поиск гиперссылок на этот файл. Если такие гиперссылки существуют, в них автоматически обновляется имя файла. При перемещении файла на веб-узле (например в другую папку или подпапку) в Microsoft FrontPage автоматически обновляются все гиперссылки на него. Перед публикацией веб-узла рекомендуется всегда проверять работу гиперссылок. Если веб-узел содержит неработающую гиперссылку (гиперссылку с неверным адресом URL назначения), при щелчке такой ссылки посетителем узла в веб-обозревателе отображается сообщение об ошибке. Причиной такой ошибки может послужить опечатка в адресе URL, либо адрес URL может указывать на удаленную с веб-узла страницу. Если объектом назначения является другая страница в Интернете, возможно, она была перемещена или удалена.
Проверка специальных возможностей: в Microsoft Ресурсы Office FrontPage 2003 представлено новое средство проверки специальных возможностей на веб-страницах. Проверка специальных возможностей позволяет обнаружить несоответствие определенных возможностей методическим рекомендациям по специальным возможностям для веб-содержимого (Web Content Accessibility Guidelines, WCAG) WWW-консорциума (W3C) или требованиям статьи 508 закона США о реабилитации (Section 508 of the U.S. Rehabilitation Act). WCAG закладывает основы создания веб-страниц со специальными возможностями для людей с нарушениями подвижности, зрения и слуха. Статья 508 устанавливает стандарты правительства США для специальных возможностей широкого спектра информационных источников и технологий.
Дополнительные сведения о функциях проверки специальных возможностей FrontPage см. в справке Microsoft FrontPage. С помощью сочетаний клавиш можно быстро выполнять часто используемые задачи. Доступность сочетаний клавиш в программе Microsoft FrontPage зависит от того, доступна ли требуемая команда в выбранном представлении. Часто используемые задачи в программе Microsoft FrontPage:
Управление и работа с веб-страницами - F8
Запуск средства проверки доступности - CTRL+N
Создание новой веб-страницы - CTRL+O
Открытие веб-страницы - CTRL+F4
Закрытие веб-страницы - CTRL+S
Сохранение веб-страницы - CTRL+P
Печать веб-страницы - F5
Обновление веб-страницы; обновление списка папок - CTRL+TAB
Переход между открытыми веб-страницами - CTRL+SHIFT+B
Просмотр веб-страницы в веб-обозревателе - ALT+F4
Завершение работы Microsoft FrontPage - CTRL+ SHIFT+8
Отображение непечатаемых знаков - CTRL+ /
Отображение тегов HTML в режиме конструктора - CTRL+F
Поиск текста или кода HTML на веб-странице - CTRL+H
Замена текста или кода HTML на веб-странице - F7
Проверка орфографии на веб-странице - SHIFT+F7
Поиск слова в справочнике - ESC
Отмена действия - CTRL+Z или ALT+ПРОБЕЛ
Отмена последнего действия - CTRL+Y или SHIFT+ALT+ПРОБЕЛ
Возврат или повторение действия - DEL
Удаление веб-страницы или папки из списка папок или любого диалогового окна - ПРОБЕЛ
Доступ и использование представлений - F12
Предварительный просмотр текущей страницы в веб-обозревателе CTRL+PAGE DOWN или CTRL+PAGE UP
Перемещение между представлениями Код, Конструктор, С разделением и Просмотр - ALT+PAGE DOWN или ALT+PAGE UP
Перемещение между областями Код и Конструктор в представлении С разделением - ALT+F1
Отображение и скрытие списка папок - Клавиша со стрелкой ВВЕРХ
Переход по узлам гиперссылок в представлении Гиперссылки - СТРЕЛКА ВВЕРХ, ВНИЗ, ВЛЕВО или ВПРАВО
Развертывание текущего узла и переход направо в представлении Гиперссылки - SHIFT+СТРЕЛКА ВЛЕВО
Работа со средствами кодировки
Быстрый редактор тегов - CTRL+F2
Вставка временной закладки - F2
Следующая временная закладка - SHIFT+F2
Предыдущая временная закладка - CTRL+G
Переход к строке - CTRL+L
Автозавершение - CTRL+ВВОД
Вставка фрагментов кода - CTRL+>
Вставка закрывающего тега - CTRL+<
Вставка открывающего тега - CTRL+ /
Вставка примечаний HTML - CTRL+ПРОБЕЛ
Форматирование текста и параграфов - CTRL+SHIFT+F
Изменение шрифта - CTRL+SHIFT+P
Изменение размера шрифта - CTRL+B
Применение полужирного форматирования - CTRL+U
Применение подчеркивания - CTRL+I
Применение наклонного форматирования - SHIFT+TAB
Использование пипетки - CTRL+знак «плюс»
Применение надстрочного форматирования - CTRL+знак «минус»
Применение подстрочного форматирования - CTRL+ SHIFT+C
Копирование форматирования - CTRL+SHIFT+V
Вставка форматирования - CTRL+SHIFT+Z или CTRL+ПРОБЕЛ
Удаление форматирования вручную - CTRL+E
Выравнивание параграфа по центру - CTRL+L
Выравнивание параграфа по левому краю - CTRL+R
Выравнивание параграфа по правому краю - CTRL+M
Задание левого отступа для абзаца - CTRL+ SHIFT+M
Задание правого отступа для абзаца - CTRL+ SHIFT+S
Применение стиля - CTRL+SHIFT+ N
Применение стиля «Обычный» - CTRL+ALT+1
Применение стиля «Заголовок 1» - CTRL+ALT+2
Применение стиля «Заголовок 2» - CTRL+ALT+3
Применение стиля «Заголовок 3» - CTRL+ALT+4
Применение стиля «Заголовок 4» - CTRL+ALT+5
Применение стиля «Заголовок 5» - CTRL+ALT+6
Применение стиля «Заголовок 6» - CTRL+ SHIFT+L
Редактирование и перемещение текста и рисунков - BACKSPACE
Удаление одного символа слева - DEL
Удаление одного символа справа - CTRL+BACKSPACE
Удаление одного слова слева - CTRL+DEL
Удаление одного слова справа - CTRL+C или CTRL+INS
Копирование текста или рисунков - CTRL+X или SHIFT+DEL
Вырезание выбранного текста в буфер обмена Microsoft Office - CTRL+V или SHIFT+INS
Вставка содержимого буфера обмена - SHIFT+ВВОД
Вставка разрыва строки - CTRL+SHIFT+ПРОБЕЛ
Выделение текста и рисунков - SHIFT+СТРЕЛКА ВПРАВО
Выделение одного символа справа - SHIFT+СТРЕЛКА ВЛЕВО
Выделение одного символа слева - CTRL+SHIFT+СТРЕЛКА ВПРАВО
Выделение слова до конца - CTRL+SHIFT+СТРЕЛКА ВЛЕВО
Выделение строки до конца - SHIFT+HOME
Выделение строки с начала - SHIFT+СТРЕЛКА ВВЕРХ
Выделение одной строки вверху - SHIFT+СТРЕЛКА ВНИЗ
Выделение одной строки снизу - CTRL+SHIFT+СТРЕЛКА ВНИЗ
Выделение параграфа до конца - CTRL+SHIFT+СТРЕЛКА ВВЕРХ
Выделение одного экрана снизу - SHIFT+PAGE UP
Выделение одного экрана сверху - CTRL+A
Выделение всей страницы - ALT+ВВОД
Вставка таблицы - TAB
Выделение всех ячеек строки при нахождении курсора в ячейке.
Создание авто-эскиза выделенного рисунка - CTRL+K
Доступ и работа с областью задач Справка и окном справка - SHIFT+CTRL+ALT+T
Вставка таблицы - TAB
Выделение содержимого следующей ячейки таблицы - SHIFT+TAB
Выделение столбца при нахождении курсора в верхней или нижней его ячейке - CTRL +T
Создание авто-эскиза выделенного рисунка - CTRL+K
Можно задать тип данных и другие параметры, разрешенные для текстовых полей и текстовых областей. Например, для сбора номеров участников или серийных номеров следует разрешить в текстовом поле ввод только цифр и запретить использование любых других знаков. Можно также указать требуемое количество знаков, чтобы посетитель узла по ошибке не пропустил цифру или букву. Можно потребовать, чтобы в группе переключателей один переключатель был установлен.
Например, если в форме имеется два переключателя: «Да» и «Нет», и посетитель узла пытается отправить форму, не установив один из них, появится сообщение. Можно потребовать, чтобы посетитель узла выбирал элемент в раскрывающемся списке, указать минимальное и максимальное разрешенное число элементов и запретить выбор первого элемента, если это инструкция, такая как «Выберите элемент». После установки правил ввода данных следует решить, как результаты должны обрабатываться формой. После отправки формы посетителем узла необходимо собрать введенные данные -- результаты формы, можно их просмотреть, отобразить посетителю узла или определенным образом обработать.
Когда посетитель узла отправляет форму в обозревателе, значения всех ее полей, заключенные
отправляются в обработчик форм (Обработчик форм. Программа на сервере, которая выполняется при отправке формы посетителем узла. Каждая форма в Microsoft FrontPage связана с определенным обработчиком форм.) . Например, если поле формы представляет собой текстовое поле, то значением, которое отправляется в обработчик форм, является текст, введенный в поле. В программе Microsoft FrontPage имеется несколько обработчиков формы, которые принимают результаты формы и выполняют различные операции. Каждый раз при отправке формы в FrontPage сохраняет информацию в базе данных. Например, при использовании формы для сбора сведений о контактах, можно сохранять результаты формы непосредственно в базе данных заказчика. Можно сохранять результаты в существующей базе данных или создать новую с помощью программы FrontPage. Каждый раз при отправке формы посетителем узла FrontPage добавляет к файлу результаты, которые можно просмотреть при следующем открытии файла. Например, можно установить гостевую книгу для посетителей веб-узла и выбрать сохранение результатов в HTML-файл, а также создать ссылку на этот файл, чтобы посетители узла могли посмотреть, что написали другие. В случае сохранения результатов в XML-файле можно использовать результаты в FrontPage или экспортировать их в любое приложение, поддерживающее данные в формате XML, например в Office Excel 2003. Каждый раз при отправке формы посетителем узла будет автоматически отправляться сообщение электронной почты на заданный адрес, содержащее результаты этой формы.Можно также использовать настроенные сценарии для обработки результатов формы. Процесс публикации веб-узла сопровождается копированием всех составляющих данный узел файлов и папок из исходного расположения в определенное место. В программе Microsoft FrontPage публикация узла выполняется, чтобы сделать его доступным для посетителей, чтобы создать резервную копию узла и чтобы обновить опубликованный ранее веб-узел. Обычно создание файлов и папок веб-узла происходит на локальном компьютере. После завершения создания узла он публикуется в Интернете или локальной интрасети, чтобы посетители могли просматривать его веб-страницы с помощью веб-обозревателя. Иногда возникает необходимость в создании копии веб-узла и сохранении этой копии в определенном расположении на жестком или на сетевом диске. Средство публикации Microsoft FrontPage предоставляет удобный способ создания такой копии. Во время обновления файлов или папок веб-узла в программе FrontPage используются специальные термины, чтобы различать исходный и конечный узел. Локальный веб-узел -- это исходный веб-узел, открытый в программе FrontPage, а удаленный веб-узел -- это конечный узел, на который производится публикация.
Представление Удаленный веб-узел позволяет производить публикацию в двух направлениях, то есть легко перемещать файлы между удаленными и локальными расположениями. Это наиболее полезно при обновлении ранее опубликованного узла. В представлении Удаленный веб-узел на панелях «Локальный веб-узел» и «Удаленный веб-узел» отображаются значки с описанием, показывающим состояние публикации файлов. В совместных рабочих средах обновлением как локальных, так и удаленных веб-узлов могут заниматься несколько авторов. Программа Microsoft FrontPage будет сравнивать файлы на локальном веб-узле с опубликованными файлами на удаленном веб-узле. Далее приведены описания случаев, когда может потребоваться синхронизация локальных и удаленных версий файлов.
Если на локальном веб-узле будет обнаружена более новая версия файла, будет проведена синхронизация для обновления локального и удаленного веб-узла (если вручную не указать другие действия). Можно также выбрать публикацию с удаленного веб-узла на локальный узел. При синхронизации файлов с помощью представления «Удаленный веб-узел» на локальный узел могут загружаться файлы с удаленного веб-узла. Если файлы на удаленный узел поместил злоумышленник, под угрозой может оказаться и локальный узел. Перед синхронизацией файлов проверьте, что только доверенные пользователи имеют доступ к удаленному веб-узлу.
Корпорация Майкрософт, создатель данной программы, подтверждает свою приверженность политике усиления безопасности в отношении личных сведений пользователей. Для этого используются разнообразные технологии и процедуры защиты личных сведений от несанкционированного доступа, использования и разглашения. Корпорация Майкрософт вправе по своему усмотрению обновлять настоящее заявление о конфиденциальности. При каждом таком обновлении изменяется дата обновления в верхней части заявления. Обновленное заявление о конфиденциальности будет включено в очередной пакет обновления (SP) для программы Microsoft Ресурсы Office FrontPage 2003. Продолжение использования программы Microsoft Ресурсы Office FrontPage 2003 означает согласие пользователя с данным заявлением о конфиденциальности и всеми его обновлениями. Корпорация Майкрософт с благодарностью примет любые замечания относительно этого заявления о конфиденциальности.
Все функции редактора FrontPage однозначно реализуются тегами HTML;
Редактор FrontPage не имеет средств, которые нельзя было быпредставить в виде тегов HTML;
Пользователь обычно не знает, какие именно средства HTML используются для достижения заданного эффекта и насколько корректно они применяются.
Редактор FrontPage «ориентирован» на применение обозревателя Internet Explorer , так что создаваемый им код HTML наиболее адекватно отображается именно в этом браузере. В частности, FrontPage позволяет использовать «бегущую строку», средство, которое не входит в стандарт HTML, но поддерживается Internet Explorer. Из числа стандартных средств HTML редактор FrontPage не поддерживает фреймы (точнее говоря, создание документов описания фреймов).
Окно программы FrontPage представляет собой комбинацию окна редактора и окна браузера. Документ HTML отображается редактором, как специфическим браузером, отображающим даже обычно невидимые элементы (такие как якоря). В то же время, этот текст можно редактировать средствами, аналогичными имеющимися в текстовом процессоре.
Рис. 1
Первым делом создается папка , в которой будет находиться до размещения в Интернет, будущий сайт. В этой папке должны находиться еще и «подпапки» предназначенные для картинок, музыкальных файлов прочего. Полезно также выделить отдельную папку для каждого раздела сайта. В корневом каталоге должна находиться главная страничка сайта.
Чтобы открыть программу в меню Пуск выберите Все программы - Microsoft Office – Microsoft Office FrontPage 2003 .
Для упрощения и автоматизации создания Web-страниц редактор FrontPage позволяет использовать мастера и шаблоны. Выбор в списке Шаблон или Мастер веб-узлов , кроме пункта Нормальная страница, приводит к использованию мастера или шаблона документа. Результат представляет собой скорее план страницы, чем законченный продукт, и от пользователя требуется наполнение созданных разделов конкретным содержимым.
Шаблоны (Форма обозрения или Форма подтверждения) представляют собой готовый документ «общего характера». В тех местах, где должен располагаться текст, соответствующий нуждам конкретного пользователя, вместо этого помещен текст, описывающий принципы заполнения соответствующего раздела. Этот текст заменяется в ходе редактирования документа. В начале документа-шаблона имеется комментарий (не отображаемый в обычном браузере), описывающий общие правила заполнения данного шаблона. Сохранение документа, сформированного на основе шаблона, не изменяет сам шаблон, который может использоваться многократно.
При использовании мастера программа задает ряд вопросов и на основании ответов формирует заготовку.
1. В меню Файл выберите команду Создать и области задач Создание документа в группе Создать веб-узел выберите Другие шаблоны веб-узлов…;
2. В диалоговом окне Шаблоны веб-узлов выберите нужный шаблон (например, Личный веб-узел);
3. Новый веб-узел будет создан в папке Мои документы - Мой узел и открыт в окне программы (Рис. 1 );
4. В окне Список папок отобразятся страницы сайта и папки для хранения фотографий, рисунков, тем оформления и пр.;
5. Двойным щелчком откройте любую страницу для редактирования (в шаблоне страницы уже имеется цветовое и шрифтовое оформление (тема) и макет страницы, состоящий из таблиц, а также панели навигации, которые связывают между собой страницы сайта). Первая (главная) страница сайта всегда называется Index .
6. Не забывайте сохранять изменения, несохраненные страницы сайта обозначаются звездочками .
1. Создайте папку для Вашего веб-узла;
3. Программа предложит добавить данные FrontPage – нажмите ОК ;
4. Создайте первую страницу сайта. В меню Файл выберите команду Создать и в области задач Создать страницу выберите Пустая страница .
Существует одно правило: размер странички должен укладываться в размер одного экрана. Т.е. если сайт рассчитан на пользователей 15 дюймового экрана то разрешение должно быть 600х800, а для 17 дюймового – 1024х786. В строке состояния отображается размер страницы и время ее загрузки . Чтобы изменить размер страницы щелкните левой кнопкой в поле размера в строке состояния и выберите в выпадающем списке нужный размер.
|
5. Создайте структуру сайта. Перейдите на закладку Переходы или выберите команду Переходы в меню Вид. 6. Выберите команду Создать – Верхняя страница в контекстном меню в области переходов (Рис. 3 ). Назовите страницы (при создании структуры указываются имена страниц (не файлов)). |
|
|
7. В окне список папок это будет выглядеть так (Рис. 4 ). 8. Файлы можно переименовать (не ставьте пробелы в именах файлов) |
|
9. Затем страницы заполняется нужными картинками и текстом. Для корректного расположения на странице текста, панелей навигации, рисунков их помещают в таблицы с прозрачными рамками. Чтобы создать таблицу, используют команду Таблица - Вставить таблицу . В открывшемся диалоговом окне указывают размер таблицы (в ячейках), а также дополнительные параметры, реализуемые как атрибуты соответствующих тегов. Чтобы занести информацию в таблицу, следует установить курсор в нужную ячейку и начать ввод. При работе с ячейками таблицы можно применять любые команды форматирования.
В качестве основного средства форматирования используется Панель инструментов форматирования . Она содержит:
Дополнительные элементы форматирования, не вынесенные на панель инструментов, задаются в отдельных диалоговых окнах. Их можно открыть, например, с помощью команд Формат - Шрифт и Формат - Список .
Для создания гиперссылки надо выделить фрагмент текста, который будет использоваться как ссылка, и дать команду Вставка - Гиперссылка . В открывшемся диалоговом окне «Добавление гиперссылки» выбирают вкладку Связать с . Для создания внешней ссылки введите интернет-адрес на нужную страницу в поле Адрес , для создания ссылки на другую страницу своего узла (используется относительный адрес) выберите папку, в которой находится файл и укажите его мышью. Для создания ссылки внутри страницы выберите команду и укажите на какую закладку ссылается объект, предварительно поставив закладку в это место с помощью команды Вставка – Закладка и указав имя закладки. Выбрав вкладку одновременно с созданием ссылки будет создан соответствующий документа, который немедленно открывается для редактирования.
Кнопка
служит для
указания места открытия ссылки (в этом же окне, в новом окне
и др.)
Созданная гиперссылка отображается в окне программы FrontPage так же, как и в окне браузера: синим цветом и с подчеркиванием. Чтобы проверить работоспособность ссылки, следует щелкнуть на ней правой кнопкой мыши и выбрать в контекстном меню команду По ссылке.
10. Созданные страницы объединяют с помощью ссылок. При связке в общий документ ссылки можно спрятать под любой видимый объект (картинки, меню, кнопки и т.д.). Можно воспользоваться меню Вставка - Панель ссылок (Рис. 5 ) или меню Вставка – Меняющаяся кнопка (Рис. 6 ).
11.
В конце, когда страница создана, ее нужно
сохранить в нужной папке. Сохраните файл под именем
index
в папку веб-узла и дайте
название странице, нажав на кнопку Изменить
в разделе
Название
(например, Главная или Домашняя) (
Рис. 7
).
Специальной команды создания формы редактор FrontPage не имеет. Однако при добавлении поля формы (через меню Вставка - Форма ) создается и форма, включающая это поле. При добавлении последующих полей следует следить за тем, чтобы они включались в ту же самую форму.
В языке HTML свойства элемента задаются атрибутами тега. Редактор FrontPage обеспечивает их задание с помощью специальных диалоговых окон. Чтобы открыть такое диалоговое окно, следует щелкнуть на редактируемом элементе правой кнопкой мыши. В нижней части контекстного меню располагаются команды, относящиеся к элементам документа, рассматриваемым редактором как открытые. Порядок следования команд соответствует порядку вложения элементов. Выбор одной из этих команд приводит к открытию диалогового окна свойств соответствующего элемента. Элементы управления в этом диалоговом окне соответствуют атрибутам открывающего тега для выбранного элемента.
Дополнительные объекты вставляются в редактируемый документ при помощи меню Вставка . Например, для вставки изображения используется команда Вставка – Рисунок, а затем выбрать меню Картинки (эта команда позволяет вставить рисунок из коллекции MS Office ) или меню Из файла (открывает диалоговое окно, в котором нужно указать место расположения картинки или фото на диске). В ходе создания документа различные графические форматы автоматически преобразуются в форматы GIF и JPEG. Сохранение преобразованного файла осуществляется при сохранении документа, при этом Вам будет предложено указать папку, в которую будет сохранен рисунок.
Другие элементы, которые можно разместить на странице, - это:
Горизонтальная линейка (Вставка - Горизонтальная линия );
Видеозапись (Вставка -Рисунок - Видеозапись );
Фоновое звуковое сопровождение (Формат – Фон - Фоновый звук и и нажав на кнопку Обзор указать место расположения звука);
«бегущая строка» (Вставка - Веб-компонент - Бегущая строка , этот элемент воспроизводится только обозревателем Internet Explorer).
Ограниченность возможностей редактирования при помощи FrontPage иногда приводит к необходимости вмешательства непосредственно в создаваемый код HTML. Э то можно осуществить двумя способами. Во-первых, над строкой состояния находятся четыре кнопки, позволяющие переключаться в разные режимы просмотра страницы , выберите закладку Код .
Второй способ заключается в открытии окна просмотра генерируемого кода при помощи команды Вид – Показать теги. Цветная маркировка позволяет немедленно увидеть ключевые слова тегов (изображены фиолетовым цветом), атрибуты (красным) и значения атрибутов (синим). Этот код можно редактировать вручную.
5.1.1. Создание нового web-сайта и режимы представления …...……………... - 58
5.1.2. Организация структуры web-сайта ………………………………………….. - 61
5.1.3. Редактирование web-страницы ……………………………………………… - 64
5.1.4. Добавление и форматирование текста …………………………………….. - 66
5.1.5. Организация основных цветов web-страницы …………………………….. - 69
5.1.6. Создание и редактирование таблиц, макетные таблицы ……………….. - 69
5.2. Графические изображения как объекты приложения …………………………. - 76
5.2.1. Вставка графического и звукового фона на web-страницу ……………… |
||
5.2.2. Вставка рисунка на web-страницу …………………………………………… |
||
5.2.3. Свойства изображения ………………………………………………………… |
||
5.2.4. Редактирование изображения ………………………………………………... |
||
5.2.5. Рисованные объекты …………………………………………………………… |
||
5.3.1. Создание гиперссылок и закладок на web-страницах ……………………. |
||
5.3.2. Создание горячих точек графического изображения …………………….. |
||
5.3.3. Контроль гиперссылок средствами FrontPage 2003 ……………………… |
||
5.3.4. Общие границы …………………………………………………………………. |
||
5.4. Каскадные таблицы стилей (CSS) ………………………………………………… |
||
5.4.1. Внутренние стили ………………………………………………………………. |
||
5.4.2. Внедренные стили ……………………………………………………………… |
||
5.4.3. Внешние таблицы стилей …………………………………………………….. |
||
5.5. Фреймы (кадры) в приложении FrontPage 2003 ………………………………… |
5.6. Формы в приложении FrontPage 2003 ……………………………………………. - 100
5.7. Компоненты приложения и их краткая характеристика ………………………. - 104
5.8. Дополнительные возможности FrontPage 2003 ………………………………… - 111
5.8.1. Использование обтекания и позиционирования …………………………. - 111
5.8.2. Эффекты с использованием Dynamic HTML и JavaScript ……………….. - 113
Раздел 5. Приложение Microsoft Office FrontPage 2003.
Microsoft Office FrontPage 2003 является приложением, предназначенным для создания и сопровождения web-сайтов (web-узлов), используя стандартный интерфейс
WYSIWYG (“что видишь, то и получаешь”).
MS FrontPage2003 доступен в качестве отдельного приложения. Размер установочной папки – 155 Мб. Требования к аппаратным средствам.
Компьютер и процессор. ПК с процессором Pentium 133 МГц или более мощным, рекомендуется Pentium III.
дополнительно 8 МБ ОЗУ для каждого из приложений, работающих одновременно.
Жесткий диск. 245 МБ свободного места на жестком диске и 115 МБ на жестком диске,
на котором установлена операционная система (требования к наличию свободного места на жестком диске зависят от конфигурации, а также от компонентов, выбираемых в процессе установки).
Операционные системы Microsoft Windows® 2000 с пакетом обновления 3 (SP3), Microsoft Windows XP или более поздние версии.
Справочная информация по программе на сайте – http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.
MS Office FrontPage 2003 предоставляет новую среду разработки: макеты, линейки,
линии сетки, изображения-образцы, слои, шаблоны, улучшенные темы – все это предназначено для того, чтобы облегчить процесс реализации проекта web-сайта разработчику, который может даже не обладать знаниями языка HTML. Web-редактор имеет удобные инструменты для работы с таблицами, встроенные средства для обработки изображений, позволяет легко размещать на страницах различные мультимедиа-объекты: рисунки, видеофильмы, анимацию, звуковые фрагменты. Тесная интеграция с пакетом MS Office позволяет отображать на страницах документы MS Word,
таблицы и графики MS Excel, динамически получать данные из MS Access, использовать язык VBA, средства проверки орфографии и около 60 готовых тем для оформления страниц сайта. В MS FrontPage 2003 реализована поддержка современных Web-
технологий, таких, как каскадные таблицы стилей (CSS), динамические эффекты (DHTML), фреймы, активные страницы (ASP), элементы ActiveX и Java -аплеты.
Программа FrontPage является не только редактором Web-страниц, но и содержит средства управления сайтом, такие, как схема навигации по страницам, анализ сайта с помощью различных отчетов, коллективная разработка, настройка на определенные
браузеры, загрузка сайта на Web-сервер по протоколам HTTP и FTP. С помощью данной программы можно не просто создавать и редактировать web-страницы, но и вставлять на них различные сложные элементы (счетчики, панели ссылок, строки поиска, динамические эффекты, бегущие строки и т.д.) без написания дополнительных скриптов.
Однако большая часть таких компонентов будет работать только в том случаи, если web-
FrontPage (Microsoft), службы SharePoint™ Team Services 1.0 (Microsoft) или службы
Microsoft Windows® SharePoint Services. Работа некоторых компонентов зависит от типа используемого браузера. Это накладывает определенные ограничения на использование возможностей приложения при создании web-страниц.
К недостаткам web-редактора MS FrontPage можно отнести его преимущественную ориентацию на браузер Internet Explorer, поэтому следует проверять работу готового сайта в других браузерах. А также некоторую избыточность готового кода HTML. Редактор отслеживает изменения в коде страниц и восстанавливает тэги, удаленные пользователем.
Рисунок 5.1 – Окно программы MS Office FrontPage 2003
В основном, MS FrontPage 2003 выглядит как большая часть приложений MS Office
2003 (рис.5.1).
– строка заголовка |
– рабочая область |
|||
– строка меню |
– панель кнопок представления |
|||
– стандартная панель инструментов |
– панель инструментов “рисование” |
|||
– панель инструментов “форматирование” |
– строка состояния |
|||
– панель представления |
– панель области задач |
|||
– информационная область текущего |
Справка |
|||
представления Для получения справки по программе необходимо выполнить команду
Справка→Microsoft Office FrontPage и на панели Справка FrontPage перейти по ссылки Оглавление. Если компьютер подключен к Интернет, то к оглавлению справки добавляются документы, расположенные на сайте http://office.microsoft.com. В противном случае оглавление состоит только из документов установленных вместе с приложением.
5.1. Создание и редактирование web-сайта в среде приложения.
Приступая к созданию web-сайта, необходимо определится с его тематикой, количеством подразделов сайта и страниц в каждом из них, т.е. разработать по дробную структурную схему, а так же подготовить текстовый и графический материал для каждой из web-страниц. Процесс разработки web-сайта непосредственно в программе MS Office FrontPage 2003 может быть осуществлен по следующему алгоритму.
1) Создать новый web-сайт или открыть уже созданный.
2) Организовать (отредактировать) структуру web-сайт.
3) Отредактировать страницы web-сайта в любом порядке: 3.1) перейти в режим редактирования конкретной страницы;
3.2) установить свойства web-страницы;
3.3) ввести с клавиатуры или вставить через буфер обмена текст и отформатировать его; 3.4) вставить фон, звуковое сопровождение, таблицы, графические изображения,
3.5) добавить динамические эффекты и компоненты MS Office FrontPage 2003; 3.6) сохранить web-страницу и просмотреть ее в браузере Internet Explorer;
3.7) продолжить редактирование или перейти к редактированию другой web-страницы.
4) При необходимости вернуться к п.2 и добавить новые web-страницы.
5) Закрыть FrontPage 2003, открыть web-сайт в браузере и протестировать его (просмотреть web-сайт при разных расширениях монитора в разных браузерах).
5. 1.1. Создание нового web-сайта и режимы представления.
Для создания нового web-сайта необходимо выполнить следующие действия.
1) Выполнить команду Файл→Создать .
2) На панели Создание (1 рис.5.2) области задач перейти по гиперссылки
Одностраничный веб-узел (2 рис.5.2).
3) В открывшемся окне Шаблоны веб-узлов (3 рис.5.2) на вкладке Общие выбрать шаблон Одностраничный веб-узел (4 рис.5.2). Описание шаблона (5 рис.5.2)
появится в правой нижней части диалогового окна. (При выборе какого-либо другого шаблона, новый web-сайт уже будет содержать некоторое количество web-страниц с определенным оформлением, в некоторых случаях будет запущен специальный мастер
настройки, с помощью которого можно задавать структуру web-сайта.)
4) Заполнить поле Укажите расположение нового веб-узла: (6 рис.5.2) вручную
(ввести полный путь) или с помощью кнопки Обзор (7 рис.5.2) (определить место на
диске для сохранения нового web-сайта, открыть (создать) папку, нажать кнопку
Открыть).
5) Нажать кнопку OK . |
|
Рисунок 5.2 – Создание нового web-сайта
После того как web-сайт создан (рис.5.3), на панели представления появляется вкладка веб-узел (1), на информационной панели представления служебная информация (2) и кнопки команд (3) доступных в этом представлении, а в рабочем окне содержимое (4) текущего представления.
Панель кнопок представления (5 рис.5.3) содержит шесть кнопок, с помощью которых можно переключаться в различные режимы представления web-сайта.
Представление Папки – демонстрирует список папок и страниц web-сайта. В этом режиме удобно создавать новые папки, используя кнопку Создать папку в правой части
Рисунок 5.3 – Представление web-узла Папки
Представление Удаленный веб-узел – используется для просмотра Вашего web-
сайта на удаленном web-сервере.
Представление Отчеты – содержит список вариантов отчетов о web-сайте. Каждый итоговый отчет имеет свое имя, количество пунктов, общий размер файлов и описание.
Данный режим, например, может быть использован для выявления ошибок гипертекстовых переходов.
Представление Переходы – демонстрирует графическое изображение структуры web-сайта.
страницами.
Представление Задачи – используется для организации заданий по созданию web-
сайта (обычно используется, если в работе над web-сайтом участвуют несколько человек).
Все эти представления доступны из меню Вид .
Web-сайт созданный с помощью FrontPage 2003 может содержать web-страницы, рисунки, файлы мультимедиа, т.е. практически все возможные виды файлов, а так же скрытые папки и файлы (не отображаемые в приложении), поддерживающие особые функциональные возможности приложения. К скрытым папкам относятся _vti_cnf и _vti_pvt. Их можно увидеть, если открыть папку web-узла, например, в программе Мой компьютер . Папка _vti_cnf содержит сведения о каждом файле, например сведения о
По умолчанию, при создании Одностраничного веб-узла , создаются папки
Private и images и файл index.htm – первая (домашняя) страница web-сайта.
Для просмотра web-страницы index.htm необходимо сделать двойной щелчок левой кнопкой мыши на имени файла. В результате на панели представления правее вкладки
веб-узел , появится вкладка index.htm (1 рис.5.4) и кнопка Закрыть (2 рис.5.4), на панели информационной области представления кнопка Быстрый выбор тэга (3 рис.5.4), а в
рабочей области отобразится пустой документ. На панели кнопок представления (4
рис.5.4) появятся кнопки, с помощью которых можно переключаться в различные режимы редактирования web-страницы.
Представление Конструктор – отображает web-страницу как расширенный текстовый процессор в режиме WYSIWYG..
Представление С разделением – отображает одну и туже web-страницу как в режиме расширенного текстового процессора, так и в редакторе HTML-кода webстраницы. Изменения, внесенные в одном из режимов, сразу же отображаются во втором.
Представление Код – позволяет редактировать непосредственно HTML-кода web-
страницы.
Представление Просмотр – показывает, как данная страница будет выглядеть в браузере.
Для доступа к этим представлениям используется команда Вид→Страница .
Для того, чтобы в представлении Страница видеть список файлов и папок webсайта, необходимо выполнить команду Вид→Список папок или нажать кнопку
Переключить панель на стандартной панели инструментов или одновременно нажать на клавиатуре ALT и F1 .
В результате рабочая область оказывается разбита на две части (рис.5.4). В левой
– представления web-сайта Список папок (5) или Переходы , в правой – любое представление из меню Вид .
Такая организация представления web-сайта для редактирования в программе
FrontPage 2003 представляется наиболее удобной.
Для увеличения рабочего пространства редактируемой web-страницы можно закрыть панель области задач. Для того, что бы эта панель не появлялась при последующих запусках приложения FrontPage 2003 нужно выполнить команду
Сервис→Параметры и на вкладке Общие снять флажок открывать область задач.
Для того, что бы завершить работу с web-сайтом необходимо выполнить команду
Файл→Закрыть узел.
Рисунок 5.4 – Окно программы FrontPage 2003, после выполнения команды Вид→Список папок
Для открытия web-сайта в программе FrontPage 2003 необходимо выполнить следующие действия.
Выполнить команду Файл→Открыть узел .
В открывшемся диалоговом окне Открытие веб-узла , открыть папку, которая является web-сайтом.
Нажать кнопку Открыть .
5. 1.2. Организация |
|||||||||||
структуры web-сайта. |
|||||||||||
После того как web-сайт |
|||||||||||
создан, необходимо создать его |
|||||||||||
первоначальную структуру, т.е. |
|||||||||||
добавить |
необходимое |
||||||||||
новых web-страниц. Добавление |
Рисунок 5.5 – Информационная панель Переходы |
||||||||||
новых web-страниц в структуру |
– создание новой web-страницы |
||||||||||
сайта может быть организованно |
– добавление существующей web-страницы |
||||||||||
– создание панели ссылок |
|||||||||||
различными способами. |
– включение (исключение) в панель ссылок |
||||||||||
Рассмотрим |
– просмотр поддерева |
||||||||||
создания web-страниц в режиме |
– горизонтальное или вертикальное разме щение |
||||||||||
представления |
– выбор масштаба отображения структуры |
||||||||||
Переходы . В этом режиме (рис.5.5) web-страницы отображаются в виде графической схемы (8), а информационная панель содержит команды (1-7), позволяющие работать со
структурой web-сайта. Для того чтобы создать новые web-страницы, необходимо выполнить следую щие действия.
1) Нажать кнопку 1 на информационной панели. Если в этот момент ни одна из web-страниц структуры не была выделена, то появится web-страница с заголовком
Верхняя страница 1 . В том случае если какая-либо из имеющихся web-страниц
структуры была выделена, то появится web-страница с заголовком Новая страница 1 , соединенная тонкой линией (8) с выделенной страницей. Такого же эффекта как в последнем случае можно добиться если нажать правой кнопкой мыши на любую из имеющихся web-страниц и в выпадающем меню выполнить команду Создать→Страница . Все последующие страницы будут отличаться от предыдущих только номером.
2) Затем чтобы созданные web-страницы отобразились в окне Список папок
необходимо выполнить команду Обновить либо на стандартной панели инструментов либо из меню Вид .
3) В окне Список папок web-страницы с заголовками Верхняя страница Х
соответствуют файлам toppageХ.htm , web-страницы с заголовком Новая страница Х , соответствуют файлам нов_стр_Х.htm , где Х – номер. Файлы с именами
нов_стр_Х.htm необходимо переименовать таким образом, чтобы их имена состояли
только из латинских букв, цифр и разрешенных символов. Для этого нужно нажать правой кнопкой мыши на соответствующий файл, выбрать команду Переименовать и
заменить имя файла на требуемое.
4) При изменении структуры web-сайта имеющиеся страницы можно удалять (нажать правой кнопкой мыши на нужную, выбрать команду Удалить , включить нижний флажок и нажать кнопку OK ) и перемещать по схеме (нажатой левой кнопкой мыши переместить страницу в нужное место). Если удаляемая или перемещаемая web-
страница имеет страницы более низкого уровня, то они так же будут удалены или
перемещены. |
|||||||||||
создаваемые |
web-страницы |
||||||||||
размещаются в корневой папке web-сайта. Если |
|||||||||||
страниц много, то логично разместить их по разным |
|||||||||||
в соответствии со |
структурой. |
Для этого |
|||||||||
окне Список папок (рис.5.6) необходимо создать |
Рисунок 5.6 – Окно Список папок |
||||||||||
Создать web-страницу |
|||||||||||
информационной панели Список папок ) и нажатой |
– создать папку |
||||||||||
– закрыть окно |
|||||||||||
левой кнопкой мыши переместить файлы в нужные папки.
II. Рассмотрим процесс создания web-страниц с использованием окна Список папок (рис.5.6). В этом окне отображаются папки и файлы web-сайта в алфавитном порядке с указанием их вложенности. Для того чтобы создать новые web-страницы, необходимо выполнить следующие действия.
1) Используя кнопку 2 создать необходимое число папок с определенной структурой вложенности, изменив имена Новая папкаХ на требуемые.
2) Выделить ту папку, в которой планируется создать web-страницу.
3) Нажать кнопку 1 и заменить имя нового файла с нов_стр_Х.htm на требуемое
(только латинские буквы, цифры и разрешенные символы) не меняя расширения
файла .htm .
4) При необходимости можно перетаскивать файлы из папки в папку нажатой левой кнопкой мыши.
5) Для удобства и наглядности работы с полученной структурой web-сайта можно оформить ее и в графическом виде. Для этого выбрать режим представления web-сайта Переходы и нажатой левой кнопкой мыши перенести созданные web-страницы в
графическую структурную схему. При необходимости можно изменить названия графических элементов схемы нажав правой кнопкой мыши на нужный и выбрав команду
Переименовать.
Рисунок 5.7 – Сохранение новой web-страницы сайта