Что такое Internet

Что такое Internet

История Internet насчитывает уже около 30 лет — больше, чем вы можете подумать. Если учесть, что первая ЭВМ была создана всего лишь около полувека назад, то Internet является ветераном компьютерного мира. Начало было положено в конце шестидесятых в виде правительственной коммуникационной сети США (она называлась ARPAnet), использовавшейся главным образом правительством, университетами и другими исследовательскими учреждениями; а примерно в середине 80-х эта сеть начала интенсивно разрастаться и получила свое нынешнее имя — Internet.

Что такое intranet

Что такое intranet

Теперь, зная, что такое Internet и World Wide Web, вы можете поинтересоваться, что же такое intranet. Ключ к разгадке лежит в приставке: inter (между) и intra (внутри). Internet соединяет компьютеры из множества различных организаций; сеть intranet соединяет компьютеры внутри одной организации. Термин intranet подразумевает также, что эта сеть поддерживает технологию WWW. Таким образом, сети intranet в основе своей весьма похожи на Internet, за исключением того, что их содержимое доступно только пользователям внутри организации и закрыто для доступа снаружи, из всемирной сети Internet. Сети intranet также могут иметь выход в Internet, но не обязаны.
Крупные корпорации уже осознали потенциал технологии intranet, да и небольшим компаниям до этого недалеко. Сети intranet являются эффективным и рациональным методом коммуникации внутри организации. В предстоящие годы они станут для бизнеса тем же, чем уже стала для него за последние несколько лет электронная почта — удобным и эффективным средством общения.
Чаще всего компьютеры сети intranet расположены в одном месте (например, в одном офисе), но иногда они охватывают несколько подразделений внутри организации. К intranet могут быть подключены также удаленные филиалы. Предположим, например, что компания Cascade Coffee Roasters имеет филиалы в Вашингтоне, Вайоминге и Висконсине, и все компьютеры компании повязаны в единую сеть. Логично было бы, чтобы ее служащие могли по компьютерным каналам общаться и иметь доступ к одной и той же информации. Казалось бы — обычная сеть, не правда ли? Да, однако если эта сеть поддерживает TCP/IP, а для доступа к содержимому ее серверов используется обычный Web-браузер, то она уже не просто сеть, а intranet. Типичная конфигурация сети intranet компании приведена на Рисунок 1.3.

Что такое WWW

Что такое WWW

В конце 80-х, когда в Internet мало-помалу стали вливаться довольно большие сети, Тим Бернерс-Ли, ученый из CERN (Европейской организации по ядерным исследованиям) занялся поисками более удобного способа общения со своими коллегами посредством компьютера. В те времена возможности передачи по Internet ограничивались чисто текстовой информацией. Бернерс-Ли и его соратники создали интерфейс, позволявший связывать информацию из различных источников. Конечным результатом их усилий стало определение спецификаций URL (Uniform Resource Locator, Унифицированный указатель ресурса), HTTP (HyperText Transfer Protocol, Протокол передачи гипертекста) и HTML (HyperText Mark- Up Language, Язык разметки гипертекста), на которых базируется World Wide Web (WWW). Сегодня технология WWW позволяет пользователям создавать форматированные страницы информации, которые можно посредством гиперссылок связывать с другими страницами и прочими размещенными в Internet ресурсами.
Если попросту, WWW, или Всемирная Паутина — это коллекция информации, доступной посредством Web-браузеров. Первым заметным Web-браузером был Mosaic, разработанный в NCSA (National Center for Super-computing Applications, Национальный центр суперкомпьютерных приложений в Иллинойском университете, Урбана-Шампань). Сейчас на рынке насчитывается свыше двух десятков браузеров, и их число продолжает расти. Львиную долю рынка Web-браузеров на текущий момент делят Netscape Navigator и Microsoft Internet Explorer (Рисунок 1.2). Web-браузер отображает в своем окне Web-страницы и, как правило, включает панели инструментов и команды меню, позволяющие пользователям просматривать страницы и сайты и настраивать установки браузера. Поскольку браузеров много, а вариантов индивидуальной настройки еще больше, то нередки ситуации, когда одна и та же Web-страница в разных браузерах выглядит по-разному. Однако господствующие на рынке браузеров Netscape Navigator и Microsoft Internet Explorer отображают страницы в общем и целом похожим образом, что несколько снимает остроту проблемы.
TCP (Transmission Control Protocol, Протокол управления передачей) и IP (Internet Protocol, Межсетевой протокол); их комбинация известна как TCP/IP. TCP/IP перед передачей по сети расфасовывает информацию в аккуратные маленькие пакеты. Каждый пакет содержит порцию пересылаемой информации вместе с описанием, что это за информация, куда она направляется и откуда. Пересылка данных по Internet похожа на разборку мозаики в одной комнате и сборку ее в другой. Чтобы быстро снова собрать вместе все фрагменты, их надо однозначно идентифицировать относительно друг друга и собирать в заданной последовательности.

Что такое WWW

В конце 80-х, когда в Internet мало-помалу стали вливаться довольно большие сети, Тим Бернерс-Ли, ученый из CERN (Европейской организации по ядерным исследованиям) занялся поисками более удобного способа общения со своими коллегами посредством компьютера. В те времена возможности передачи по Internet ограничивались чисто текстовой информацией. Бернерс-Ли и его соратники создали интерфейс, позволявший связывать информацию из различных источников. Конечным результатом их усилий стало определение спецификаций URL (Uniform Resource Locator, Унифицированный указатель ресурса), HTTP (HyperText Transfer Protocol, Протокол передачи гипертекста) и HTML (HyperText Mark- Up Language, Язык разметки гипертекста), на которых базируется World Wide Web (WWW). Сегодня технология WWW позволяет пользователям создавать форматированные страницы информации, которые можно посредством гиперссылок связывать с другими страницами и прочими размещенными в Internet ресурсами.
Если попросту, WWW, или Всемирная Паутина — это коллекция информации, доступной посредством Web-браузеров. Первым заметным Web-браузером был Mosaic, разработанный в NCSA (National Center for Super-computing Applications, Национальный центр суперкомпьютерных приложений в Иллинойском университете, Урбана-Шампань). Сейчас на рынке насчитывается свыше двух десятков браузеров, и их число продолжает расти. Львиную долю рынка Web-браузеров на текущий момент делят Netscape Navigator и Microsoft Internet Explorer (Рисунок 1.2). Web-браузер отображает в своем окне Web-страницы и, как правило, включает панели инструментов и команды меню, позволяющие пользователям просматривать страницы и сайты и настраивать установки браузера. Поскольку браузеров много, а вариантов индивидуальной настройки еще больше, то нередки ситуации, когда одна и та же Web-страница в разных браузерах выглядит по-разному. Однако господствующие на рынке браузеров Netscape Navigator и Microsoft Internet Explorer отображают страницы в общем и целом похожим образом, что несколько снимает остроту проблемы.

Frontpage 98 и Microsoft Office

Frontpage 98 и Microsoft Office

В состав Microsoft Office входят Microsoft Word, Excel, PowerPoint и Access. Microsoft Office — это самый популярный сегодня на рынке пакет офисных приложений. Мощность Office в создании информационного наполнения в сочетании со средствами управления сайтом и средствами генерации страниц Frontpage дает вам в руки непревзойденные возможности конструирования Web-сайтов. Вот лишь несколько аспектов их тесного взаимодействия:
D Документы Office во всех режимах обзора сайта в Проводнике Frontpage обозначаются теми же значками, что и в проводнике Windows
D Возможности Frontpage по проверке и восстановлению ссылок распространяются на любые расположенные на вашем сайте документы Office, содержащие ссылки
D Материал из файлов Office очень просто перенести в Web-страницы Frontpage. Например, рабочие листы Excel можно частично или полностью скопировать в Редакторе на вашу страницу с помощью буфера обмена (Clipboard) или механизма drag-and-drop, и Frontpage автоматически преобразует их в таблицу HTML
D Вы можете перетаскивать документы Office из Проводника Windows в Проводник Frontpage, и эти документы будут автоматически импортироваться в ваш сайт

Frontpage и Internet

Frontpage и Internet

Итак, Internet сегодня является неотъемлемой частью нашей повседневной реальности, как факс или телефон, и никуда от этого факта не денешься. Все, от энтузастов-одиночек до гигантов индустрии, путешествуют по Всемирной Паутине в поисках информации, общаются по электронной почте и выставляют свои Web-сайты. Сайты, составляющие Internet сегодня, значительно отличаются от тех, что населяли Сеть всего год назад. Нынешние Web-сайты отличают гораздо более богатые интерактивные средства: теперь они предлагают своим посетителям самые разные услуги, от совершения онлайновых сделок до просмотра видеороликов. Путешествуя по Internet, вы с равной вероятностью можете натолкнуться как на сайт большой корпорации, представляющей свою продукцию, так и на сайт, хозяин которого демонстрирует рисунки своих детей или делится старинными фамильными рецептами.
В этой главе вы познакомитесь с некоторыми основами Internet, World Wide Web (Всемирной Паутины) и intranet. Вы узнаете, какое место занимает на этой сцене Frontpage, как легко и изящно интегрируется он с Microsoft Office и как с его помощью оказаться на самом гребне волны этой технологии.

Frontpage с точки зрения клиент-серверной архитектуры

Рисунок 1.4. Frontpage с точки зрения клиент-серверной архитектуры

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

Иллюстрирует клиент-серверные взаимоотношения

Рисунок 1.4 иллюстрирует клиент-серверные взаимоотношения.

Internet в первом приближении

Рисунок 1.1. Internet в первом приближении

Компьютеры в Internet "разговаривают" на общем языке, а этот язык утвержден в протоколах.. Протоколом называется набор общепринятых правил, определяющих механизм взаимодействия компьютеров в сети. Стандартными протоколами, используемыми для обмена данными в Internet, являются TCP (Transmission Control Protocol, Протокол управления передачей) и IP (Internet Protocol, Межсетевой протокол); их комбинация известна как TCP/IP. TCP/IP перед передачей по сети расфасовывает информацию в аккуратные маленькие пакеты. Каждый пакет содержит порцию пересылаемой информации вместе с описанием, что это за информация, куда она направляется и откуда. Пересылка данных по Internet похожа на разборку мозаики в одной комнате и сборку ее в другой. Чтобы быстро снова собрать вместе все фрагменты, их надо однозначно идентифицировать относительно друг друга и собирать в заданной последовательности.

Лишние расходы ни к чему

Лишние расходы ни к чему

Если на вашей машине не установлен Microsoft Office, но вы хотите просматривать документы Office, размещенные на вашем сайте, установите себе Office viewer. Вьюеры (программы просмотра) Office — это отдельные приложения, которые можно свободно загрузить с Web-сайта Microsoft (www.microsoft.com). Существуют вьюеры для Word, Excel и PowerPoint. Если у вас установлен вьюер, вы можете щелкнуть на ссылке на документ Word, Excel или PowerPoint на любом сайте, и документ будет загружен в окне вьюера как файл только для чтения. Вьюеры можно конфигурировать различными способами, например, чтобы показать или спрятать различные панели инструментов, закладки и метки формата. Загруженный во вьюер файл можно также распечатать. Более подробную информацию об использовании вьюеров вы найдете в файле README, который вы получите, загрузив и установив вьюер из Microsoft.
Чтобы загрузить вьюеры, соединитесь с Web-сайтом Microsoft. Выберите раздел Products, найдите соответствующее приложение (Word, Excel или PowerPoint) и щелкните по ссылке на страницу приложения. Там вы найдете инструкции, как отыскать и загрузить вьюер.

Модель клиент-сервер

Модель клиент-сервер

В клиент-серверных системах сервер — это компьютер (или приложение), обеспечивающий удаленным пользователям доступ по сети к своим данным или ресурсам. Клиент — это компьютер (или приложение), который запрашивает эти данные или ресурсы. Чаще всего сервер — мощная машина, а клиент — обычный настольный компьютер. Предположим, например, что все счета, выставленные компанией Cascade Coffee Roasters, хранятся в базе данных на сервере. В клиент-серверной платежной системе вы вводите информацию на компьютере-клиенте, а заполнив счет, сохраняете информацию на сервере, централизованно. Таким образом, вы можете подключить к серверу неограниченное количество клиентских компьютеров, и все они будут иметь доступ к одним и тем же данным.
Frontpage работает аналогичным образом, фактически он включает и сервер, и клиента. Его клиентское ПО состоит из Проводника (Frontpage Explorer) и Редактора (Frontpage Editor). Проводник позволяет просматривать и администрировать сайты несколькими различными способами. Для создания новых страниц и редактирования существующих предназначен Редактор. В следующих главах мы рассмотрим более детально эти модули, а также другие средства клиентской части, такие как шаблоны (templates) и мастера (wizards).
Для серверной стороны Frontpage можно использовать Frontpage Personal Web Server или Microsoft Personal Web Server под управлением Windows 95 или Windows NT Workstation. При установке на Windows NT Server Frontpage автоматически определяет наличие Microsoft Internet Information Server (IIS), и если он установлен, то в дальнейшем с ним и работает. Вы можете установить один из персональных Web-серверов на компьютер в локальной (Local Area Network, LAN) или глобальной (Wide Area Network, WAN) сети на базе TCP/IP и тем самым превратить эту сеть в intranet. Вы даже можете разместить персональный Web-сервер на том же компьютере, на котором установлено клиентского обеспечение. Редактировать страницы вашего сайта и создавать новые вы можете на любом клиентском компьютере, подключенном к серверу — даже если они находятся в противоположных точках земного шара.
Персональные Web-серверы лучше всего использовать для размещения сай-тов малого объема; они идеально подходят для разработки и внутреннего тестирования ваших сайтов, и их не стоит использовать как серверы "большого" WWW. Если вы планируете intranet- или Internet-сервер большого объема или вам нужна более высокая степень защиты, чем та, которую способны обеспечить персональные серверы, вам, вероятно, понадобится более мощное решение, такое, как один из лидирующих на нынешнем рынке Web-серверов. Кстати, обратите внимание, что лицензия для Windows NT Workstation (обычно для Microsoft Personal Web Server используется именно эта операционная система) предусматривает только 10 одновременных соединений. Если вам необходимо обеспечить более серьезный трафик, то стоит подумать о приобретении Windows NT Server и IIS или о сервере на базе UNIX и какого-либо из многих Web-серверов для UNIX, поддерживающих Frontpage. Более полную информацию о серверах смотрите в главе 11.

Нажми на кнопку

Нажми на кнопку...

Создавая или обновляя свой Web-сайт, вы сможете открывать файлы Office в их родном приложении прямо из Проводника Frontpage; таким образом, вам не придется специально беспокоиться о запуске соответствующего приложения Office. Если находясь в Проводнике, вы дважды щелкнете на документе, созданном в Word, Excel или PowerPoint, Frontpage автоматически запустит нужное приложение, так что вы сможете редактировать документ в его родной среде.
Дух и буква Office. Frontpage унаследовал многие характерные черты стиля Office. Кнопки панели инструментов, команды меню, диалоговые окна и комбинации клавиш разработаны в расчете на то, что они будут понятны и узнаваемы пользователями Office.
Тезаурус Office. На тот случай, если вы будете испытывать недостаток в словах, в Редактор Frontpage включен тезаурус из Office.
Спеллер Office. С помощью того же спеллера, который использован в Office, в Редакторе можно проверять орфографию на текущей странице, а в Проводнике на любой заданной странице или по всему сайту в целом.
Если вы даже никогда не выигрывали олимпиады по русскому языку, наверняка ошибки и опечатки бросаются вам в глаза. Они бывают довольно забавны, но вряд ли вы захотите, чтобы ваши ляпсусы видел весь мир. А опечатки на intranet-сайте могут иметь даже более драматические последствия: только представьте себе, что будет, если вы переврете фамилию или должность собственного начальника.
Вывод очевиден: спеллер Office поможет вам сохранить массу нервов (а, возможно, и денег). Разумеется, никакой спеллер не заменит хорошего знания языка, но если уж вам приходится прибегать к его помощи, то надо выбирать лучшее из того, что есть.

Принципы работы Internet

Принципы работы Internet

Группа компьютеров, связанных и взаимодействующих друг с другом, образует сеть. Internet — это огромная сеть компьютеров, состоящая из тысяч меньших сетей, разбросанных по всему миру. Представьте себе компьютер в виде листа дерева: как ветвь состоит из множества одинаковых листьев, так же можно считать, что ветвь, состоящая из компьютеров, — это сеть. Вместе ветви-сети образуют целое дерево, и таким образом получается — в компьютерных терминах — Internet. Диаграмма на Рисунок 1.1 иллюстрирует основной организационный принцип Internet.

Раздел Frontpage на Web-сайте Microsoft;

Рисунок 1.2. Раздел Frontpage на Web-сайте Microsoft;

так он выглядит в окне Internet Explorer 3.0
В дополнение к тексту Web-страницы могут содержать графику, звуки, анимацию и другие специальные эффекты. Отдельные страницы могут быть связаны с другими страницами, обеспечивая доступ к дополнительной информации. Вся эта информация передается по физическим носителям Internet и при помощи протоколов Internet. Поэтому многие считают Всемирную Паутину и Internet синонимами.
WWW растет неправдоподобными темпами. Свои собственные Web-сайты есть уже у тысяч людей и сотен тысяч компаний (для обозначения Web-сайта часто используется термин home page (домашняя страница), в действительности домашняя страница — это открывающая страница Web-сайта, содержащая в основном ссылки на другие страницы). За последние несколько лет Internet и WWW самым радикальным образом изменили деловые привычки людей. Вы заметили, что теперь стало нормой указывать на визитных карточках свои адреса e-mail и WWW?
Каким условиям должен удовлетворять разрабатываемый вами Web-сайт? Он должен быстро загружаться, иметь хороший профессиональный дизайн, кроме того, вы должны достаточно часто его обновлять. Благодаря Frontpage все эти требования (и даже больше) перестанут быть для вас камнем преткновения. Некоторые указания о том, как сделать свой сайт живым и современным, вы найдете в следующей главе.

В объективе — Frontpage

В объективе — Frontpage

Сегодня вниманию разработчиков Web-сайтов предлагаются сотни разнообразных инструментов разработки для WWW, и острая конкуренция в этой области весьма благоприятно сказывается на их качестве. К вашим услугам HTML-редакторы, требующие досконального знания HTML, графические пакеты, предполагающие наличие некоторого опыта работы в HTML, и, наконец, безусловный лидер в этой области — Frontpage, позволяющий вообще не знать HTML (или знать его в минимальном объеме). Первенство Frontpage среди инструментов Web-дизайна обусловлено тем, что с его помощью создание профессиональных Web-сайтов для Internet и intranet становится неправдоподобно легким делом. Уникальность Frontpage еще и в том, что он базируется на клиент-серверной модели разработки, что неимоверно облегчает интеграцию с большинством компьютерных систем. Давайте разберемся в этом получше.

Вперед!

Вперед!

Надеемся, вы получили более ясное представление о Frontpage, его возможностях и его дружбе с Microsoft Office; теперь настало самое время приступить к проектированию вашего первого Web-сайта. О том, как это делается и как сделать сайт таким, чтобы от него нельзя было оторвать глаз, вы узнаете в следующей главе.

Процесс разработки Web-сайта

Безопасность

Безопасность

Для защиты большинства файлов в вашей сети intranet вы можете использовать стандартные сетевые средства защиты, ведь в конечном счете эти файлы расположены в обычной сети. Если вы хотите, например, дать право на изменение определенных файлов в intranet строго определенному кругу лиц, то вы вполне можете разграничить доступ и на сетевом уровне.
В дополнение к обычным сетевым средствам защиты Frontpage предоставляет три дополнительных уровня доступа к Web-сайтам. Используемый вами Web-сервер также может взаимодействовать с этими средствами безопасности:
- Просмотр (уровень конечного пользователя)
- Авторский доступ (просмотр, модификация и поддержка сайта при помощи Frontpage)
- Административный доступ (назначение и изменение привилегий); администраторы также имеют все права авторского доступа
Количество параметров безопасности сайта, конфигурируемых с помощью Frontpage, довольно велико. Подробно эта тема будет рассмотрена в главе 5.

Информационное наполнение

Информационное наполнение

Существует масса областей, в которых можно с успехом применить мощь технологии intranet:
- Сделайте служебную информацию и документы общедоступными. Сай-ты intranet весьма удобно использовать для опубликования директив начальства, обучающих руководств, расписаний, каталогов продукции и тому подобного. Это позволит сэкономить много времени, усилий и денег. Представьте, что продавщица отдела кроватей и ванн универмага хочет предложить ароматизировать полотенца для праздничной распродажи, и для этого ей необходима информация об имеющихся в наличии духах. И вот, вместо того чтобы обратиться к заведующему парфюмерным отделом, который передаст запрос помощнику, а тот, в свою очередь, переадресует ее к файлу с информацией о ценах, наличии и т. д., наша продавщица просто заглянет в соответствующий раздел intranet-сайта универмага и сама непосредственно найдет всю необходимую информацию
- Держите сотрудников в курсе новостей компании. Сайты intranet — идеальная доска объявлений для размещения бюллетеней новостей вашей компании и официальных сообщений, предназначенных вашим сотрудникам. Если вы хотите проинформировать своих сослуживцев насчет ежегодного пикника, то поместите это объявление в место, доступное для всеобщего обозрения
- Используйте intranet в быту. То, что основное предназначение сетей intranet состоит в том, чтобы рационализировать поток информации внутри компании или организации, вовсе не означает, что для них нельзя придумать более увлекательное применение
- Свяжите ваш intranet-сайт с Internet. С помощью брандмауэров (firewall) и Proxy-серверов вы можете связать свои сайты с Internet без ущерба для безопасности вашей сети intranet. Поместите на видное место ссылки на сайты конкурентов, чтобы ваши сотрудники всегда были в курсе их достижений, или на другую полезную и своевременную информацию, которую вашим сослуживцам не мешало бы знать. Если информация о вашей компании появится на других сайтах Internet, сделайте ссылки на них; пусть персонал по достоинству оценит вашу работу.

Как построить хороший сайт

Как построить хороший сайт

Самые лучшие Web-сайты — это те, которые привлекательно выглядят, емко выражают основную идею и не заставляют пользователей ждать получения информации на их экранах слишком долго. Вот несколько советов по созданию успешного сайта:
Четко сформулируйте назначение вашего сайта. Каковы ваши цели? Только присутствие в Internet? Если так, то не удивляйтесь, что ваш сайт, как и многие другие, постигнет участь большинства. Старайтесь формулировать ваши цели настолько четко, насколько это возможно. Возможно, вы хотите, чтобы сайт представлял продукцию вашей компании. Это хорошо, но вы должны задуматься о том, как вы собираетесь представлять эти продукты. Как вы хотите позиционировать ваши продукты на сетевом рынке? Глубокое выяснение этих вопросов поможет вам четко сформулировать цель. Без четко определенной цели ваше детище будет обречено на забвение где-то на задворках Всемирной Паутины.
Обязательно думайте о своей аудитории. Кто будет основной (и вторичной) аудиторией вашего сайта? Какого они возраста? Чем они занимаются? Сколько времени они проводят на вашем сайте? В отношении каждой порции информации, каждой картинки и каждой детали спросите себя, как отреагирует на это ваша аудитория.
Используйте быстро загружаемые элементы. Причина номер один, почему люди быстро уходят с сайта (или не посещают его вовсе) — слишком долгая загрузка информации. Большой объем графических файлов вызывает желание как-то повлиять на ход событий, и самое простое — это нажать на кнопку Stop, остановив загрузку. Подробная информация об управлении графическим потоком приведена в главе 8.
Сделайте ваш сайт визуально привлекательным. Вы, несомненно, видели в Internet немало скучных сайтов. Что же делает их неинтересными? Возможно, недостаток цвета и разнообразия текста, заголовков. Вы, вероятно, видели также беспорядочные и эклектичные сайты, в которых используется слишком много шрифтов разных размеров или слишком много цветов. Создавая свой собственный сайт, помните, что продуманное форматирование страниц приблизит вас еще на один шаг к заветной цели.


Не пытайтесь разместить все на одной странице. Будьте внимательны, не перегружайте свои страницы слишком большим количеством информации. Все мы знаем, что писатели любят писать, а дизайнеры-графики — рисовать эффектные картинки. Ваша задача как разработчика сайта — создать тонкую гармонию между этими двумя очень различными группами людей. Постарайтесь установить равновесие между текстовой и изобразительной информацией. Думайте о тех, кто будет читать ваши страницы; думайте о том, как трудно воспринимается большое количество текста на экране компьютера, и наполняйте ваши страницы содержимым в соответствии с этим. Попробуйте добавить пустое пространство, увеличивая поля страницы, или использовать табличное размещение текста. Чтобы больше узнать об использовании таблиц, прочтите главу 6. Размещая на страницах графику, имейте в виду ее реальное значение: служит ли она основной цели, или работает только как украшение? Но при этом не забывайте, что иногда красивая графика сама по себе может быть целью. В идеале каждый Web-сайт должен хорошо выглядеть, содержать полезную информацию и быть удобным для просмотра.

Планирование информационного потока

Планирование информационного потока

Многие Web-мастера не тратят время на то, чтобы продумать информационный поток, а ограничиваются только размещением текста и изображений на странице. Хотя на многих сайтах вы можете встретить хвастливые уверения, что у них гораздо больше посетителей, чем у конкурентов, однако это не самый лучший индикатор качества исполнения. Лучшим показателем является время: если пользователи остаются на вашем сайте достаточно долго для того, чтобы пройти по разным его уровням и разделам, то вы вправе быть уверенными в хорошо выполненной работе. Это означает, что они могут найти то, что им нужно, осмотреть остальное и без особого труда вернуться обратно.
Чтобы сделать свой сайт эффективным, вы должны визуализировать поток информации и выбираемые пользователем пути. Другими словами, вы должны видеть свой сайт с точки зрения пользователя. Процесс планирования может потребовать больших затрат труда, однако если он доставляет вам удовольствие, то вполне вероятно, что ваш сайт будет превосходен.
С таким инструментом в руках, как Frontpage, вы имеете все возможности для создания самого посещаемого сайта. Как будет выглядеть ваш сайт и какую информацию вы на нем разместите, во многом зависит от вашей потенциальной аудитории. В этой главе мы обсудим сайты, предназначенные как для Internet, так и для intranet.

Планирование сайта intranet

Планирование сайта intranet

Разработка сайта intranet вашей организации — задача не менее сложная. Вы должны учитывать практически все те же моменты, что и при разработке сайта Internet, за несколькими исключениями. Так как обычно вы точно знаете, на какую аудиторию ориентирован сайт intranet, то вы можете позволить себе роскошь быть более конкретным и целенаправленным. Вам желательно точно выяснить, какие типы компьютеров стоят в сети, насколько быстро они работают, какие типы браузеров в основном используются, как они подключены к вашему сайту (через модем или через прямое подключение). Знание этих деталей может значительно помочь вам при разработке Web-сайта. Как и при разработке сайта Всемирной Паутины, ключ к успеху лежит в тщательном первоначальном планировании.
Если ваша компания велика, то и сайт может быть немал, а за обслуживание различных его разделов может отвечать много народа. Frontpage значительно упрощает управление сетями intranet. Подробно эти вопросы разобраны в главе 5.
Нужна ли вашей организации сеть intranet? До сих пор многие компании для распространения служебной информации (приказов, новостей, списков телефонов) используют старомодный печатный метод. Нередко затем эта информация в печатном виде рассылается в различные географические регионы. При каждом изменении возникает необходимость в перепечатке и повторной рассылке. Обновление и распространение информации подобным образом не только обходится для компаний в немалую сумму, но и приводит к расходу природных ресурсов.
Напротив, если у вас есть сайт intranet, то вы можете легко и быстро обновить информацию и довести ее до сведения всех (или тех, кто имеет соответствующие права доступа). Разные подразделения компании могут самостоятельно отвечать за обслуживание и обновление своих разделов сайта. Так что обычно этот процесс проходит просто и безболезненно.

Проблемы планирования

Проблемы планирования

Создавая сайт intranet, вы столкнетесь с теми же самыми проблемами дизайна, организации и навигации, которые неизбежно встанут перед вами при создании Web-сайта в Internet. Кроме этого, обратите особое внимание на следующие моменты, тщательный анализ которых на начальном этапе работы поможет вам избежать многих проблем в будущем:
О Кто из сотрудников компании или организации будет иметь доступ к сайту? Информация какого плана будет на нем размещена? Должна ли вся находящаяся на нем информация быть доступной всем
С") Кто будет обновлять информацию на сайте? Кто за какие разделы и задачи будет отвечать? Прежде чем приступать к созданию сайта, уясните это себе настолько ясно, насколько возможно, потому что по мере разработки перед вами может встать целый ряд задач, которые кому-то придется регулярно выполнять. Frontpage позволяет достаточно просто распределять задания, для этого существует перечень заданий (Tasks View) Проводника (подробнее это будет объяснено в главе 3)
П Каким образом вы не позволите сайту выйти из-под контроля? Для эффективного контроля за объемом сайта вам придется определить круг лиц, имеющих полномочия модифицировать и добавлять материал. Если любой сотрудник вашей компании будет иметь возможность по своему усмотрению добавлять страницы, редактировать информацию, расставлять ссылки и тому подобное, то на вашем сайте очень скоро начнется Вавилонское столпотворение. Для регулирования пользовательских привилегий Frontpage предоставляет вам возможность устанавливать права просмотра, редактирования и администрирования. Более подробно об этом написано в главе 5
Возможно, в вашей организации уже установлена сеть и вы при желании можете отыскать в ней любой файл или просмотреть документ, но этот процесс нельзя назвать простым и изящным: вы должны подключиться к нужному компьютеру сети, скопировать файл на свой компьютер или открыть его на другом компьютере, запустить соответствующую прикладную программу, чтобы этот файл просмотреть, и т.


д. Вдобавок к этому, просматривая содержимое удаленного компьютера, вы видите только список файлов. Не слишком информативное представление, не правда ли? И даже если вы знаете, где следует искать определенный файл, найти его в сети может оказаться достаточно утомительной задачей, особенно если вы не знаете его точное имя.

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

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

Процесс разработки Web-сайта

Процесс разработки Web-сайта

Сегодня, путешествуя по Internet, можно найти много очень хорошо выполненных сайтов, которые быстро загружаются, привлекательны на вид, имеют четко разграниченную по разделам информацию и удобные функции навигации. Такие сайты просто приглашают вас посетить их, расслабиться, задержаться на некоторое время, развлечься и узнать что-то новое.
Если вы задерживаетесь на каком-либо сайте на длительное время и даже не осознаете этого, то, по всей видимости, такой сайт очень хорошо продуман. Вернитесь обратно и попробуйте осмыслить полную картину. Можете ли вы увидеть структуру, организацию? Легко ли воспринимается информация? Понимание движения информационных потоков — это первый шаг в создании функционального, удобного в работе сайта. Если вы поймете, как работает эта концепция, и примените ее при создании собственного сайта, то вы уже тем самым опередите большинство других разработчиков.

Серверы

Серверы

Для размещения сайта в intranet вам понадобится Web-сервер. Лучше всего, если Web-сервер будет установлен на выделенном компьютере, подобно традиционным сетевым серверам. Чем быстрее и мощнее будет этот компьютер, тем лучше будет работать ваш сайт.
Выбор Web-сервера зависит от ожидаемого графика в сети. Если ваша компания относительно невелика, вероятно, вы сможете ограничиться единственным сервером на базе Персонального Web-сервера Frontpage или Персонального Web-сервера Microsoft. Эти серверы не рассчитаны на обработку большого объема информации, так что для более обширной сети вам может потребоваться сервер, способный обрабатывать больше информации. Более подробно о серверах смотрите в главе 11.

Совет

( Совет )

Мы склонны думать, что наш сайт обязательно будет замечен той аудиторией, которой он адресован; однако здесь очень легко промахнуться. Чтобы избежать этого, будьте скромнее и постарайтесь заранее показать план и содержание вашего сайта как можно большему количеству людей, особенно потенциальным членам вашей аудитории. Этот очень важный шаг часто игнорируют.
Разумно организуйте содержимое. Возможно, вам знакомо утверждение, что содержание первично, а форма вторична? И это правда, но форма подачи содержания тоже важна. Сколько раз при посещении очередного сайта вы говорили себе: "Здесь нет ничего интересного"? Возможно, где-то глубоко внутри и захоронено что-то ценное, но откопать это что-то можно, лишь случайно на него натолкнувшись. Если у вас есть информация, которую, как вы считаете, ваши посетители должны увидеть, не прячьте ее вглубь сайта. Сделайте важную информацию настолько легко доступной, насколько это возможно. Не забывайте, что ваш сайт будет иметь, по всей видимости, не один уровень вложенности. Вторичный материал упорядочивайте по группам взаимосвязанной информации. Предположим, например, что вы создаете интерактивный каталог музыкального магазина. Вы бы поместили в один список и джазовые компакт-диски, и записи рок-групп? Разумеется, нет. Это, конечно, очень простой пример, его смысл в том, что, рассматривая всю вашу информацию в терминах соответствующих категорий, вы намного лучше сможете организовать свой сайт.
Предусмотрите на сайге кнопки навигации. Большинство разработчиков используют кнопки, адресующие к различным разделам сайта. Эти кнопки, как правило, присутствуют на всех страницах сайта и обычно расположены плотной группой в одном и том же месте страницы. Единообразие и компактность их расположения существенно упрощают просмотр вашего сайта. Пользователю достаточно просто нажать кнопку, чтобы перейти в другой раздел сайта.
Ниже перечислены некоторые рекомендации, касающиеся планирования кнопок навигации:
- Обязательно должна быть кнопка, с помощью которой пользователи могли бы вернуться обратно к начальной странице.


Если ваш пользователь забрался на пять уровней вглубь, то надо предоставить ему возможность одним нажатием кнопки вернуться на первую страницу. А если он увязнет, нажимая кнопку Back в своем браузере, то, скорее всего, он очень быстро уйдет с вашего сайта и больше никогда не вернется. Другими словами, не полагайтесь на навигационные способности браузера пользователя, обязательно добавьте эти возможности на свой сайт

- Будьте готовы к тому, что у некоторых посетителей вашего сайта отключен просмотр графики в браузере. Очень полезно наряду с графическими кнопками навигации иметь и их текстовую версию. Тем самым для просмотра вашего сайта пользователь сможет выбрать удобный для него вариант. Не сомневайтесь: пройдет еще немало времени, пока на Web-страницах останутся только графические кнопки

Итак, постарайтесь максимально упростить перемещение по вашему сайту. Разрабатывая сайт, спросите себя, между какими точками следует навести мосты. От ответа на этот вопрос во многом будет зависеть, насколько легким и увлекательным будет путешествие по вашему сайту.

Воспользуйтесь картой навигации Проводника Frontpage. Карта навигации (Navigation view) может оказаться особенно полезной, когда у вас возникнут трудности с представлением информации. Начните работу с главной страницы и идите вглубь. Это визуальное представление поможет вам "увидеть" содержимое вашего сайта, более ясно организовать его и избежать глобальных изменений при модификации сайта. Вы более четко сможете представить себе структуру вашего сайта и, возможно, у вас появятся новые идеи по его улучшению. Для более детального знакомства с картой навигации Проводника читайте главу 3.

Тщательно протестируйте свой сайт. Существует целый ряд различных брау-зеров, и в каждом из них ваш сайт может выглядеть по-разному. Проверьте работу вашего сайта, используя как можно больше различных браузеров, при этом на различных платформах (как минимум, Windows 95, Windows NT, UNIX и Macintosh) и при различных скоростях модема.


Нередко кнопка навигации, помещенная вами в угол страницы, в каком-нибудь браузере оказывается посреди окна; такие вещи случаются сплошь и рядом. Опытные Web-дизайнеры проверяют в своих сайтах каждую страницу и каждую ссылку в нескольких различных браузерах. Все связи внутри вашего сайта вы сможете легко проверить с помощью команды Verify Hyperlinks (Проверить гиперссылки) или протокола состояния гиперссылок (Hyperlink Status View) Проводника. В главе 3 вы получите всю необходимую информацию об этих средствах.

Другой хороший способ проверки вашего сайта — это операция Preview In Browser (Предварительный просмотр в браузере) в Редакторе. Она позволит вам визуально исследовать вашу страницу в любом браузере, установленном на вашем компьютере и при различных размерах окна. Например, если вы обычно работаете в разрешении 1024х768, то вы сможете воочию посмотреть, как ваша страница будет выглядеть в разрешении 640х480. Подробнее об этом читайте в главе 7.

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

Вперед!

Вперед!

Теперь, когда вы имеете представление о том, зачем вообще нужны Web-сайты, самое время разобраться, как создать сайт с помощью Frontpage. Начнем наше путешествие подробным рассмотрением Проводника Frontpage в главе 3.

Frontpage Explorer вблизи

Диалоговое окно Edit Hyperlink

Рисунок 3.16. Диалоговое окно Edit Hyperlink

Завершив все установки в диалоговом окне Edit Hyperlink, щелкните по кнопке Replace. Frontpage пересмотрит ваш сайт и произведет необходимые изменения. Если у вас нет времени исправить ссылку прямо сейчас или вам нужно некоторое время на поиски правильного адреса, вы можете пополнить список заданий, щелкнув на ссылке правой кнопкой и выбрав из всплывающего меню Add Task. К рассмотрению перечня заданий мы вернемся несколько ниже.

Диалоговое окно Getting Started

Рисунок 3.1. Диалоговое окно Getting Started

Также Frontpage проверит, открывали ли вы уже какие-либо сайты ранее;
список последних загруженных сайтов будет выведен в диалоговом окне. Обратите внимание, что под окном списка появляется адрес выбранного сайта. Если выбранный вами сайт требует использования SSL (Secure Sockets Layer, протокол безопасных соединений), то его адрес будет начинаться с https//. Более подробную информацию об SSL вы найдете в главе 5 в разделе "Зачем нужен SSL". О том, как открывать сайты, находясь в Проводнике, читайте далее, в разделе "Открываем существующий сайт" этой главы. А пока мы разберемся, как:
- Открыть существующий сайт Frontpage. Опция Open an Existing Front-Page Web (Открыть существующий сайт Frontpage) позволяет реализовать одну из двух возможностей: вы можете либо открыть один из Web-сайтов, перечисленных в списке, либо выбрать кнопку More Webs (Показать еще). Если вы захотите открыть один из перечисленных сайтов, Frontpage откроет его в Проводнике. Если вы нажмете кнопку More Webs, появится диалоговое окно Open Frontpage Web (Открыть сайт Frontpage). Описание диалога Open Frontpage Web ищите в разделе "Как открыть сайт, созданный во Frontpage" далее в этой главе
- Создать новый сайт Frontpage. Находясь в окне Getting Started, можно также создать новый Web-сайт Frontpage. Для этого выберите переключатель Create a New Frontpage Web (Создать новый сайт Frontpage) и нажмите кнопку ОК; вы увидите диалоговое окно New Frontpage Web (Новый сайт Frontpage). При создании нового сайта вы попадете в это окно как из диалога Getting Started, так и из Проводника. Этот процесс детально описан в следующем разделе

Диалоговое окно New Frontpage Web

Рисунок 3.2. Диалоговое окно New Frontpage Web

Для создания нового Web-сайта вам предстоит выполнить две операции, указанные в окне диалога New Frontpage Web.
1. Выберите тип сайта Frontpage, который вы хотите создать. На этом этапе у вас есть три варианта выбора:
One Page Web (Одностраничный сайт). Эту опцию следует выбрать, если вы хотите создать сайт, состоящий из одной чистой страницы. В этом случае Frontpage создаст одностраничный сайт и откроет его в Проводнике.
Import an Existing Web (Импортировать существующий сайт). Если вы хотели бы импортировать во Frontpage существующий сайт, созданный каким-либо иным, помимо Frontpage, образом или отдельные HTML-страницы, то вам необходимо запустить Import Web Wizard (Мастер импорта сайтов). Это можно сделать, выбрав опцию Import an Existing Web и нажав кнопку OK, тогда откроется диалоговое окно Import Web Wizard, где можно указать сервер или место на диске, где будет располагаться ваш сайт, а также новое имя сайта. Подробное описание Мастера импорта сайтов вы найдете в главе 4.
From Wizard or Template (С помощью мастера или по шаблону). В диалоговом окне New Frontpage Web вы видите список доступных мастеров и шаблонов. Использование мастеров и шаблонов — это один из самых легких путей создания сайта; оно избавит вас от большого количества предварительных рутинных действий. Шаблоны и мастера подробно разбираются в следующей главе, а здесь мы только бегло взглянем на те возможности, которые они вам предоставляют:
- Corporate Presence Wizard (Мастер создания представительства компании) . Этот мастер — превосходная стартовая площадка для построения делового сайта. Он задаст вам ряд вопросов и сгенерирует в соответствии с вашими ответами изрядное количество разнообразных страниц, где вы найдете все необходимое для всестороннего освещения вашего бизнеса
- Customer Support Web (Сайт поддержки заказчиков). Этот шаблон строит каркас сайта онлайновой службы поддержки ваших клиентов
- Discussion Web Wizard (Мастер сайта дискуссионных групп).


Этот мастер служит для создания полноценного сайта дискуссионного форума—с поддержкой потоков, с оглавлением и полнотекстовым поиском

- Empty web (Пустой сайт) . Это просто шаблон пустого сайта. Как правило, одностраничный сайт более полезен, нежели пустой

- personal Web (персональный сайт) . Этот шаблон создает персональный Web-сайт, который вы можете заполнить разнообразной информацией о себе, поместив на нем, например, свои профессиональные данные, биографическую информацию, рассказ о своих интересах и тому подобное

- project web (Сайт проекта) . Сайты этого рода помогают в управлении проектами. В них входят обычно список участников, состояние проекта, расписание его и прочая подобная информация

2. Дайте вашему новому Web-сайту название и, если надо, измените его местоположение. По умолчанию ему будет присвоено название My New Web. Разумеется, стоит изменить его на более осмысленное и подходящее для вашего сайта. Обратите внимание, что под текстовым окном появится адрес, включающий новое имя. Когда вы нажмете кнопку OK, Frontpage создаст сайт с заданным вами именем в указанном месте. (Следует различать имя сайта и его название. Название (title) — величина неформальная, предназначенная исключительно для человеческого восприятия; название может быть практически любым, имя (name) — это часть URL (адреса) сайта и обязано удовлетворять определенным ограничениям. Frontpage предлагает в качестве имени сайта некоторое производное от его названия, построенное с учетом этих правил. — Примеч. пер.) По умолчанию Front-page предлагает разместить его на вашем локальном сервере, однако вы можете изменить его расположение: щелкнув на кнопке Change (Изменить), вы получите окно диалога Change Location (Изменить расположение), в котором сможете сделать необходимые изменения (Рисунок 3.3).

Диалоговое окно Options

Рисунок 3.25. Диалоговое окно Options

Чтобы исправить существующий пункт списка, выберите его и нажмите кнопку Modify. U появившемся диалоговом окне Modify Editor Association (Изменить редактор для файлов типа) вы сможете откорректировать название редактора и имя его исполняемого файла.
Пункт списка можно удалить. Для этого следует выбрать его и нажать Remove.
Frontpage позволяет сопоставить одному типу файлов только один редактор. Все редакторы, перечисленные в списке на вкладке Configure Editors, появляются в окне диалога Open With Editor (меню Edit, опция Open With). Если какому-то типу файлов вы не назначите в Проводнике соответствующий редактор, то Frontpage откроет его с помощью приложения, зарегистрированного для файлов этого типа в Windows.
Подсказка
Когда вы нажмете Remove на вкладке Configure Editors, Frontpage не станет спрашивать подтверждения на удаление элемента списка. Если вы удалите его по ошибке, то вам придется ввести его заново через команду Add.

Диалоговое окно Publish

Рисунок 3.21. Диалоговое окно Publish

2. Frontpage запоминает сервер, на который вы копировали последний сайт, и его имя будет выведено в окне списка Publish Frontpage Web to.
3. Если вы хотите скопировать на сервер только изменения, то установите флажок Publish changed pages only (Публиковать только измененные страницы).
4. Если вы публикуете корневой сайт и хотите, чтобы все остальные сайты также были размещены на том же самом сервере, установите флажок Include child webs (Включая дочерние сайты).
5. Нажмите кнопку ОК. Frontpage найдет сервер и разместит сайт так, как указано.
Если вы собираетесь публиковаться на другом сервере, нажмите в окне Publish кнопку More Webs. Откроется окно диалога Publish Frontpage Web, показанное на Рисунок 3.22.

Добавление к сайту карты навигации

Добавление к сайту карты навигации

Если вы переходите от предыдущей версии Frontpage или импортируете сайт из другой программы и при этом хотите использовать для построения структуры своего сайта все прелести режима навигации, то вам повезло. Frontpage автоматически располагает в верхней панели карты навигации домашнюю страницу (Home Page) сайта — все готово для построения структуры. С этого момента режим Navigation View будет работать точно так же, как и для любого другого сайта.

Добавление к сайту новой страницы

Добавление к сайту новой страницы

Новую страницу можно вставить в сайт в режимах Folders View, All Files View и Navigation View. Это можно сделать различными способами:
- Выберите в меню File опцию Hew и в субменю New укажите пункт Page - Нажмите на панели инструментов Проводника кнопку New Page
- Щелкните на поле со списком файлов правой кнопкой мыши и выберите во всплывающем меню New Page
- Нажмите клавишу на клавиатуре -1 Воспользуйтесь кнопками панели инструментов Проводника Copy и Paste
Когда вы создадите новую страницу, Frontpage добавит ее к сайту под именем newpage.htm. Имеет смысл сразу переименовать ее, иначе вы рискуете заполучить сайт, состоящий из страниц с маловыразительными названиями newpage2.htm, newpage3.htm и т. д.

Дополнительные функции Проводника

Дополнительные функции Проводника

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

Frontpage Explorer вблизи

Frontpage Explorer вблизи

Все замечательно: вот вы уже вполне реально разрабатываете Web-сайты, и даже порядком набили руку в этом деле, но теперь по ночам вас преследуют кошмары, богато украшенные бесконечными гирляндами из HTML-страниц и рассыпанными по ним маленькими картинками и кнопочками; а днем вас осаждают писатели и дизайнеры, не говоря уже о непосредственном начальстве и заказчиках, жаждущие увидеть плоды ваших трудов или хотя бы понять, что же вы делаете. Временами вы ясно понимаете, что для того, чтобы хоть как-то вернуть жизнь в нормальное русло, вам просто позарез необходимо нарисовать карту вашего сайта. Припомните, сколько раз вы пытались это сделать?
И вам, как начинающему Web-мастеру, наверняка интересно, так ли необходимо забивать себе голову всем этим Web-барахлом. Когда вы прикидываете будущие странички на бумаге, то поначалу все просто и понятно. Но пытаясь нарисовать ссылки между всеми вашими страницами, вы постепенно начинаете чувствовать себя Лаокооном и всеми его сыновьями вместе взятыми.
Существуют хорошие программы, позволяющие вам построить карту сайта и делать с ней все, что угодно. И пусть даже у вас есть подобная программа, но вам не обойтись без инструмента создания Web-сайта, что означает, что вам придется вводить данные сразу в две программы. Вам не кажется, что было бы куда как проще, если бы данные пришлось вводить только однажды?
И если вы полагаете, что для организации сайта должно быть достаточно одной программы, то вы попали в самую точку, ибо именно это и является задачей Проводника Frontpage (Frontpage Explorer). Проводник Frontpage дает возможность представить вид вашего сайта несколькими различными способами, с различных точек зрения, и манипулировать им, как единым целым; так что при любой модификации сайта Проводник Frontpage сам внесет необходимые изменения во все схемы и вам не придется исправлять их вручную каждую по отдельности. Это значительно упрощает создание и обслуживание сайта и, вне всякого сомнения, сэкономит вам уйму рабочего времени.


А если вы работаете над относительно большим сайтом, то, без преувеличения, это поможет вам просто остаться в своем уме.

Здесь вы сможете проверять логику, поддерживать ссылки и производить прочие манипуляции сразу по всему сайту. Например, вам вряд ли понравится текстовый процессор, способный проверять орфографию документа только в одном абзаце за раз, и точно так же вы вправе счесть неудобным проверять орфографию в вашем Web-сайте постранично; а Проводник Frontpage легко позволит вам проверить сразу весь сайт целиком. Во Front-Page впервые была реализована концепция Web-сайта как единого целого, и средством манипулирования этим целым как раз и является Проводник Frontpage.

Итак, в этой главе детально описывается Проводник Frontpage. Проводник составляет основу клиентской части Frontpage, предоставляя непосредственный или косвенный доступ к Редактору Frontpage (Frontpage Editor), a также к мастерам и шаблонам Frontpage. Более подробно эти средства будут рассмотрены в следующих главах, здесь будет просто рассказано о том, как их можно вызвать из Проводника Frontpage.

Не следует путать Проводник Frontpage (Frontpage Explorer) с проводником Windows 95 (Windows 95 Explorer), что немудрено, учитывая, что они очень похожи внешне и выполняют схожие действия. Тем более не надо путать Frontpage Explorer с браузером Microsoft Internet Explorer. Проводник Front-page обеспечивает вам обзор вашего Web-сайта. В этой главе и далее на протяжении всей книги под Проводником (с большой буквы) будет подразумеваться Frontpage Explorer, a Windows 95 Explorer будет называться проводник Windows.

Импорт файла в сайт

Импорт файла в сайт

Способность приложения к "перевариванию" документов, созданных в предыдущих версиях или при помощи конкурирующих программ, является одним из весомых критериев его ценности. Переходя к Frontpage от какого-либо иного инструмента Web-творчества, вы не рискуете тем, что весь ваш предыдущий труд пропадет: если у вас уже есть страницы или файлы (например, файлы RTF или HTML), которые вы хотели включить в свой новый сайт, то во Frontpage это делается элементарно.
В свои сайты вы можете импортировать документы Word, листы Excel и многое другое. Frontpage позволяет в том числе импортировать файлы, созданные приложениями не от Microsoft. Сайт intranet может состоять из десятков, сотен и даже тысяч документов. И если на вашу долю выпало размещение всего этого добра на сайте, то вы наверняка вздохнете с облегчением, услышав, что при желании вы сможете импортировать все эти файлы сразу.
Импортировать файлы в сайт можно двумя способами: с помощью команд меню или перетаскиванием файлов в Проводник из других мест вашего компьютера. Вот как это делается через меню:
1. Открыв в Проводнике сайт назначения, выберите в меню File команду Import; откроется окно Import File to Frontpage Web (Импортировать файл в сайт Frontpage), приведенное на Рисунок 3.23.
2. Нажмите кнопку Add File (Добавить файл); вы увидите окно диалога Add File to Import List (Внести файл в список для импорта), в котором и будете указывать файлы, предназначенные для импорта. С помощью привычных элементов указания местоположения файла найдите папку, содержащую нужные файлы. Убедитесь, что вы ищете файлы именно нужного вам типа — для этого существует раскрывающийся список Files of Type (Тип файлов). Если вы точно не знаете тип искомого файла, то установите в этом списке All Files (*.*) (Все файлы).

Изменение размера окна обзора

Изменение размера окна обзора

Окна Folders View, Navigation View и Hyperlinks View разделены перегородкой на два поля. Ее можно передвинуть, изменив размеры полезной площади, отведенной каждому из полей. Для этого установите курсор прямо над перегородкой и после того, как он примет форму двойной черточки с поперечными правой и левой стрелками, нажмите кнопку мыши и тяните перегородку в нужную сторону.

Изменение ширины столбцов

Изменение ширины столбцов

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

Экспорт файла из сайта

Экспорт файла из сайта

Предположим, вам понадобилось скопировать какой-либо элемент своего сайта (страницу или картинку) куда-то в другое место. С помощью команды Export меню File вы можете записать любой файл на свой винчестер, на сетевой диск или на дискету. Первым делом выберите файл в окне Folders View, All Files View, Navigation View или Hyperlinks View, а затем задайте в меню File опцию Export. В появившемся диалоговом окне Export Selected As (Экспортировать выбранный файл как) укажите, куда вы хотите скопировать файл. Кода вы нажмете кнопку Save (Сохранить), файл будет скопирован туда.
Команда Export не удаляет файлы с вашего сайта; чтобы удалить файл, вам следует воспользоваться командой Delete.

Как открыть сайт, созданный в другой программе

Как открыть сайт, созданный в другой программе

Если на Web-сервере, на котором размещен сайт, установлены соответствующие Серверные расширения Frontpage — это оптимальный вариант для открытия сайта, созданного в каком-либо другом приложении. Серверные расширения Frontpage предоставляют некоторую необходимую дополнительную информацию, делая тем самым содержимое сайта'доступным для редактирования. Так что если серверные расширения установлены, вам, возможно, даже не понадобится менять формат сайта, чтобы загрузить его в Проводник.
Чтобы открыть подобный сайт, выполните процедуру, изложенную в предыдущем разделе. Подробная информация о Frontpage Server Extensions приведена в главе 11.
Открыть сайт, расположенный на сервере, на котором не установлены Серверные расширения Frontpage, также несложно. Для этой цели служит Мастер импорта сайтов (Import Web Wizard), описанный в главе 4.

Как открыть сайт, созданный во Frontpage

Как открыть сайт, созданный во Frontpage

Если вам нужно открыть в Проводнике сайт, созданный во Frontpage, выполните следующую последовательность действий:
1. Выберите в меню File Проводника пункт Open Frontpage Web (Открыть сайт Frontpage); при этом откроется описанное ранее в этой главе окно диалога Getting Started. Если нужный сайт в нем не перечислен, щелкните по кнопке More Webs, после чего откроется окно Open Frontpage Web,
показанное на Рисунок 3.4, содержащее еще несколько опций.

Как улучшить обзор схемы

Как улучшить обзор схемы

Какой фрагмент вашего сайта поместится в окне схемы гиперссылок, зависит исключительно от размеров окна и вашего монитора. Раскрывая свернутые ссылки, вы увидите, как за границы экрана уходит все больше элементов. То, что выпало из поля зрения, можно увидеть двумя путями: с помощью полос прокрутки внизу и с правой стороны окна или нажать кнопку мыши на свободном пространстве и держать ее в нажатом положении. Когда курсор примет форму ладони, вы, по-прежнему держа кнопку нажатой, сможете протягивать поле в любом направлении, добираясь до любых его уголков.
Полезно знать еще такой прием: любой элемент можно поместить в центр экрана, щелкнув на нем правой кнопкой мыши и выбрав в контекстном меню пункт Move To Center. Обратите также внимание, что у схемы гиперссылок есть тенденция к зацикливанию. Если вы представите себе пространственную картину, то увидите, что страница А ссылается на страницу В, та — на страницу С, а та, в свою очередь, — на страницу А. Круг замыкается. Это пример еще не самого сложного случая. Схему гиперссылок лучше всего применять при просмотре небольших частей сайта. Для того чтобы получить хороший общий обзор сайта, сверните все ссылки, какие только возможно;
когда вам понадобится углубиться в подробности, вы быстро сможете раскрыть необходимую страницу.

Карта навигации (Navigation View)

Карта навигации (Navigation View)

Пытаясь изобразить план своего Web-сайта, вы можете пойти самыми различными путями. Можно купить несколько пачек липких бумажек и начать развешивать их по стенам; можно взять пятьсот почтовых карточек и попытаться как-то их упорядочить; можно в поте лица покрывать набросками все доступное пространство. Создатели Frontpage позаботились о том, чтобы сберечь вам время и нервы (и спасти несколько деревьев). Для этого возможность представления структуры сайта предусмотрена прямо в Проводнике Frontpage. Она носит название карты навигации (Navigation view) и предоставляет вам возможность визуально проектировать структуру сайта и даже вывести ее на печать. Структуру, созданную в режиме навигации, можно использовать также для создания панелей навигации в Редакторе Frontpage (более подробно о панелях навигации рассказано в главе 7).
Чтобы рассмотреть свой сайт с точки зрения навигации, выберите значок Navigation на панели Views или пункт Navigation в меню View.
На Рисунок 3.10 вы видите, как выглядит на карте навигации создаваемый по умолчанию .

Кнопка fiemove служит для удаления выбранного параметра из списка Вкладка Configuration

Кнопка fiemove служит для удаления выбранного параметра из списка. Вкладка Configuration

Чтобы изменить имя и название вашего сайта, перейдите в диалоговом окне Frontpage Web Settings на вкладку Configuration (Конфигурация), отредактируйте информацию нужным образом и нажмите кнопку ОК. Имя сайта не должно содержать пробелов, поскольку оно является частью URL сайта, а в URL пробелы недопустимы; однако название сайта пробелы содержать может.

Конфигурирование редакторов

Конфигурирование редакторов

Вы открывали когда-нибудь файлы из проводника Windows? Если да, то вы знаете, что файлы открываются теми приложениями, которые способны их просматривать и редактировать. Проводник Frontpage ведет себя аналогичным образом. По двойному щелчку на файле вашего Web-сайта (например, файла Office, GIF или JPEG) Проводник Frontpage откроет файл в приложении, заданном в конфигурации проводника Windows.
Если же вы захотите, чтобы запускался другой редактор, отличный от того, что указан для проводника Windows, то в меню Tools выберите Options, a затем в открывшемся окне Options (Рисунок 3.25) щелкните на вкладке Configure Editors (Конфигурация редакторов).
На вкладке находится список в две колонки: в первой перечислены расширения файлов, а во второй — приложения, используемые для редактирования файлов соответствующих типов. Как видите, в этом окне некоторым наиболее употребительным типам файлов по умолчанию уже сопоставлены приложения для редактирования.
Чтобы внести в этот список новый тип файлов, нажмите кнопку Add, при этом откроется диалоговое окно Add Editor Association (Добавить редактор для файлов типа). Введите в текстовом окне File Type расширение, идентифицирующее тип файла, а в окне Editor Name впишите название программы, которая будет служить редактором для этих файлов. Затем в текстовом окне Command введите имя и путь к исполняемому файлу редактора. Если точное местоположение его вам неизвестно, нажмите кнопку Browse, которая откроет стандартное окно просмотра окружения вашего компьютера. Введя все необходимые данные, нажмите кнопку ОК.

Модификация карты навигации

Модификация карты навигации

По мере построения сайта наверняка обнаружится тенденция к разрастанию его структуры, и рано или поздно вас не спасет даже 20-дюймовый монитор. Frontpage предоставляет несколько способов настройки и улучшения карты навигации: это команды Size to Fit (Уместить), Rotate (Повернуть), и Expand All (Раскрыть все). Чтобы добраться до этих опций, щелкните правой кнопкой мыши на верхней панели, помимо этого, для команд Size to Fit и Rotate на панели инструментов Проводника предусмотрены соответствующие кнопки (для команды Expand All своей кнопки нет). Можно также выбрать в меню Проводника пункт View и указать одну из этих опций там:
- Size to Fit. Эта команда сворачивает схему сайта таким образом, чтобы она уместилась в верхней панели целиком, без скроллинга
- Rotate. Так как одни предпочитают видеть структуру сайта с вершины до подножия, а другие — справа налево, то Frontpage предоставляет возможность переключаться между этими вариантами по команде Rotate (Повернуть)
- Expand All. Спрятанные (свернутые) страницы на карте навигации обозначаются знаком "плюс". Если вы захотите посмотреть на полную структуру сайта и вам лень сто раз нажимать плюсик, используйте команду Expand All (Развернуть все). По этой команде все свернутые и спрятанные страницы будут открыты и вашему взгляду предстанет полная схема вашего сайта. Если же структура и так развернута до предела и ни одного плюса в ней нет, то команда Expand All никакого эффекта не даст

Обновление экрана

Обновление экрана

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

Обновление структуры

Обновление структуры

Если в конце рабочего дня вас вдруг посетило озарение и вы поняли, что все надо было делать совершенно не так, то вы всегда можете вернуться на шаг назад. Чтобы восстановить структуру, выберите в меню View опцию Refresh или нажмите на клавиатуре клавишу ; при этом структура будет восстановлена в том состоянии, в котором она находилась до последней записи изменений.

Общие черты режимов обзора

Общие черты режимов обзора

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

Окно диалога Change Location

Рисунок 3.3. Окно диалога Change Location

Если вам не по вкусу предложенный Frontpage сервер, не огорчайтесь:
Frontpage запоминает наиболее часто используемые серверы. Вы можете выбрать одно из имен, перечисленных в раскрывающемся списке. А если нужный вам сервер в этом списке отсутствует, то тоже ничего страшного — наберите нужное имя в окошке ввода. Если, например, текущее расположение выглядит как server1/myweb, а вы хотите, чтобы Frontpage создал myweb на сервере Server'2 (в списке не значащемся), измените его местоположение на server2/myweb, и Frontpage создаст сайт надлежащим образом.

Окно диалога New Task

Рисунок 3.20. Окно диалога New Task

Введите имя задания в текстовом окне Task Name, в поле Assign To впишите имя ответственного, в секции Priority установите соответствующий приоритет: High, Medium или Low. В заключение в текстовом окне внизу добавьте пару строк описания задания и нажмите кнопку ОК. Постарайтесь, чтобы описание было кратким, но информативным, т. к. ширина столбцов в Tasks view обычно невелика.

Окно диалога Task Details

Рисунок 3.19. Окно диалога Task Details

Чтобы сменить название задания, переадресовать его другому исполнителю или исправить его описание, просто введите новый текст вместо старого. Чтобы изменить приоритет, поставьте переключатель в соответствующее положение. Обратите внимание, что не все параметры задания можно изменить, а только вышеупомянутые. Закончив вводить новую информацию, нажмите кнопку ОК и вернитесь в Tasks view.
Пометка задания как выполненного и удаление задания. Если вы хотите пометить задание как выполненное или вовсе удалить его, щелкните правой кнопкой мыши и выберите в контекстном меню Mark Complete (Пометить как выполненное) или Delete (Удалить) соответственно. А можно, выбрав задание, дать команду Mark Task Complete или Delete в меню Edit. Кода вы пометите задание как выполненное, его состояние изменится и цветной кружочек рядом с названием задания станет зеленым. Опция Delete полезна тогда, когда вы больше не желаете видеть какое-то задание в истории заданий.
Добавление нового задания. Если вам не нужно, чтобы задание было связано с какой-либо страницей, нажмите на панели инструментов Проводника кнопку New Task (Новое задание) или щелкните правой кнопкой мыши на свободном месте панели Tasks view и укажите в контекстном меню опцию New Task. А если вы хотите привязать новое задание к странице вашего сай-та, перейдите в один из других режимов просмотра, например, в список файлов, щелкните правой кнопкой мыши на нужной странице и в контекстном меню выберите Add Task (Добавить задание). В обоих случаях откроется показанное на Рисунок 3.20 окно диалога New Task.

Окно Import File to Frontpage Web

Рисунок 3.23. Окно Import File to Frontpage Web

3. Выберите фат или файлы, которые вы будете импортировать. Это делается точно так же, как в проводнике Windows. Чтобы обозначить группу подряд идущих файлов, щелкните на первом файле в группе, нажмите клавишу и щелкните на последнем файле группы. Чтобы выбрать несколько непоследовательных файлов, нажмите клавишу и, держа ее нажатой, щелкайте на выбираемых файлах. Чтобы исключить файл из выборки, щелкните на нем, держа нажатой клавишу .
4. Нажмите кнопку Open. При этом окно диалога Add FUe to Import List закроется, а файл будет добавлен в список в окне Import File to Frontpage Web.
5. Если вам нужно добавить в список еще файлы, повторите шаги 2, 3 и 4. Чтобы удалить из списка файл (файлы), который импортировать не нужно, выберите его в списке и нажмите клавишу Remove.
6. Если вы хотите изменить URL какого-либо файла, выберите его в окне Import File to Frontpage Web и нажмите кнопку Edit URL; введите новый URL (указав папку, где этот файл будет расположен) и нажмите кнопку ОК. Это удобно для сохранения файла отдельно от остального материала сайта.
7. Запустите процедуру добавления файлов к сайту, нажав кнопку ОК, при этом она превратится в кнопку Stop, с помощью которой вы в любой момент сможете прервать этот процесс.
По завершении импорта файлов Frontpage закроет диалоговое окно Import File to Frontpage Web. Импортированные файлы пока не связаны ни с какими страницами сайта. Если вы попытаетесь закрыть Проводник, когда список импорта еще не опустел, Проводник выдаст предупреждение.
С помощью команды Import можно добавлять в сайт также графические файлы. Как вы узнаете в главе 8, это можно сделать несколькими различными способами в Редакторе, но если вы хотите поместить в свой сайт определенные файлы, то с помощью команды Import вы сможете импортировать их все в один прием.

Окно Open Frontpage Web

Рисунок 3.4. Окно Open Frontpage Web

2. В текстовом окне ввода Select a Web server or disk location (Выберите Web-сервер или путь к файлу) введите имя Web-сервера, на который вы хотите поместить Web-сайт, путь, если сайт будет расположен на вашем жестком диске или в локальной сети, или выберите расположение из раскрывающегося списка. Если вы хотите соединяться с вашим сервером с использованием защиты SSL, установите флажок Secure connection required (SSL).
3. Щелкните на кнопке List Webs. Frontpage выполнит поиск по указанному вами серверу или пути и выведет список сайтов в окне списка Front-page Webs.
4. Выберите нужное имя двойным щелчком или укажите его в списке, а затем щелкните по кнопке ОК.
Подсказка
Чтобы быстро открыть сайт, можно нажать на панели инструментов кнопку Open Frontpage Web. аналогичную стандартной кнопке Open, присутствующей в подавляющем большинстве Windows-приложений, а можно выбрать нужное имя в списке последних открытых сайтов в нижней части меню File.

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

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

Все эти режимы предоставляют вам удобный метод загрузки файлов в Редактор или другие приложения, предназначенные для манипуляций с этими файлами. Например, для обработки файлов в формате GIF (Graphics Interchange Format), с которыми вам сплошь и рядом придется иметь дело, вы в несколько щелчков мыши можете запустить соответствующее приложение и приступить к редактированию.
Открыть файл вы можете из любого места, где он попадется вам на глаза. Для этого щелчком правой кнопки мыши на значке файла вызовите всплывающее меню и укажите в нем опцию Open. Если это файл HTML, то страница будет открыта в Редакторе Frontpage. Если вы выберете в меню команду Open With, то сможете загрузить ее в любой другой редактор. В диалоговом окне Open With Editor (Открыть в редакторе) вам будет предложен список доступных редакторов, из которого вам нужно будет выбрать подходящий и нажать кнопку ОК.
А если вы захотите, чтобы для некоторого типа файлов по команде Open запускался другой редактор; или симпатичный вам редактор вообще отсутствует в списке окна Open With Editor? Указать нужное приложение можно в меню Tools (Инструменты): выберите пункт Options (Опции) и в открывшемся окне щелкните на вкладке Configure Editors (см. "Конфигурирование редакторов" далее в этой главе).
Подсказка
Открыть файл прямо из окна можно просто двойным щелчком на его имени. Файл будет открыт редактором, установленным по умолчанию.

Открываем существующий сайт

Открываем существующий сайт

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

Перечень заданий (Tasks View)

Перечень заданий (Tasks View)

Говорят, что Альберт Эйнштейн принципиально не помнил номер своего телефона, считая, что запоминание подобных мелочей отнимает слишком много мыслительной энергии и занимает память. Он предпочитал беречь энергию и мощь своего ума для творческих целей, а всякую такого рода ерунду просто записывал.
А у вас не возникало желания освободить свою память от вороха мелких противных узелков, которыми неизбежно обрастает любая серьезная работа? Однако если у вас образовался длинный список заданий, то отслеживать ход их выполнения может оказаться нелегко. К счастью, Frontpage предлагает гораздо лучшее решение: режим Tasks View (перечень заданий). Проводник создает перечень заданий для каждого сайта, создаваемого вами во Frontpage и предоставляет этот список в распоряжение всех авторов, принимающих участие в работе.
Tasks view — это список заданий, которые необходимо выполнить для данного сайта. Он не только позволяет записать все эти детали, но и избавляет вас от необходимости их упорядочивать. Он хранит каждое задание, описание его, приоритет, указывает, кто отвечает за его выполнение и более того, освобождает вас от заботы об остальных деталях. К тому же перечень заданий легко настраивается, позволяя изменять и перекраивать список так, как вам угодно.
Чтобы увидеть перечень заданий вашего сайта, выберите в меню View Проводника опцию Tasks или щелкните на значке Tasks панели Views; картина, которую вы увидите, будет похожа на Рисунок 3.18. На нем изображено окно Tasks view со списком заданий, ожидающих исполнения.

Перечень заданий

Рисунок 3.18. Перечень заданий

В самом левом столбце Status (Состояние) проставлено состояние задания. Второй столбец Task (Задание) содержит описание задания. Следующий столбец Assigned To (Кому назначено) показывает ответственных за выполнение каждого из заданий. В столбце Priority (Приоритет) указан приоритет задания: high (высокий), medium (средний) или low (низкий). В столбце Linked To (Связано с) вы видите имя страницы или файла, требующих редактирования для завершения задания. Столбец Modified Date (Дата изменения) содержит дату последнего изменения задания. И, наконец, в самом правом столбце Description (Описание) располагается описание каждой из задач.
Теперь мы углубимся в подробное рассмотрение возможностей перечня заданий.
Просмотр истории. Если вы захотите увидеть полный список заданий, в том числе и выполненных, когда-либо проходивших по данному сайту, посмотрите историю заданий. Выберите в меню View опцию Task History или щелкните правой кнопкой мыши на панели перечня заданий и выберите Task History во всплывающем меню. Когда вы дадите команду Task History, Frontpage добавит все эти задания в список вместе с датой, когда это задание было помечено как выполненное. Когда опция Task History не указана, в перечень заданий попадают только те задания, которые еще предстоит выполнить.
Сортировка по столбцам. Сортировка по столбцам удобна в случае больших списков; делается она очень просто: надо щелкнуть на заголовке столбца. Предположим, вы хотите выяснить, сколько заданий приходится конкретно на вас. Щелкните на заголовке столбца Assigned To и найдите в столбце свое имя; все ваши задания будут сгруппированы вместе. В режиме Tasks view, как и во всех остальных режимах, отсортированные задания располагаются в алфавитном порядке по возрастанию, за исключением сортировки по дате: в этом случае они выводятся, начиная с самых свежих и кончая самыми старыми.
Ширину столбцов вы можете отрегулировать по своему желанию. Для этого поместите курсор мыши на границу между шапками двух соседних столбцов (при этом форма курсора изменится, он примет вид крестика со стрелками вправо и влево) и потяните эту границу в нужную сторону.


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

Немедленное выполнение задания. Это одно из наиболее полезных свойств перечня заданий. Если вы нашли в списке задание — ваше или чье-либо еще — которое вы хотели бы закончить немедленно, то вам будет предоставлена такая возможность. Допустим, вы хотите закончить задание "Writing", фигурирующее на предыдущем рисунке. Все, что вам нужно сделать, — это выбрать задание, щелкнуть правой кнопкой мыши, а затем указать в контекстном меню команду Do Task. Редактор сразу откроет ту страницу, которую нужно доводить до ума, чтобы закончить задание; более того, он откроет страницу на том самом месте, которое указано в задании, так что вам не придется его искать. Если задание не связано с какой-то конкретной страницей, то опция Do Task будет неактивна. Когда вы станете сохранять страницу, содержащую незаконченное задание, Frontpage спросит вас, следует ли пометить задание как выполненное. Отменить эту пометку будет уже невозможно, так что ставьте ее только тогда, когда будете совершенно уверены в том, что задание действительно завершено.

Изменение параметров задания. Вы можете переназначить задание, изменить его приоритет и отредактировать его описание; для этой цели служит диалоговое окно Task Details (Параметры задания). Чтобы открыть это окно, щелкните правой кнопкой мыши на намеченном задании и выберите в контекстном меню команду Edit Task... либо, указав задание, выберите опцию Open в меню Edit. В любом случае перед вами появится окно Task Details, показанное на Рисунок 3.19.

Пересчет гиперссылок

Пересчет гиперссылок

Пересчет гиперссылок обновляет, "причесывает" сайт. Если вы внесли в свой сайт значительные изменения, например, удалили некоторые страницы, то будет целесообразно провести операцию пересчета гиперссылок.
Эта процедура приобретает особенную актуальность, если вы добавляли, удаляли или модифицировали документы в сайте без помощи Frontpage.
Вам нужно будет сделать совсем немного: выберите в меню Tools опцию Re^ calculate Hyperlinks. Frontpage предупредит вас, что эта процедура может потребовать много времени, и спросит, стоит ли начинать. Запустить пересчет гиперссылок можно из любой карты Проводника.
При пересчете ссылок Frontpage производит следующие действия:
- Обновляет изображение сайта во всех режимах обзора Проводника
- Обновляет список ссылок текущего сайта. Если вы удалили с сайта некоторые файлы и хотите проверить ссылки командой Verify Hyperlinks, то удаленные ссылки частично могут остаться в окне диалога Verify Hyperlinks. Стало быть, полезно запускать пересчет ссылок после удаления материала с сайта
- Обновляет текстовый индекс, создаваемый Поисковым Компонентом Frontpage (Frontpage Search Component). Когда вы реализуете поисковый механизм, используя этот компонент Frontpage, то он создает для своих нужд текстовый индекс. Когда вы добавляете страницу к сайту или записываете измененную, в индекс добавляются новые элементы, но ничего не удаляется. Таким образом, если вы уберете из страницы часть материала и сохраните ее, то элементы из удаленного материала все равно останутся в индексе. Каждый раз после удаления материала из сайта желательно производить пересчет гиперссылок для обновления текстового индекса. (О модуле Frontpage Search Component подробно рассказано в главе 9.)

Перетаскивание файлов в сайт

Перетаскивание файлов в сайт

Может случиться, что вам захочется импортировать в сайт один-два файла, а вышеописанную процедуру импорта для такого случая вы сочтете неоправданно длительной. Для подобных ситуаций Frontpage поддерживает перетаскивание файлов в Проводник, т. е. стандартную технику drag-and-drop, которая работает точно так же, как описано ранее в этой главе. Единственное различие заключается в том, что вы перетаскиваете файлы в свой сайт не внутри Проводника, а извне.

Перетаскивание файлов

Перетаскивание файлов

При работе с Проводником в различных режимах обзора вы наверняка захотите использовать для перемещения файлов с одного места на другое технику drag-and-drop. Например, вы добавили в свой сайт новую страницу на карте навигации и теперь хотите, чтобы она находилась в определенной папке. Вы можете подцепить файл на карте навигации и перетащить его в структуру папок, именно в ту папку, в которую считаете нужным. Это еще один метод, которым вы можете совместно использовать преимущества разных режимов обзора для создания своих сайтов. Процесс перетаскивания очень прост:
1. Выберите файл (или группу файлов).
2. Нажмите правую кнопку мыши. Перетащите выбранные файлы на один из значков на панели Views. При этом активизируется указанный режим обзора и правое окно примет соответствующий вид.
3. Удерживая кнопку мыши в нажатом положении, передвиньте курсор мыши обратно на панель обзора и отпустите кнопку: операция успешно завершена.
Описанная здесь техника перетаскивания во всех режимах обзора сайта выполняется совершенно одинаковым образом, но достигаемый эффект для разных режимов различен. Так что в следующих разделах мы подробно обсудим использование drag-and-drop для каждого случая отдельно.
Drag-and-drop в режиме Folders View. Режим обзора папок предоставляет на выбор два варианта drag-and-drop:
- Перетащите одиночный файл (или группу файлов) на значок Navigation (Навигация) на панели Views и присоедините их к родительской странице. Более подробно о режиме навигации и родительских страницах читайте далее в этой главе.
- Перетащите одиночный файл на значок Tasks (Задания) на панели Views и опустите его в перечень заданий. После этого появится новое диалоговое окно New Task (Новое задание), в котором можно будет создать и назначить новое задание для выбранного файла. Далее в этой главе данный режим будет разобран более детально.
А вот еще несколько удобных методов использования структуры папок:
- Поиск в папке всех файлов определенного типа, например, файлов Office. Щелчком на заголовке столбца Type отсортируйте список по типам файлов и ищите в нем файлы нужного типа.
- Переименование файла. Переименовать файл можно точно таким же образом, как вы привыкли делать это в проводнике Windows: щелкните на имени файла, подождите мгновение и щелкните снова. После этого введите новое имя файла, a Frontpage автоматически исправит все ссылки на этот файл.
- Изменение структуры папок. Модифицировать структуру папок вашего Web-сайта можно точно так же, как в проводнике Windows, т. е. перетаскивая файлы из одной паки в другую, a Frontpage переконфигурирует ссылки автоматически.
В режиме просмотра структуры папок можно изменять не только порядок расположения файлов, но и ширину столбцов: установите курсор мыши на границу между столбцами в области заголовка. Когда курсор изменит свою форму на крестик с правой и левой стрелками, нажмите кнопку мыши и тяните границу в нужную сторону до достижения требуемой ширины.

с помощью команды fielete Frontpage

Предупреждение

Удалять сайты следует именно с помощью команды fielete Frontpage Web, а никак не путем удаления его файлов с сервера вручную. Если вы вручную удалите файлы, Frontpage может не разобраться, что вы их уничтожили и удаленный сайт все равно останется в списках окон Open Frontpage Web и Getting Started. Если вы попытаетесь его открыть, то получите предупреждение, что каталог, указанный в URL сайта, на сервере не существует.
Удаляя сайт, имейте в виду, что даже если вы сделаете это корректно, командой Delete Frontpage Web, вы уже не сможете его восстановить ни из Recycle Bin (Корзины) проводника Windows, ни из каталога, который Front-page создаст для сайта. Frontpage будет предупреждать вас об этом всякий раз, когда вы дадите команду на удаление.

При этой операции меняется только

Примечание

При этой операции меняется только название страницы, то, которое появляется в верхней строке большинства браузеров, но на URL страницы такая операция никак не сказывается. Например, заглавная (домашняя) страница вашего сайта, скорее всего, носит имя default, html или index, html, а ее названием является, как правило, что-нибудь вроде имени компании или ее подразделения.
Введя новое название, сохраните сделанные изменения, щелкнув мышью в любом месте экрана или нажав клавишу . Если случайно вы нажмете кнопку мыши дважды, ничего страшного — просто эта страница откроется в Редакторе Frontpage. О работе со страницами в Редакторе рассказано в главах 6 и 7.

Команда Change Password может оказаться

Примечание

Команда Change Password может оказаться в меню недоступной. В случае некоторых Web-серверов Microsoft управление доступом регулируется самим сервером, а не Frontpage. Подробнее об этом читайте в главе 5.

Примечание

(Примечание)

Если вы хотите добавить новый сайт к уже существующему сайту Frontpage, для начала убедитесь, что существующий Web-сайт открыт в Проводнике, а затем выберите опцию Add To Current Web (Добавить к существующему сайту).
Если вы создаете сайт в защищенной области (secure area) сервера, поддерживающего SSL, установите флажок Secure connection required (SSL) (Требуется безопасное соединение). Более подробную информацию об SSL вы найдете в главе 5.
Завершив все необходимые приготовления, нажмите кнопку OK: Frontpage сгенерирует заказанный сайт. Это может занять до нескольких минут, в зависимости от скорости вашего компьютера и вашего Web-сервера, а также от типа создаваемого сайта. На указанном вами сервере Frontpage создаст папку с тем же именем, которое вы дали своему сайту. Если свой сайт вы создавали по шаблону, Frontpage создаст в этой папке файлы для каждой страницы шаблона, а если вы пользовались мастером, то вам будет задан еще ряд вопросов для уточнения конкретных деталей, и только после этого Frontpage сгенерирует файлы страниц. Обстоятельный разбор использования мастеров вас ожидает в главе 4.
После завершения процесса Frontpage покажет свежеиспеченный сайт в Проводнике.

Примерный вид структуры папок Office

Рисунок 3.8. Примерный вид структуры папок Office

Подсказка
Чтобы при работе в режиме Folders View быстро создать новую папку, щелкните на правой панели окна структуры папок правой кнопкой мыши и выберите в контекстном меню New Folder.
Теперь вам не придется ломать голову, куда складывать файлы Word, присланные для сайта вашими сослуживцами. Более того, возможно, вам удастся научить их импортировать эти файлы самостоятельно. Процедура импорта файлов обстоятельно описывается далее в этой главе в разделе "Импорт файлов в сайт".
Наверное, наиболее очевидное достоинство применения папок заключается в логическом упорядочении имеющегося у вас материала. Для достижения желаемой структуры вам не обойтись без создания своих собственных папок, детально описанного выше в этом разделе.

Принятие изменений

Принятие изменений

Итак, вы немного поиграли с режимом навигации и нарисовали именно такую структуру, которая вас удовлетворяет на все сто процентов — настоящее произведение искусства — и теперь вы хотели бы ее сохранить. Естественно, Frontpage при выходе автоматически сохранит результаты вашей деятельности, но если вам нужно, чтобы панели навигации корректно работали с только что созданной структурой, вам следует записать изменения. Более подробно о панелях навигации рассказано в главе б в разделе "Автоматическая навигация".
Чтобы произведенные в структуре сайта изменения вошли в силу, щелкните на верхней панели карты правой кнопкой мыши и выберите из контекстного меню Apply Changes (Применить изменения). Эта процедура может занять одну-две минуты, в зависимости от размеров структуры.

Просмотр свойств файла

Просмотр свойств файла

Чтобы просмотреть свойства файла, выберите файл и в меню Edit дайте команду Properties. На вкладке Summary окна Properties представлены такие сведения, как кем и когда файл создан, когда изменен, автор последнего изменения. Помимо этого, здесь присутствует текстовое окно ввода, в котором можно добавить к файлу комментарии.
Подсказка
Попасть в окно Properties можно и другим путем: щелкните на файле правой кнопкой мыши и выберите Properties во всплывающем меню.
На вкладке General вы найдете общую информацию о файле: имя, название, тип, размер и местоположение. Местоположением может быть путь к файлу или его URL. URL представляет собой адрес ресурса в сети и метод доступа к нему. Так, одной из составляющих частей URL является идентификатор протокола; сейчас самым распространенным протоколом в Internet является протокол HTTP. Термины URL и адрес HTTP обозначают одно и то же понятие.

Протокол состояния гиперссылок (Hyperlink Status View)

Протокол состояния гиперссылок (Hyperlink Status View)

Проверка ссылок — жизненно важный этап тестирования сайта. Вы должны быть уверены в том, что все ваши ссылки работают должным образом. Разорванные ссылки не только портят впечатление от вашего сайта — они портят вашу репутацию. Однако тестирование ссылок даже небольшого сайта может занять много времени. Протокол состояния гиперссылок представляет собой список, показывающий состояние гиперссылок, как внутренних, так и внешних. Чтобы перейти в этот режим, выберите опцию Hyperlinks Status в меню View или просто щелкните на значке Hyperlinks Status на панели выбора режима. Примерный вид экрана в этом режиме демонстрирует Рисунок 3.15.

Протокол состояния гиперссылок

Рисунок 3.15. Протокол состояния гиперссылок

Гиперссылки в этом окне собраны в список, в нескольких столбцах справа от них размещается всевозможная сопутствующая информация: состояние ссылки (столбец Status), адрес, на который она указывает (Hyperlink), страница, на которой она находится (In Page), название страницы (Page Title) и автор последнего изменения ссылки (Modified By). Перед каждым пунктом списка стоит зеленый, желтый или красный кружок; после проверки ссылок желтые кружки меняют свой цвет:
- Зеленый. Ссылка в порядке
- Желтый. Означает, что состояние ссылки неизвестно, еще не проверено или ссылка после последней верификации была изменена
- Красный. Означает разорванную ссылку
Frontpage располагает инструментом под названием Verify Hyperlinks (Проверить гиперссылки), который можно использовать для проверки пунктов назначения ваших ссылок и сэкономить тем самым немало драгоценного времени. Он способен проверять ссылки как в HTML-файлах, так и в документах Office.
Совет

Совет

Проверка ссылок позволяет удостовериться в том, что объекты, на которые указывают ваши ссылки, действительно существуют и ссылки будут работать. Это совсем не означает, что они ведут именно туда, куда вам бы хотелось. Здесь автоматика бессильна.
Проверка гиперссылок осуществляется следующим образом:
1. Открыв сайт в Проводнике, выберите в меню Tools пункт Verify Hyper-links. Если вы еще не перешли в окно просмотра состояния гиперссылок, то Frontpage сам переключится в этот режим. Также можно щелчком правой кнопки на поле карты вызвать всплывающее меню и в нем найти пункт Verify Hyperlinks. Появится диалоговое окно Verify Hyperlinks, предлагающее уточнить, проверять ли все гиперссылки сайта или только выбранные.
2. Запустите процесс, выбрав Verify All Hyperlinks (Проверить все гиперссылки) или Verify Selected Hyperlink(s) (Проверить избранные гиперссылки) и нажав кнопку Start. Frontpage проверит все указанные ссылки и выведет их состояние в столбце Status. Чтобы проверить внешние ссылки, например, на ресурсы во Всемирной Паутине, Frontpage должен быть в состоянии добраться до них, другими словами, вы должны быть подключены к Internet. Так как Frontpage проверяет реальность каждой ссылки, то проверка внешних ссылок в Internet может занять достаточно длительное время.

Публикация

Публикация

Если вы захотите переместить ваш сайт на другой сервер, то Frontpage проделает это с необычайной легкостью. Пусть, например, вы создали и оттес-тировали свой сайт локально, под Microsoft Personal Web Server или Front-Page Personal Web Server и теперь хотите разместить его на мощном сервере — сердце вашей intranet, или на Web-сервере, подключенном к Internet. Так вот, скопировать сайт, открытый в Проводнике, на сервер можно одним нажатием копки Publish (Опубликовать) на панели инструментов Проводника. Если предполагать, что на сервере, где вы размещаете свой сайт, установлены соответствующие Серверные расширения Frontpage (Frontpage Server Extensions) и у вас есть на нем права администратора, то все предельно просто:
1. Откройте в Проводнике сайт, который вы собираетесь копировать, и нажмите кнопку Publish на панели инструментов Проводника. Появится показанное на Рисунок 3.21 окно диалога Publish.

Распечатка карты сайта

Распечатка карты сайта

Чтобы понять что-то, иногда бывает очень полезно на это что-то посмотреть и пощупать его; да и объяснить структуру сайта другим людям может оказаться делом весьма непростым. И напечатанная схема сайта может пригодиться вам не только для объяснений с начальством, но и для обсуждений с другими членами вашей команды, для разговоров с клиентами; в конце концов, ее можно вставить в рамку и повесить на видном месте.
Frontpage печатает структуру сайта в том виде, как она выглядит в поле навигации, даже если она целиком не помещается на экране вашего монитора, так что перед печатью не забудьте полностью ее развернуть, чтобы все уровни вашего сайта, достойные того, чтобы быть напечатанными, были видны. Для экономии места при печати Frontpage печатает только знаки "плюс", чтобы показать, что там скрывается невидимая часть структуры, и не печатает минусы.
Если вы перед печатью хотите посмотреть, как карта сайта будет выглядеть в напечатанном виде, выберите в меню File команду Print Preview (Предварительный просмотр). В окне Print Preview вам предоставляется ряд опций. Детальное обсуждение предварительного просмотра ищите в разделе "Предварительный просмотр" в главе 6.
Непосредственно вывод структуры на печать осуществляется командой Print Navigation View (Напечатать карту навигации) в меню File или нажатием комбинации +. В обоих случаях открывается стандартное диалоговое окно Print (Печать).

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

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

Отредактировать название страницы на карте навигации очень легко; это можно сделать несколькими способами:
- Щелкните на той странице, которую вы собираетесь переименовать, и выберите Rename в меню Edit
- Щелкните на странице один раз, чтобы зафиксировать на ней свой выбор, а затем, после секундной паузы, щелкните вторично на ее названии; название подсветится, и тогда вы сможете ввести новое имя
- Щелкните на странице и нажмите на клавиатуре клавишу

Редактирование параметров сайта

Редактирование параметров сайта

Кошмар на улице Weboa, кадр первый: вы только что завершили сайт вашей компании, где приблизительно на 169 страницах указан номер телефона и факса компании. Утерев пот со лба, вы усаживаетесь в кресло, берете свежую газету и читаете в ней, что код вашего города изменился. Помянув недобрым словом тот день, когда черт дернул вас возомнить себя Web-мастером, вы начинаете размышлять, что же делать с этими 169 страницами. Можно, например, отредактировать их все врукопашную, можно быстренько написать утилитку, которая будет искать старые коды и менять их на новые, можно придумать еще какие-нибудь выходы из создавшегося положения. А нельзя ли сделать это легко и изящно?

Редактирование структуры сайта

Рисунок 3.13. Редактирование структуры сайта

Теперь в окне структуры вы видите свою страницу, ее название, все страницы связаны друг с другом голубой линией. Все в порядке — полный контроль над проектом у вас в руках. Можете двигать страницы по панели структуры, пока не достигнете желаемого результата. В этом суть режима навигации: идея его заключается в том, чтобы представить схему сайта таким образом, чтобы иметь возможность планировать поток информации, составляющий фундамент вашего сайта.
Как добавлять к сайту страницы, читайте в разделе "Добавление страниц к сайту" далее в этой главе.

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

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

С помощью техники drag-and-drop вы можете перетаскивать страницы, формируя структуру саита в соответствии со своими потребностями. В отличие от перетаскивания между различными видами сайта, описанного несколько ранее в этой главе, здесь вам придется перетаскивать страницы в одной либо обеих панелях карты навигации. Вы можете перетаскивать файлы из панели папок в панель структуры, а можете тасовать страницы прямо на панели структуры.
Чтобы передвинуть страницу из нижней панели (папок) в верхнюю панель (структуры):
1. Нажмите правую кнопку мыши на файле, который вы хотите переместить из нижней панели и держите ее.
2. Перетащите файл в панель структуры, удерживая кнопку мыши нажатой. Передвинув курсор мыши в верхнюю панель, вы увидите пунктирный контур перемещаемой страницы.
3. Подвиньте контур поближе к другой странице в окне структуры, тогда появится соединяющая эти страницы пунктирная линия, как показано на Рисунок 3.13.
4. Поместив страницу в намеченное место, отпустите кнопку мыши. Страница займет указанную ей позицию.

Режимы просмотра сайтов

Режимы просмотра сайтов

Задумайтесь, как вы представляете себе Web-сайт: как пространственную конструкцию из взаимосвязанных страниц или же, скорее, как последовательность страниц, выстроенных в один ряд? Разумеется, ни один из этих вариантов ничуть не хуже другого, и предпочтение того или иного зависит исключительно от вашего образа мысли. Frontpage, перенявший популярный стиль интерфейса Outlook, предоставляет вам семь различных режимов работы с вашими сайтами, как показано на Рисунок 3.5. Вероятно, это одна из наиболее замечательных возможностей Проводника.
В следующих разделах мы обстоятельно познакомимся с каждым из этих методов представления вида вашего сайта, а затем рассмотрим некоторые их общие черты.

Родители, потомки и братья

Родители, потомки и братья

Разработка структуры сайта обычно происходит сверху вниз; другими словами, свои страницы вы создаете на различных уровнях. Эта структура образует иерархию вашего сайта и помогает надлежащим образом расставлять приоритеты содержимого сайта. Как правило, чем важнее информация, тем легче она должна быть доступна и тем выше в иерархической пирамиде она располагается. Второстепенную информацию вы, вероятно, разместите на страницах глубоких уровней, поставив на них ссылки со страниц верхнего уровня. Принимая во внимание то обстоятельство, что иерархия и структура ссылок сайта могут быть весьма запутанными, создатели Frontpage ввели в свой продукт систему именования: все уровни во Frontpage имеют свои собственные названия:
- Родительские страницы (Parent pages). Родители — это страницы, с которыми связаны страницы-потомки более низкого уровня
- Потомки (Child pages). Страницы-потомки располагаются уровнем ниже и обычно связаны с родительскими страницами графическими или текстовыми гиперссылками или через панель навигации
- Страницы-братья (Peer pages). Братья — это страницы, имеющие общих родителей
Если вы представите себе, что ваши страницы — это люди, то вам несложно будет понять, что они, совсем как люди, могут в одно и то же время быть родителями, братьями и потомками.
На Рисунок 3.11 представлена типичная структура сайта, в которой страница default.htm является родительской для Services и News, те, в свою очередь, приходятся друг другу братьями, a Services! — это потомок страницы Services. Вы можете спросить: "А что там делает страница Feedback? Так вот, страница Feedback — это глобальная страница. Если на вашем сайте есть панель навигации, то на каждой использующей ее странице будет присутствовать ссылка на глобальную страницу. Панели навигации строятся на основе иерархической модели, созданной в режиме Navigation View, поэтому глобальные страницы находятся на одном уровне с домашней страницей и субъектом иерархии не являются. На карте навигации глобальные страницы располагаются слева или справа от домашней страницы. Более подробная информация о панелях навигации приведена в главе 7.

в режиме навигации

Рисунок 3.10. в режиме навигации

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

Схема гиперссылок (Hyperlinks View)

Схема гиперссылок (Hyperlinks View)

На схеме гиперссылок (Hyperlinks View) Frontpage демонстрирует графическое представление ссылок между частями вашего Web-сайта. Чтобы посмотреть на свой сайт в режиме Hyperlinks View, выберите в меню View пункт Hyperlinks (Гиперссылки). Другой простой способ переключиться на просмотр схемы гиперссылок — щелкнуть на значке Hyperlinks на панели Views.
На Рисунок 3.14 видно, как выглядит схема гиперссылок сайта: экран разделен на две панели, в левой панели располагается дерево, условно символизирующее строение сайта, а в правой панели большими значками показаны составляющие его файлы, соединенные многочисленными голубыми линиями. Имена файлов указаны рядом с соответствующими значками. Направление ссылок слева направо: ссылки на страницу расположены слева, а ссылки со страницы на другие страницы и элементы выходят справа.

Смена пароля

Смена пароля

Вот незадача: ваша секретарша, известная своей фотографической памятью, заглянула вам через плечо, когда вы вводили пароль администратора Frontpage. Как быть? Поменяйте свой пароль, когда ее не будет поблизости. Вот как это сделать: объявите ей, что в соседнем универмаге ее любимая парфюмерная фирма устроила рекламную распродажу. Когда она покинет офис, войдите в меню Tools Проводника и выберите команду Change Password (Сменить пароль). Вы увидите диалоговое окно с приглашением ввести старый пароль, который ваша секретарша уже знает, и новый пароль, который она никогда не узнает, потому что отныне вы будете вводить его, оглядываясь через плечо, а также ввести подтверждение нового пароля. Введите пароли, подтверждение и нажмите кнопку ОК. Новый пароль будет записан и диалоговое окно закроется. Когда ваша секретарша вернется, покажите ей язык.

Содержимое папки images сайта Project One

Рисунок 3.7. Содержимое папки images сайта Project One

Чтобы отсортировать список файлов в окне структуры папок по одному из параметров, щелкните на заголовке соответствующего столбца. Файлы сортируются в порядке возрастания, за исключением сортировки по столбцу Modified Date (по дате последнего изменения) — в этом случае они сортируются в хронологическом порядке, начиная с самой поздней даты и времени. (Точно так же, как и в проводнике Windows, при повторном щелчке на заголовке столбца файлы пересортировываются в обратном порядке. — Примеч. пер.)
По ходу работы с Frontpage в правом окне структуры папок рядом с именами файлов и папок вы постоянно будете встречать некоторое количество различных значков. Один из них — желтый значок папки, его узнать нетрудно. Другой значок, который часто будет вам попадаться, похож на небольшой рисунок; он обозначает графические файлы, такие, как JPEG (формат графических файлов, разработанный Объединенной экспертной группой по фотографии, Joint Photographic Experts Group) и GIF (Graphics Interchange Format, Формат обмена графическими данными). Третий значок выглядит как исписанная страница: он обозначает HTML-файлы и таких файлов будет, вероятно, больше всего. Также вам, наверное, будет встречаться хорошо знакомый значок, который выглядит как миниатюрная версия логотипа вашей любимой "программы из Microsoft Office. Когда вы импортируете в сайт файл Office, Frontpage использует для их обозначения те же самые значки, что вы привыкли видеть в Office. Однако рамки кооперации Frontpage и Microsoft Office этим не ограничиваются. Более подробно об этом рассказано далее в этой главе в разделе "Импорт файлов в сайт".

При построении большого сайта может

Совет

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

Совет

(Совет)

Информацию на всех страницах сайта сразу, за исключением параметров и переменных конфигурации, можно редактировать с помощью команд Find и Replace;
подробно они рассмотрены в главе 7.
Frontpage использует специальные служебные значения, называемые параметрами и переменными конфигурации, которые он может проследить везде, где они используются в текущем сайте. Некоторые параметры автоматически определяют шаблоны и мастера Frontpage. Вы можете вводить свои собственные параметры с помощью Frontpage Substitution Component (Подстановочного компонента Frontpage), описанного в главе 9. С помощью команды Web Settings (Установки сайта) меню Tools Проводника можно отредактировать информацию, в какие бы глухие уголки вашего сайта она ни была запрятана. Диалоговое окно Frontpage Web Settings также можно открыть из любого окна, кроме списка декораций, щелкнув правой кнопкой на поле окна и выбрав в контекстном меню Web Settings. По этой команде перед вами возникнет диалоговое окно Frontpage Web Settings, содержащее четыре вкладки (Рисунок 3.24).

Важно дать сайту такое имя,

Совет

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

Создание сайта с нуля

Создание сайта с нуля

Запустив Проводник, вы увидите окно Getting Started (если, конечно, вы еще не установили флажок Always open last web). Если вы уже находитесь в Проводнике, то для создания или открытия сайтов пользуйтесь командами меню Frontpage. Если вы создаете свой сайт с нуля и хотели бы в полной мере воспользоваться преимуществами встроенных во Frontpage средств управления сайтом, то будет разумно сначала сконструировать в Проводнике каркас вашего сайта. Этот каркас может состоять просто из имени и одной-двух приблизительных страниц, которые впоследствии вы будете доводить до ума. Frontpage сохранит этот каркас на вашем Web-сервере (или же, если вы создаете сайт исключительно для собственных нужд, он запишет его каркас на ваш винчестер), и далее вы сможете работать над ним в Проводнике или Редакторе в зависимости от стоящей перед вами задачи.
Выберите в меню File (Файл) Проводника пункт New (Новый), а далее в появившемся подменю укажите Frontpage Web (Сайт Frontpage). Перед вами откроется окно диалога New Frontpage Web (Рисунок 3.2.).

Создание собственных папок

Создание собственных папок

Предположим, что вы — Web-мастер, обслуживающий сайт intranet некой компании, и на этот сайт из различных источников стекается некоторое количество файлов Office. В качестве одного из методов упорядочения этих файлов можно предложить собрать их все в нескольких папках под общим названием Office. В частности, в папке Office, вероятно, будет предусмотрена папка Word — для хранения файлов Word. Сейчас мы разберемся, как добавить в структуру вашего сайта новую папку:
1. Откройте сайт в Проводнике в режиме Folders View, выберите в левой панели папку, в которой вы хотите создать новую и щелкните на ней.
2. Выберите в меню File пункт New и в открывшемся меню выберите Folder.
3. В каждой части карты папок появится новая папка.
4. Новая папка подсвечена, теперь ей можно дать имя. Дайте новой папке имя Office и нажмите .
5. Щелчком выберите в левой панели папку Office.
6. Повторите шаги 2 и 3; новую папку назовите Word. На Рисунок 3.8 показано, как будет выглядеть структура папок.

Список декораций (Themes View)

Список декораций (Themes View)

Сколько раз, зайдя на очередной Web-сайт, вы видели унылое архаичное зрелище: никаких интересных цветов, никаких красивых кнопочек, а единственное, что объединяет его страницы — это безнадежное убожество? Сколько раз вам казалось, что вам не хватит ни времени, ни таланта для того, чтобы выполнить свой сайт на должном профессиональном уровне? Ничего, будет и на вашей улице праздник; потому что с помощью декораций (themes) вы сможете сделать с Web-сайтом все, что захотите и даже больше. Никто и не заподозрит, что вы никогда не учились в школе искусств.
Авторы Frontpage разрабатывали декорации, имея в виду прежде всего новичков. Опытные Web-дизайнеры, скорее всего, захотят создать графический имидж сайта без посторонней помощи (много полезной информации о разработке графики для WWW вы найдете в главе 8), а новичок на основе этих декораций сможет придать своему сайту высокохудожественный облик, украсив его эффектами, разработанными профессиональными графиками и выдержанными в едином стиле.
Чтобы увидеть список декораций, как показано на Рисунок 3.17, выберите Themes в меню View или значок Themes на панели выбора режимов обзора.

Список файлов (All Files View)

Список файлов (All Files View)

Вот вы уже потратили массу времени, насочиняли бездну страниц и нарисовали кучу картинок, сто раз перетасовали и разложили по разным папкам. И теперь вы начинаете ощущать, что неплохо бы как-то окинуть взглядом все, что имеется у вас в наличии, например, в виде списка. Неужели вы могли подумать, что Frontpage бросит вас в беде? То, что вам нужно, называется списком файлов (All Files View) и, как нетрудно догадаться, в этом режиме все составляющие сайт файлы сведены в единый линейный список.
Чтобы увидеть свой сайт в режиме All Files View, щелкните на панели Views по значку All Files или выберите в меню View пункт All Files. На Рисунок 3.9 вы видите, как выглядит перечень файлов сайта Project One.
Для того чтобы отсортировать список файлов по одному из столбцов, щелкните на заголовке нужного столбца. Файлы выстраиваются в порядке возрастания, за исключением случая сортировки по дате последнего изменения (столбец Modified Date). Здесь они располагаются в хронологическом порядке, начиная с самой поздней даты и времени.

Список файлов сайта

Рисунок 3.9. Список файлов сайта

Drag-and-drop в режиме All Files View. В этом режиме также можно найти полезные применения техники перетаскивания:
- Перетащите один файл (или группу файлов) на значок Folders на панели Views и опустите в текущую открытую папку
- Перетащите один файл (или группу файлов) на значок Navigation на панели Views, а затем присоедините его к родительской странице. Исчерпывающую информацию о режиме Navigation View и родительских страницах вы найдете далее в этой же главе
- Перетащите файл на значок Tasks на панели Views и опустите его в окно перечня заданий. Откроется окно диалога New Task, в котором можно создать и назначить новое задание для этого файла. Более подробно о режиме Tasks View читайте далее в этой главе

Структура папок (Folders View)

Структура папок (Folders View)

Поскольку вы работаете в Windows 95, то форма представления в виде папок должна быть вам удобна и понятна: похожую картину вы можете наблюдать в проводнике Windows. На ней вы видите структуру папок вашего сайта, при этом не важно, на сервере он размещен или на одном из ваших локальных дисков. Содержимое этих папок вы также можете просмотреть в этом окне, так что вам не придется ломать голову, запоминая расположение файлов, составляющих ваш сайт.
Для переключения в режим просмотра структуры папок щелкните на значке Folders (Папки) на панели выбора карты (Views) или выберите в меню View (Вид) пункт Folders.
Вид структуры папок приведен на Рисунок 3.6. На этом рисунке показан сайт под названием Project One, созданный с помощью шаблона Project Web (Сайт проекта). О том, как это сделать, смотрите выше в разделе "Создание сайта с нуля".

Типичная структура сайта

Рисунок 3.11. Типичная структура сайта

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

Удаление файлов

Удаление файлов

Для удаления файлов в Проводнике вы должны иметь как минимум права доступа авторского уровня. Чтобы удалить файлы, отметьте их в окне Folders View, All Files Viwe, Navigation View или Hyperlinks View и выберите опцию Delete в меню Edit или в контекстном меню, активизировав его правой кнопкой мыши. Прежде чем удалить файлы, Frontpage попросит у вас подтверждения.
Если вы строите свой сайт постранично, без помощи каких-либо мастеров или шаблонов, то добавляйте и удаляйте файлы индивидуально. Если же вы используете один из мастеров, то будьте внимательны, удаляя страницы:
нежелательно удалять ссылки или страницы, связанные с другими разделами сайта, созданными мастером.

Удаление сайта

Удаление сайта

Для того чтобы удалить сайт, вы должны иметь права админитсративного доступа во Frontpage и сайт перед удалением должен быть открыт в Проводнике. Чтобы удалить открытый сайт, выберите в меню File опцию Delete Frontpage Web (Удалить сайт Frontpage).

Удаление страницы из структуры

Удаление страницы из структуры

Удалить страницу из верхней панели карты навигации несложно: для этого можно воспользоваться одной из опций удаления, описанных ниже в этой же главе в разделе "Удаление файлов". Когда вы попытаетесь убрать страницу из структуры сайта, Frontpage спросит, желаете ли вы удалить страницу только из карты навигации или же совсем удалить ее из сайта. Выбирая, постарайтесь принять взвешенное решение.

Управление при помощи перечня заданий

Управление при помощи перечня заданий

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

Ветвь потомков страницы Services свернута

Рисунок 3.12. Ветвь потомков страницы Services свернута

Схема гиперссылок особенно полезна тогда,

Щелчки на знаках "плюс" и "минус" разворачивают схему и сворачивают ее, соответственно.

Схема гиперссылок особенно полезна тогда, когда надо прикинуть, сколько ссылок исходит из страницы или, сколько других страниц ссылаются на вашу страницу. Например, неделю назад вы вывесили свою страницу в intranet и теперь хотели бы выяснить, сколько человек в вашей организации поставили у себя ссылки на вашу страницу. Это очень просто: откройте схему гиперссылок и посмотрите на свою страницу.

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

Еще одна ситуация, где может оказаться удобен режим Hyperlinks View — если вам нужно найти все страницы, указывающие на определенную страницу. А развернув ссылки (щелчком на плюсе), вы можете проследить все пути через ваш сайт. Это полезно, например, для того, чтобы выяснить, сколько раз придется щелкнуть мышью по пути с одной страницы на другую.

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

Рисунок 3.14. Вид экрана в режиме просмотра гиперссылок

Знак "плюс" на Рисунок 3.14 означает, что эту картинку можно еще развернуть, т. к. на страницу или со страницы есть еще ссылки, на экране не показанные. Развернуть скрытые ссылки можно щелчком на плюсе, после чего он изменится на минус, указывающий, что эту ветвь можно свернуть.
Если вы на мгновение задержите курсор мыши над значком, то рядом с ним появится подсказка с именем файла и другой информацией.
В обеих частях карты гиперссылок присутствует множество значков. Например, конверт со словом mailto: означает ссылку, предназначенную для посылки e-mail прямо со страницы. Такую ссылку вы можете включить в свою страницу, например, для того, чтобы предоставить посетителям удобный способ общения с Web-мастером, то есть с вами. Значок в виде рисунка обозначает графический файл, а глобус — ссылку куда-то во Всемирную Паутину. Как и в режиме обзора папок, вы увидите значки файлов Office, если таковые входят в состав вашего сайта.
Еще два значка, которые вам следует знать (правда, вряд ли вы захотите слишком часто видеть их на своих страницах) — это значок разорванной ссылки и значок ошибки. Разорванная ссылка выглядит как страница, порванная на две части, а ошибка — как маленький треугольник с восклицательным знаком.
Значок разорванной ссылки указывает на то, что адрес ссылки (не важно, внутренней или внешней) задан неправильно. Исправить разорванную ссылку можно, открыв соответствующую страницу в Редакторе (подробнее об этом читайте в главе 7). Если после этого вы увидите значок ошибки, то имейте в виду, что у вас неверно сконфигурирован компонент Frontpage и его следует скорректировать (обсуждение компонентов Frontpage ожидает вас в главе 9).
В левой части окна гиперссылок находится условная схема сайта. На самой ее вершине располагается домашняя страница сайта; она изображается в виде маленького домика. Под этим значком вы видите весь материал, из которого построен сайт.
Как и в режиме Folders View, щелчок на одном из элементов в левой части карты приводит к изменению картины в правой ее части: этот элемент вместе со всеми своими ссылками на другие файлы и адреса помещается в середину правого окна.

Вид окна Themes View

Рисунок 3.17. Вид окна Themes View

Если вы не используете декорации в оформлении своего сайта, то вы увидите, что установлена первая опция. This Web Does Not Use Themes (Декорации для этого сайта не заданы). Если же вы выбрали для своего сайта какую-либо декорацию, то ее имя будет выделено в списке под строчкой Use Selected Theme (Использовать указанную декорацию).
В правой части панели Themes view находится окно Theme Preview
(Предварительный просмотр декорации). Когда вы перебираете различные декорации из списка, Frontpage демонстрирует их в этом окне, которое можно прокручивать, чтобы обозреть все тонкости выбранной декорации.
Выбор декорации, предоставляемых в ваше распоряжение Frontpage, довольно богат, так что, знакомясь с ними, запаситесь терпением. Разумеется, выбирая декорацию, вам следует помнить, для кого вы создаете свой сайт и представлять себе, как ваш выбор оценит предполагаемая аудитория.
Чтобы гарантировать, что все элементы декораций будут работать согласованно, необходимо блюсти их целостность, поэтому вам не предоставляется возможности взять элемент из одной декорации и встроить в другую. Вид декорации в некоторых пределах можно варьировать с помощью следующих опций:
- Vivid Colors (Яркие цвета). Если установить этот флажок, то цвета различных элементов, в частности, кнопок и фона, станут более насыщенными. Если этот флажок не устанавливать, то большинство элементов будут в основном черно-белыми, лишь слегка подкрашенными
- Active Graphics (Активная графика). Установите этот флажок, если вы хотите разнообразить свой сайт более "интерактивной" графикой. Некоторые элементы станут анимированными, кнопки навигации будут менять свой вид при нажатии и при движении над ними курсора. Здесь важно не переборщить, поскольку слишком большое количество активной графики на странице может отпугнуть пользователя. Если не использовать эту опцию, то элементы страницы останутся статичными, но приобретут некое более тонкое очарование и будут быстрее загружаться в браузеры ваших пользователей
- Background Image (Фоновое изображение). Этот флажок просто включает или отключает использование фонового изображения и цвета. 'У каждой декорации есть свой фон, разработанный полностью в соответствующем стиле. Если вы выберете опцию Vivid Colors, но отключите Background Image, Frontpage подберет для вашей декорации подходящий цвет фона
Выбрав декорацию по вкусу и установив все необходимые параметры, нажмите кнопку Apply (Применить). Frontpage разукрасит заданным образом все страницы вашего сайта. Если вы хотите так оформить только одну страницу, то это вы сможете сделать в Редакторе Frontpage. Подробнее об этом читайте в главе 6.

Вид структуры папок

Рисунок 3.6. Вид структуры папок

В режиме обзора папок вы увидите, что экран справа от панели Views разделен по вертикали на два окна. В левом окне отображается структура папок сайта. В папке верхнего уровня находятся файлы и подпапки. Создаваемая Frontpage структура папок соответствует типу сайта: например, подпапки сайта, построенного по шаблону Project Web (Сайт проекта), будут не такими, как у сайта, сгенерированного Мастером создания представительства компании.
Обратите внимание (Рисунок 3.6) на выделенную строку http://brett-lap/project — это не что иное, как URL (Uniform Resource Locator, Унифицированный указатель ресурса) нашего сайта, где brett-lap является именем сервера, а project — это каталог на сервере, в котором расположен сайт. Над URL вы видите строку Folders — Project One. Project One — это название сайта, которое будет фигурировать в строке заголовка практически любого браузера. Все составляющие сайт файлы собраны в подпапках, перечисленных ниже URL. Количество папок в сайте не фиксировано, при необходимости вы можете создавать свои собственные. В следующем разделе объясняется, как это сделать.
В правой части окна вы видите список содержимого папки, подсвеченной в левой части. Вы легко можете узнать тот же принцип действия, который лежит в основе проводника Windows. Перечисленные в правой половине папки и файлы сопровождаются некоторой описательной информацией, такой, как имя, название, размер, тип, дата последнего изменения, автор последнего изменения и произвольные комментарии о файле. (Как и для сайта, название файла (title) и его имя (name) — это совершенно разные вещи, по крайней мере в случае файлов HTML. Имя файла — это его физическое имя, под которым он фигурирует в файловой системе вашей ОС, а название — произвольная текстовая строка, отображаемая броузером. — Примеч. пер) На Рисунок 3.7 показано содержимое папки images сайта Project One.

Вид типичного сайта, открытого

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

Вкладка Advanced

Вкладка Advanced

Вкладка Advanced (Дополнительно) служит для более тонкой настройки, в частности, здесь можно определять и редактировать следующие установки:
- В секции Image Maps (Изображения-карты) можно задать метод, которым Frontpage поддерживает изображения-карты. Из раскрывающегося списка Style выберите для них тип сервера и при необходимости в текстовом окне Prefix задайте префикс. По умолчанию в качестве типа сервера установлено значение Frontpage, позволяющее использовать изображения-карты на любом Web-сервере, на котором установлены Серверные расширения Frontpage. Если вы хотите, чтобы Frontpage генерировал изображения-карты для клиентской стороны, а не только для сервера, установите флажок fienerate client-side image maps (Генерировать изображения-карты для клиента).
Рекомендуем установить этот флажок. Frontpage генерирует изображения-карты для клиента таким образом, что если браузер их не поддерживает, он просто проигнорирует соответствующий раздел в HTML-файле. Таким образом, установка этой опции во всяком случае не повредит, и при этом нередко может дать выигрыш в скорости. Детально об этом рассказано в главе 8.
- В секции Validation Scripts (Сценарии проверки) устанавливается, какой язык сценариев будет использоваться для проверки вводимых данных в полях форм; предоставляются следующие варианты выбора: VBScript, JavaScript и . Если вы собираетесь использовать эту возможность, то Frontpage автоматически сгенерирует на HTML-странице соответствующий код. Если вы выберете JavaScript, то он будет работать и с Internet Explorer, и с Netscape Navigator; VBScript работает только с Internet Explorer.
- В секции Options находится единственный флажок — Show documents in hidden directories (Показывать документы в скрытых каталогах). Установите его, если вам нужно видеть документы в скрытых папках. Имена скрытых папок начинаются со знака подчеркивания (_), и по умолчанию Проводник не показывает их содержимое. Возможность просматривать их может пригодиться, например, модератору дискуссионной группы: отдельные сообщения дискуссии хранятся в скрытой папке.
- В секции Recalculate Status (Пересчитать состояние) вы видите два флажка, с помощью которых устанавливается, в какой ситуации Frontpage должен произвести пересчет сайта. Эти флажки называются Included page dependencies are out of date (Включаемая страница устарела) и Text index is out of date (Текстовый индекс устарел).

Вкладка Language

Вкладка Language

На вкладке Language (Язык) вы можете задать используемый по умолчанию язык и кодировку HTML вашего сайта. Параметр Default Web Language (Язык сайта по умолчанию) используется Серверными расширениями Frontpage для того, чтобы при необходимости возвратить браузеру сообщение об ошибке на указанном языке. Опция Default HTML Encoding (Кодировка HTML по умолчанию) определяет набор символов, используемый по умолчанию в новых страницах.
Frontpage 98 существует в английской, балтийской, центрально-европейской, китайской, немецкой, греческой, итальянской, японской, корейской, испанской и турецкой редакциях. И хотя пользовательский интерфейс Frontpage доступен не на всех ныне существующих языках, тем не менее, вы сможете создавать сайты практически на любом языке, выбрав из обширного списка кодировок HTML нужную.

Вкладка Parameters

Вкладка Parameters

Если мастер (или шаблон), сгенерировавший ваш сайт, оставил заполнение параметров на вашей совести или если вы хотите ввести свои параметры, то откройте в окне Frontpage Web Settings вкладку Parameters (Параметры).
Кнопка Add служит для добавления новых параметров. При ее нажатии открывается диалоговое окно Add Name And Value (Добавить имя и значение), в котором предлагается ввести имя параметра и его значение (оно может быть совершенно произвольным). Выйдите из этого окна, нажав кнопку ОК, после этого новый параметр будет внесен в общий список.
Чтобы отредактировать уже существующий параметр, выберите его в списке, нажмите клавишу Modify и введите новую информацию в открывшемся окне диалога Modify Name And Value (Изменить имя и значение). Чтобы записать новое значение и выйти из этого окна, нажмите кнопку ОК. После этого Frontpage автоматически обновит этот параметр на всех страницах сайта, где он присутствует.

Закрытие сайта

Закрытие сайта

Поскольку в Проводник Frontpage одновременно можно загрузить только один сайт, то при открытии или создании нового сайта Проводник закрывает текущий сайт. А чтобы закрыть текущий сайт, не открывая другого, выберите в меню File команду Close Frontpage Web (Закрыть сайт Frontpage). Появится окно диалога Getting Started, с которого можно двигаться дальше.

Запуск Проводника

Запуск Проводника

При первом запуске Проводника вы увидите диалоговое окно Getting Started (Начинаем) с несколькими опциями, определяющими дальнейшие действия. Если вы не захотите видеть это окно при последующих запусках Frontpage, установите в нижней его части флажок Always Open Last Web (Всегда открывать последний сайт). После этого Frontpage будет запоминать, над каким Web-сайтом вы работали в предыдущий раз и автоматически запускать Проводник в этом сайте. При установке Frontpage автоматически проверяет, есть ли у вас корневой сайт (Root Web); если нет, то Frontpage создаст его автоматически. Это избавляет вас от необходимости запоминать, как открывать или создавать новый сайт с помощью команд меню Проводника. Диалоговое окно Getting Started изображено на Рисунок 3.1.

Сказка про доброго джинна

Диалог опоо окно Save As Template

Рисунок 4.6. Диалог опоо окно Save As Template

5. Нажмите кнопку OK в окне Save As Template. Frontpage сохранит страницу как шаблон вернет вас обратно в Редактор.
После того как вы записали свой шаблон, всегда, когда вы будете создавать в Редакторе новую страницу, этот шаблон будет отображаться в списке среди других шаблонов и мастеров, поставляемых с Frontpage. Если вы хотите сохранить ваш шаблон в другом месте, впишите путь к нему в поле Ыате (Имя) диалогового окна Save As Template.

Диалоговое окно Choose Download Amount

Рисунок 4.26. Диалоговое окно Choose Download Amount

Выберите необходимые опции и нажмите кнопку Next.
6. Сейчас вы достигли экрана Import Web Wizard — Finish, последнего экрана данного мастера. Нажмите кнопку Finish, чтобы Frontpage приступил к созданию нового Web-сайта. В том случае, если вы хотите изменить ранее введенную информацию, нажмите кнопку Back и повторяйте это действие до тех пор, пока вы не достигнете экрана, содержащего информацию, которую вы хотите изменить. После того как вы внесете все необходимые изменения, нажимайте кнопку Next до тех пор, пока не дойдете до финального экрана мастера.
После всего этого Frontpage приступает к импорту файлов из указанного каталога и созданию из них нового Web-сайта. Frontpage сохраняет структуру каталогов старого сайта и добавляет к ней свои собственные каталоги, такие как _private и images, в которых он хранит конфиденциальные и графические файлы соответственно.

Диалоговое окно Choose Theme

Рисунок 4.21. Диалоговое окно Choose Theme

Это диалоговое окно работает точно так же, как и список декораций в Проводнике (за более подробной информацией обращайтесь к главе 3). Просмотрите список предлагаемых декораций и выберите ту из них, которая, по вашему мнению, наиболее подходит для вашего сайта. Винодельная компания "Snake River" предпочитает выглядеть броско, поэтому давайте выберем для нее тему Expedition (Экспедиция) и установим флажки Vivid Colors (Яркие цвета), Active Graphics (Активная графика) и Background Image (Фоновое изображение).
Сделав свой выбор, нажмите кнопку ОК.
16. Вы возвратились в Мастер создания представительства компании в том самом месте, где и покинули его. Нажмите на кнопку Next для продолжения процесса.
Последний экран, изображенный на Рисунок 4.22, сообщает о том, что Frontpage закончил сбор информации, которая была ему необходима для создания сайта представительства компании. На этом экране присутствует флажок Show Tasks view after web is uploaded (Показывать перечень заданий после загрузки сайта). Tasks View (Перечень заданий) — это список задач, которые должны быть выполнены по конкретному сайту. Frontpage добавит несколько задач к этому списку после того, как закончит создание сайта; среди них настройка тех страниц, в которые требуется ввести текст или графические файлы, а также заменить изображения. Гораздо более подробно работа с перечнем заданий объяснена в главе 3.

Диалоговое окно New Page

Рисунок 4.27. Диалоговое окно New Page

3. Из списка мастеров и шаблонов выберите Form Page Wizard. Обратите внимание, что когда вы выделяете мастер или шаблон, в верхней правой части диалогового окна возникает краткое описание выбранного пункта. После того как вы выберете нужный мастер, нажмите кнопку ОК.
4. Двигаясь через экраны мастера, отвечайте на вопросы, которые Frontpage будет вам задавать. Процесс в точности напоминает тот, который имеет место при использовании Мастера создания представительства компании и был описан ранее в этой главе, но конечно, задаваемые вам вопросы будут иными. Так, например, вам надо будет ввести название страницы, а не название сайта.
5. Когда вы достигнете последнего экрана и нажмете кнопку Finish, то Frontpage автоматически создаст страницу и загрузит ее в Редактор. Затем вы сможете редактировать страницу, добавлять текст или изображения, связывать ее с другими страницами и т. д. Когда вы будете сохранять свою страницу, то вы сможете сохранить ее как отдельный файл, а если в Проводнике открыт какой-либо сайт, вы можете добавить созданную страницу к нему.

Диалоговое окно New

Рисунок 4.2. Диалоговое окно New

Вам предоставляется богатый выбор различных шаблонов страниц, которые вы сможете использовать в своем сайте. Шаблоны перечислены в списке в левой части диалогового окна New, а в правой части этого окна отображается описание текущего шаблона и его примерный вид. При желании вы можете отобразить список шаблонов в виде крупных значков, нажав кнопку, которая находится над секцией описаний. Если в данный момент в Редакторе открыта страница фреймов, и вы хотите, чтобы новая страница открылась в текущем фрейме, то в этом случае вам следует установить флажок Open in current frame (Открыть в текущем фрейме). В том случае, если ваш сайт открыт в Проводнике, и вы хотите внести создаваемую страницу в перечень заданий с тем, чтобы доработать ее впоследствии, поставьте флажок Just add web task (Только добавить в перечень заданий).
Позднее вы узнаете, что существует множество различных способов применения шаблонов, и что некоторые из них специально разработаны для совместного использования. Присмотритесь к шаблонам повнимательней; зная свои возможности, вы сможете лучше приготовиться к созданию своего сайта.
Когда вы окончательно решите, на каком шаблоне остановиться, Frontpage на основе выбранного вами шаблона создаст страницу и загрузит ее в Редактор для дальнейшей работы.
В каждой новой странице, созданной с помощью шаблона, присутствует "рыба" (некий греческий текст, т. н. lorem ipsum) и образец текста, например, Place Main Title Here (Поместите здесь основной заголовок), которые вы впоследствии замените своим собственным текстом. На Рисунок 4.3 приведен пример, созданный при помощи шаблона четырехстолбцовой страницы с шахматным расположением (Four Column Staggered page), где показаны lorem ipsum и образец текста.

Если сейчас нажать Hext, то ваш сайт останется без декорации

Рисунок 4.20. Если сейчас нажать Hext, то ваш сайт останется без декорации

Импорт сайта из WWW

Рисунок 4.24. Импорт сайта из WWW

Нажмите IS[ext для продолжения работы.
4. Если вы указали, что импорт будет происходить с локальной сети или непосредственно с вашего компьютера, то вы увидите диалоговое окно Edit File List (Редактировать список файлов), показанное на Рисунок 4.25, которое содержит список всех файлов, включая и файлы в подкаталогах, внутри того каталога, который вы указали. На этом этапе вы можете указать те файлы, которые нужно импортировать. Если вы собираетесь создавать новый сайт, а старый импортировать в него, как один из разделов, то вы можете не включать в него некоторые файлы, которые в дальнейшем использоваться не будут.

Использование шаблонов фреймов

Использование шаблонов фреймов

Страницы фреймов вы будете создавать в Редакторе. Этот процесс происходит примерно так:
1. Откройте в Проводнике сайт, в котором вы хотите создать свой новый фреймсет.
2. В Редакторе выберите пункт New из меню File.
3. В появившемся диалоговом окне New выберите шаблон из вкладки Frames (Рисунок 4.5), а затем нажмите кнопку ОК.

Использование шаблонов страниц

Использование шаблонов страниц

Страницы с помощью шаблонов создаются в Редакторе. Это довольно простой процесс:
1. Откройте сайт, в котором будет находиться новая страница, в Проводнике. (При желании можно пропустить этот шаг, т. к. после того, как вы сохраните страницу, ее можно импортировать в любой из существующих сайтов.)
2. В Редакторе выберите пункт New из меню File.
3. В диалоговом окне New выберите нужный шаблон из предлагаемого списка (Рисунок 4.2) и нажмите кнопку ОК.

Использование знака Under Construction

Рисунок 4.17. Использование знака Under Construction

14. Выберите Yes и щелкните по кнопке Next. Два следующих экрана, изображенные на Рисунок 4.18 и 4.19, помогут вам сэкономить свое время. В них вам будут заданы вопросы, касающиеся полного и сокращенного названия вашей компании, адреса, телефонного номера и номера факса, электронного адреса Web-мастера и электронного адреса для справок о компании. Эти экраны помогают сохранить время, потому что вы введете данную информацию только один раз, a Frontpage внесет ее во все места на вашем сайте, где под соответствующие поля ранее было зарезервировано пространство. К примеру, на предыдущем экране Frontpage предлагал вам ввести адрес электронной почты Web-мастера с тем, чтобы разместить его внизу каждой страницы сайта, и все, что от вас потребуется — это ввести адрес сейчас, а об остальном Frontpage позаботится самостоятельно.
Если позднее вам потребуется внести изменения в эту информацию, то это также можно сделать в одном месте. Эти установки можно менять с помощью команды Web Settings меню Tools Проводника.

Экран опций страниц Products и Services

Рисунок 4.12. Экран опций страниц Products и Services

Выберите те элементы, которые вы хотите поместить на своей странице, и нажмите кнопку Next.
Вы можете перемещаться между опциями на экране мастера без помощи мыши, используя кнопку табуляции. Чтобы выбрать или отменить какую-либо опцию, нажмите пробел.
9. Следующий экран, показанный на Рисунок 4.13, обеспечивает настройку формы обратной связи. Здесь вы определяете, какую информацию вы хотите получить от аудитории. Внимательно продумайте этот момент, учитывая, на каких именно посетителей рассчитаны ваши страницы. Если у вашей аудитории не слишком много времени для заполнения анкет, то зрелище всей формы сразу может отпугнуть посетителей. Даже если заполнение формы занимает считанные секунды, случайным посетителям проще одним щелчком мыши покинуть вашу страницу, чем ответить на ваши вопросы, если им покажется, что это требует слишком больших усилий.

Экран создания Feedback Form

Рисунок 4.13. Экран создания Feedback Form

После выбора необходимых опций для создания формы обратной связи нажмите кнопку Next.
10. Следующий экран, показанный на Рисунок 4.14, требует особенной аккуратности: он дает вам возможность определить, как вы будете хранить информацию, возвращаемую от ваших посетителей. Если вы планируете обрабатывать информацию, используя базы данных или электронные таблицы (такие, как Microsoft Access или Microsoft Excel), выберите первую опцию, в этом случае Frontpage сохранит информацию в табличном формате. Если вы не собираетесь использовать такие приложения, то установите вторую опцию, тогда Frontpage сохранит информацию в формате Web-страниц.

Конфигурируем оглавление

Рисунок 4.15. Конфигурируем оглавление

Ели вы ожидаете, что ваш сайт будет небольшим и обновляться будет не слишком часто, то имеет смысл установить флажок Keep page list up-to-date automatically (Автоматически обновлять список страниц). Если же вы предполагаете, что ваш сайт будет большим, или будет быстро расти, не стоит ставить этот флажок, потому что обновление страницы оглавления будет занимать значительное время. Вы сможете позднее обновить страницу оглавления вручную, так что не придавайте этой опции особого значения.
После того как вы выбрали нужные опции, щелкните мышью по кнопке Next.
12. Следующий экран (Рисунок 4.16) позволит вам разместить некоторую информацию вверху и внизу каждой страницы вашего сайта. Вы можете включить в заголовок каждой страницы логотип компании (опция Your company's logo), название страницы (Page title) и ссылки на основные страницы вашего сайта (Links to your main web pages). Эти же ссылки можно разместить снизу каждой страницы сайта, наряду с адресом электронной почты Web-мастера (E-mail address of your webmaster), информацией об авторских правах (Copyright notice) и датой последней модификации страницы (Date page was last modified), которая будет проставляться Frontpage автоматически.

Мастер импорта сайтов (Import Web Wizard)

Мастер импорта сайтов (Import Web Wizard)

Если у вас есть сайт, созданный помимо Frontpage, и вы хотите включить его в число сайтов Frontpage, вы можете сделать это при помощи Мастера импорта сайтов. Данный мастер импортирует все файлы из каталога на сети или на вашем жестком диске и создает из них новый сайт Frontpage. Каталог, который вы хотите использовать, не обязательно должен содержать в себе законченный Web-сайт, подойдет любой каталог или файл (файлы), которые вы захотите использовать при создании нового сайта.
Мастер импорта сайтов также может быть использован при импорте сайтов предыдущих версий Frontpage; дело в том, что папки, в которых они хранятся, могут остаться незамеченными вашим нынешним Web-сервером при запуске Проводника. Например, Microsoft Personal Web Server не ищет каталоги, в которые записывали сайты ранние версии Frontpage. В таких случаях и надо использовать Мастер импорта сайтов.
Далее приводятся понятные и простые инструкции по импорту сайтов с использованием этого мастера.
1. В меню File Проводника выберите пункт New и в появившемся подменю пункт Frontpage Web.
2. Поставьте переключатель в диалоговом окне New Frontpage Web в положение Import an Existing Web (Импортировать существующий сайт) и нажмите кнопку ОК. После этого появится диалоговое окно Import Web Wizard (Рисунок 4.23).

Мастер сайта дискуссионных групп (Discussion Web Wizard)

Мастер сайта дискуссионных групп (Discussion Web Wizard)

Этот мастер создает дискуссионную группу на любую тему по вашему выбору. Часто такая дискуссионная группа добавляется как часть к более крупному сайту. Каждый пользователь может высказывать свои мысли в рамках одного из обсуждений (потоков). Каждое отдельное высказывание пользователя оформляется как статья. Пользователь также должен иметь возможность поиска по уже существующим статьям. Мастер предложит вам указать следующее:
-Какие типы страниц вы хотите включить
- Название дискуссии
- Некоторые ключевые поля для подписки на дискуссии
- Будет ли дискуссия происходить на закрытом сайте (это означает, что принять в ней участие смогут только зарегистрированные пользователи)
- Как полученные статьи будут отображаться в оглавлении
- Должна ли страница оглавления являться одновременно и домашней страницей сайта
- Какие сведения о найденных статьях должны отображаться в результатах поиска
- Цвета для текста и подложки - Хотите ли вы использовать фреймы при создании сайта
Как обычно, в дальнейшем вы сможете в Редакторе изменить все эти настройки.
Администрирование дискуссионной группы. С помощью Проводника и Редактора вы можете довольно просто управлять дискуссионной группой. Все, что вам понадобится — это иметь доступ к сайту в качестве автора или администратора. Если вы имеете право администрировать дискуссионную группу, то в вашу компетенцию входит:
- Редактирование статей. Каждая страница, которую пользователь отправил в дискуссионную группу, называется "статья". Frontpage сохраняет их как HTML файл в скрытом каталоге, по умолчанию ему присваивается имя _discl. Для того чтобы увидеть список статей, вам нужно указать Frontpage, что следует показывать файлы, находящиеся в скрытых каталогах. Вы сможете сделать это, выбрав пункт Web Settings из меню Tools Проводника и на вкладке Advanced установить флажок Show documents in hidden directories. Когда вы нажмете кнопку OK, то в появившемся диалоговом окне вам будет задан вопрос, хотите ли вы обновить отображение сайта сейчас.


Если вы нажмете кнопку Yes, то скрытые страницы отобразятся в Проводнике.

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

- Удаление устаревших статей. Если у вас есть возможность просмотра файлов в скрытых каталогах, то вы можете отсортировать их и самые старые удалить. При просмотре каталогов отсортируйте список файлов по дате изменения, и удалите те из них, которые вам не нужны, отметив их и нажав клавишу .

- Ограничение административного доступа. Любой человек с правами автора может просматривать и редактировать сообщения в дискуссионной группе, если у него есть доступ к сайту. Если подобные полномочия есть у многих членов дискуссионной группы, это может ослабить контроль администратора. Вы можете ограничить доступ к дискуссионной группе таким образом, чтобы пользователи могли просматривать статьи, но не могли их редактировать. Чтобы сделать это, выберите в меню Tools Проводника команду Permissions (Полномочия доступа), на вкладке Settings (Настройки) установите переключатель в положение Use unique permissions for this web (Использовать для данного сайта собственные ограничения), а затем на вкладке Users (Пользователи) укажите тех пользователей, доступ которых будет ограничен только просмотром (или задайте, что доступ на просмотр будет у всех — Everyone have browse access). За более подробной информацией об опциях Web Settings обращайтесь к главе 5.

Более простой способ ограничить доступ к вашему сайту — указать, что только зарегистрированные пользователи будут иметь доступ. Легче всего это сделать прямо при создании сайта с помощью Мастера сайта дискуссионных групп. В этом мастере существует экран, который предлагает ограничить доступ к статьям дискуссионной группы только кругом зарегистрированных пользователей. Если вы выберете использование закрытого сайта, то вам после окончания работы мастера придется совершить еще несколько несложных действий над страницей регистрации пользователей.

Мастер создания форм (Form Page Wizard)

Мастер создания форм (Form Page Wizard)

Этот мастер создает форму, которую вы можете использовать для того, чтобы собирать информацию, вводимую пользователем и сохранять ее в виде Web-страницы или текстового файла на Web-сервере. Такая форма может быть очень полезна в тех ситуациях, когда вам нужно запросить у посетителя адрес, номер счета, информацию о товаре и тому подобное. Мастер создания форм является мастером страниц и запускается в Редакторе; затем получившуюся страницу вы можете поместить на ваш сайт и связать с другими страницами.
Чтобы добавить к вашему сайту страницу, используя Мастер создания форм, проделайте следующие действия:
1. Откройте сайт, которому будет принадлежать страница, в Проводнике. Этот шаг вы при желании можете пропустить; после того, как вы сохраните созданную страницу, вы сможете импортировать ее в любой из своих сайтов.
2. Перейдя в Редактор, выберите из меню File пункт New. Откроется диалоговое окно New Page (Новая страница), изображенное на Рисунок 4.27.

Мастер создания представительства компании (Corporate Presence Wizard)

Мастер создания представительства компании (Corporate Presence Wizard)

Используя данный мастер, вы можете создать сайт для того, чтобы продвинуть свой бизнес без проведения каких-либо широкомасштабных работ. Давайте совершим все шаги, необходимые при использовании данного мастера так, как будто мы собираемся создать сайт для некой компании (на самом деле несуществующей) "Snake River Winery" ("Винодельная компания Snake River"):
1. В меню File Проводника выберите пункт Mew и в появившемся подменю — Frontpage Web. В диалоговом окне New Frontpage Web выберите пункт Corporate Presence Wizard. Вы также можете перейти в диалоговое окно New Frontpage Web, выбрав пункт New Frontpage Web из диалогового окна Getting Started.
2. Дайте вашему новому сайту имя (для этого предназначено текстовое поле Title), в нашем примере мы используем в качестве имени название компании — "Snake River Winery", и нажмите кнопку ОК. Вы увидите, что Frontpage начинает строить структуру каталогов для сайта по тому адресу, который вы указали в диалоговом окне New Frontpage Web. Если вы хотите изменить местоположение сервера, то перечитайте главу 3, там подробно описано, как это сделать.
3. Затем откроется экран Мастера создания представительства компании (Рисунок 4.7). Здесь располагается краткое описание мастера и текст, извещающий, что вам предстоит ответить на некоторые вопросы, касающиеся облика создаваемого сайта. Внизу экрана расположено несколько кнопок:
- Help (Помощь). В любое время вы можете нажать эту кнопку, чтобы получить помощь из раздела справочника, посвященного Мастеру создания представительства компании
- Cancel (Отказ). Кнопка Cancel останавливает мастер и возвращает вас обратно в Проводник. Так как некоторые материалы для сайта к этому моменту будут уже созданы, вам будет задан вопрос, хотите ли вы удалить сайт
- Back (Назад). Когда эта кнопка доступна, вы можете щелкнуть на ней, чтобы вернуться к предыдущему экрану или экранам и изменить введенную ранее информацию
- Next (Следующий). Щелкнув по кнопке Next, вы перейдете к следующему экрану мастера
- Finish (Закончить). Кнопка Finish завершает процесс на той стадии, на которой она была нажата. Вы можете остановить процесс в любом месте до появления финального экрана мастера. Когда вы нажимаете кнопку Finish, Frontpage начинает генерировать сайт на основе всей той информации, которую вы уже успели ввести

Мастера сайтов

Мастера сайтов

В состав Frontpage включены два мастера сайтов — Мастер создания представительства компании (Corporate Presence Wizard) и Мастер сайта дискуссионных групп (Discussion Web Wizard). Сперва мы изучим Мастер создания представительства компании, который создает структуру сайта, состоящего из перечисленных в предыдущем разделе элементов, а затем рассмотрим Мастер сайта дискуссионных групп, предназначенный для создания сайта, на котором посетители могут участвовать в дискуссиях на различные темы.
Помните, что при желании вы легко сможете изменить созданный мастером сайт при помощи Редактора. Вы сможете добавить или удалить какие-либо элементы и страницы или изменить их в соответствии с собственными потребностями.

Мастера

Мастера

Сколько времени, по вашему, займет создание с нуля Web-сайта вашей организации, включающего:
- Титульный лист с приветственной статьей, представлением компании и контактной информацией
- Страницу новостей, содержащую ссылки на пресс-релизы, заметки, обозрения и информацию о вашем сайте
- Различные страницы с описанием продукции и услуг, на каждой из которых было бы отведено место под описание данного продукта, информации о ценах, изображение товара и др.
- Страницу оглавления, которая содержала бы индекс по вашему сайту и обновлялась бы автоматически при каждом изменении в структуре сайта
- Форму для обратной связи, которая бы запрашивала у посетителей разнообразную информацию, например, имя, адрес, телефонный номер, номер факса и адрес электронной почты
Как вы уже знаете, создание Web-сайта с нуля, путем написания страниц на языке HTML, может занять довольно длительное время. Когда таких страниц много, то весь процесс начинает напоминать сборку автомобиля из отдельных деталей — крупные детали легко собрать вместе, но очень сложно присоединить мелкие части и еще труднее заставить все это работать. Можете ли вы поверить, что при помощи Frontpage на то, чтобы создать сайт, потребуется менее пяти минут? Вы можете сделать это в двадцать щелчков при помощи входящего в состав Frontpage Мастера создания представительства компании (Corporate Presence Wizard). В результате вы получите набор связанных между собой страниц, на которых будут размещены нужные элементы, полностью подготовленные для дальнейшей обработки.
Frontpage предлагает два мастера, которые создают полную структуру Web-сайтов, и еще один дополнительный мастер, предназначенный для импора сайтов, созданных вне Frontpage. И, наконец, есть один мастер страниц, с помощью которого можно создать страницу с формой (From Page Wizard) — например, для сбора информации от посетителей.

Начальный экран Мастера создания представительства компании

Рисунок 4.7. Начальный экран Мастера создания представительства компании

Нажмите для продолжения работы кнопку Next.
4. Следующий экран предложит вам включить в сайт некоторые дополнительные элементы; обратите внимание, что кнопка Back сейчас доступна.
Компания "Snake River Winery" хочет иметь достаточно сложный сайт, в котором были бы все доступные типы страниц (Рисунок 4.8). Начало просмотра сайта начинается с обязательной домашней страницы (титульного листа), содержание которой вы сможете задать на следующем этапе работы мастера.

Окно диалога New Frontpage Web

Рисунок 4.1. Окно диалога New Frontpage Web

Мы расскажем более подробно про мастеров, которые есть в списке в диалоговом окне New Frontpage Web в разделе "Мастера сайтов", далее в этой главе.

Окно Edit File List

Рисунок 4.25. Окно Edit File List

Чтобы исключить файл из списка импортируемых объектов, выберите файл и щелкните по кнопке Exclude (Исключить). В том случае, если вы ошибочно исключили какие-либо файлы из списка и хотите вернуть его в исходное состояние, то для этого достаточно нажать кнопку Refresh (Обновить). Когда вы полностью определите, какие именно объекты необходимо импортировать в ваш новый сайт Frontpage, щелкните по кнопке Next.
5. Если же вы выбрали импорт из Internet, то нажав кнопку Next, вы получите диалоговое окно Choose Download Amount (Выбор объема загрузки), показанное на Рисунок 4.26. Здесь устанавливается предельное количество уровней в глубину и максимальный объем импортируемого материала, а также опция, позволяющая ограничиться при загрузке только текстовыми и графическими файлами.

Окно New

Рисунок 4.5. Окно New

Вы сможете предварительно оценить выбранный вами фреймсет, т. к. его макет будет показан в правой части диалогового окна New. Данное диалоговое окно работает точно так же, как ранее описанное. Как только вы сделаете свой выбор, Frontpage сгенерирует страницы и поместит их в Редактор. С более подробной информацией по работе с фреймами в Редакторе вы сможете ознакомиться в главе 6.

Опции домашней страницы

Рисунок 4.9. Опции домашней страницы

Чтобы сайт "Snake River Winery" выглядел достаточно профессионально, мы включим в домашнюю страницу введение, сведения о профиле компании и информацию для контакта. Контактная информация просто-таки жизненно необходима, чтобы не упустить потенциальных покупателей.
После того как вы определите, какую информацию вы включите в вашу страницу для начала, нажмите кнопку Next.
6. На следующем экране вам предстоит выбрать параметры страницы What's New (Странички новостей). На этом экране вы видите (Рисунок 4.10) три флажка, соответствующие трем вариантам новостей, обычно размещаемым на Web-сайтах; вы можете выбрать любые из них. Для каждого выбранного типа информации Frontpage создаст на странице свой раздел.

Опции странички новостей

Рисунок 4.10. Опции странички новостей

Если у компании изменится телефон, то она сможет известить об этом своих клиентов в разделе Web changes (Новости сайта) странички новостей. Вообще на этой странице целесообразно размещать любую срочную информацию.
Страничка новостей также замечательно подходит для размещения деловой информации, например, о грядущих выставках, о тенденциях развития отрасли и т. п. Полезно также иметь место, где посетители смогут ознакомиться с самой злободневной информацией; для этой цели можно использовать разделы Press Releases (Пресс-релизы) и Articles and Reviews (Статьи и обозрения).
После того как вы решите, какого рода новости вы хотели бы разместить на своем сайте, установите соответствующие флажки и нажмите кнопку Next.
7. Следующий экран предлагает вам на выбор опции для страницы Products/Services (Продукты/Услуги) (Рисунок 4.11). Введите количество наименований товаров и/или услуг, которые вы хотите разместить на данной странице. Frontpage позволяет ввести значение от 0 до 5 для каждой страницы. Мастер создаст разделы на странице в соответствии с теми значениями, которые вы введете на этом экране.

Параметры страницы Products/Services

Рисунок 4.11. Параметры страницы Products/Services

Винодельная компания собирается привлечь посетителей к трем лучшим сортам производимых ими вин, так что в поле Products введите цифру три. Также компания гордится высококачественным обслуживанием покупателей, поэтому в поле Services введите 1, чтобы зарезервировать для этой стороны деятельности компании место на странице.
Нажмите кнопку Next, чтобы перейти к следующему экрану мастера.
8. Далее мы настроим вид страниц, посвященных продуктам или услугам. Окно мастера, показанное на Рисунок 4.12, предоставляет вам возможность обеспечить размещение следующих объектов: изображения товара (Product image), информации о ценах (Pricing information) и формы запроса информации (Information request form) на страницах продукции, а для страниц, посвященных услугам, предусмотрено включение списка возможностей (Capabilities list), учетных записей (Reference accounts) и формы запроса информации (Information request form).

Постоянная информация на страницах вашего сайта

Рисунок 4.16. Постоянная информация на страницах вашего сайта

Как и в предыдущих случаях, данные опции управляют лишь резервированием под эти объекты пространства на странице, а не самим содержанием, которое реально будет им присвоено. Рекомендуем не пренебрегать этими возможностями даже в том случае, если содержимое этих элементов предполагается на разных страницах разным.
Наш сайт будет содержать различные логотипы для страниц в разных разделах, и для этого вы должны установить флажок Your company's logo (Логотип вашей компании). Позже, в Редакторе, вы сможете вручную вставить различные виды логотипов в начало каждой страницы.
Frontpage не проверяет содержимое тех полей, под которые вы отводите место в данном окне диалога, так что вы можете использовать эти возможности более гибко. Например, если вы хотите указать на своих страницах адрес электронной почты, но не Web-мастера, а какой-то другой, вы можете включить опцию E-mail address of your webmaster, а потом в Редакторе его изменить.
Выбрав нужные опции, нажмите кнопку Next.
13. Следующий экран, показанный на Рисунок 4.17, предлагает вам использовать на незавершенных страницах знак Under Construction (В разработке).

В этом списке содержится также

Примечание

В этом списке содержится также Form Page Wizard (Мастер создания форм); более подробная информация об этом мастере содержится в разделе "Мастер создания форм" далее в этой главе. В диалоговом окне New содержится также вкладка Frames (Фреймы); для более подробного ознакомления с процессом создания страниц с использованием фреймов см. следующий раздел "Создание фреймов".

В окно Import Web Wizard

Примечание

В окно Import Web Wizard можно перейти также, выбрав в меню File команду Import и в открывшемся диалоговом окне Import File to Frontpage Web (Импорт файла в сайт Frontpage) нажав кнопку From Web (Из сайта). Перед тем как использовать этот метод, убедитесь, что в Проводнике уже открыт какой-либо сайт.
3. В показанном на Рисунок 4.23 окне Import Web Wizard — Choose Source (Выбрать источник) укажите, откуда именно вы хотите импортировать:
это может быть каталог на вашем компьютере, общий ресурс в локальной сети или сайт Internet.
Если вы выбрали первый вариант, то вам надо указать каталог для импорта. Нажмите на кнопку Browse, выберите нужный каталог в окне Browse For Folder (Просмотр папок) и нажмите кнопку ОК. Если в том каталоге, который вы указали, есть подкаталоги, файлы из которых вы также хотите включить в свой сайт, то вам следует установить флажок Include subfolders (Включать подкаталоги).
Если вы собираетесь импортировать сайт Internet, то вы должны ввести точное местоположение источника, и если данный сервер требует SSL, установить соответствующий флажок. Эти опции приведены на Рисунок 4.24.

Рисунок 4.19. Различные сведения о компании

Руководство компании "Snake River Winery" почло за благо для начала воспользоваться всеми предложенными возможностями, тем более, что исключить впоследствии ненужную информацию особых проблем не составит.
Когда вы закончите ввод информации в обоих экранах, нажмите Next для продолжения.
15. На следующем этапе вам предстоит принять решение о стиле и внешнем облике вашего сайта, выбрав одну из предлагаемых декораций сайтов. Если вы намерены использовать декорации, щелкните мышью по кнопке Choose Web Theme (Выбрать декорацию сайта) (Рисунок 4.20). Откроется диалоговое окно Choose Theme (Выбор декорации), показанное на Рисунок 4.21.

Шаблоны сайтов

Шаблоны сайтов

Большинство таких шаблонов в Frontpage базируются на небольших сайтах, в них есть лишь несколько элементов, нуждающихся в настройке. Однако вы можете расширить их, добавляя изображения, текст, ссылки и так далее, используя Редактор Frontpage. Вы также можете добавить собственные страницы к сайтам, созданным с использованием шаблонов.
Вы можете получить шаблон сайта в Проводнике Frontpage, выбрав пункт New (Создать) меню File (Файл) и затем выбрав Frontpage Web (Сайт Frontpage) из появившегося подменю. В окне диалога New Frontpage Web (Новый сайт Frontpage) (Рисунок 4.1) вы можете выбрать один из следующих шаблонов, чтобы использовать его в качестве основы для вашего сайта или страницы:
- Customer Support Web (Сайт поддержки заказчиков). Этот шаблон поможет вам создать такое место в сети Internet, где ваши покупатели и заказчики могут получить списки ошибок, решения по устранению ранее найденных проблем и предложить свои усовершенствования в вашу продукцию и услуги. Это идеальный сайт для компаний, производящих программное обеспечение, но он также применим и во многих других отраслях бизнеса
- Empty Web (Пустой сайт). Когда вы хотите создать пустое рабочее поле, вы можете использовать этот "шаблон". В этом случае создается пустой сайт, без страниц, и вы можете сделать все остальное, добавляя содержимое в Проводнике и Редакторе Frontpage
- Project Web (Сайт проекта). Используйте этот шаблон для сайта, который будет служить как центральный информационный форум для какого-либо проекта. Этот шаблон создает домашнюю страницу (home page), страницу, на которой будут перечислены участники проекта, страницу, на которой будет находится расписание задач по данному проекту, страницу, где будет отображаться текущее состояние дел по проекту, поисковую страницу, различные формы и дискуссионные страницы, а также страницу, которая будет содержать ссылки на все другие адреса, где происходит публичное обсуждение данного проекта

Шаблоны страниц

Шаблоны страниц

Frontpage предложит вам огромное разнообразие шаблонов страниц, начиная с шаблона обычной страницы (Normal Page), который представляет собой каркас чистого листа, до довольно сложной трехстолбцовой страницы (Three Column Staggered). Добавляя к уже существующему сайту страницы, созданные с помощью шаблонов, вы быстро и просто настроите свой Web-сайт.

Шаблоны

Шаблоны

Шаблоны — это образцы сайтов или страниц, которые Frontpage предлагает заполнять по мере необходимости. Как и мастера, они создают структуру, которая может служить хорошей стартовой площадкой для разработки сайта или страницы. Однако мастера предлагают вам процесс заказного создания сайта или страницы, тогда как выбрав шаблон, вы получите точную копию этого шаблона, с образцом текста, который вы сможете заменить своим собственным.

Сказка про доброго джинна

Сказка про доброго джинна

Представьте себе, что в вечернем рекламном блоке вы вдруг услышали: "Вы еще не устали от того, что не спите ночь за ночью, пытаясь запомнить тысячи команд языка HTML? He устали тратить многие часы в попытках создать ту единственную страницу, без которой немыслим ваш сайт?" А наутро, придя на работу, вы вдруг с изумлением обнаруживаете, что неизвестный доброжелатель сделал за вас полугодовую работу, и вам не остается ничего другого, кроме как выполнить обещание, данное вами аж пятнадцать лет назад и на месяц уехать с семьей в Диснейленд.
Кому из нас не хочется облегчить себе жизнь? Ликуйте же, ибо с Frontpage вы сможете строить Web-сайты на высочайшем профессиональном уровне, не вникая в достаточно нудные тонкости языка HTML. А для совсем ленивых Frontpage припас целых два подарка: это шаблоны (templates) и мастера (wizards). Шаблон, как несложно догадаться, представляет собой каркас, который вы можете использовать как основу при создании нового документа. Мастер же представляет собой программный модуль, состоящий из одного или нескольких экранов, который, задавая ряд вопросов, выясняет ваши потребности, и в результате генерирует удовлетворяющий им документ. Шаблоны в этом отношении предоставляют меньшие возможности по сравнению с мастерами, но в обоих случаях в конечном итоге получается документ, который послужит в качестве основы вашего сайта, основы, которую легко расширить и изменить в соответствии с вашими потребностями.
Эта глава раскрывает перед вами возможности шаблонов и мастеров Frontpage. На многочисленных примерах вы освоите все тонкости работы с шаблонами и мастерами и убедитесь, что лучше средства для начала трудно себе представить, не говоря уже о том, сколько времени они вам сэкономят.

Создание фреймов

Создание фреймов

Фреймы (frames) позволяют разбивать страницы на прямоугольные области, в каждой из которых отображается своя собственная страница. Вы можете разместить один или несколько фреймов на странице (такая страница называется страницей фреймов или фреймсет (frameset)). Это означает, что вы можете создать страницу, различные области которой отображают различное содержание. Изменение содержания в одном из фреймов необязательно влечет за собой изменение содержания в другом, но если вы захотите, то сможете сделать так, чтобы страница, получаемая по ссылке, находящейся в одном фрейме, отображалась в области другого фрейма.
Вот вам классический пример использования фреймов: представьте себе страницу, поделенную на две вертикальные области, каждая из которых представляет собой отдельный фрейм. Левый фрейм занимает оглавление, содержащее в себе полный список ссылок на все страницы сайта. Содержимое правой части страницы меняется в зависимости от того, по какой ссылке в оглавлении вы щелкнете на левой стороне страницы. Если вы щелкнете на ссылке, ведущей на страницу под названием "Заметки", то страница "Заметки" возникнет на правой стороне экрана; если вы щелкнете на ссылке "Результаты", то отобразится страница "Результаты", и т. д. Этот вариант изображен на Рисунок 4.4.

Страница разделена на два фрейма

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

Фреймы весьма популярны у Web-дизайнеров, некоторые из них делят свои страницы на пять, шесть и даже более фреймов. Не говоря уже о раздражающем воздействии, оказываемом на посетителя, такая структура может существенно замедлить загрузку сайта. Frontpage предлагает вам десять шаблонов фреймов, каждый из которых содержит не более четырех фреймов в каждом фреймсете.

Вперед!

Вперед!

Раз уж речь зашла об экономии времени, то стоит отметить, что Frontpage также способен существенно облегчить вам задачу администрирования сайта. С помощью Frontpage несложно обеспечить безопасность вашей системы, управлять заданиями, обновлять содержимое, проводить тестирование и вообще поддерживать жизнь в вашем сайте. Эти темы освещаются в главе 5.

Второй экран Мастера создания представительства компании

Рисунок 4.8. Второй экран Мастера создания представительства компании

Кроме нее вы можете включить в ваш сайт страницы следующих типов:
- What's New (Страничка новостей). Тем пользователям, которые часто будут посещать ваш сайт, эта страница предоставит информацию о последних изменениях
- Products/Services (Продукты/Услуги). Поскольку виноделы, очевидно, продают свою продукцию, и особенно потому, что эта продукция имеет массовый спрос, страница Products/Serwices является важным разделом сайта. Здесь компания может предложить все свои вина и другие товары, и здесь также можно подсказать людям, где и как эти продукты можно приобрести
- Table of Contents (Оглавление). Те посетители, которые захотят увидеть полный обзор того, что им может предложить сайт винодельной компании, могут зайти на эту страницу, ссылки с которой ведут на все страницы сайта. Такая страница поможет пользователям "не потеряться" внутри вашего сайта
- Feedback Form (Форма обратной связи). Менеджеры компании хотят узнать, что пользователи думают о предлагаемых продуктах, а также что они думают о самом сайте. Посетители сайта могут использовать форму обратной связи, чтобы оставить свои комментарии
- Search Form (Форма для поиска). Винодельная компания полагает, что возможность поиска добавит к их сайту еще одну привлекательную черту. Она позволяет пользователям искать по вхождению любое слово, содержащееся на страницах сайта. Добавление формы для поиска осуществляется очень просто — достаточно лишь установить флажок Search Form на экране мастера. Frontpage автоматически создаст список слов, который будет использоваться формой, когда кто-нибудь захочет найти слово внутри сайта
Для каждой страницы, которую вы захотите включить в ваш Web-сайг, мастер предложит вам отдельный экран, где вы внесете в эти страницы дальнейшие уточнения.
Если вы готовы двигаться дальше, то нажмите кнопку Next.
5. Затем появится экран с несколькими опциями, определяющими формат титульного листа (домашней страницы) вашего сайта (Рисунок 4.9). Вы сможете зарезервировать место для вступительной статьи (Introduction), информации о целях и задачах вашей фирмы (Mission Statement), профиле компании (Company Profile), а также для контактной информации (Contact Information). Полный текст этих сообщений на данном этапе не нужен, позднее вы сможете ввести его в Редакторе. Мастер же просто создает области на странице, которые в свое время будут заполнены реальной ин4^ормацией.

Выбор формата хранения данных

Рисунок 4.14. Выбор формата хранения данных

Компания "Snake River Winery" не очень велика, но ее руководство полагает, что на сайте компании будет довольно высокий трафик. Информацию гораздо проще обрабатывать при помощи Access или Excel — это значительно снижает рабочую нагрузку — так что информацию лучше хранить в табличном виде. Это означает, что вы должны выбрать опцию Yes, use tab-delimited format (Рисунок 4.14). После того как вы сделали выбор, нажмите Next для продолжения работы.
11. Следующий экран, показанный на Рисунок 4.15, предоставляет возможность настройки страницы оглавления вашего сайта. Здесь вы сможете выбрать опции, позволяющие автоматически обновлять оглавление при каждом изменении входящих в ваш сайт страниц (Keep page list up-to-date automatically), определить, нужно ли показывать страницы, не имеющие прямых ссылок с других страниц (Show pages not linked into web) и нужно ли делать список страниц верхнего уровня маркированным (Use bullets for top-level pages).

Заказные мастера

Заказные мастера

Каждый, кто умеет программировать на Microsoft Visual Basic или Microsoft Visual C++, может научиться сочинять свои собственные Мастера Сайтов и Мастера Страниц для Frontpage. Как это сделать, вы можете узнать из Frontpage Developer's Kit. Загляните в раздел, посвященный Frontpage на Web-сайте компании Microsoft по адресу www.microsoft.com/frontpage/ и узнайте там, как получить этот набор (он распространяется свободно).
Шаблоны и мастера помогут вам сэкономить уйму времени для более интересных дел. Может быть, у вас появится столько свободного времени, что однажды вы сможете повесить на двери офиса свою любимую табличку:
"Ушел смотреть футбол".

Заказные шаблоны сайтов

Заказные шаблоны сайтов

Для создания заказных (custom) шаблонов сайтов, а также заказных мастеров сайтов и страниц, которые будут обсуждаться позднее, можно использовать Frontpage Developer's Kit, который можно найти в разделе Frontpage Web-сайта Microsoft по адресу www.microsoft.com/frontpage/.

Заказные шаблоны

Заказные шаблоны

Поскольку с помощью набора шаблонов, сколь бы обширен он ни был, невозможно удовлетворить потребности любого человека, Frontpage предоставляет вам возможность создавать в Редакторе и сохранять свои собственные шаблоны страниц. (Чтобы узнать, как создавать заказные шаблоны сайтов, читайте следующий раздел, "Заказные шаблоны сайтов".)
Возможно, вам потребуется создать несколько примерно одинаковых страниц, которые совершенно не похожи ни на один из предлагаемых Frontpage шаблонов; разработайте собственный шаблон, с помощью которого вы будете создавать эти страницы, тем самым вы сократите себе количество рутинной работы. Кроме этого, вы всегда сможете открыть готовый шаблон, модифицировать его в соответствии со своими требованиями и затем использовать его как новый шаблон.
Использование заказного шаблона — хороший способ упростить сбор информации от служащих вашей компании. Вы можете создать специальную форму с зарезервированным местом под каждый конкретный тип информации, которую вы хотите получить от ваших сотрудников и сохранить ее в виде шаблона. Затем вы можете раздать этот шаблон внутри вашей организации для всеобщего использования.
Создание и сохранение шаблона потребует от вас всего нескольких шагов:
1. Начните с шаблона Normal Page (Обычная страница) в Редакторе и поместите в него то содержимое, которое вы хотите видеть в собственном шаблоне, например, логотип вашей компании, кнопки навигации и т. п.
2. Выберите команду Save As (Сохранить как) из меню File. Если у вас запущен Проводник, то вы увидите диалоговое окно Save As. В том случае, если вы запустили только Редактор, откроется диалоговое окно Save As, a поверх него появится диалоговое окно Save As File (Сохранить как файл). Диалоговое окно Save As File позволяет сохранить файл как независимую страницу. Для того чтобы перейти в окно Save As, щелкните по кнопке Cancel в окне Save As File.
3. В диалоговом окне Save As нажмите кнопку As Template (Как шаблон). Вписывать URL и название страницы до нажатия кнопки As Template необязательно.
4. В появившемся диалоговом окне Save As Template (Рисунок 4.6) дайте своему шаблону заголовок и название, затем введите короткое описание в текстовом окне Description. Если вы хотите заместить своим шаблоном какой-либо из уже существующих, щелкните по кнопке Browse (Пролистать) и найдите тот шаблон, который вы хотите переопределить.

Завершение работы Мастера

Рисунок 4.22. Завершение работы Мастера

С нажатием на кнопку Finish Frontpage начнет заполнять сайт представительства компании той информацией, которую вы ввели, а затем сохранит созданный сайт. В зависимости от того местоположения, которое было указано, Frontpage сохранит сайт на сервере или в каталоге на сетевом или локальном жестком диске. После сохранения сайта Frontpage загрузит его в Проводник (и, если нужно, продемонстрирует вам перечень заданий). Начиная с этого момента, вы можете начинать работу над деталями вашего сайта, постепенно придавая ему индивидуальные черты.
Вот таким вот образом, маленькими шажочками, мы вместе с Мастером создания представительства компании выстроили довольно сложный Web-сайт, потратив несколько минут и сэкономив несколько недель.

Управление Web-сайтом

Диалоговое окно Permissions сайта Project One

Рисунок 5.3. Диалоговое окно Permissions сайта Project One

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

Диалоговое окно Permissions

Рисунок 5.1. Диалоговое окно Permissions

На вкладке Users (первой вкладке диалогового окна) перечислены все имеющиеся в настоящее время пользователи корневого сайта, а также их текущие уровни доступа. На этой вкладке вы можете добавлять, редактировать или удалять бюджета пользователей, как объяснено в приведенном ниже списке. Еще здесь присутствует переключатель, имеющий два положения - Everyone has browse access (Все имеют доступ на просмотр) и Only registered users have browse access (Доступ на просмотр имеют только зарегистрированные пользователи).
- Для того чтобы добавить бюджет пользователя, нажмите кнопку Add и задайте его имя и права доступа
- Для редактирования прав доступа пользователя выберите имя нужного пользователя из списка и нажмите кнопку Edit. На экране появится диалоговое окно Edit Users, показанное на Рисунок 5.2, в котором вы сможете изменить уровень его привилегий
- Для того чтобы удалить бюджет пользователя, выберите его имя в списке и нажмите кнопку Semove
Вторая вкладка, Groups (Группы), содержит список всех групп, установленных в настоящее время для корневого Web-сайта, и текущий уровень доступа каждой группы. Это также дает вам возможность добавлять, редактировать или удалять бюджеты групп аналогично тому, как это делается на вкладке Users.

Использование SSL

Использование SSL

Протокол безопасных соединений (Secure Sockets Layer, SSL) - это протокол, который обеспечивает безопасную связь между сервером и клиентом. SSL не закрывает доступ к передаваемым данным, а просто их шифрует. Для правильной работы SSL необходимо, чтобы его поддерживали и сервер, и клиент. Frontpage и Microsoft Internet Explorer, а также Netscape Navigator поддерживают SSL. Frontpage также позволяет создавать ссылки, начинающиеся с https:// вместо http://; такие ссылки означают безопасное соединение по протоколу SSL.
Прежде чем двигаться дальше, вы должны выяснить, поддерживает ли SSL сервер, с которым вы собираетесь работать. Сделать это можно несколькими способами:
- Узнайте это у администратора сервера. Администратор может отключить поддержку SSL, так что желательно выяснить это заранее
- Если вы используете Microsoft Internet Information Server или один из серверов Netscape (Commerce Server, FastTrack Server или Enterprise Server), то вам, скорее всего, беспокоиться не о чем. Однако и в данном случае вам не повредит выяснить это у администратора (имейте в виду, что Microsoft Personal Web Server не поддерживает SSL)
- Если вы хотите проверить это самостоятельно, то создайте новый сайт в Проводнике Frontpage, как было описано в главе 3. Укажите сервер, задайте имя сайта и установите флажок Connect Using SSL. Если Проводник откроет сайт без сообщения об ошибке, то поддержка SSL на вашем сервере установлена
Если на сервере и в Frontpage активизирован SSL, то связь между клиентом Frontpage и сервером, включая любые команды от Проводника или Редактора, является безопасной. Это означает, что весь поток информации между Frontpage и Web-сервером, где бы они ни были расположены, шифруется. Такая защита удобна в нескольких ситуациях:
- Если вы находитесь в пути и вам нужно внести изменения в сайт, находящийся на сервере у вас дома, то вы можете открыть сайт, сделать необходимые изменения и сохранить их на сервере
- Если ваша организация имеет более одного офиса и только один Web-сервер, то можно вносить изменения в сайт из удаленного офиса
- Если ваш корпоративный или персональный Web-сайт расположен на сервере провайдера услуг Internet (как правило, такие серверы обслуживают несколько Web-сайтов), то вы сможете производить изменения в вашем сайте при помощи Frontpage, не опасаясь, что информация по пути будет перехвачена и просмотрена каким-либо хакером, поскольку все передаваемые данные зашифрованы

Локальная разработка сайта

Локальная разработка сайта

Microsoft Personal Web Server, Frontpage Personal Web Server и Microsoft Internet Information Server очень хорошо подходят для локальной разработки. Они дают вам возможность разрабатывать и проверять ваши intranet или Internet Web-сайты на вашем собственном компьютере или в локальной сети. Когда ваш сайт будет полностью готов, и вы будете готовы представить его всеобщему обозрению, вы сможете скопировать его на Web-сервер одним нажатием кнопки на панели инструментов Проводника, используя команду Publish. При помощи этой команды вы сможете скопировать сайт на любой из наиболее популярных Web-серверов. Более подробно о команде Publish читайте в главе 3.

Обновление сайта

Обновление сайта

Всемирная Паутина, будучи зеркалом информационных технологий, находится в постоянном развитии. Сегодня вы отправите другу по электронной почте адрес понравившегося вам сайта, а на следующий день, может статься, ваш друг уже не увидит то, что видели вы, т. к. сайт уже в корне изменился. Эта тенденция к изменчивости касается даже сетей intranet. Одной из причин такой изменчивости является простота модификации сайтов. Для того чтобы заменить графику, изменить ссылки или даже добавить новую страницу, особых усилий не требуется.
Другая причина быстрого изменения сайтов — это требования аудитории. Вам необходимо постоянно насыщать сайт свежей информацией, в противном случае больше одного раза никто на него возвращаться не захочет. Посещение сайта подобно перевертыванию игральной карты, если ваши зрители увидят ту же самую картинку еще раз, то они будут играть в другую игру.
Однако большие изменения не следует вносить слишком часто. Если у вас много постоянных пользователей, то не стоит запутывать их, ежемесячно меняя расположение кнопок навигации или названия разделов сайта; плохо, если они не смогут найти то, что ищут. Помните, что хороши регулярные изменения содержания, такие как изменения текста и изображений, но изменение структуры может быть реальным ударом для ваших постоянных пользователей.
Модифицирование больших сайтов может отнимать много времени, и тем больше, чем обширнее сайт и чем чаще происходит обновление. Вы должны составить план модифицирования вашего сайта еще до того даже, как начнете его. Если именно сейчас вы занимаетесь планированием сайта или у вас назрела необходимость в составлении плана его обновления, то прочтите несколько полезных советов по этому поводу.

Обновление содержания

Обновление содержания

Обновление содержания происходит тем же путем, что и сбор первоначальной информации, однако этот процесс наверняка можно рационализировать. Например, если в первый раз это заняло слишком много времени, попробуйте собирать информацию в другом порядке или устранить какой-нибудь не очень важный этап, например, редактируйте материал не дважды, а только один раз. А также проверьте расписания сотрудников, чтобы быть уверенным в том, что папка с вашими материалами не осядет на столе у человека, уехавшего отдыхать на Таити.
Если вашей компании требуется, чтобы ваш материал проходил через юридический отдел, то, скорее всего, не обязательно отдавать туда весь материал, ведь часть его наверняка уже где-нибудь используется. Если вам удастся сократить объем излишние передвигаемого материала, то вы сохраните время и энергию, которые пригодятся для более полезных дел.
Никогда не забывайте планировать вперед. Если ваш сайт подлежит ежемесячному обновлению и для свежего материала у вас предусмотрен тестовый сайт, то не жалейте времени на работу с ним. Например, если первый ваш выход в сеть состоялся в мае, а обновление запланировано на июнь, то оставьте достаточно времени для разработки и тестирования обновлений до наступления 1 июня. Это означает, что все содержание для июньского выпуска должно быть завершено к середине мая, чтобы у вас было достаточно времени для проверки сайта и устранения найденных ошибок.
Оцените время, которое потребуется вам и/или вашей группе для написания, редактирования и одобрения содержания. Вам потребуется информация из различных отделов вашей компании, и даже если вы или ваш помощник любите сами посещать сотрудников для уточнения каждой мелочи, убедитесь, что для сбора материала вы вьщелили достаточно времени.

Одновременное редактирование

Одновременное редактирование

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

Пароли

Пароли

Для изменения и администрирования сайтов Frontpage вам необходимо иметь пароль, но вводить его придется не очень часто (это зависит от используемого вами Web-сервера); опция Change Password меню Tools Проводника может даже быть недоступна.
Если Frontpage попросит вас ввести имя пользователя и пароль, то это может быть вызвано одной из следующих причин:
- Некоторые Web-серверы требуют обязательного ввода имени пользователя и пароля, независимо от пользователя или ситуации
- Вы пытаетесь обращаться, вносить изменения или управлять сайтом на сервере, не имея на то соответствующих прав
При установке Frontpage предложит вам указать имя пользователя и пароль для администратора, единственного для всех создаваемых вами сайтов. Чтобы предоставить другим лицам права административного, авторского и пользовательского доступа к вашим сайтам, воспользуйтесь командой Проводника Permissions.

Полномочия

Полномочия

Полномочия дают вам как разработчику Web-сайта возможность установки прав доступа к вашему сайту. С их помощью вы можете определять круг лиц, имеющих привилегии просмотра, авторства или администрирования сайта независимо от того, для какой сети — intranet или Internet — вы разрабатываете сайт. Если вы установили разрешение доступа только для зарегистрированных пользователей, то очевидно, незарегистрированный пользователь доступа к вашему сайту иметь не будет. Например, вы можете счесть необходимым ограничить доступ на время разработки сайта; когда ваш сайт будет готов, то вы просто измените полномочия пользователей и предоставите доступ к сайту всем желающим.
Если вы размещаете сайты Frontpage на сервере Internet, то определять полномочия и разграничивать доступ различных пользователей ко всем сайтам вы можете прямо в Проводнике. Если же вы создаете ваш сайт и сохраняете его в виде файлов на локальном или сетевом диске, то у вас нет возможности использовать Проводник для установки полномочий. В таких сайтах для управления доступом вам придется использовать средства файловой системы.
Администратор может управлять полномочиями в Проводнике с помощью команды Permissions (Полномочия) меню Tools. По умолчанию все Web-сайты, находящиеся на сервере, используют права доступа, установленные для корневого сайта. Однако вы можете для каждого отдельного сайта установить свои разрешения. Далее будут описаны обе эти возможности.

Повышение пропускной способности

Повышение пропускной способности

Готов ли ваш сайт к высокому графику? Если он станет популярным, то для обработки запросов вам потребуется мощный Web-сервер. Frontpage при помощи команды Publish Frontpage Web Проводника позволяет упростить процедуру переноса сайта с одного сервера на другой. Так, если используемый вами сервер не справляется, и у вас есть более мощный сервер, способный справиться с увеличившимся потоком информации, то вы можете просто переместить ваш сайт на новый сервер. Эта операция предельно проста и осуществляется с помощью команды Publish Frontpage Web, которая была описана в главе 3. Чтобы побольше узнать о Web-серверах и Серверных расширениях Frontpage (Frontpage Server Extensions), загляните в главу 11.

При удалении бюджетов администраторов или

Предупреждение

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

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

Примечание

Если вы вносите изменения в параметры настройки на вкладке, то перед переходом к другой вкладке для сохранения параметров следует нажать Apply (Применить).

Microsoft Internet Information Server, Microsoft

Примечание

Microsoft Internet Information Server, Microsoft Personal Web Server и Windows NT Workstation Peer Web Services ограничивают доступ, используя стандартную систему безопасности Windows NT, и не поддерживают ограничение доступа через маски адреса IP.
Адрес IP содержит четыре числа, разделенные точками, каждое из которых меньше 256, например, 150.200.45.65. Маска адреса IP используется для того, чтобы создать модель приемлемого адреса IP, используя комбинацию фактических значений и звездочек (известных также как групповые символы (wild cards)). Маски используются для того, чтобы определить, имеет ли компьютер доступ к Internet, например, к сайту Frontpage. Примером адресной маски, которая разрешает соединение с вышеприведенным адресом IP, может служить 150.200.*.*. Компьютеры с IP-адресами, начинающимися на 150.200, будут иметь доступ к сайту Frontpage, а компьютерам с другими IP-адресами доступ будет закрыт. Если установлена маска IP, то для доступа к сайту Frontpage администратор, автор или пользователь должны работать на компьютере, который имеет доступ к местоположению сайта, а также иметь соответствующие полномочия. По умолчанию доступ к сайтам Frontpage открыт всем компьютерам.
За более подробной информацией относительно установки полномочий на сервере обращайтесь к документации вашего сервера.

Proxy-серверы

Proxy-серверы

Proxy-сервер (Proxy server) защищает сеть из несанкционированного доступа снаружи. Frontpage позволяет легко работать с Proxy-серверами в любом направлении, как извне — в случае подключения снаружи через Proxy-сервер к вашему внутреннему серверу, так и изнутри — когда ваш внутренний сервер через Proxy-сервер устанавливает соединение с каким-либо внешним сервером. Все обращения к сайту разрешаются только Proxy-сервером, что предотвращает доступ к вашей системе незваных гостей.
Если в вашей локальной сети установлен Proxy-сервер, то его следует указать в Проводнике Frontpage. Для того чтобы задать Proxy-сервер для вашей машины или сервера, соединение с которыми происходит непосредственно, без участия Proxy-сервера, проделайте нижеследующее:
1. Выберите в меню Tools Проводника команду Options, а затем в диалоговом окне Options выберите вкладку Proxies (Рисунок 5.4).
2. В текстовом поле HTTP Proxy введите имя Proxy-сервера и порта; например, itgproxy.1000.
3. Если ваша организация имеет серверы, которые находятся внутри брандмауэра, то их список отображается в текстовом поле List of Hosts without Proxy (Список хостов без Proxy-сервера). Связь с этими серверами осуществляется без использования Proxy-сервера. Номера портов вы можете задавать произвольно, и в списке они должны отделяться запятыми; например, jeffserver.345, deborahserver.222. Для того чтобы удалить Proxy-сервер или любые другие серверы из списка, выделите соответствующее имя и нажмите клавишу .
Если вы хотите иметь доступ ко всем серверам внутри Proxy-сервера, установите флажок Do not use proxy server for local (intranet) addresses (He
использовать Proxy-сервер для локальных адресов (intranet)).
4. После внесения изменений в диалоговом окне Proxies нажмите кнопку ОК.

Смена паролей

Смена паролей

С некоторыми Web-серверами Microsoft смена паролей во Frontpage окажется невозможной. Microsoft Internet Information Server, Microsoft Personal Web Server и Windows NT Workstation Peer Web Services обращаются к списку бюджетов пользователей (user accounts) Windows NT, a Frontpage не способен позволить вам создавать, удалять или редактировать бюджеты пользователей. Изменение вашего пароля аналогично изменению вашего бюджета в Windows NT, поэтому Windows NT посчитает это нарушением защиты.
Так, если, используя один из этих серверов, вы попытаетесь командой Проводника Permissions изменить права доступа, то увидите, что пароли пользователей вам изменить не удастся, и теперь вы знаете, почему. По этой же причине может быть недоступна команда Change Password меню Tools. При использовании этих серверов Frontpage проверяет имя и пароль пользователя по списку бюджетов системы Windows NT. Следовательно, в Windows NT вы должны изменять пароли на уровне системы. За информацией о том, как изменять пароли при использовании этих серверов Microsoft, обратитесь к документации по серверу или сети.
Если Microsoft Personal Web Server у вас запущен под управлением Windows 95, то редактирование параметров и паролей пользователей можно производить с помощью средств администрирования этого сервера. Чтобы до них добраться, щелкните дважды на значке Personal Web Server в панели управления Windows (Windows Control Panel). Более подробно об этом написано в главе 11.
При использовании других Web-серверов благодаря тому, что список бюджетов пользователей сервера полностью независим от списка бюджетов пользователей операционной системы, вы можете свободно добавлять, удалять или изменять пароли без опасения нарушения защиты. Вы можете сделать это при помощи диалогового окна Change Password, которое вы можете вызвать, выбрав в меню Tools Проводника команду Change Password. Более подробно этот момент освещен в главе 3.

Тестирование вашего сайта

Тестирование вашего сайта

Рано или поздно процесс разработки вашего сайта подойдет к концу, и хотя вы можете быть уверены, что он будет работать без сучка, без задоринки, не мешает это проверить. Тестирование может предотвратить, скажем, следующую ситуацию: наступает день, когда вы собираетесь представить заказчикам законченную работу. Ваш сайт невелик, но вы им очень гордитесь. Однако один из ваших коллег, давно завидующий вашим успехам и красному спортивному автомобилю, задержавшись накануне в офисе, входит на ваш сайт и слегка изменяет в нем одну из ссылок. И вместо того чтобы по кнопке See Profile перейти, как было задумано, на страницу профиля компании, вы прямиком отправляетесь на сайт бюро ритуальных услуг "Нимфа".
Для того чтобы проверить ваши ссылки, существует три метода:
- Вы можете проверить их по отдельности в Редакторе. Это весьма медленный способ проверки ссылок, но если вы уже запустили Редактор и хотите удостовериться, что ссылки работают, то поместите курсор на ссылку и нажмите одновременно со щелчком на ссылке. В Редактор будет загружена соответствующая страница
- Вы можете исследовать ваш сайт с помощью какого-нибудь браузера типа Microsoft Internet Explorer или Netscape Navigator и проверить каждую из ссылок. Этим способом вы сможете воочию убедиться в том, что ваши ссылки, включая ссылки на другие сайты Internet, работают как нужно
- Вы можете заставить Frontpage автоматически проверить все ваши ссылки в один прием, задав в Проводнике команду Tools, Verify Hyperlinks. Эта процедура была подробно разобрана главе 3. Эта команда, однако, проверяет только существование адресов назначения всех ссылок, но не их правильность! Если вы хотите сэкономить время, то вы можете проверить состояние ваших ссылок в протоколе состояния гиперссылок (Hyperlinks Status View) Проводника. О нем было рассказано в главе 3
Наконец, вы можете проверить правильность расположения изображений на вашей странице. Обязательно сделайте это как в Редакторе, так и в различных браузерах.


При проверке изображений обращайте внимание на такие вещи, как время их загрузки и качество. Более детально тема графики рассмотрена в главе 8.

Самый простой способ проверить ваш сайт в браузере — это использовать команду Preview in Browser (Предварительный просмотр .в браузере) из меню File Редактора. Эта команда позволяет вам выбрать любой из установленных браузеров и проверить работу вашего сайта при различных значениях разрешения экрана. Более подробно о команде Preview in Browser читайте в главе 7.

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

- Локально, на вашем собственном компьютере

- В сети

- В удаленном режиме, в Internet

- Используя модемы и другие устройства связи при различных скоростях

- Под различными операционными системами

- В различных браузерах и при различных параметрах экрана (таких, как разрешающая способность)

Удаленное обновление сайта

Удаленное обновление сайта

Удаленное обновление — одна из самых сильных сторон Frontpage. Существует не так много других средств разработки Web-сайтов, предлагающих подобную возможность. Это делается просто:
- Вы должны иметь возможность соединиться с Web-сервером, содержащим сайт, который вы хотите модифицировать. Желательно, чтобы на сервере были установлены Серверные расширения Frontpage
- На используемом вами компьютере должен быть установлен Frontpage
- Удаленный компьютер и пользователь должны иметь для редактирования сайта права автора или администратора
Если вы готовы ответить утвердительно на эти три требования, то идите к своему шефу и убеждайте его в необходимости перенести ваше рабочее место в ваше любимое кафе.

Управление Web-сайтом

Управление Web-сайтом

Вы неплохо потрудились, планируя и разрабатывая ваш Web-сайт, и вот, наконец, работа подошла к завершению. Вы приступаете к этапу воплощения идеи в реальность, но что-то вас смущает. Как со всем этим справиться? Как обеспечить постоянную поддержку сайта? Как убедиться, что все работает, прежде чем размещать сайт в сети? Можете ли вы быть уверены, что какой-нибудь доброжелатель, любящий совать свой нос в чужие дела, не залезет в сайт и не испортит все?
Множество подобных вопросов может прийти вам в голову на любой стации разработки вашего сайта, особенно, если команда Web-разработчиков в вашей компании или организации достаточно велика. Но даже если эта команда состоит из одного человека, все равно приходится учитывать большое количество административных проблем, связанных с организацией сайта. Прежде чем эти беспокойные мысли превратятся в страшную головную боль, прочтите эту главу и вы увидите, насколько Frontpage упрощает администрирование сайта.
И если вы задумываетесь об администрировании Web-сайта, вспомните о Проводнике. Проводник Frontpage — это прекрасный инструмент для решения большинства ваших задач администрирования: с его помощью вы можете планировать мероприятия по разработке и поддержке ваших сайтов, решать проблемы с Proxy-серверами, устанавливать полномочия пользователей и многое другое. В этой главе объясняется, как Frontpage поможет вам справиться с этими задачами. Начнем с рассмотрения проблем защиты информации.

Установка и изменение полномочий для корневого Web-сайта

Установка и изменение полномочий для корневого Web-сайта

Установка и изменение полномочий для корневого Web-сайта производится следующим образом. Откройте существующий сайт Frontpage в Проводнике, выбрав в меню File пункт Open Frontpage Web. В диалоговом окне Open Frontpage Web введите или выберите Web-сервер. Нажмите кнопку List Webs, выберите из списка сайтов и нажмите кнопку ОК. Для того чтобы открыть диалоговое окно Permissions, показанное на Рисунок 5.1, выберите в меню Tools команду Permissions.

Установка и изменение полномочий для указанного Web-сайта

Установка и изменение полномочий для указанного Web-сайта

Чтобы устанавливать и изменять полномочия для конкретного сайта, сначала откройте в Проводнике существующий сайт, выбрав пункт Open Frontpage Web в меню File. В диалоговом окне Open Frontpage Web введите или выберите Web-сервер. Нажмите кнопку List Webs и выбрав сайт, щелкните по кнопке ОК. Далее в меню Tools выберите команду Permission. На экране появится диалоговое окно Permissions, содержащее три вкладки, каждая из которых относится к определенному уровню доступа. На Рисунок 5.3 показано диалоговое окно Permissions сайта Project One. Это окно имеет 3 вкладки:
- На вкладке Settings (Параметры настройки) находится переключатель, одно из положений которого устанавливает для текущего сайта те же самые полномочия, что и для корневого, а другое позволяет вам устанавливать для текущего сайта свои собственные полномочия. Выбор каждой из этих опций сопровождается описанием ее в нижней части диалогового окна. Если вы хотите назначить определенным лицам привилегии администратора, автора и/или конечного пользователя только для этого сайта, но не для корневого, то выберите вторую опцию. Иначе выберите первую опцию и внесите необходимые изменения в полномочия для корневого сайта, как было описано в этой главе ранее
- Следующие две вкладки относятся к пользователям группам (вкладки Users и Groups соответственно). Установка полномочий пользователей групп работает точно так же, как и в случае корневого сайта. Имейте в виду, что при удалении пользователей или групп Frontpage не запросит вас о подтверждении ваших действий

Установка полномочий на сервере

Установка полномочий на сервере

Web-серверы часто имеют встроенные механизмы регулирования полномочий, позволяющие вам ограничивать доступ на основе имени/пароля пользователя, маски IP-адреса или их комбинации.

Вкладка Proxies

Рисунок 5.4. Вкладка Proxies

диалогового окна Options
Frontpage сохраняет информацию о Proxy-сервере и использует ее при всех следующих подключениях, так что вам не придется вводить эту информацию каждый раз. Всякий раз, когда вы запрашиваете подключение к серверу (например, следуя по ссылке), Frontpage проверяет, не установлен ли флажок По not use proxy server for local (intranet) addresses, и при необходимости проверяет список хостов без Proxy-сервера. Если сервер доступен изнутри, то Frontpage осуществляет подключение непосредственно. В противном случае Frontpage сначала соединяется с Proxy-сервером и далее устанавливает соединение Proxy-сервера с тем сайтом, к которому вы обратились. Это означает, что после того, как вы ввели информацию о Proxy-сервере, все обращения через него Frontpage обеспечивает автоматически, а вы можете даже и не знать об использовании Proxy-сервера.

Вперед!

Вперед!

Эта глава подводит итог второй части книги, в которой были описаны основы использования Проводника Frontpage для просмотра и управления ва- шим Web-сайтом. В третьей части вы познакомитесь с Редактором Frontpage и узнаете, как сделать такой сайт, с которого посетители не захотят уйти.

Выход в сеть

Выход в сеть

Не каждая организация может позволить себе устроить всенародные торжества по случаю появления на свет нового Web-сайта. Но, тем не менее, явление сайта народу, глобального ли или сайта intranet, является достаточно значительным событием, и когда придет время, вы должны знать, как это делается.
Существует несколько способов сделать ваш сайт доступным для аудитории. Один распространенный путь — строить сайт прямо на том сервере, на котором он и будет размещен в сети, и открыть к нему свободный доступ. При таком варианте очень полезны пиктограммы Under Construction (Ведутся работы), т. е. они дают понять посетителям, что страница еще не завершена. Frontpage может добавить эти пиктограммы, если вы используете мастер создания сайта.
Если вы не хотите, чтобы кто-нибудь видел еще не законченный сайт или если у вас просто недостаточно информации, заслуживающей внимания, то вы можете сделать одно из двух: либо разрабатывайте свой сайт на локальном уровне, либо ограничьте доступ к нему пользователей.

Защита

Защита

На Диком Западе защита ассоциировалась с крутым парнем и его командой стрелков. Сегодня, когда информация передается по воздуху и по телефонным и спутниковым линиям связи, обеспечить ее безопасность стало намного сложнее. Особенно, когда 12-летний хакер из Небраски находит спо-собы Прерваться даже через самые совершенные меры защиты. Так что, когда дело дойдет до безопасности вашего Web-сайта и ограничения доступа к нему, в?ам будет приятно узнать, что Frontpage может предоставить в ваше распоряжение очень надежные средства защиты.

Обойдемся без HTML

Целевые фреймы по умолчанию

Целевые фреймы по умолчанию

Если у вас есть страница со множеством ссылок и вы не хотите назначать целевой фрейм каждой из них по отдельности, вы можете связать их все с целевым фреймом по умолчанию (default target frame). Целевые фреймы по умолчанию задают фрейм назначения для всех ссылок страницы, включая графические, которые не связаны с явно указанными целевыми фреймами. Чтобы задать целевой фрейм по умолчанию:
1. Щелкните правой кнопкой мыши на любом месте открытой в Редакторе страницы и выберите в контекстном меню Page Properties.
2. В диалоговом окне Page Properties перейдите на вкладку General (Общие), нажмите кнопку справа от текстового окна Default Target Frame. На экране появится диалоговое окно Target Frame. Укажите в нем фрейм, который вы хотите установить по умолчанию, и нажмите кнопку ОК.
Но у вас по-прежнему остается возможность назначения отдельным гипер-ссылкам целевых фреймов, отличных от заданного по умолчанию. Эта процедура была ранее изложена в разделе "Отображение страницы во фрейме".

Диалоговое окно Cell Properties

Рисунок 6.21. Диалоговое окно Cell Properties

3. Чтобы изменить режим выравнивания текста внутри ячейки, измените значение в секции Layout (Разметка). Чтобы, например, расположить текст точно в центре ячейки, установите для параметра Horizontal Alignment (Выравнивание по горизонтали) значение Center (По центру), а для параметра Vertical Alignment (Выравнивание по вертикали) — значение Middle.
4. Чтобы изменить ширину и высоту ячейки, введите новое значение в полях ffidth (Ширина) и Height (Высота) соответственно.
5. В секции Cell Span укажите, сколько строк или столбцов ваша ячейка должна перекрывать. Задав эти параметры, вы соответствующим образом увеличите размеры ячейки, при этом ячейки справа и/или ниже от нее сдвинутся, освобождая пространство для расширенной ячейки. Необходимость в такой операции может возникнуть, например, для размещения изображения.
Представьте, к примеру, что у вас есть таблица из двух строк и двух столбцов и вы хотите заполнить рисунком область под верхними ячейками. Тогда раздвиньте левую нижнюю ячейку так, чтобы она перекрывала оба столбца. Чтобы вставить фоновый рисунок или задать цвет фона ячейки, используйте соответствующие опции в секции Custom Background (Заказной фон).
6. Чтобы сделать рамки ячеек цветными, укажите нужный цвет в секции Custom Colors.
7. Чтобы немедленно увидеть результат ваших действий, не закрывая диалогового окна, нажмите кнопку Apply. Когда вы сочтете, что достигли желаемого эффекта, нажмите кнопку ОК и покиньте диалоговое окно Cell Properties.

Диалоговое окно Edit Hyperlink

Рисунок 6.33. Диалоговое окно Edit Hyperlink

3. В строке IJRL введите URL нужной страницы или выберите его из раскрывающегося списка последних использовавшихся. Остальные опции диалогового окна Edit Hyperlink детально расписаны в главе 7.
4. Нажмите кнопку справа от текстового поля Target Frame (Целевой фрейм); в открывшемся диалоговом окне Target Frame введите имя фрейма, в котором должна будет появляться страница Sales. Проще всего сделать это, щелкнув по соответствующему фрейму на миниатюре вашего фреймсета.
Если странице уже назначен целевой фрейм по умолчанию и он вас вполне устраивает, то вы можете пропустить этот шаг. Как задается целевой фрейм по умолчанию, вы узнаете немного позже из раздела "Целевые фреймы по умолчанию".
5. Вернитесь в Редактор, нажав в диалоговом окне кнопку ОК.
По возвращении в Редактор вы теперь по ссылке Sales в левом фрейме будете открывать страницу Sales в правом фрейме. Чтобы в Редакторе пройти по гиперссылке в обычном режиме (вкладка Normal), щелкните на ссылке правой кнопкой и выберите в контекстном меню Follow Hyperlink (Следовать по гиперссылке), или щелкните на ней же левой кнопкой, держа нажатой клавишу .

Диалоговое окно Form Properties

Рисунок 6.34. Диалоговое окно Form Properties

2. Щелкнув по кнопке справа от текстового окна Target Frame, вы увидите диалоговое окно Target Frame. Укажите в нем имя фрейма, в который должны выводиться результаты.
3. Нажмите кнопку ОК, закройте окно Target Frame, и затем, еще раз нажав кнопку ОК, закройте окно Form Properties.
Как создаются и используются формы, вы узнаете в главе 9.

Диалоговое окно Frame Properties

Рисунок 6.30. Диалоговое окно Frame Properties

Все изменения, которые вы будете производить далее, будут касаться только отдельно взятой страницы. Если вам не нравится имя фрейма, введите новое имя в текстовом поле Name. Можно также задать другую начальную страницу, введя ее имя в текстовом поле Initial Page или нажав кнопку Browse. После нажатия этой кнопки появится диалоговое окно Edit Hyperlink (Редактировать гиперссылку), детально описанное в главе 7.
В этом окне есть еще три секции, предназначенные для более тонкой настройки параметров страницы:
- Options (Опции). Здесь вы можете указать, следует ли позволить браузе-ру пользователя автоматически по своему усмотрению изменять размеры фрейма. По умолчанию флажок Resizable in Browser установлен, и для большинства страниц разумно будет его оставить. Здесь же (поле Show Scrollbars) вы можете установить, в каких случаях браузер будет показывать полосы прокрутки: по необходимости (опция if Needed), никогда (Never) или всегда (Always). По умолчанию установлено значение if Needed; в подавляющем большинстве случаев вам не придется его менять, если только у вас не будет очень веских причин совсем запретить прокрутку этой страницы. Если вы выберете опцию Always, то полосы прокрутки всегда будут присутствовать на странице, независимо от степени ее заполнения и размера окна браузера пользователя. Иными словами, без уважительной причины это значение также лучше не использовать; ненужные полосы прокрутки не только непрофессионально выглядят, но и могут испортить настроение посетителю, вынудив его уйти с вашего сайта. А ведь вы бы предпочли добиться совершенно противоположного эффекта, не так ли?
- Frame Size (Размер фрейма). В этой секции можно отрегулировать ширину Width (Ширина) и высоту Row Height (Высота строки) фрейма.
Опции установки ширины разрешены, если фрейм занимает не всю ширину окна, а имеет соседей справа или слева. Значение Relative (Относительно) означает, что размер фрейма будет вычисляться с учетом размеров соседних по горизонтали фреймов.


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

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

Когда вы изменяете размеры одного из фреймов, то и размеры всех фреймов, которых эти изменения касаются, корректируются соответствующим образом.

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

Нажав кнопку Frames Page, вы попадете в диалоговое окно установки свойств страницы фреймов Page Properties, оно было рассмотрено нами несколько ранее в этой главе, в разделе "Свойства страницы фреймов". Если вы хотите создать или отредактировать связанную со страницей таблицу стилей, нажмите кнопку Style и перейдите в диалоговое окно Style. Подробнее это окно будет обсуждаться в главе 7.

Диалоговое окно Insert Table

Рисунок 6.18. Диалоговое окно Insert Table

2. Введите предполагаемое число строк и столбцов вашей таблицы. Впоследствии строки и столбцы вы сможете как добавлять, так и удалять.
3. Выберите вариант выравнивания в таблице в целом: по левому краю, по центру или по правому краю.
4. Введите ширину рамки таблицы (Border Size) в пикселах. Если рамка не нужна, установите это значение равным нулю. Эта рамка будет окружать всю таблицу в целом. Если нужно, выберите ее цвет. Помимо нее, рамкой можно окружить любые ячейки таблицы, и их ширина тоже регулируется в этом окне (параметр Cell Spacing, см. шаг 6). В любом случае точный вид таблицы в браузере в большей степени определяется особенностями самого браузера, нежели этими параметрами.

Диалоговое окно New

Рисунок 6.7. Диалоговое окно New

Выбрав из списка необходимый шаблон, нажмите кнопку ОК. Исчерпывающее описание шаблонов и мастеров было приведено в главе 4.

Диалоговое окно Print Page Setup

Рисунок 6.12. Диалоговое окно Print Page Setup

Если вы оставите установленные по умолчанию колонтитулы (&Т и Page &Р), то внизу каждой печатной страницы будет по центру напечатан ее номер (со словом Page), а вверху — название Web-страницы. Это лишний раз подчеркивает различие между Web-страницей и страницей бумажной: одна Web-страница может растянуться на несколько печатных. Frontpage по умолчанию нумерует страницы, но разумеется, нумерацию страниц можно отменить.

Диалоговое окно Save As

Рисунок 6.11. Диалоговое окно Save As

Совет
Для быстрого сохранения страницы на панели инструментов предусмотрена кнопка Save; идентичный результат достигается нажатием комбинации клавиш +.

Диалоговое окно Select File

Рисунок 6.9. Диалоговое окно Select File

Редактор будет пытаться открыть файлы HTML так, как они есть, не преобразовывая их, и постарается показать все их элементы. А если файл содержит код HTML, который Frontpage не распознает, Редактор оставит его в неприкосновенности.

Диалоговое окно Split Cells

Рисунок 6.24. Диалоговое окно Split Cells

3. Укажите, как вы хотите разбить ячейку (на строки или столбцы) и введите число, на сколько строк или столбцов ее следует поделить; нажмите кнопку ОК.

Диалоговое окно Split Frame

Рисунок 6.32. Диалоговое окно Split Frame

3. Установите переключатель в положение Split into Columns (Разбить на столбцы) или Split into Rows (Разбить на строки) и нажмите кнопку ОК.
Использование клавиатуры:
1. Установите курсор мыши на рамку фрейма, который надо разбить; курсор примет вид двусторонней стрелки.
2. Нажмите клавишу и, не отпуская ее, щелкните кнопкой мыши и потяните курсор, при этом граница текущего фрейма будет перемещаться вслед за мышью, а на освободившемся пространстве образуется новый фрейм.
3. Когда вы достигнете желаемого результата, отпустите клавишу и кнопку мыши — новый фрейм готов. Осталось задать его начальную страницу.

Добавление ячеек

Добавление ячеек

Если вам понадобилось внести в таблицу новый фрагмент информации, но поместить его уже некуда, вставьте в таблицу пустую ячейку. Когда вы вставите в строку таблицы одну или несколько ячеек, строка раздвинется и может выйти за пределы таблицы. На Рисунок 6.22 новая ячейка добавлена в таблицу справа от ячейки с цифрой 6.

Добавление столбцов

Добавление столбцов

Чтобы вставить в таблицу один или несколько столбцов, установите курсор в любую ячейку столбца, рядом с которым (до или после) вы будете вставлять новые столбцы, а затем выберите в меню Table опцию Insert Rows or Columns. Дальнейшая процедура в точности повторяет описанную в предыдущем разделе операцию добавления новых строк за тем исключением, что в диалоговом окне вам следует выбрать опцию Columns и задать число столбцов, которые вы хотите вставить.

Добавление строк и столбцов

Добавление строк и столбцов

После того как вы придали своей таблице желаемые размеры, разбейте ее на несколько строк и столбцов. С помощью курсора-карандаша можно построить в таблице практически любые графы.
1. Выберите на панели таблиц карандаш (если вы еще этого не сделали), нажав кнопку Draw Table.
2. Поместите карандаш внутрь ячейки, которую вы хотите разделить; при этом курсор не должен касаться рамки таблицы.
3. Нажмите кнопку мыши и тащите курсор горизонтально, чтобы разбить ячейку по горизонтали, или вертикально, чтобы разбить по вертикали. Когда вы начнете тащить курсор, за ним потянется пунктирная линия, намечающая будущую графу. Не старайтесь рисовать строго прямолинейно, т. к. Frontpage выпрямит линию, которую вы ведете; главное — двигаться в верном направлении.
На Рисунок 6.15 представлена таблица, разделенная на две колонки, причем правая колонка разделена на две строки.

Добавление строк

Добавление строк

Чтобы добавить в таблицу одну или несколько строк, сделайте следующее:
1. Установите курсор в строке прямо над или под тем местом, где вы хотите вставить новые строки.
2. Выберите в меню Table опцию Insert Rows or Columns. Вы увидите диалоговое окно Insert Rows or Columns, показанное на Рисунок 6.23.

Домашняя страница Accounting Рисунок

Рисунок 6.5. Домашняя страница Accounting Рисунок 6.6 иллюстрирует относительные размеры всех шести уровней заголовков.

Фреймсеты

Фреймсеты

Фреймсет (frameset) в действительности является отдельной страницей, содержащей информацию о составляющих страницы фреймов. Эта информация отправляется серверу для загрузки в браузер соответствующих файлов. В предыдущем примере вы видели на экране одновременно три страницы;
добавьте к ним еще одну, фреймсет, и получится, что число страниц, необходимых для отображения такой конструкции, равно четырем. Это означает:
для того, чтобы вывести подобную страницу, браузеру придется четырежды обратиться к серверу. Поэтому желательно не увлекаться и стараться по мере возможности ограничивать количество фреймов на странице.
Редактор Frontpage выводит все части фреймсета вместе, на одной странице так, как они будут отображаться в браузере. Таким образом, в Редакторе можно создавать, редактировать и просматривать страницы фреймов в режиме WYSIWYG, что весьма облегчает их разработку — ведь раньше над каждой страницей приходилось работать отдельно и результат своей деятельности можно было увидеть только в браузере.

Иллюстрирует, с какой легкостью

Рисунок 6.3 иллюстрирует, с какой легкостью можно переместить материал из Word в Редактор Frontpage. Девушка из отдела кадров "Cascade Coffee Roasters" по привычке начала набирать текст для домашней страницы RoasterNet в Word, но администратор сервера компании строго указал ей, что следует использовать Frontpage. И пусть написано-то было всего несколько строк, но зачем же делать лишнюю работу, надо просто перенести текст из Word в Редактор Frontpage.

Инструменты панели таблиц

Инструменты панели таблиц

Построение таблиц во Frontpage осуществляется практически тем же путем, что и в Microsoft Word, с помощью инструментов панели таблиц (Рисунок 6.13). Чтобы показать панель таблиц на экране, выберите в меню View опцию Table Toolbar или Draw Table в меню Table.

Рисунок 6.13. Инструменты панели таблиц

С помощью этой панели вы можете рисовать таблицы прямо на странице, а впоследствии при необходимости изменять их параметры. Первой на панели таблиц расположена кнопка Draw Table (Нарисовать таблицу); с нее вы обычно и будете начинать построение таблиц:
1. Выберите в меню Table опцию Draw Table или нажмите кнопку Draw Table на панели таблиц; при этом курсор мыши примет вид карандаша.
2. Установите курсор в то место, где вы предполагаете начать таблицу, нажмите кнопку мыши и тяните курсор вниз и направо. На захваченном пространстве страницы будет автоматически построена таблица, параметры которой вы потом сможете изменить произвольным образом. Более детально о параметрах таблиц рассказано далее в этой главе, в разделе "Изменение свойств таблицы". Чтобы вы представляли себе величину вашей будущей таблицы, Редактор пунктирной линией показывает ее внешний контур.
Итак, вы нарисовали таблицу, состоящую из одной ячейки, с одним столбцом и одной строкой; при этом автоматически была нарисована ее рамка. Чтобы убрать рамку, перейдите в окно установки свойств таблицы. Подробнее о диалоговом окне Table Properties (Свойства таблицы) читайте далее в этой главе. Ваша таблица будет выглядеть примерно так, как показано на Рисунок 6.14.

Изменение размеров окна

Изменение размеров окна

Обычно бывает удобно раздвинуть окно редактора на весь экран, чтобы видеть как можно большую площадь редактируемой страницы. Обратите внимание на группу из трех кнопок, расположенную в правом верхнем углу окна Редактора. Чтобы максимально распахнуть окно, нажмите кнопку максимизации — она средняя в этой группе (разумеется, если окно еще не развернуто на весь экран). Чтобы восстановить предыдущий размер и местоположение окна Редактора, нажмите кнопку восстановления, которая займет место кнопки максимизации. Этот набор из трех кнопок абсолютно такой же, как и в любых других приложениях Microsoft Windows NT 4.0 и Windows 95.
В Редакторе можно разворачивать и сворачивать окна отдельных страниц. Чтобы развернуть страницу, нажмите среднюю кнопку в правом верхнем углу заголовка окна соответствующей страницы; чтобы свернуть страницу, нажмите левую кнопку в этой группе. Когда вы минимизируете страницу, она свернется в кнопку и расположится внизу окна Редактора; благодаря этому вы всегда сможете видеть, сколько страниц открыто в Редакторе одновременно.

Изменение свойств таблицы

Изменение свойств таблицы

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

Этот заголовок оформлен как заголовок

Рисунок 6.4. Этот заголовок оформлен как заголовок первого уровня; обратите внимание на то, что в списке стилей выбрана опция Heading 1

4. Начнем вводить имена сотрудников. Нажмите ; курсор перейдет на новую строку, после этого выберите из списка стилей Heading 3 (Заголовок 3). Под только что введенной вами шапкой появится строка, выглядящая как заголовок третьего уровня; наберите в ней Kathy.
5. Повторяя шаг 4, введите имена остальных сотрудников бухгалтерии: EU, Тот, Janine и Kevin. Ваша страница будет выглядеть так, как показано на Рисунок 6.5.

Материал из файлов Microsoft Office

Материал из файлов Microsoft Office

Одной из самых сильных сторон Frontpage является его способность органично усваивать материал из файлов Microsoft Office. Такая дружба Front-page и Microsoft Office экономит массу времени. Например, если информация, которую вы хотели бы поместить на страницу сайта Frontpage, находится в файлах Word или Excel, то вам не придется вводить ее в Редакторе Frontpage заново.

Настройка параметров Редактора

Настройка параметров Редактора

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

Не первое сохранение

Не первое сохранение

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

Нельзя удалить границу, обведенную кружком

Рисунок 6.17. Нельзя удалить границу, обведенную кружком

Новая страница в Редакторе

Рисунок 6.2. Новая страница в Редакторе

2. Наберите слова Cascade Coffee Roasters.
Обратите внимание, что текст начинается с левого края текущей строки. В вашей власти расположить его каким-либо более интересным образом:
сделать отступ, выровнять по правому краю или по центру. Можно изменить шрифт и кегль для текста, сделать его заголовком или изменить его свойства еще массой способов. Все эти приемы форматирования мы рассмотрим в следующей главе.
Все то, что вы введете, будет так же выглядеть в браузере. Чтобы начать новый абзац, нажмите клавишу , как в Word.

Новая таблица

Рисунок 6.14. Новая таблица

Если первоначальный результат вас не устраивает, вы всегда можете, не перерисовывая таблицу, изменить ее размеры. Установите курсор на границу таблицы; заметьте, что курсор изменил свою форму и превратился в двустороннюю стрелку. Нажмите кнопку мыши и тащите курсор в нужную сторону: чтобы изменить ширину таблицы, цепляйтесь за ее правую границу, а чтобы изменить высоту — за нижнюю.

Обойдемся без HTML

Обойдемся без HTML

Вне всякого сомнения, самые интересные дела сейчас творятся во Всемирной Паутине, и наверняка вы тоже хотите быть в центре событий, иначе вы не читали бы эти строки. Но чтобы достойно выглядеть в Internet, вам нужно быть настоящим асом HTML. А кто в наше время располагает достаточными возможностями для того, чтобы досконально изучить хоть что-нибудь, в особенности если это касается программирования? А ведь хочется иногда и просто телевизор посмотреть... Не падайте духом: как вы уже знаете, Проводник в силах облегчить вашу участь, но и Редактор Frontpage также не исключение.
Редактор Frontpage придерживается тех же дружественных принципов по отношению к пользователю, что и Проводник. Frontpage позволяет вам создавать страницы профессионального качества, при этом не требуя от вас знания тонкостей HTML. Если, редактируя страницу, вы захотите выделить слово курсивом или изменить цвет заголовка — пожалуйста, отметьте нужный фрагмент текста, нажмите кнопку, и дело в шляпе: Frontpage сам сгенерирует соответствующий код HTML. Благодаря этому вы сможете сконцентрироваться на более важных вещах, например, на проработке дизайна своего сайта. И даже не исключено, что вы сможете, наконец, позволить себе поваляться вечером на диване перед телевизором.
Также не забыты искушенные знатоки и ценители HTML и те, кто хочет таковыми стать. При желании вы сможете прямо в Редакторе писать код HTML и тут же, не запуская браузер, видеть результаты своей деятельности.
Итак, засучите рукава и приступайте к делу: сейчас мы с вами разберемся, как с помощью Редактора Frontpage достичь именно того результата, к которому вы стремитесь. Для иллюстрации всех возможностей Редактора мы с вами разработаем сайт для сети intranet вымышленной компании "Cascade Coffee Roasters". Попутно вы ознакомитесь с несколькими примерами интеграции Frontpage с приложениями Microsoft Office.

Общий вид окна Редактора Frontpage

Рисунок 6.1. Общий вид окна Редактора Frontpage

Поначалу он может показаться сложноватым, но не пугайтесь: в этой главе вы узнаете, для чего предназначены большинство этих кнопок и меню. Если вы умеете пользоваться Excel, вы заметите, что вкладки внизу окна редактирования — Normal (Обычный вид), HTML (Код HTML) и Preview (Предварительный просмотр) — похожи на вкладки рабочих листов. Эти вкладки позволяют увидеть редактируемую страницу с различных точек зрения. Для начала мы будем работать в обычном режиме (вкладка Normal). Однако прежде чем начать работу с Редактором, изучим, как наилучшим образом настроить его и максимально приспособить к своим потребностям.

Определения

Определения

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

Остальные кнопки панели таблиц

Остальные кнопки панели таблиц

Оставшиеся кнопки панели предоставляют в ваше распоряжение следующие возможности:
- Delete Cells (Удалить ячейки). Ячейки можно удалять еще и таким образом: отметить строку или столбец, в которых содержатся ненужные ячейки, и нажать кнопку Delete Cells. (Как отмечать строки и столбцы, подробно разъяснено далее в разделе "Выбор строк и столбцов" этой же главы.)
- Merge Cells (Объединить ячейки). Чтобы слить воедино несколько смежных ячеек, отметьте их и нажмите кнопку Merge Cells на панели таблиц
- Split Cells (Разбить ячейки). Чтобы разбить определенную ячейку, выберите ее и нажмите на панели таблиц кнопку Split Cells. При этом появится диалоговое окно Split Cells. (Это окно подробнее описано далее, в разделе "Разбиение ячеек")
- Align Top (Прижать вверх), Center Vertically (Отцентрировать по вертикали), Align Bottom (Прижать вниз). Эти кнопки соответствующим образом действуют на расположение текста в ячейке таблицы
- Distribute Rows Evenly (Равномерно распределить строки), Distribute Columns Evenly (Равномерно распределить столбцы). Если вы хотите, чтобы ряд смежных строк или столбцов были одинакового размера, отметьте их и воспользуйтесь одной из этих кнопок
- Background Color (Фоновый цвет). Если вы хотите сделать фон одной или нескольких ячеек или таблицы в целом цветным, выберите нужную область и нажмите кнопку Background Color. Появится диалоговое окно Color (Выбор цвета); выберите в нем понравившийся вам цвет и нажмите ОК

Открытие страниц

Открытие страниц

Команда Open позволяет вам открывать страницы сайта, загруженного в Проводнике, сохраненные в виде файлов на диске вашего компьютера или в локальной сети и даже страницы прямо из Internet. С ее помощью можно открывать не только страницы, созданные во Frontpage, но и файлы еще некоторых типов. Это обеспечивает дополнительные возможности добавления материала в ваш сайт. В Редакторе вы сможете открыть файлы следующих типов:
- Файлы HTML (HTM, HTML)
- Файлы Preprocessed HTML (HTX, ASP)
- Файлы RTF (Rich Text Format)
- Текстовые файлы (ТХТ)
- Гипертекстовые шаблоны (НТТ)
- Документы Word (DOC)
- Файлы WordPerfect (DOC, WPD)
- Рабочие листы Excel (XLS, XLW)
- Файлы Works (WPS)
А если у вас установлен Microsoft Office и при его установке вы выбрали дополнительные конверторы документов, то они также будут доступны для Frontpage.

Открытие страницы из файла

Открытие страницы из файла

Допустим, редактируя свой Web-сайт, вы захотели добавить в него страницу, которая записана у вас как файл, но не входит ни в один из сайтов Frontpage. Предположим, например, что некто в вашей организации насочинял каких-то специальных страничек и записал их для всеобщего пользования, чтобы любой желающий мог при необходимости вставить какую-либо из них в свой сайт. Если вам захочется поместить в свой сайт такую страницу, сделайте следующее:
1. Выберите в меню File команду Open. Если Проводник у вас в это время запущен, то вы увидите окно диалога Open. Щелкните на кнопке Select a file on your computer (Выберите файл на своем компьютере), это вторая кнопка справа от текстового поля URL; при этом откроется диалоговое окно Select File, показанное на Рисунок 6.9. Если вы работаете в Редакторе, не запуская Проводник, по команде Open сразу откроется окно диалога Select File.
2. Найдите нужный файл и нажмите кнопку ОК. Файл откроется в Редакторе.
Подсказка
Чтобы быстро вызвать окно диалога Open, нажмите комбинацию клавиш +<0> или кнопку Open на панели инструментов.

Открытие страницы произвольного Web-сайта

Открытие страницы произвольного Web-сайта

Вы можете открывать любые страницы с любого Web-сайта, к которому имеете доступ, в том числе и с сайтов intranet и Всемирной Паутины; нужно только знать адрес страницы, которую вы хотите открыть. Этот процесс выглядит таким образом:
1. Сначала войдите в меню File и выберите в нем опцию Open; откроется диалоговое окно Open. Если появится диалоговое окно Select File, нажмите кнопку Cancel, чтобы перейти в окно Open.
2. Щелкните на первой кнопке/значке справа от текстового поля URL. Эта кнопка называется Use your Web Browser to select a page (Выберите страницу с помощью вашего браузера). В результате этой операции будет запущен браузер, установленный по умолчанию, как показано на Рисунок 6.10.
3. В браузере доберитесь до Web-страницы, которую вы хотите открыть;
Frontpage автоматически поместит адрес страницы в поле URL.
4. Нажмите в окне Open кнопку ОК. Страница откроется в Редакторе.
Если, пытаясь открыть страницу прямо из WWW, вы получаете сообщение об ошибке, то весьма вероятно, что вы не подключены к Internet. Удостоверьтесь, что соединение действительно установлено, — для этого можно попробовать просмотреть страницу непосредственно в браузере, — а затем повторите попытку.

Открытие страницы текущего сайта

Открытие страницы текущего сайта

Если вы собираетесь редактировать страницу, входящую в текущий открытый в Проводнике сайт, то у вас есть два пути: во-первых, вы можете переключиться в Проводник, найти в нем нужную страницу и открыть ее оттуда (двойным щелчком мыши); во-вторых (это даже проще), вы можете открыть ее в Редакторе с помощью команды Open из меню File.
Когда вы выберете команду Qpen, то увидите диалоговое окно Open, показанное на Рисунок 6.8.
Выберите файл из списка и нажмите кнопку ОК. Страница откроется в Редакторе в новом окне.

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

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

Если вы хотите просмотреть фрейм в своем собственном окне вне фреймсета, щелкните на странице правой кнопкой мыши и в контекстном меню выберите Open Page in New Window (Открыть страницу в новом окне).

Отображение страницы во фрейме

Отображение страницы во фрейме

Чтобы страница могла быть загружена во фрейм, на эту страницу следует создать ссылку и связать ее с фреймом. Все эти манипуляции производятся в диалоговых окнах Create Hyperlink или Edit Hyperlink. Предположим, например, что на сайте RoasterNet есть страница оглавления (Table of Contents), в левом фрейме которой на слове Sales (продажи) уже стоит ссылка на страницу с информацией об успехах отдела сбыта. Вам хочется, щелкнув на слове Sales, получить в правом фрейме страницу со сводкой продаж. Вот, что для этого следует сделать:
1. Откройте в Редакторе ваш фреймсет.
2. На странице Table of Contents щелкните правой кнопкой на ссылке Sales и выберите в контекстном меню опцию Hyperlink Properties, открывающую диалоговое окно Edit Hyperlink, показанное на Рисунок 6.33.

Печать страниц

Печать страниц

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

Печать

Печать

Чтобы напечатать страницу, выберите в меню File опцию Print. На экране появится стандартное окно диалога Print. Если вам понадобится изменить параметры принтера, нажмите кнопку Properties (Свойства), после чего будет выведено окно Properties, предоставляющее все необходимые настройки.
Подсказка
Чтобы быстро перейти в диалоговое окно Print, нажмите + или кнопку Print на панели инструментов.
Настроив принтер должным образом, нажатием кнопки ОК в диалоговом окне Print запустите печать. Если ваша Web-страница длиннее используемой вами бумаги, то она будет напечатана на нескольких страницах.

Перемещение по странице

Перемещение по странице

Перемещение по содержимому страницы (если оно, конечно, есть) производится традиционным способом с помощью клавиатуры. Например, для прокрутки страницы на один экран вверх или вниз используются клавиши и соответственно; комбинация клавиш + приведет вас на самый верх страницы, a + — в ее конец. Для движения по странице можно также использовать стрелки, а полосы прокрутки, как обычно, продвигают окно в горизонтальном и вертикальном направлении.
В Редакторе Frontpage реализованы 25 наиболее популярных клавиатурных комбинаций Microsoft Word, так что пользователи Office будут чувствовать себя в Редакторе, как дома.

Перемещение по таблице

Перемещение по таблице

Перемещение от символа к символу (или от элемента к элементу) внутри ячейки осуществляется клавишами со стрелками, а для перехода от ячейки к ячейке используйте клавишу <ТаЬ>.

Перемещение строк и столбцов

Перемещение строк и столбцов

Строки и столбцы можно при необходимости переместить в таблице на другое место. Во Frontpage работает точно такая же процедура перемещения строк и столбцов, как и в Microsoft Word: строка (или столбец) вырезается в буфер обмена и вставляется в новое место. Вот что следует сделать, чтобы переместить строку (перемещение столбцов осуществляется совершенно аналогичным образом):
1. Отметьте строку, которую вы хотите переместить, и выберите в меню Edit команду Cut (Вырезать) или нажмите комбинацию клавиш +.
2. Выберите место, в котором будет располагаться эта строка, и выберите в меню Edit команду Paste (Вставить) или нажмите комбинацию клавиш +. Строка займет свое новое положение.
Следует заметить, что за один прием можно перемещать по несколько строк или столбцов. Аналогичным образом производится операция копирования строк и столбцов.

Перенос информации из Word в Редактор Frontpage

Рисунок 6.3. Перенос информации из Word в Редактор Frontpage

Это делается так: нужный текст выделяется в Word, копируется в буфер, затем мы переключаемся в Редактор и вставляем текст из буфера туда, где мы хотели бы его видеть. Frontpage автоматически преобразует его в формат HTML.

Перетаскивание файлов Office в Редактор

Перетаскивание файлов Office в Редактор

Теперь перейдем к более интересным вещам. Вспомним предыдущий пример и предположим, что у нас в Word набрано не несколько строк, а несколько страниц. Разумеется, можно не полениться конвертировать их в файлы HTML, благо соответствующих программ сейчас имеется много. Но мы-то знаем, что это не нужно, ведь в компании "Cascade Coffee Roasters" используют Frontpage.
Разберемся, как ставить ссылки на файлы Office, а также как открывать целые файлы в Редакторе Frontpage и автоматически преобразовывать их в файлы HTML:
- Если файл Office уже импортирован в Проводник в составе сайта (т. е. на него внутри сайта имеются ссылки), то можно подцепить этот файл в Проводнике и перетащить его на страницу, открытую в Редакторе. Чтобы это сделать, щелкните в Проводнике на значке соответствующего файла (это будет, соответственно, значок Word или Excel) и, удерживая левую кнопку мыши нажатой, перетащите файл на видимую часть страницы Редактора. Frontpage по имени файла создаст ссылку на него
- Можно перетаскивать файлы Office из любого места в Windows прямо на страницу, открытую в Редакторе. Так, например, вы можете перетащить файл из проводника Windows и даже с рабочего стола (desktop) Windows. Frontpage конвертирует файл в HTML и располагает его на открытой странице. Если в файле содержатся ссылки, то они преобразовываются в ссылки Frontpage, сохраняя при этом свои привязки

Первое сохранение фреймов и фреймсетов

Первое сохранение фреймов и фреймсетов

Первое сохранение страниц фреймов и самой страницы фреймсета происходит в основном так же, как и в случае первого сохранения обычных страниц, но с одним весьма существенным отличием. Когда вы в первый раз записываете фрейм, в диалоговом окне Save As появляется миниатюрное схематическое изображение вашего фреймсета, в котором цветом выделена текущая сохраняемая страница, так, как изображено на Рисунок 6.31. Благодаря этому вы видите, какая страница в данный момент будет записана и ее имя. Подробности процедуры сохранения страниц изложены ниже в разделе "Сохранение страниц".
Когда вы дадите странице имя и нажмете кнопку ОК, на миниатюре будет подсвечена следующая страница и т. д. Когда вы запишете все фреймы, дойдет очередь и до сохранения страницы фреймсета.

Первое сохранение

Первое сохранение

Если текущая страница ранее не существовала, то независимо от того, какой командой вы воспользуетесь, вы увидите диалоговое окно Save As с несколькими опциями сохранения файла. Чтобы сохранить файл в другом месте или под другим именем, можно также воспользоваться командой Save As. Диалоговое окно Save As показано на Рисунок 6.11.
Работа с этим диалоговым окном:
- Наберите в текстовом поле Title название страницы. Дайте странице уникальное и понятное название, чтобы вы легко смогли его узнать среди названий других страниц. Закончив ввод, нажмите кнопку ОК
- Если вы хотите сохранить страницу как файл, например, на дискете или на винчестере, то вам не нужно вводить ее название или URL. Нажмите кнопку Select a file on your computer, вторую справа от поля IJRL. При этом вы перейдете в окно диалога Save As File, в котором можно ввести имя файла и указать его тип, а также местоположение, где вы хотите его сохранить. Можно ввести расширение имени файла, однако если Front-page не распознает это расширение, то при сохранении он автоматически добавит к имени файла расширение НТМ
- В диалоговом окне Save As можно заказать сохранение файла в качестве шаблона; детали ранее были изложены в главе 4

Подсказка

Подсказка

Можно превратить в маркированный или нумерованный список уже существующий текст. Для этого отметьте нужный фрагмент и нажмите соответствующую кнопку на панели инструментов. Подробнее о функциях форматирования рассказано в следующей главе.
2. Выбрать в раскрывающемся списке стилей опцию Numbered List.
Frontpage отметит первую строку нового списка номером 1. Набрать текст первого пункта списка.
3. Введя первый пункт, нажать клавишу . Редактор поставит на новой строке следующий номер, после которого можно ввести следующую порцию текста. (Повторяйте эту процедуру до тех пор, пока список не закончится.)
4. Завершив ввод списка, нажать комбинацию клавиш +. Редактор Frontpage начнет новую строку под списком и установит курсор на ее начало

Подсказка

Подсказка

Чтобы просмотреть страницу в браузере, нажмите на панели инструментов кнопку Preview in Browser. Подробнее об этом рассказано в главе 7.

Подсказка

Подсказка

Для вырезания, копирования и вставки в Редакторе используются стандартные комбинации клавиш: <СМ>+<Х>(Вырезать), <С1г1>+<С>(Копировать), + (Вставить). Другой вариант — щелчком правой кнопки откройте контекстное меню и выберите соответствующую команду из него.

Построение таблиц

Построение таблиц

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

Представление во фрейме результатов заполнения форм

Представление во фрейме результатов заполнения форм

Помимо того что во фреймах можно отображать обычные страницы, точно так же во фрейм можно вывести результаты заполнения формы. Эта возможность обычно используется в сочетании со скриптами ISAPI (Internet Server API, Интерфейс прикладного программирования сервера Internet), NSAPI (Network Server API, Интерфейс прикладного программирования сервера сети) или CGI, либо с обработчиками форм (form handlers) Мастера подключения к базам данных (Database Region Wizard). Вот как это делается:
1. В Редакторе щелкните правой кнопкой мыши на любом поле формы и в контекстном меню выберите Form Properties; откроется диалоговое окно Form Properties, показанное на Рисунок 6.34.

Предварительный просмотр

Предварительный просмотр

Если вы захотите посмотреть, как будет выглядеть ваша страница на бумаге, выберите в меню File команду Print Preview (Предварительный просмотр). Имейте в виду, что вид страницы в браузере и на печати может существенно различаться. После просмотра страницы вы можете вернуться в диалоговое окно Print Page Setup, чтобы подрегулировать поля или колонтитулы.
В верхней части окна предварительного просмотра Редактора вы обнаружите ряд кнопок, помогающих установить удобный режим просмотра. С их помощью можно увеличивать и уменьшать поле обзора, переходить на следующие и предыдущие страницы или просматривать по две страницы сразу. Нажав кнопку Print (Печать), можно начать печать прямо из этого окна; а чтобы выйти из него, не начиная печати, нажмите клавишу или кнопку Close (Закрыть).

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

Примечание

Наверное, самый простой способ добавления новых строк в таблицу — установить курсор в правую нижнюю ячейку таблицы и нажать клавишу <ТаЬ>.

Сохраняя страницы, всегда полезно давать

Примечание

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

Если вы не хотите выводить

Примечание

Если вы не хотите выводить колонтитулы на печать, то удалите их значения из соответствующих текстовых полей.
Нажав в окне Print Page Setup кнопку Options, вы перейдете в диалоговое окно установки параметров вашего принтера Print Setup (Настройка принтера). Окно диалога Print Setup не имеет ничего общего с окном Print Page Setup — это стандартное окно Windows, в котором устанавливаются такие параметры вашего принтера, как ориентация страницы, размер бумаги и т. п. Выставив настройки принтера по вкусу, нажмите кнопку ОК и вернитесь в диалоговое окно Print Page Setup. Завершив в нем ввод всей необходимой информации, нажмите кнопку ОК.

В некоторых диалоговых окнах вам

Примечание

В некоторых диалоговых окнах вам встречается кнопка Style; она означает, что здесь вы можете создать или отредактировать таблицу стиля (stylesheet), связанную с этой страницей. Таблицы стилей подробно освещаются в главе 7.
Помимо всего прочего, вы еще можете присвоить таблице фоновый рисунок или задать цвет ее фона. Чтобы выбрать рисунок для фона вашей таблицы, установите флажок Use Background Image (Использовать фоновое изображение). После этого станет доступным текстовое поле под ним. Можно ввести имя файла с изображением прямо в нем, а можно нажать расположенную рядом кнопку Browse; в этом случае откроется окно Select Background Image (Выбрать фоновое изображение), где у вас будет несколько вариантов дальнейших действий:
- Если вы собираетесь использовать рисунок, присутствующий в открытом сайте, найдите файл в соответствующей папке и нажмите кнопку ОК
- Если нужный вам файл находится в другом месте (на дискете, на жестком диске, где-то в локальной сети), найдите его при помощи стандартных средств навигации диалогового окна Select Background Image, а затем нажмите кнопку ОК. Вы можете даже выбрать фоновое изображение во Всемирной Паутине или создать гиперссылку на файл, находящийся на вашем компьютере.
- И, наконец, вы можете воспользоваться коллекцией картинок (Clip art), поставляемой вместе с Frontpage. Для этого в диалоговом окне нажмите кнопку Clip Art, выберите понравившееся изображение и нажмите кнопку ОК
Если ваша таблица имеет рамку, то в секции Custom Colors (Заказные цвета) окна диалога Table Properties вы можете подобрать для нее цвета. Если вы хотите установить для рамок однородный цвет, то выберите его в списке Border; если же вы будете выбирать цвета из списков Light Border и Dark Border, то сможете придать своей таблице некоторую трехмерность. Из списка Light Border выберите цвет освещенных плоскостей рамки, а из Dark Border — цвет теневой части. Поэкспериментировав с этими цветами, вы сможете придавать своим таблицам весьма привлекательный вид.

Применение фреймов

Применение фреймов

Фреймы можно использовать самыми разными способами, область их применения ограничена только богатством вашей фантазии. Фреймам самое место там, где часть содержимого страницы должна оставаться постоянной, а часть должна меняться. Один из наиболее распространенных случаев использования фреймов — страницы, в верхней части которых располагается логотип компании, а на остальном пространстве находится панель навигации и информационная часть текущей области сайта.
Другим часто встречающимся вариантом применения фреймов являются списки продукции: сам список располагается в левом фрейме страницы, а фрейм с правой стороны содержит описание каждого вида продукции. Содержимое страницы в левом фрейме остается неизменным, поскольку список продукции должен постоянно присутствовать на экране, а страницы в правом фрейме меняются в соответствии с тем, какой продукт выбран в левом. Вы можете связать каждую ссылку из левой части страницы с целевым фреймом (target frame). В данном случае им является правый фрейм. Когда пользователь щелкнет на ссылке в левом фрейме, в целевом фрейме с правой стороны страницы появится страница соответствующего продукта.
Взгляните на Рисунок 6.27. На нем представлена страница сайта RoasterNet, на которой в левом фрейме располагается список месяцев года и с каждым месяцем связана страница коммерческого отчета, выводимая в правом фрейме. Страница содержит три фрейма; на рисунке приведен ее вид в Редакторе.

Приступим к строительству

Приступим к строительству

В этом разделе описано большинство элементов, которые вы можете с помощью Редактора разместить на странице. В вашем распоряжении будут все обычные элементы страниц, такие как тексты, гиперссылки, заголовки и ряд менее ординарных: таблицы (tables), фреймы (frames), бегущие строки (marquees), фоновые звуки (background sounds) и видео (video). Они обсуждаются в этой главе и в главе 7. Еще один важный элемент Web-страниц — изображения (о них мы подробно поговорим в главе 8). Также Редактор позволяет вставлять в страницы формы (forms) и Компонент (Components), которым посвящена глава 9. Самые передовые Web-технологии, такие, как компоненты ActiveX и апплеты Java, детально рассматриваемые в главе 10, тоже легко встраиваются в HTML-страницы.
Размещая на странице очередной элемент, старайтесь придерживаться простого принципа: считайте, что вы работаете в обычном текстовом процессоре, например, в Microsoft Word. Многие приемы манипулирования элементами страниц в Редакторе полностью аналогичны тем, которые знакомы вам по работе в Word. Многие меню и панели инструментов также повторяют аналогичные элементы в Word. Если вам приходилось работать с текстовыми процессорами, то наверняка вы освоите Редактор Frontpage быстро и без особых усилии.

Работа с файлами страниц

Работа с файлами страниц

Стандартные команды работы с файлами в Редакторе похожи на аналогичные команды Проводника, с той разницей, что действуют они на уровне страниц, а не Web-сайтов. Например, в Редакторе команда Close закрывает страницу, а в Проводнике, соответственно, целиком сайт. Помимо этого, над файлами в Редакторе можно производить еще некоторые дополнительные действия, как, например, печать. В этом разделе вы познакомитесь с файловыми командами Редактора.

Работа с фреймами

Работа с фреймами

Когда вы конструируете фреймы с помощью шаблонов (они были описаны в главе 4), Frontpage автоматически создает отдельные страницы и фреймсет и отображает все фреймы в Редакторе. Не правда ли, здорово?

Работа с панелями инструментов

Работа с панелями инструментов

Редактор располагает рядом панелей инструментов, которыми можно управлять через меню Yiew (Вид): Standard (Стандартная), Format (Форматирование), Image (

Разбиение ячеек

Разбиение ячеек

Чтобы детализировать информацию в таблице или сделать более точным форматирование страницы, вам может потребоваться разделить какие-либо ячейки на более мелкие. Каждую ячейку можно разбить на сколько угодно строк и столбцов; вот как это делается:
1. Установите курсор в ячейку, которую вы хотите разбить.
2. Выберите в меню Table команду Split Cells (Разбить ячейки). Откроется диалоговое окно Split Cells, показанное на Рисунок 6.24.

Разбиение страницы во фреймсете

Разбиение страницы во фреймсете

Уже создав фреймсет по одному из шаблонов фреймов, вы можете сообразить, что в нем явно не хватает еще одного фрейма. Исправить дело можно двумя различными способами: через меню Frame или с помощью клавиатуры.
Использование меню Ffcame:
1. Щелчком кнопки мыши выберите фрейм, который вы хотите разделить. При этом страница этого фрейма будет выделена цветным контуром.
2. Выберите в меню Frame команду Split Frame (Разбить фрейм). На экране появится диалоговое окно Split Frame, показанное на Рисунок 6.32, по принципу действия оно аналогично рассмотренному ранее в этой главе окну Insert Rows or Columns.

Разбиение таблицы на два равных столбца

Рисунок 6.16. Разбиение таблицы на два равных столбца

Редактирование свойств ячейки

Редактирование свойств ячейки

Также поддаются изменению некоторые свойства отдельных ячеек, такие, как режим выравнивания текста внутри ячейки, ее минимальная ширина, число строк или столбцов, которое она перекрывает, а также фоновый рисунок или цвет фона ячейки. Вот что нужно сделать, чтобы просмотреть и изменить эти свойства:
1. Установите курсор в ячейку, свойства которой вы хотите изменить. Чтобы изменить за один раз свойства группы ячеек, следует сначала их отметить. Чтобы отметить ряд ячеек, поместите курсор на одну из них, а затем в меню Table выберите пункт Select Cell. Затем, держа нажатой клавишу или , перемещайте курсор, отмечая следующие ячейки. С помощью клавиши можно также отменить выбор ячейки. Чтобы узнать, как быстро выбрать целую строку или столбец, почитайте раздел "Выбор строк и столбцов" далее в этой главе.
2. В меню Table выберите Cell Properties или щелкните правой кнопкой мыши на отмеченной ячейке (ячейках) и выберите Cell Properties во всплывающем меню. Откроется показанное на Рисунок 6,21. диалоговое окно Cell Properties.

Редактирование таблиц

Редактирование таблиц

После того как вы остановите свой выбор на одном из методов построения таблиц Frontpage, вы, вероятно, захотите усовершенствовать свои навыки.

Редактор Frontpage в первом приближении

Редактор Frontpage в первом приближении

Одна из главных прелестей Редактора заключается в его умении представлять страницы в режиме WYSIWYG (what you see is what you get — что видите, то и получаете). Это означает, что в браузере они будут выглядеть так же, как и в Редакторе. Еще не так давно каждую мелочь приходилось вручную описывать в кодах HTML, и оставалось лишь надеяться, что результат будет именно таким, как было задумано. Теперь же вам нужно лишь добиться, чтобы ваша страница правильно выглядела в Редакторе — да, это самый настоящий WYSIWYG.
Работа в Редакторе Frontpage весьма похожа на работу с текстовым процессором, подобным Microsoft Word. Те, кому приходилось иметь дело с Microsoft Word, наверняка узнают стандартные кнопки, такие, как полужирный шрифт, курсив и подчеркивание, маркированные и нумерованные списки, повтор и отмена операции и т. п. Ввод текста в окне Редактора происходит точно так же, как в Word; точно так же, как в Word, можно проверять орфографию. В Редакторе очень удобно — буквально в несколько движений мыши — строить таблицы и фреймы (frames).
Как Word, Редактор Frontpage позволяет одновременно открывать несколько файлов, а т. к. Редактор оперирует страницами, то смело можно сказать, что он позволяет открывать одновременно несколько страниц. Эта возможность очень полезна, например, в тех случаях, когда, чтобы соблюсти согласованность и точность информации, требуется быстро переходить от одной страницы к другой. Редактор также позволяет скопировать страницу (вместе со всем кодом HTML) из Internet и отредактировать ее. Это может быть удобно, когда вы хотите быстро получить информацию с других своих сай-тов. Разумеется, при копировании информации с других сайтов будьте крайне внимательны, чтобы не нарушить ничьи авторские права; помните, что плагиат в результате очень дорого обходится.

Рисование), Forms (Формы), Advanced

Рисование), Forms (Формы), Advanced (Дополнительно) и Table (Таблица). Когда они все видны, как показано на Рисунок 6.1, они занимают существенную часть окна Редактора. Поэтому те, что вам не нужны, лучше спрятать. Чтобы скрыть панель инструментов, откройте меню View и уберите галочку напротив имени этой панели. Чтобы показать спрятанную панель, найдите ее имя в меню Yiew и поставьте напротив него галочку, тогда панель появится на том же самом месте, которое она раньше занимала. Приглядевшись, вы увидите в меню View пункты Status Bar (Строка состояния) и Format Marks (Символы форматирования). Этим опциям посвящен следующий раздел данной главы.

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

Диалоговое окно Insert Rows or Columns

Рисунок 6.23. Диалоговое окно Insert Rows or Columns

3. Выберите опцию Sows и введите число строк, которое вы хотите вставить. Затем укажите, выше (Above Selection) или ниже (Below Selection) текущей строки следует вставить новые строки, и нажмите кнопку ОК.

Слияние ячеек

Слияние ячеек

Иногда бывает необходимо объединить содержимое нескольких соседних ячеек в одной. Эта процедура носит название слияния ячеек и производится следующим образом:
1. Отметьте ячейки, которые вы хотите объединить. Чтобы отметить несколько ячеек, выберите первую из них, а затем, держа нажатой клавишу или , щелкните кнопкой мыши в следующей ячейке. Для слияния вы можете отметить любое количество ячеек, но с одним условием: они должны образовывать сплошную прямоугольную область.
2. Выберите в меню Table опцию Merge Cells (Объединить ячейки). Редактор объединит отмеченные ячейки, т. е. общие у отмеченных ячеек границы будут удалены и получится одна ячейка большего размера. Содержимое всех ячеек останется в неприкосновенности и будет оформлено в виде отдельного абзаца (Рисунок 6.26).

Сохранение без Проводника

Сохранение без Проводника

Если вы работаете, не задействуй Проводник Frontpage, то при первом сохранении вам будет выдано диалоговое окно Save As File (Сохранить как файл). Подробнее о диалоговом окне Save As File читайте далее в разделе "Сохранение файлов".

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

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

Сохраняйте результаты своей работы как можно чаще, по поводу и без оного. Помните, что Закон Мэрфи обязательно сработает в самый неподходящий момент: пьяный электрик вырубит питание в вашем офисе, торговый агент "канадской компании" выдернет ногой шнур из розетки, да мало ли что может случиться. Редактор предлагает три возможности сохранения:
- Save (Сохранить). Сохраняет активную страницу в формате HTML либо в Web-сайт, либо в файл
- Save As (Сохранить как). Копирует и записывает активную страницу в новую страницу в текущем сайте или в новый файл
- Save All (Сохранить все). Записывает все открытые в Редакторе страницы

Соотношение размеров заголовков разного уровня

Рисунок 6.6. Соотношение размеров заголовков разного уровня

В вашем браузере эти заголовки могут выглядеть несколько иначе, чем в Редакторе Frontpage, поскольку браузер сам определяет, как именно они должны выглядеть. Это не имеет большого значения, т. к. в любом случае форматы этих заголовков задаются таким образом, чтобы заголовок более высокого уровня (наивысший уровень — первый) всегда был крупнее заголовка более низкого уровня. Как правило, чем важнее заголовок, а следовательно, выше его уровень, тем крупнее шрифт, тем больше интервалы до и после него.

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

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

Чтобы отредактировать свойства страницы, щелкните на странице правой кнопкой мыши и выберите в контекстном меню пункт Page Properties; вы увидите диалоговое окно Page Properties. Подробный разговор о диалоговом окне Page Properties ожидает вас в главе 7. Помимо этого, вам может понадобиться изменить целевой фрейм, заданный по умолчанию; как это сделать, читайте далее в текущей главе, в разделе "Целевые фреймы по умолчанию".

Посетители вашего сайта могут пожелать

Совет

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

в Редакторе документ Word, то

Совет

Если вы откроете в Редакторе документ Word, то содержащиеся в нем таблицы будут преобразованы в формат HTML и с ними можно будет оперировать прямо в Редакторе.
Таблицы Frontpage совершенно аналогичны по структуре таблицам Word, и все манипуляции с ними осуществляются точно так же, как в Word. Они состоят из ячеек, содержащих текст, графику, фоновые изображения, формы, компоненты Frontpage и даже другие таблицы. Если вам понадобится изменить размер ячеек уже готовой таблицы, добавить или удалить строки и тому подобное, то в Редакторе вы сделаете все это без всяких проблем. Создавая таблицу, вы можете не думать о ширине и высоте ее ячеек — по мере добавления материала их размеры будут подстраиваться автоматически.
Построить таблицу в Редакторе Frontpage можно двумя способами: либо непосредственно нарисовать ее на странице, пользуясь инструментами панели таблиц (Table Toolbar), либо вставить с помощью меню Table. Если вам трудно будет выбрать, какой из этих методов предпочесть, не беспокойтесь — вы сможете применить оба подхода к одной о той же таблице. Например, вы можете вставить таблицу через меню Table, а добавлять в нее строки с помощью инструментов панели таблиц. Но для ясности оба эти метода будут ниже описаны по отдельности, а в заключение мы сравним их и посмотрим, что у них общего.

перетаскивая границу, вы будете удерживать

Совет

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

Совет

(Совет)

Если вы строите таблицу без рамки и без линий сетки и хотите посмотреть, как она будет выглядеть без символов форматирования, то воспользуйтесь командой Format Marks меню view или кнопкой Show/Hide Paragraph стандартной панели инструментов. В Редакторе будут видны контуры ячеек, которые брау-зеры не покажут.
5. Введите значение Cell Padding (Отступ от границы ячейки) в пикселах. Это число устанавливает минимальное расстояние между рамками таблицы и ее содержимым. Этот параметр относится ко всем ячейкам таблицы и индивидуально для отдельных ячеек не устанавливается. По умолчанию предлагается значение Cell Padding, равное 1.
6. Введите значение Cell Spacing (Интервал между ячейками) в пикселах. Этот параметр задает расстояние между ячейками таблицы и в виде рамки вокруг каждой ячейки (в том числе вокруг ячеек, находящихся у краев таблицы). Стандартное значение промежутка между ячейками равно 2.
7. Введите значение ширины таблицы (опция Specify \Vidth). Ширину можно задавать как числом пикселов, так и в процентах от ширины страницы. Например, если вы установите ширину таблицы равной 50%, то таблица будет занимать по ширине половину окна браузера.
8. Нажмите кнопку ОК. Редактор создаст таблицу и покажет ее на экране; картина, которую вы увидите, приведена на Рисунок 6.19. Frontpage по количеству столбцов и по ширине таблицы сам вычислит ширину всех столбцов.

Совет

(Совет)

Чтобы в страницу быстро вставить таблицу, нажмите на панели инструментов кнопку Insert Table и на появившейся сетке отмерьте нужный фрагмент. Параметры новой таблицы будут основываться на последней по времени установке свойств таблицы.
Чтобы посмотреть, как таблица будет выглядеть при тех или иных значениях различных параметров, откроите диалоговое окно Table Properties, измените в нем какое-нибудь значение и нажмите кнопку Apply (Применить). Вы можете менять параметры и жать Apply сколько вам заблагорассудится.

Чтобы вставить после таблицы пустой

Совет

Чтобы вставить после таблицы пустой абзац, установите курсор в конец правой нижней ячейки и нажмите +.

Совет

(Совет)

Если вы захотите вернуть обратно удаленный материал, выберите в меню Edit опцию Undo или нажмите кнопку Undo на панели инструментов. Подробнее об этом рассказано в следующей главе.
Разумеется, вы можете удалять символы и целые слова перед курсором и после него. Чтобы удалить слово справа от курсора, нажмите +, а слово слева от курсора — +. Попробуйте этот прием — из всех комбинаций клавиш Редактора Frontpage и Microsoft Word эти используются, пожалуй, реже всех, но они существенно ускорят процесс редактирования.

в страницу, можно воспользоваться командой

Совет

Для того чтобы в Редакторе вставить файл в страницу, можно воспользоваться командой File меню Insert (Вставить).
Кстати, имейте в виду, что Редактор при этом должен быть запущен, но не обязательно активен. Файл можно перетащить на кнопку Редактора на панели задач (taskbar) Windows и секунду подождать, удерживая кнопку мыши нажатой. После этого Редактор станет активен и вы сможете опустить файл на открытую страницу.

и вставлять файлы любого формата,

Совет

Редактор позволяет перетаскивать и вставлять файлы любого формата, поддерживаемого Office. Например, в Редактор можно перетаскивать документы WordPerfect или рабочие листы Lotus 1-2-3.

Атрибуты нумерованных списков можно менять.

Совет

Атрибуты нумерованных списков можно менять. Например, нумерация может производиться римскими цифрами (как прописными, так и строчными) или буквами (также и строчными, и прописными); можно установить любое начальное значение номера. Более детально эти вопросы разобраны в главе 7, в разделе "Свойства списков". /
Точный вид списков всех типов определяется браузером, используемым для просмотра страницы. Здесь мы приведем лишь краткую характеристику каждого типа; все они доступны в раскрывающемся списке стилей на панели форматирован ия:
- Bulleted List (Маркированный список). Элементы такого списка снабжены маркерами. Маркированные списки обычно используются для перечисления логически связанных единиц информации без определенной последовательности
- Directory List (Указатель). Другой формат маркированных списков. Некоторые браузеры интерпретируют его несколько иначе, чем обычный нумерованный список; обычно используется в тех случаях, когда пункты списка очень коротки
- Menu List (Меню). Разновидность маркированных списков, поддерживаемая большинством браузеров
- Numbered List (Нумерованный список). Этот список представляет собой последовательность упорядоченных пунктов. Обычно они нумеруются цифрами, начиная с 1. Нумерованные списки являются идеальным средством, например, для записи последовательности действий

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

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

Процесс создания новых страниц в Редакторе весьма прост: более того, Редактор предоставляет в ваше распоряжение ряд шаблонов и мастеров, при помощи которых вы можете создавать страницы с самыми разнообразными свойствами. Чаще всего вы будете создавать страницы, чтобы присоединить их к текущему открытому сайту, но это не единственный возможный случай; можно создать новую страницу, сохранить ее независимо и добавить к любому сайту позднее (читайте об этом далее в этой главе в разделе "Сохранение страниц").
Подсказка
Создать новую страницу по шаблону Normal page можно одним нажатием на кнопку New на панели инструментов.
Чтобы создать новую страницу, выберите в меню File опцию New или нажмите комбинацию клавиш +. Вы увидите диалоговое окно New, изображенное на Рисунок 6.7. В окне New выберите нужный шаблон страницы или перейдите на вкладку Frames и выберите один из шаблонов страниц фреймов.

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

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

Вернемся к RoasterNet. Сотрудница профкома хочет довести до сведения всех служащих компании, как следует оформлять отпуск за свой счет. Разумеется, здесь ей не обойтись без нумерованного списка. Вот что ей предстоит сделать:
1. Открыв страницу в Редакторе, поместить курсор на то место, где должно находиться начало списка; его можно установить на начало, середину и даже на конец абзаца. Если в той строке, где стоит курсор, уже имеется какой-либо текст, то Frontpage сделает этот абзац первым пунктом списка. Если нужно начать новый список, то поставить курсор на пустую строку.

Списки

Списки

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

Страница фреймов готова для наполнения

Рисунок 6.29. Страница фреймов готова для наполнения

Страница фреймов

Рисунок 6.27. Страница фреймов

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

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

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

Строку состояния, расположенную в самом низу окна Редактора, можно прятать и показывать; для этого служит команда Status Bar меню View.
Редактор в некоторых случаях неявно использует символы форматирования, такие, как знаки абзаца. Чтобы показать или спрятать эти метки на странице, выберите в меню View опцию Format Marks.
А теперь, когда вы достаточно познакомились с некоторыми основными настройками Редактора, самое время вернуться к саиту RoasterNet нашей славной фирмы "Cascade Coffee Roasters".
Подсказка
Чтобы скрыть или показать символы форматирования, можно воспользоваться кнопкой Show/Hide Paragraph стандартной панели инструментов. На ней изображен символ абзаца.

Свойства фрейма

Свойства фрейма

Выберите одну из страниц фрейма и выберите в меню Frame опцию Frame Properties или щелкните правой кнопкой мыши на странице и выберите Frame Properties из контекстного меню. Появится диалоговое окно Frame Properties, показанное на Рисунок 6.30.

Свойства страницы фреймов

Свойства страницы фреймов

Чтобы отредактировать свойства фреймсета, отметьте его и выберите в меню Frame опцию Frames Page Properties. При этом вы увидите диалоговое окно Page Properties, открытое на вкладке Frames. В нем можно установить две опции:
- Frame Spacing (Расстояние между фреймами). В этом окне устанавливается интервал между фреймами в пикселах
- Show Borders (Показывать рамки). Установив или сняв этот флажок, можно сделать рамки фреймов видимыми или невидимыми соответственно
Подробнее об этом диалоговом окне написано в главе 7.

Таблица имеет три строки и два

Рисунок 6.19. Таблица имеет три строки и два столбца, располагается по левому краю страницы, окружена рамкой шириной 2 пиксела, расстояние между ячейками (Cell Seacing) составляет 2 пиксела, а отступ от границы ячейки (Cell Padding) — 1 пиксел. Ширина таблицы равна 50%

Таблица усложняется

Рисунок 6.15. Таблица усложняется

Если вы хотите разбить таблицу на равные строки или столбцы, воспользуйтесь кнопками панели таблиц Insert Rows (Вставить строки) и Insert Columns (Вставить столбцы).
1. Поместите курсор внутрь ячейки, которую вы хотите разделить.
2. Нажмите кнопку Insert Columns или Insert Rows. Frontpage создаст два столбца вполовину ячейки шириной каждый или, соответственно, добавит строку, высота которой будет равна высоте ячейки. Мигающий курсор останется в новой ячейке.
На Рисунок 6.16 приведен пример таблицы, разбитой при помощи кнопки панели таблиц Insert Column. Обратите внимание, что теперь у нас есть одна таблица, разделенная на два одинаковых столбца. Повторяя вышеописанные шаги, вы можете разбить каждую ячейку сколько угодно раз. Рамку и сетку таблицы вы также совершенно свободно можете двигать как потребуется, вне зависимости от сложности таблицы и метода ее построения.

Таблицы в таблицах

Таблицы в таблицах

Редактор позволяет вставлять таблицы внутрь таблиц. Подобные конструкции иногда бывает удобно использовать для каких-либо специальных случаев организации данных. Если вы используете таблицы для размещения миниатюр, ссылки с которых ведут к большим изображениям, то вложенные таблицы могут помочь вам представить миниатюры более логичным или визуально привлекательном способом, нежели обычные таблицы.
Не спешите увлекаться строительством подобных "матрешек", сначала посмотрите, нельзя ли достичь тех же самых результатов путем разбиения и слияния ячеек. Чем проще будет структура ваших таблиц, тем меньше времени вы потратите на поиск и устранение ошибок на своих страницах.
Чтобы вставить таблицу внутрь таблицы, установите курсор в ячейку, в которую вы хотите вставить таблицу, и создайте новую таблицу с помощью команды Insert Table (Вставить таблицу) меню Table или нажав на панели инструментов кнопку Insert Table. Эта процедура была описана в этой главе ранее.

Текст

Текст

Чтобы поместить на страницу текст, просто-напросто введите его с клавиатуры. Посмотрим, как на новую страницу Human Resources (Персонал) сайта RoasterNet вставить текст:
1. Командой Sew меню File создайте в Редакторе новую страницу. В диалоговом окне New выберите Normal Page (Обычная страница) и нажмите кнопку ОК. На вашем экране появится пустая страница (Рисунок 6.2), в правом верхнем углу которой находится мигающий курсор.

Титульные ячейки

Титульные ячейки

Отдельной разновидностью ячеек являются титульные ячейки (header cells)', в таблицах Frontpage они отличаются от обычных тем, что текст внутри них изображается полужирным шрифтом. Чаще всего в качестве титульных выступают ячейки верхней строки или левого столбца; в них удобно располагать названия соответствующих граф таблицы. Однако титульной может быть любая ячейка таблицы, которую вы хотите сделать заметной. Любую обыкновенную ячейку таблицы можно превратить в титульную, для этого:
1. Выберите ячейку, которую вы хотите превратить в титульную. Чтобы отметить несколько ячеек, выберите первую ячейку и затем, держа нажатой клавишу или , отмечайте остальные.
2. Выберите команду Cell Properties в меню Edit, либо Cell Properties в меню Table, или щелкните правой кнопкой мыши на отмеченной ячейке (ячейках) и выберите Cell Properties в контекстном меню. В диалоговом окне Cell Properties установите флажок Header Cell и нажмите кнопку ОК.
Отмеченная ячейка (ячейки) превратится в титульную и набранный в ней текст примет полужирное начертание (любой текст, который вы введете в нее впоследствии, также будет полужирным). Имейте в виду, что различные браузеры могут воспроизводить титульные ячейки по-разному.

Удаление фрейма

Удаление фрейма

Если вы хотите удалить фрейм из фреймсета, отметьте его и выберите в меню Frame опцию Delete Frame. Фрейм будет удален, а оставшиеся заполнят собой освободившееся пространство окна.

Удаление строк и столбцов

Удаление строк и столбцов

Если вы находите, что ваша таблица страдает избытком строк или столбцов, то воспользуйтесь другим инструментом панели таблиц — ластиком — и сотрите лишние перегородки:
1. Нажмите на панели таблиц кнопку Erase; ваш курсор примет форму ластика.
2. Поместите курсор-ластик рядом с границей, которую вы собираетесь убрать.
3. Нажмите кнопку мыши и, не отпуская ее, переместите курсор через границу, которую вы стираете. Вы увидите, что она выделена цветом.
4. Когда вы отпустите кнопку мыши, эта граница исчезнет.
Вам не удастся удалить границу в том случае, когда это приведет к появлению неполных ячеек. На примере, показанном на Рисунок 6.17, удалению подлежат все внутренние границы; стереть только перегородку, обведенную кружком, невозможно, т. к. нижняя ячейка стала бы незавершенной.

Удаление строк или столбцов

Удаление строк или столбцов

Чтобы удалить строку или столбец, выберите строку или столбец, которые вы хотите удалить, и нажмите клавишу .

Удаление текста

Удаление текста

Удаление текста или других элементов так же просто. Его можно сделать несколькими способами: отметив удаляемый фрагмент, можно затем нажать клавишу , а можно выбрать в меню Edit опцию Clear.

Установка параметров страницы

Установка параметров страницы

С помощью команды Page Setup (Параметры страницы) меню File можно задать верхний (header) и нижний (footer) колонтитулы и поля выводимой на печать страницы. Эти установки могут облегчить чтение и упорядочение ваших страниц. Параметры страницы устанавливаются в диалоговом окне Print Page Setup, изображенном на Рисунок 6.12.

В этой таблице произошло слияние четырех центральных ячеек

Рисунок 6.26. В этой таблице произошло слияние четырех центральных ячеек

Вкладки просмотра фреймов

Вкладки просмотра фреймов

В первый раз открыв фреймсет в Редакторе, вы увидите в нижней части окна новые вкладки. На каждой из этих вкладок вы увидите различную картину:
- Normal (Обычный вид). Эта вкладка открывается по умолчанию; это ваш основной рабочий режим во Frontpage
- No Frames (Без фреймов). Здесь отображается экран в том виде, как его увидит пользователь, пытающийся просмотреть вашу страницу фреймов в браузере, не поддерживающем фреймы. Здесь вы можете разместить любой текст; как правило, это бывает пожелание пользователю сменить браузер
- HTML (Код HTML). Здесь вы увидите код HTML всех фреймов текущего фреймсета. Это полноценный HTML-редактор, поэтому изменения здесь вносите аккуратно
- Frames Page HTML (Код HTML страницы фреймов). В этом окне можно просматривать и редактировать код HTML фреймсета. Редактируйте его с особой осторожностью, не меняйте ничего, пока не приобретете достаточного опыта работы в HTML и фреймах
- Preview (Предварительный просмотр). На этой вкладке вы можете просмотреть вашу страницу прямо в Редакторе

Вот что вы увидите, создавая новую

Рисунок 6.28. Вот что вы увидите, создавая новую страницу фреймов; воспроизведенная здесь картина соответствует шаблону Contents (Оглавление)

После того как вы зададите страницы фреймсета, можете приступать к их заполнению и форматированию (Рисунок 6.29).

Вперед!

Вперед!

На этом мы с вами поставим точку в обсуждении основных принципов работы с Редактором Frontpage. В следующей главе вы узнаете, как форматировать страницы в Редакторе, а также изучите некоторые утилиты и полезные команды Редактора.

Все о фреймах

Все о фреймах

Фреймы (frames) — это прямоугольные области на Web-странице, в которых демонстрируются другие страницы или изображения. Для создания фреймов во Frontpage предусмотрен ряд шаблонов, которые мы рассматривали в главе 4.

Вставка изображений в ячейки таблицы

Вставка изображений в ячейки таблицы

Чтобы в ячейку таблицы вставить изображение, установите курсор в ячейку, в меню Insert выберите опцию Image и в открывшемся диалоговом окне Image укажите нужное изображение. Можно также перетащить нужный файл из проводника Windows или Проводника Frontpage. Более подробно эта тема обсуждается в главе 8.

Вставка новой ячейки

Рисунок 6.22. Вставка новой ячейки

Как видите, при добавлении ячеек ваша таблица может стать несимметричной, и это обстоятельство иногда можно интересно использовать. Чтобы вставить в таблицу новую ячейку, установите курсор в ячейку слева от того места, где вы планируете ее разместить, и выберите в меню Table команду Insert Cell.

Вставка таблицы

Вставка таблицы

А вот как выглядит процесс вставки таблицы с помощью команд меню Frontpage:
1. Установите курсор в то место, где вы хотите начать таблицу, и выберите в меню Table команду Insert Table. Вы увидите диалоговое окно Insert Table, показанное на Рисунок 6.18.

Ввод текста

Ввод текста

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

Выбор страницы или фреймсета

Выбор страницы или фреймсета

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

Выбор строк и столбцов

Выбор строк и столбцов

Чтобы выбрать строку или столбец, поместите указатель мыши вблизи верхнего края столбца или левой границы строки, подождите мгновение, пока он не превратится в маленькую черную стрелку, и нажмите кнопку мыши. Можно сделать иначе: установите курсор в ячейке и затем в меню Table выберите одну из опций Select Cell, Select Row, Select Column или Select Table.

Вырезание, копирование и вставка текста

Вырезание, копирование и вставка текста

Процедура вырезания, копирования и вставки текста (так же, как и любых других элементов) в Редакторе Frontpage выглядит точно так же, как в приложениях Office. Редактор использует буфер обмена аналогично приложениям Office: вы можете вырезать и копировать любые фрагменты в другие открытые в Редакторе страницы или в документы других приложений. Просто вырежьте или скопируйте нужный фрагмент в буфер, перейдите в документ (предварительно его необходимо открыть) и выполните вставку. При этом форматирование текста может оказаться частично утраченным — это зависит от приложения, в которое вы переносите свой материал. Например, если вы переместите текст, набранный шрифтом различного кегля, в Блокнот (Notepad), то в Блокноте весь текст будет иметь одинаковый, установленный по умолчанию кегль.

Задание страницы фреймов

Задание страницы фреймов

Когда вы начинаете создавать в Редакторе страницу фреймов, составляющие ее страницы еще не определены (Рисунок 6.28). До того как начать набивать страницы информацией, вам предстоит сделать выбор:
- Set Initial Page (Задать начальную страницу). Начальная страница (initial page) — это страница, которая будет видна при открытии фрейма. Нажав эту кнопку, вы перейдете в диалоговое окно Create Hyperlink (Создать гиперссылку). Далее вы сможете создать новую страницу и установить ссылку на нее или, если у вас запущен Проводник Frontpage, вы можете назначить в качестве начальной любую страницу сайта. Более подробно диалоговое окно Create Hyperlink рассматривается в главе 7, в разделе "Ссылки".
- New Page (Новая страница). Если вы нажмете эту кнопку, то во фрейм будет загружена новая чистая страница. Это обычная страница, созданная по шаблону Normal. Шаблоны страниц были нами разобраны в главе 4

Заголовки

Заголовки

Одним из условий эффективного дизайна Web-страниц является разумное использование заголовков. Избыток крупных заголовков, скорее всего, сделает вашу страницу трудно читаемой, а страницы, бедные заголовками, часто унылы на вид и сложны для восприятия. Заголовки помогают структурировать представленную на странице информацию — в точности как в газете или журнале.
На примере одной из страниц все того же сайта RoasterNet рассмотрим простой случай использования заголовков. Пусть это будет домашняя страница бухгалтерии — Accounting. На этой странице мы хотели бы видеть список имен сотрудников, к которым впоследствии будут привязаны ссылки на их собственные страницы. Последовательность ваших действий будет такова:
1. Создайте в Редакторе новую страницу, выбрав в меню File опцию New. В диалоговом окне New Page выберите Normal Page и нажмите кнопку ОК. В Редакторе появится пустая страница, в левом верхнем углу которой располагается мигающий курсор.
2. Из списка стилей на панели форматирования выберите Heading 1 (Заголовок 1). Заметьте, что в списке перечислены шесть уровней заголовков. Шапка страницы должна быть выделена как следует — например, как заголовок первого уровня. В редакторе Frontpage заголовок будет оформлен с новой строки как отдельный абзац.
3. Введите основной заголовок страницы. Accounting, как показано на Рисунок 6.4.

Заголовок таблицы

Заголовок таблицы

Заголовок таблицы (table caption) — это строка, располагающаяся над таблицей. Чтобы вставить заголовок таблицы, выберите в меню Table опцию Insert Caption и введите текст заголовка.

Закрытие страниц

Закрытие страниц

Чтобы закрыть страницу в Редакторе, выберите в меню File команду Close. Если вы не сохранили страницу перед закрытием, Frontpage спросит, нужно ли записывать изменения, сохранит страницу (в случае вашего согласия, естественно) и, наконец, закроет ее.

Запуск браузера из Редактора

Рисунок 6.10. Запуск браузера из Редактора

Также можно открыть Web-страницу в Редакторе, введя ее адрес в текстовом поле URL диалогового окна Open. Адрес следует вводить в полной форме, как абсолютный URL. Абсолютный URL представляет собой полный адрес страницы, включающий протокол, имя хоста, имя каталога и имя файла. Используя абсолютный URL, можно открывать страницы из любой системы, способной установить соединение с этим сайтом. Пусть, например, тестовый сайт компании "Cascade Coffee Roasters" называется RoasterTestI и располагается на локальном сервере с именем Bean There; вы хотите добраться до страницы пресс-релиза PR3.htm. Если у вас есть доступ к этому сайту, то вы сможете открыть эту страницу в Редакторе, введя ее абсолютный URL, который будет выглядеть как http://BeanThere/RoasterTestl/PR3.htm. Столь же легко открыть в Редакторе страницу из Всемирной Паутины. Заметьте, что адрес на локальном сервере начинается с имени сервера, а адрес в Internet, весьма вероятно, будет начинаться на http://www..., где после www указывается собственно местоположение.
Frontpage может выдать предупреждение, что запрошенный вами адрес не является допустимым IP-адресом. Получив такое предупреждение, внимательно проверьте адрес: убедитесь в том, что вы все символы ввели правильно, с соблюдением регистра; что в начале адреса присутствует как минимум имя сервера; что в адресе вы используете прямые слэши, а не обратные.

Запуск Редактора

Запуск Редактора

Как попасть в Редактор? Это можно сделать несколькими способами:
- Дважды щелкнув на странице в структуре папок (Folders View), списке файлов (All Files View), карте навигации (Navigation View) или схеме ги-перссылок (Hyperlinks View) Проводника. При этом будет вызван Редактор и соответствующая страница открыта в его окне
- Щелкнув правой кнопкой мыши в структуре папок, списке файлов, карте навигации или схеме гиперссылок Проводника и выбрав в появившемся контекстном меню команду Open
- Щелкнув правой кнопкой мыши в списке заданий Проводника (Tasks View) на задаче, связанной со страницей, и выбрав в контекстном меню опцию Do Task; откроется Редактор с указанной в окне страницей
- Запустив Редактор непосредственно (либо прямо из Microsoft Windows, либо из Проводника Frontpage при нажатии на панели инструментов кнопки Show Frontpage Editor или командой Show Frontpage Editor из меню Tools). В этом случае Редактор откроется с пустым экраном; чтобы открыть нужную страницу, используйте команду Open меню File и приступайте к редактированию
При запуске Редактор откроет свое собственное окно, в верхней части которого, как в большинстве программ подобного класса, расположены меню и панели инструментов. Когда все панели инструментов видимы, Редактор выглядит так, как показано на Рисунок 6.1.

Отделочные работы

Активные элементы

Активные элементы

Ничего удивительного, если однажды вам осточертеет лицезрение статичных Web-страниц. Однако чтобы вставить в страничку что-нибудь эдакое, подумаете вы, придется нанимать какого-нибудь яйцеголового, который за бешеные деньги напишет несколько строк на Java? Ничего подобного — возможности Frontpage позволяют ему с успехом справиться с этой задачей, избавив вас от лишних затрат времени и денег.
Чтобы добраться до этих инструментов, найдите в меню Insert пункт Active Elements (Активные элементы) и выберите в открывшемся меню соответствующую опцию.

Анимации PowerPoint

Анимации PowerPoint

Как известно любому пользователю Microsoft Office, с помощью PowerPoint легко и просто создаются слайд-шоу; а теперь, благодаря Frontpage, эти анимации столь же легко и просто можно вставить в Web-страницу. Файл PowerPoint вставляется в Web-страницу как элемент управления ActiveX или как встраиваемый модуль расширения (plug-in).
Чтобы просматривать анимации PowerPoint на Web-страницах, у вас должен быть установлен PowerPoint Animation Player (проигрыватель анимаций PowerPoint), который можно загрузить из раздела PowerPoint на сайте Microsoft по адресу www.microsoft.com/powerpoint/. При инсталляции проигрыватель анимаций определяет, каким браузером вы пользуетесь, и устанавливает либо версию ActiveX, либо версию plug-in, либо и ту и другую. PowerPoint Animation Player воспроизводит стандартные анимации PowerPoint с расширением РРТ. Версия для ActiveX также способна воспроизводить сжатые анимации PowerPoint, имеющие расширение PPZ. Преимущество сжатых анимаций заключается в меньших размерах файлов и, соответственно, меньшем времени загрузки. Сжатые анимации можно создавать с помощью расширения PowerPoint, которое называется PowerPoint Animation Publisher. За более детальной информацией о загрузке, установке и использовании PowerPoint Animation Player и PowerPoint Animation Publisher обращайтесь на Web-сайт Microsoft PowerPoint.
Чтобы вставить в страницу анимацию PowerPoint, выберите в меню Insert опцию Other Components и далее в открывшемся меню пункт PowerPoint Animation. Появится диалоговое окно PowerPoint Animation, приведенное на Рисунок 7.25.
В текстовом поле PowerPoint Animation File (Файл анимации PowerPoint) введите имя файла анимации, который вы хотите разместить у себя на странице, или укажите местоположение файла, нажав кнопку Browse.
В секции Insert As выберите, в каком виде эта анимация должна быть вставлена: как элемент управления ActiveX (опция ActiveX Control) либо как модуль расширения (опция Plug-In). В Редакторе Frontpage на месте анимации вы увидите графическую заставку. После того как вы установите PowerPoint Animation Player, анимацию можно будет проигрывать в режиме предварительного просмотра в браузере (Preview in Browser).

Бегущие строки

Бегущие строки

Бегущие строки (marquees) привлекают к себе взгляд, заставляя посетителей уделять вашему саиту более пристальное внимание. Однако с бегущими строками, как и со всеми другими сильнодействующими средствами, необходимо соблюдать чувство меры — избыток их может раздражать; тогда ваши посетители в лучшем случае будут их игнорировать.
Бегущие строки — это элементы HTML, позволяющие вставить в страницу движущийся текст; бегущие строки превращают статичные страницы в динамичные и живые. Чтобы поместить на страницу бегущую строку:
1. Установите курсор в то место страницы, где должна располагаться бегущая строка. Выберите в меню Insert пункт Active Elements и далее Marquee в появившемся меню. На экране появится диалоговое окно Marquee Properties (Свойства бегущей строки), показанное на Рисунок 7.23.

Чтобы отредактировать данные в

Чтобы отредактировать данные в браузере, выберите его в списке и нажмите кнопку Edit (Редактировать), а чтобы их удалить, нажмите кнопку delete (Удалить). Для браузеров, которые Frontpage внес в этот список автоматически, функции редактирования и удаления не доступны.

Чтобы отредактировать данные в

Чтобы отредактировать данные в браузере, выберите его в списке и нажмите кнопку Edit (Редактировать), а чтобы их удалить, нажмите кнопку Delete (Удалить). Для браузеров, которые Frontpage внес в этот список автоматически, функции редактирования и удаления не доступны.

Цвет

Цвет

Удачное цветовое оформление текста может привлечь внимание, но подчеркиваем — удачное. Когда слишком много цветов, текст становится перегруженным и неудобочитаемым. Наиболее подходящий способ использования цвета — выделить цветом первые слова важных абзацев. Такое оформление текста поможет структурировать страницу, ведь посетители всегда обращают внимание на что-то необычное, но такой прием эффективен только в том случае, если им не злоупотреблять.

Диалоговое окно Background Sound

Рисунок 7.19. Диалоговое окно Background Sound

Можно выбрать звук в текущем сайте, можно с помощью браузера найти нужный файл в Internet, а можно указать файл, находящийся на локальном диске вашего компьютера. Завершив выбор файла, нажмите кнопку ОК, чтобы вернуться в диалоговое окно Page Properties.
3. В строке Loop диалогового окна Page Properties задайте количество повторений звука. Если вы хотите, чтобы звук воспроизводился циклически, установите флажок Forever (Всегда).
4. Выйдите из диалогового окна Page Properties, нажав кнопку ОК.

Диалоговое окно Banner Ad Manager

Рисунок 7.22. Диалоговое окно Banner Ad Manager

Попасть в это диалоговое окно можно через меню Active Elements либо посредством двойного щелчка на существующем баннере. Можно также щелкнуть на баннере правой кнопкой мыши и выбрать из контекстного меню опцию Java Applet Properties (Свойства Java-апплета) или нажать комбинацию клавиш +. В этом окне путем установки ряда параметров настраивается вид вашего баннера в браузере:
- Width (Ширина), Height (Высота). Будьте внимательны: здесь следует ввести значения, соответствующие размерам самого большого из серии чередующихся изображений. Все остальные изображения будут располагаться на нейтральном фоне по центру. Если вы собираетесь извлечь максимум пользы из этого эффекта, то следите за тем, чтобы все изображения были примерно одинаковы по размерам
- Transition (Переход). Здесь вам предоставляется следующий выбор: Blinds Horizontal (Горизонтальный переход), Blinds Vertical (Вертикальный переход), Dissolve (Растворение), Box In (Сжатие) или Box Out (Расширение). При значении None изображения будут выводиться без переходных эффектов. Здесь же можно установить время (в секундах) демонстрации баннера до смены его следующим. Если баннер содержит текст, то это время должно быть не слишком большим, но достаточным для того, чтобы ваши посетители успели его прочитать; практика показывает, что время показа баннера не должно превышать 10 с. Если вам кажется, что этого времени не хватит для чтения вашего баннера, то, возможно, вы чрезмерно перегрузили его текстом. Представьте себе, что баннер — это рекламный щит на обочине шоссе. Когда вы ведете машину, то на прочтение его у вас есть одна-две секунды; с таким расчетом они и проектируются, и вы также старайтесь подходить к своим банне-рам с этих же позиций
- Link To (Ссылка на...). Если вы хотите, чтобы с баннером была связана гиперссылка, укажите в этом поле ее URL. Попытайтесь представить себя на месте пользователя и прикиньте, что бы вы сделали, зайдя на вашу страницу. Если ваш баннер выглядит как рекламный, то пользователь может захотеть щелкнуть на нем, и значит, надо дать ему такую возможность; а если баннер выполняет чисто декоративную функцию, он не должен вызывать такого желания. Для задания ссылки можно использовать стандартную кнопку Browse
- Images to Display (Изображения). В этом списке содержатся имена файлов изображений, которые будут чередоваться, здесь их можно добавлять и удалять. Чтобы добавить в список новое изображение, нажмите кнопку Add, а чтобы удалить из него ненужное, нажмите кнопку Remove. Изображения будут воспроизводиться сверху вниз по порядку; самое верхнее будет показано первым и т. д. Вы можете переупорядочить этот список произвольным образом, для этого выбирайте имена файлов и переставляйте их, как нужно, с помощью клавиш Move Up и Move Down (Менеджер баннеров будет менять по списку баннеры на экране до тех пор, пока пользователь не покинет страницу.)

Диалоговое окно Bookmark

Рисунок 7.7. Диалоговое окно Bookmark

3. Введите название закладки в строке Bookmark Name. Старайтесь называть ваши закладки по возможности просто и понятно, потому что позже при простановке ссылок вам понадобится ввести имя закладки или выбрать его из списка. Если документ уже содержит какие-либо закладки, то они будут отображены в данном диалоговом окне.
4. После того как вы введете имя закладки, щелкните мышью по кнопке ОК. В Редакторе вы увидите, что отмеченный текст теперь подчеркнут пунктиром — это означает, что здесь установлена закладка.
Подсказка
Вы можете перейти в диалоговое окно настройки закладок, щелкнув правой кнопкой мыши и выбрав из контекстного меню пункт Bookmark Properties (Свойства закладки). Также окно настройки можно получить, нажав комбинацию клавиш + на любой из отмеченных закладок.

Диалоговое окно Break Properties

Рисунок 7.5. Диалоговое окно Break Properties

В этом окне выберите одну из следующих опций:
- Normal line break (Обычный разрыв строки). Добавление разрыва строк без сдвига текста вне зависимости от наличия какого-либо графического изображения хоть с левой, хоть с правой стороны. Другими словами, если с левого или с правого края есть изображение, то новая строчка все равно начнется непосредственно под точкой разрыва. (Вы можете быстро вставить нормальный разрыв строки, нажав +.)
- Clear left margin (До свободного левого края). Если с левого края страницы располагается изображение, то строка после разрыва начнется ниже изображения, т. е. по чистому левому краю
- Clear right margin (До свободного правого края). Если с правого края страницы располагается изображение, то строка после разрыва начнется ниже изображения, т. е. по чистому правому краю
- Clear both margin (До свободных границ с обоих сторон). Если хотя бы с одного из краев страницы располагается изображение, то строка после разрыва начнется там, где поле страницы свободно

Диалоговое окно Bullets and Numbering

Рисунок 7.3. Диалоговое окно Bullets and Numbering

Диалоговое окно Bullets and Numbering имеет три вкладки. При помощи первой вкладки вы сможете определить вид маркера. Frontpage по умолчанию предложит вам применить маркировку, принадлежащую к той декорации, которую вы используете для данной страницы. Однако вы можете использовать и иное изображение, указав его при помощи кнопки Browse. Как вы понимаете, для того, чтобы список выглядел привлекательно, маркер должен- иметь небольшие размеры.
Две другие вкладки, Plain Bullets (Обычные маркеры) и Numbers (Нумерация), позволяют вам использовать маркеры в виде шрифтовых символов и нумерации. Вы можете оценить внешний вид списка, используя схему предварительного просмотра в левой части диалогового окна. Заданный по умолчанию стиль не предполагает никакого форматирования. Если вы хотите превратить текст в нумерованный список, то в этом вам помогут опции на вкладке Numbers. Если список начинается не с единицы и не с буквы "а", то выделите сначала один из стилей в позиции "нумерация", затем в текстовом поле Start At (Начать с..) и введите номер, с которого надо начинать нумерацию, затем нажмите кнопку ОК.

Диалоговое окно Create E-mail Hyperlink

Рисунок 7.9. Диалоговое окно Create E-mail Hyperlink

- Ссылка на новую страницу. Данная возможность позволяет создать ссылку, указывающую на еще не созданную страницу. Нажатие на кнопку Create a page and link to the new page (Создать страницу и проставить ссылку) вызывает появление диалогового окна New (Новая страница).
Из списка предлагаемых шаблонов выберите тип страницы, которую вы хотите создать. В зависимости от вашего выбора Frontpage либо немедленно создаст новую страницу, либо просто добавит задачу создания этой страницы в список задач. Для получения более полной информации по диалоговому окну New и использованию шаблонов читайте главу 4
Вы также можете использовать еще две дополнительные возможности, предоставляемые диалогом Create Hyperlink:
- Закладка. Если вы хотите, чтобы создаваемая гиперссылка указывала на закладку, установленную в целевом документе, то вам необходимо ввести название закладки в предназначенном для этого поле Bookmark
- Целевой фрейм. Чтобы указать, в каком фрейме должна отображаться страница, загружаемая в результате перехода по гиперссылке, введите название целевого фрейма в поле Target Frame
После того как сделаны все необходимые настройки для данной ссылки, нажмите кнопку ОК. Вы увидите, что выделенный участок текста окрасился цветом, установленным для ссылок текущей страницы. Чтобы проверить новую ссылку, нажмите клавишу и щелкните по ссылке кнопкой мыши.

Диалоговое окно Create Hyperlink

Рисунок 7.8. Диалоговое окно Create Hyperlink

Вы можете устанавливать ссылки на объекты нескольких различных типов:
на страницу в Проводнике Frontpage, на любой URL, используя при этом ваш Web-браузер, на любой файл, находящийся на вашем компьютере, на любой адрес e-mail. Вы можете также создать новую страницу и установить ссылку на нее. Помимо этого, вы можете указать, что целью перехода является определенная закладка или фрейм. Ниже описаны различные способы создания гиперссылок:
- Ссылки на страницы сайта, открытого в данный момент в Проводнике. Если какой-либо сайт в данный момент открыт в проводнике Frontpage, то в диалоговом окне вы увидите перечень всех страниц этого сайта, и на любую из них можно установить гиперссылку
- Ссылки на URL. Вы можете ввести точный адрес (URL) страницы в текстовом поле или же нажать на кнопку Use your Web Browser to select a page (Указать страницу с помощью браузера). По нажатию этой кнопки запускается Web-браузер, установленный на вашем компьютере. Когда вы найдете нужную страницу в Internet, адрес этой страницы будет автоматически помещен в текстовое поле URL в диалоговом окне Create Hyperlink
- Ссылки на локальные файлы. Если вы хотите установить гиперссылку на файл, находящийся на вашем компьютере, вы можете сделать это, используя кнопку Make a hyperlink to a file on your computer (Создать ссылку на файл на вашем компьютере). В появившемся диалоговом окне Select File (Выбор файла) вы можете указать нужный файл
- Ссылки на адрес e-mail. Если вы хотите создать ссылку, которая позволяла бы посетителям вашего сайта отправить письмо по какому-либо конкретному адресу, то в этом случае можно использовать кнопку Make a hyperlink that sends E-mail (Создать ссылку для отправки письма по электронной почте). Вы увидите появившееся диалоговое окно Create E-mail Hyperlink (Создание почтовой ссылки), изображенное на Рисунок 7.9. Для того чтобы такая ссылка работала, вам достаточно просто ввести адрес получателя в текстовом поле

Диалоговое окно Custom

Рисунок 7.21. Диалоговое окно Custom

- Play Sound (Проигрывать звук). В этой секции можно задать звук, который будет воспроизводиться, когда пользователь щелкнет по кнопке мышью (On click) или проведет курсор мыши над ней (On hover). Можно проигрывать звук в обоих случаях, но это не самое разумное решение. Для поиска звуковых файлов используется стандартный диалог Browse
- Custom Image (Заказное изображение). Если вам кажется, что в графическом исполнении ваша кнопка будет смотреться лучше, нажмите рядом с полем Button кнопку Browse и выберите подходящий рисунок. А если вам нужно, чтобы изображение на кнопке появлялось, когда пользователь проводит над ней мышью, то аналогичным образом укажите изображение в поле On hover. He забудьте, что в диалоговом окне Hover Button вам нужно будет ввести для выбранных здесь изображений правильные значения ширины и высоты

Диалоговое окно Find in Frontpage Web

Рисунок 7.38. Диалоговое окно Find in Frontpage Web

Введите искомое слово или слова в поле Find What; в секции Find. In (Искать в) укажите, как следует производить поиск: по всем страницам или по выделенным (чтобы отметить несколько страниц, щелкайте на их значках, держа нажатой клавишу в режиме структуры папок). При необходимости установите флажки Match Whole Word Only и Match Case; и, наконец, запустите поиск, нажав кнопку ОК. После завершения поиска Frontpage откроет диалоговое окно Find occurrences of (Поиск вхождений текста), содержащее подробную информацию о результатах поиска (Рисунок 7.39).

Диалоговое окно Find occurrences of

Рисунок 7.39. Диалоговое окно Find occurrences of

Подсказка
Для быстрого запуска поиска на панели инструментов Проводника предусмотрена кнопка Cross File Find.
Если Frontpage найдет заданный текст, то в нижней части диалогового окна вы увидите количество вхождений и число страниц, содержащих текст. Выбирая страницы из списка и нажимая кнопку Edit Page, вы можете поочередно загружать их в Редактор и исправлять ошибки. Если же вы сочтете
нужным отложить это занятие до лучших времен или если у вас есть подчиненные, которым можно его перепоручить, нажмите кнопку Add Task и внесите его в перечень задании. Завершив работу в этом диалоговом окне, нажмите кнопку Close.
Если вам нужно заменить на вашем сайте некий текст другим текстом, выберите в меню Tools команду Replace или нажмите комбинацию клавиш +. На экране возникнет диалоговое окно Replace in Frontpage Web,
приведенное на Рисунок 7.40.

Диалоговое окно Hit Counter Properties

Рисунок 7.24. Диалоговое окно Hit Counter Properties

В нем вы сможете выбрать стиль счетчика: переключатель Counter Style предоставляет пять готовых вариантов, а также возможность создания своего собственного (опция Custom Image). У счетчика визитов есть один крупный недостаток: он столь же наглядно демонстрирует, сколько народу не посетило ваш саит. Если кто-нибудь, заглянув к вам, увидит на счетчике длинный ряд нулей, он может решить, что здесь нет ничего интересного. Если вы хотите сделать вид, что ваш сайт пользуется бешеной популярностью, введите число посещений в поле Reset Counter To (Установить значение счетчика);
отнеситесь к этой маленькой невинной лжи как к ловкому рекламному трюку. Последний параметр в этом окне (Fixed number of digits) позволяет задать разрядность счетчика.

Диалоговое окно Horizontal Line Properties

Рисунок 7.6. Диалоговое окно Horizontal Line Properties

Диалоговое окно Image Properties

Рисунок 7.26. Диалоговое окно Image Properties

2. Чтобы заменить текущий видеофайл другим, нажмите кнопку Browse, найдите нужный AVI-файл и нажмите кнопку ОК.
3. Если вы хотите, чтобы ролик демонстрировался вместе с элементами управления, т. е. кнопками Play, Stop и ползунком прокрутки, установите флажок Show Controls in Browser.
4. В секции Repeat задайте количество повторений ролика (в поле Loop) и задержку между повторами в миллисекундах (в поле Loop Delay). Если файл должен проигрываться неограниченно долго, установите флажок Forever.
5. В секции Start задайте момент начала воспроизведения видеофайла. Если установить флажок On File Open (При открытии файла), воспроизведение начнется сразу при открытии страницы в браузере, а при установленном флажке On Mouse Over (По курсору мыши) проигрывание будет начинаться, когда пользователь проведет курсор мыши над кадром ролика.
6. Совершив все необходимые настройки, нажмите кнопку ОК и покиньте диалоговое окно Image Properties.

Диалоговое окно Marquee Properties

Рисунок 7.23. Диалоговое окно Marquee Properties

2. В поле Text введите текст бегущей строки.
3. В секции Direction (Направление) укажите направление движения строки — Left (Влево) или Right (Вправо). (Если на шаге 5 в секции Behavior будет выбрано положение Alternate, то задавать направление движения в этом месте не нужно.)
4. В секции Movement Speed (Скорость движения) введите значения задержки (Delay) и шага (Amount). Задержка определяет интервал в миллисекундах между последовательными перемещениями строки. Шаг задает расстояние в пикселах между последовательными положениями строки, т. е. скорость движения строки можно повысить, увеличивая это число. Манипулируя двумя этими значениями, можно заставить "бегать" вашу строку с любой скоростью.
5. В секции Behavior (Поведение) выберите одну из следующих опций:
• Scroll (Прокрутка). В этом случае строка движется по экрану в направлении, указанном в секции Direction. Текст появляется из-за границы области, отведенной бегущей строке, и исчезает за противоположным краем
• Slide (Сдвиг). Этот вариант отличается от предыдущего тем, что строка, достигнув противоположного края, останавливается, и текст остается на экране
• Alternate (Попеременно). При этом значении параметра Behavior текст бегущей строки движется попеременно то в одну, то в другую сторону, никогда не исчезая с экрана
6. В секции Align with Text (Расположение текста) укажите, как текст должен располагаться в пространстве, отведенном бегущей строке; размеры этой области задаются в секции Size. Текст можно прижать к верхней границе поля строки (Ton), к нижней границе (Bottom) или разместить посередине (Middle).
7. В секции Size устанавливается размер прямоугольной области, отведенной бегущей строке. Чтобы задать ширину, установите флажок Specify SVidth. Если вы задаете ширину в пикселах, то введите нужное значение и выберете переключатель In Pixels; если ширина должна быть задана в процентах от ширины экрана, то введите ее значение и выберите переключатель In Percent.
Чтобы задать размер области бегущей строки по вертикали, установите флажок Specify Height. Чтобы задать высоту в пикселах, введите число и выберите In Pixels либо, соответственно. In Percent, чтобы задать высоту строки в процентах от высоты окна браузера.

Диалоговое окно Navigation Bar Properties

Рисунок 7.13. Диалоговое окно Navigation Bar Properties

Это диалоговое окно состоит из двух частей:
- Hyperlinks to Include (Гиперссылки, подлежащие включению в панель навигации). Здесь вы можете указать, какие именно страницы следует включать в панель. При выборе какой-либо опции внесенные вами изменения отображаются на схеме в левой части диалогового окна. Как правило, панель навигации является единственным средством перемещения по сайту, и в этом случае целесообразно постоянно держать в панели навигации ссылку на домашнюю страницу. Для того чтобы предоставить вам возможность автоматически включать в панель такую ссылку, в диалоговом окне Navigation Bar Properties предусмотрен флажок Home Page. А также, установив флажок Parent Page (Родительская страница), вы можете включить в панель ссылку на родительскую относительно текущего уровня страницу
- Orientation and Appearance (Ориентация и вид). Вы можете располагать навигационную панель на странице в горизонтальном или вертикальном положении, используя переключатели Horizontal или Vertical соответственно. В том случае, если в вашем сайте не используется никакая декорация или вы просто предпочитаете, чтобы ваши ссылки располагались в навигационной панели в текстовом виде, активизируйте переключатель Text

Диалоговое окно Page Borders

Рисунок 7.16. Диалоговое окно Page Borders

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

Диалоговое окно Page Properties, вкладка Background

Рисунок 7.28. Диалоговое окно Page Properties, вкладка Background

В секции Specify Background and Colors вашему вниманию предлагаются следующие опции:
- Background Image (Фоновый рисунок). Установив этот флажок, вы можете выбрать изображение, которым будет заполнен фон вашей страницы. Браузеры автоматически размножают этот рисунок, выкладывая им, как плиткой, задний план страницы (во всяком случае, большинство браузеров). Вы, наверное, не раз встречались в Internet с примерами использования фоновых рисунков; при умелом использовании они существенно улучшают вид страниц, не ухудшая при этом восприятие текста и остальных изображений на странице.
Совет
Для редактирования параметров существующего фонового рисунка откройте диалоговое окно paqe properties и нажмите кнопку Properties в секции Specify Background and Colors. На экране появится диалоговое окно Image Properties; подробнее о работе с этим окном рассказано в главе 8.

Диалоговое окно Page Properties, вкладка General

Рисунок 7.27. Диалоговое окно Page Properties, вкладка General

В текстовом поле Title можно ввести или отредактировать название страницы; поле Base Location предназначено для задания необязательного базового URL страницы. Чтобы установить для ссылок этой страницы целевой фрейм по умолчанию, введите его имя в текстовом поле Default Target Frame или нажмите кнопку Target Frame. Откроется диалоговое окно Target Frame.
О работе с фреймами подробно было рассказано в главе 6. В секции Background Sound (Фоновый звук) можно изменить свойства фонового звука; детали этой процедуры были описаны выше в разделе "Звуки".
На вкладке Background (Фон), вид которой приведен на Рисунок 7.28, задаются параметры фона и цвета различных ссылок.

Диалоговое окно Page Properties

Рисунок 7.18. Диалоговое окно Page Properties

2. На вкладке General (Общие) в секции Background Sound (Фоновый звук) укажите путь к нужному звуковому файлу. Можно не вводить путь к файлу вручную, а выбрать файл, нажав кнопку Browse; появится диалоговое окно Background Sound, показанное на Рисунок 7.19.

Диалоговое окно PowerPoint Animation

Рисунок 7.25. Диалоговое окно PowerPoint Animation

Диалоговое окно Preview in Browser

Рисунок 7.32. Диалоговое окно Preview in Browser

В секции Browser выберите доступный браузер. В этот список, манипулируя кнопкой Add, можно добавлять новые браузеры. При этом открывается диалоговое окно Add Browser (Добавить браузер), в котором следует указать имя браузера, а также имя и путь к исполняемому (ЕХЕ) файлу. Чтобы найти исполняемый файл нового браузера, можно воспользоваться кнопкой Browse.
Пункты списка в диалоговом окне Preview in Browser можно также редактировать и удалять.

Диалоговое окно Replace in Frontpage Web

Рисунок 7.40. Диалоговое окно Replace in Frontpage Web

Работа в этом окне ничем не отличается от процедуры, описанной в разделе "Поиск и замена слов на текущей странице". После завершения работы этой команды результаты будут выведены в диалоговом окне. Это окно аналогично окну, открывающемуся после завершения поиска, и используется почти таким же образом. Единственное отличие вы обнаружите, нажав кнопку Edit Page: при поиске Frontpage открывает страницу в Редакторе и выделяет найденный текст, предоставляя возможность заменить его при необходимости вручную; по команде Replace Frontpage предлагает заменить найденные вхождения (пооди-ночке или все сразу) текстом, введенным в поле Replace With окна Replace in Frontpage Web. При желании вы также сможете ввести другой текст замены.

Диалоговое окно Replace

Рисунок 7.37. Диалоговое окно Replace

Текст, который следует заменить, наберите в поле Find What (Образец), а текст замены введите в поле Replace With (Заменить на). Для поиска только полных слов или поиска с учетом регистра установите соответствующий флажок. Чтобы заменить все вхождения текста на странице, нажмите кнопку Replace All (Заменить все). Чтобы найти первое вхождение текста, запустите поиск нажатием кнопки Find Next (Найти далее); когда Редактор найдет искомый текст, он выделит его на странице. Чтобы заменить найденный текст, нажмите кнопку Replace, а чтобы пройти мимо, оставив его в неприкосновенности, нажмите кнопку Find Next.

Диалоговое окно Shared Borders

Рисунок 7.15. Диалоговое окно Shared Borders

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

Диалоговое окно Spelling

Рисунок 7.34. Диалоговое окно Spelling

Это диалоговое окно предоставляет следующие возможности:
- Not in Dictionary (Нет в словаре). В этом поле отображается слово, которого нет ни в словаре Office, ни в пользовательском словаре
- Ignore (Пропустить). Нажмите эту кнопку, чтобы пропустить текущее неопознанное слово и продолжить поиск следующего
- Ignore All (Пропустить все). Нажмите эту кнопку, чтобы пропустить все вхождения текущего слова и продолжить поиск
- Change (Заменить). Нажмите эту кнопку, чтобы заменить неопознанное слово в поле Not In Dictionary словом, указанным в поле Change To
- Change All (Заменить все). Нажмите эту кнопку, чтобы заменить все вхождения текущего слова на странице содержимым поля Change To
- Add (Добавить). Нажмите эту кнопку, чтобы добавить слово из поля Not In Dictionary в том виде, как оно есть, в пользовательский словарь

Диалоговое окно Symbol

Рисунок 7.2. Диалоговое окно Symbol

3. Выберите символ и щелкните на кнопке Insert. Frontpage вставит символ на страницу, но не закроет диалоговое окно, чтобы, повторяя эту процедуру, вы смогли вставить нужное количество символов.
4. Для завершения работы нажмите Close (Закрыть).

Диалоговое окно Thesaurus

Рисунок 7.41. Диалоговое окно Thesaurus

- В поле Looked Up (Синонимы для) отображается заданное вами слово
- В списке Meanings (Значения) перечислены значения интересующего вас слова. Если вы выберете в нем определенное значение, в окне Replace With Synonym (Замена синонимом) появится список синонимов
- Чтобы заменить слово на странице синонимом из списка, щелкните в списке на подходящем слове; чтобы немедленно заменить слово в Редакторе, нажмите кнопку Replace (Заменить), после чего окно тезауруса закроется и вы вернетесь в Редактор. При желании вы можете вместо замены продолжить поиск синонимов дальше, отталкиваясь уже от наиденного, для этого следует снова нажать кнопку Look Up
- Если вы не нашли в тезаурусе подходящей замены вашему слову, нажмите Cancel
- Если кнопка Previous (Возврат) доступна, то нажатие на нее восстановит предыдущее слово

Диалоювое окно Hover Button

Рисунок 7.20. Диалоювое окно Hover Button

В окне Hover Button находится ряд стандартных опций, а также несколько более экзотических, обеспечивающих любопытные дополнительные возможности, такие, как проигрывание звукового файла или использование изображения в качестве кнопки. В число стандартных опций входят следующие
- Button Text (Текст на кнопке) Большинство кнопок на Web-страницах снабжены текстом, поясняющим, чего следует ожидать при нажатии на них. Текст, который вы хотели бы разместить на кнопке, введите в текстовом поле Button Text
- Link to (Ссылка). Если с кнопкой должна быть связана гиперссылка, введите ее URL в этом текстовом поле или задайте URL, нажав кнопку Browse. Имейте в виду, что в большинстве своем ваши посетители склонны предполагать, что с кнопкой связана с гиперссылка, так что постарайтесь не обманывать их ожиданий
- Button color (Цвет кнопки). Этот раскрывающийся список служит для задания цвета кнопки. Если для кнопки вы выберете изображение (опция Custom), то задавать здесь цвет ни к чему
- Effect (Эффект), Effect color (Цвет эффекта). В списке Effect вы можете выбрать один из множества визуальных эффектов. Цвет кнопки выбирается в раскрывающемся списке Effect Color. Здесь есть ряд интересных вариантов, так что поэкспериментируйте и выберите тот, который лучше всего подходит
- Width (Ширина), Height (Высота). Здесь следует ввести значения соответственно ширины и высоты (в пикселах) вашей кнопки. Если в качестве кнопки вы используете изображение, то в этих полях следует проставить его размеры
Чтобы добраться до специальных опций подвижной кнопки, нажмите в нижней части диалогового окна Hover Button кнопку Custom; при этом откроется диалоговое окно Custom, показанное на Рисунок 7.21
(Это окно разделено на две части, в каждой из которых имеют место всего по два параметра.)

Форматирование абзацев

Форматирование абзацев

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

Форматирование горизонтальных линий

Форматирование горизонтальных линий

Чтобы изменить ужу созданную линию, нажмите правую кнопку мыши и выберите пункт Horizontal Line Properties из контекстного меню. Появится диалоговое окно Horizontal Line Properties, которое показано на Рисунок 7.6.

Форматирование разрыва строки

Форматирование разрыва строки

Чтобы изменить метод разрыва строки, установите курсор там, где должен произойти переход на следующую строку, и выберите из всплывающего меню пункт Line Break (Разрыв строки). Появится диалоговое окно, где вы сможете изменить тип разрыва строк.

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

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

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

Групповая проверка страниц сайта

Групповая проверка страниц сайта

Чтобы проверить орфографию во всех HTML-файлах сайта, необходимо открыть сайт в Проводнике. Выберите в меню Tools Проводника команду Cross File Spelling (Групповая проверка орфографии) или нажмите клавишу . В диалоговом окне Spelling (Рисунок 7.35) укажите, следует ли проверять орфографию во всех HTML-страницах сайта (All pages) или только в отмеченных (Selected pages). (Чтобы отметить несколько страниц, перейдите в Проводнике в режим просмотра структуры папок (Folders view), нажмите клавишу и, не отпуская ее, щелкайте кнопкой мыши на значках нужных файлов.) После этого нажмите кнопку Start.

Использование декораций

Использование декораций

Как уже отмечалось ранее, декорации представляют собой простой способ придать вашим Web-страницам вполне профессиональный вид, причем для этого вам вовсе не обязательно становиться профессионалом в графическом дизайне. Вы уже знаете, как применить декорацию ко всему сайту, а здесь мы обсудим, как применить декорацию к отдельно взятой странице. Допустим, что находясь в Проводнике, вы выбрали понравившуюся вам декорацию, которая использует в качестве подложки какое-нибудь специфическое изображение. Но, открывая страницы в Редакторе, вы вдруг обнаружили, что на какой-то одной конкретной странице такое изображение будет контрастировать с остальным содержимым. В этом случае вы сможете заменить подложку, не нарушая остальных элементов декорации.
Итак, выберите в меню Format пункт Theme (Декорация), чтобы открыть окно Choose Theme (Выбор декорации). Данное окно действует точно так же, как и одноименное окно в Проводнике. Окно предоставляет возможность выбрать подходящую декорацию из числа используемых для данного сайта или создать новую. Помните о том, что любые изменения вносимые вами, затронут только ту страницу, которая в данный момент открыта в Редакторе.

Изменение цвета текста

Изменение цвета текста

Для оформления текста вы можете использовать набор из 48 стандартных цветов, предлагаемый Frontpage, или комбинировать цвета по собственному вкусу. Для изменения цвета выделите нужный участок текста и нажмите кнопку Text Color (Цвет текста) на панели инструментов.
В появившемся диалоговом окне Color (Цвет) выберите цвет из стандартного набора, нажмите кнопку ОК. Если вы хотите использовать дополнительные цвета, нажмите кнопку Define Custom Colors (Определить цвет), определите ваш цвет и затем щелкните мышью на кнопке Add To Custom Colors (Добавить в набор). Создавая комбинированный цвет, помните, что для коррекции цвета можно использовать указатель (ползунок) с правой стороны окна. Советуем при создании сайта придерживаться "безопасной" 216-цветной палитры. Для дополнительной информации о цветовой палитре читайте главу 8.

Изменение начертания

Изменение начертания

Вы можете легко изменить начертание шрифта (на полужирный, курсив или подчеркнутый), нажав всего одну кнопку на панели инструментов. Эти кнопки специально вынесены на панель инструментов Format. Для этого выделите текст, который вы хотите изменить, а затем нажмите на одну из этих кнопок.

Изменение параметров бегущей строки

Изменение параметров бегущей строки

Чтобы изменить параметры бегущей строки, щелкните на ней правой кнопкой мыши и выберите в контекстном меню пункг Marquee Properties, либо дважды щелкните левой кнопкой; при этом откроется уже знакомое вам диалоговое окно Marquee Properties. Сделайте необходимые исправления и нажмите кнопку ОК

Изменение размера шрифта

Изменение размера шрифта

Есть два способа изменения размера символов вашего текста:
- Выделите участок текста, который вы хотите изменить. Это может быть одно слово, строчка, абзац или целая страница (чтобы выделить страницу целиком, нажмите +), затем щелкните на кнопке увеличения (Increase Text Size) или уменьшения (Decrease Text Size) размера шрифта на панели инструментов
- Выделив участок текста, вы можете использовать команду Font (Шрифт) в меню Format (Формат)

Изменение стиля абзаца

Изменение стиля абзаца

Предположим, что вы хотите сменить стиль абзаца с Normal на Heading 3 (Заголовок 3). Есть несколько способов это сделать. Сначала отметьте абзац, стиль которого вы хотите изменить, или просто установите курсор где-нибудь в его пределах. Затем выберите один из трех способов:
- В раскрывающемся меню Change Style (Изменить стиль) выберите стиль нового абзаца
- Выберите пункт Paragraph (Абзац) в меню Format (Формат). Выберите новый стиль в диалоговом окне Paragraph Properties (Свойства абзаца) и нажмите кнопку ОК
- Щелкните правой кнопкой мыши в пределах абзаца и выберите пункт Paragraph Properties из контекстного меню, затем выберите стиль и щелкните по кнопке ОК

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

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

Вы, конечно, имеете возможности для изменения стиля отдельного элемента списка, поэтому пункты списка могут быть оформлены весьма разнообразно. Хотя хорошим тоном считается оформление списков в одном стиле, но если вам все же захочется поменять стиль дляп выделения отдельного пункта списка, то вы можете последовательно выполнить следующие шаги:
установите курсор мыши где-нибудь в пределах пункта списка и нажмите правую кнопку, а затем выберите опцию List Item Properties (Свойства пункта списка) в контекстном меню. Вы увидите диалоговое окно, отображающее стиль отмеченного пункта списка; выберите другой стиль и щелкните по кнопке ОК для выхода из диалогового окна.

Изменение стиля всего списка

Изменение стиля всего списка

Для изменения стиля списка установите курсор в пределах списка и нажмите правую клавишу мыши. Затем выберите позицию List Properties (Свойства списка) в контекстном меню. Вы увидите диалоговое окно List Properties, очень похожее на диалоговое окно Bullets and Numbering, за исключением того, что в нем присутствует дополнительная вкладка Other (Прочее). В ней вы можете выбрать такие возможности, как маркировка списка при помощи графических изображений, список-меню, список-указатель (Рисунок 7.4). Выбрав стиль, нажмите кнопку ОК, и Frontpage сразу же применит указанный стиль к списку.

Как вставить горизонтальную линию

Как вставить горизонтальную линию

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

Как выделить гиперссылку

Как выделить гиперссылку

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

Карта навигации в Проводнике;

Рисунок 7.10. Карта навигации в Проводнике; структура включает домашнюю страницу и страницу с формами обратной связи, расположенными на одном иерархическом уровне

Код HTML

Код HTML

Работая с Frontpage, вы вполне можете ощутить себя "в зоне, свободной от HTML", и при желании останетесь в ней сколько угодно, ни разу и не столкнувшись с этим пугалом. Но если вы энтузиаст HTML, то и тогда ваши права не будут ущемлены: вы можете просматривать и редактировать исходный код HTML прямо в том же самом Редакторе. Чтобы увидеть код HTML любой открытой в Редакторе страницы, перейдите на вкладку HTML, расположенную в нижней части окна Редактора. На Рисунок 7.30 показан вид страницы ь режиме просмотра кода HTML (HTML view).
Код, который вы видите на этой вкладке, можно редактировать с применением тех же самых комбинаций клавиш, которые вы использовали при форматировании страницы в режиме Normal, например, для копирования, вырезания и вставки. Код здесь представлен в цвете: текст страницы и различные элементы HTML, такие, как теги и атрибуты, выделены разными цветами. Такое представление упрощает чтение и редактирование кода.
Этот режим просмотра предоставляет в ваше распоряжение полноценный HTML-редактор, поэтому будьте аккуратны. Если вы введете что-либо по ошибке, пользуйтесь командами Undo/Redo (Отменить ввод/Повторить ввод). Frontpage со своей стороны всеми силами будет стараться вам помочь. Если, например, вы начнете набирать текст, не поставив никаких те-гов. Frontpage будет считать, что вы начинаете новый абзац и самостоятельно вставит теги <Р> и . При наборе таблицы он будет по мере необходимости расставлять теги и . Frontpage окажет вам помощь и во многих других несложных случаях, но он не способен избавить вас от необходимости самому изучить HTML.

Команды Show Explorer и Show Image Editor

Команды Show Explorer и Show Image Editor

Если Проводник открыт, его можно вывести на передний план командой Show Frontpage Explorer (Показать Проводник Frontpage) из меню Tools или нажатием на панели инструментов кнопки Show Frontpage Explorer. Если Проводник в этот момент еще не открыт, то по этой команде он будет запущен.
Если вы сконфигурировали в Проводнике графический редактор, то его можно запустить командой Show Image Editor (Показать графический редактор) из меню Tools. Например, в качестве графического редактора вы можете установить Microsoft Image Composer с дистрибутивного компакт-диска Frontpage.

Менеджер баннеров

Менеджер баннеров

Одним из наиболее популярных на сегодняшний день способов зарабатыва-ния денег на Internet является продажа рекламного места на страницах. Вы постоянно натыкаетесь на рекламные баннеры, не так ли? Вероятно, кое-где вы замечали, что когда вы задерживаетесь на странице на более или менее длительное время, то баннеры на одном и том же месте сменяют друг друга? Если вы хотите, чтобы ваша страница выглядела не хуже других, то при помощи Менеджера баннеров (Banner Ad Manager) вы сможете организовать на своем сайте чередующиеся баннеры.
Разумеется, ваши возможности не ограничиваются одними баннерами. Вы можете чередовать любые изображения и даже обеспечивать плавные переходы между ними; например, вы сможете создать свое собственное маленькое слайд-шоу.

Миниатюры для предварительного просмотра

Миниатюры для предварительного просмотра

Как вы уже знаете, присутствие на странице графических изображений большого размера обычно не слишком радует посетителей ваших страниц. Используя команду Auto Thumbnails (Генерация миниатюр), вы можете заставить Frontpage автоматически создать уменьшенную копию какого-либо изображения и поместить ее на страницу, причем с этой копии будет проставлена гиперссылка, по которой можно достичь оригинала. Таким образом, когда посетитель заходит на вашу страницу, он видит уменьшенные копии изображений, которые значительно быстрее передаются по каналу связи, и решает, какие из этих картинок он хочет увидеть в оригинале.
Чтобы создать миниатюру для предварительного просмотра, выделите ту картинку, уменьшенный вариант которой вы хотите сделать, и выберите пункт Auto Thumbnails из меню Tools (Инструменты) или нажмите комбинацию клавиш +. Frontpage автоматически создаст уменьшенную копию этого изображения и поместит ее на странице, причем с него уже будет проставлена гиперссылка на оригинал. Конкретные настройки для уменьшенного изображения можно задать в диалоговом окне Options. Как только вы дадите указание создать миниатюру, уменьшенное изображение будет создано в памяти компьютера, и в тот момент, когда вы решите сохранить страницу, вам будет предложено сохранить также и миниатюру.

Модификация навигационной панели

Модификация навигационной панели

Вам может нравиться вид панели навигации, но может случиться и так, что вы захотите его видоизменить.
Текстовые ярлыки в панели навигации создаются на основе имен соответствующих страниц. Поэтому, если вас не устраивают надписи в панели, вам придется изменить названия соответствующих страниц.
Если навигационная панель создана автоматически при помощи мастера и вы захотите изменить ее расположение на странице, откройте эту страницу в Редакторе и вызовите диалоговое окно Navigation Bar Properties, в котором вы сможете задать подходящие настройки.
Если вас не вполне устраивают цвета, типы кнопок или шрифты, использованные в панели навигации, то в этом случае вы должны выбрать другую декорацию. Если вы смените декорацию, находясь в Редакторе, то изменения затронут только текущую страницу. При желании вы сможете изменить декорацию сайта в целом; для этого выберите другую декорацию в списке декораций Проводника.

Начертание символов

Начертание символов

Варьируя начертание шрифта, вы сможете выделять наиболее важные слова, фразы или даже целые абзацы из остального текста. Используя этот прием, старайтесь быть объективными, принимайте во внимание будущую аудиторию вашей страницы. Например, позаботьтесь о тех посетителях вашего сайта, у которых плохое зрение. Может быть, кому-то будет неприятно читать абзац, целиком набранный курсивом.

Навигационная панель; страница с формой обратной связи

Рисунок 7.12. Навигационная панель; страница с формой обратной связи

Конечно, вы можете создать более оригинальную панель навигации, чем та, что показана на рисунке. Если при создании сайта вы использовали какую-либо декорацию, то Frontpage автоматически подберет для навигационной панели подходящие по стилю кнопки.
Поместив панель навигации на свою страницу, вы впоследствии всегда сможете изменить ее настройки, используя диалоговое окно Navigation Bar Properties. К сожалению, вы сможете изменить только внешний вид навигационной панели, но не саму структуру, отображаемую в ней. Все структурные изменения необходимо делать непосредственно в Проводнике. За более детальной информацией по использованию карты навигации Проводника Frontpage обратитесь к главе 3.
Итак, вы можете создать или видоизменить навигационную панель на вашей странице несколькими способами:
- Выбрав в Редакторе пункт Navigation Ваг в меню Insert
- В том случае, если навигационная панель на вашей странице уже существует и требуется изменить ее настройки, вам достаточно просто щелкнуть правой кнопкой мыши на панели и выбрать из всплывающего меню пункт Frontpage Component Properties (Свойства компонента Frontpage)
- Двойным щелчком мыши на навигационной панели - Выделив панель и нажав комбинацию клавиш +
Показанное на Рисунок 7.13 диалоговое окно Navigation Bar Properties предложит вам на выбор различные опции настройки внешнего вида вашей панели навигации.

Назначение задания

Назначение задания

Если вам понадобилось добавить новое задание в Перечень заданий Проводника, воспользуйтесь командой Add Task меню Edit. Эта опция недоступна, если вы работаете в режиме предварительного просмотра (на вкладке Preview). Разумеется, при выполнении этой операции сайт должен быть открыт в Проводнике.

Них, начать работу заново с последней

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

Новый абзац

Новый абзац

Начнем с самого простейшего. Для создания нового абзаца нажмите клавишу . Появится новая строчка. По умолчанию новый абзац будет использовать стиль Normal (Обычный). Для установки иного стиля абзаца сделайте следующее:
1. Установите курсор там, где вы хотите начать следующий абзац. Если курсор находится в конце строки, то нажмите один раз. Если же курсор находится где-то в середине абзаца, то нажмите дважды и один раз на клавишу <Т>.
2. Выберите новый стиль в раскрывающемся списке Change Style (Изменить стиль).
Если вы вставите новый абзац в уже существующий, то Редактор разобьет исходный абзац на две части и вставит новый между ними, сохранив стили для обеих частей. Например, вставив абзац стиля Formatted (Форматированный) в текст со стилем Normal, вы получите текст, начало которого отформатировано стилем Normal, дальше идет абзац Formatted и оставшаяся часть текста опять использует стиль Normal.

Обновление страницы

Обновление страницы

Чтобы "освежить" активную страницу в Редакторе путем загрузки ее последней сохраненной версии, нажмите на панели инструментов кнопку Refresh (Обновить) или выберите команду Refresh в меню View. Если после последней записи были внесены изменения, то появится диалоговое окно с вопросом, следует ли эти изменения сохранять; выберите Yes или No, после чего страница будет обновлена. Команда Refresh удобна в тех случаях, когда вы еще не успели записать последние изменения и хотели бы, отказавшись от

Общие поля страниц

Общие поля страниц

Предположим, что вы хотите разместить логотип вашей компании внизу каждой из страниц создаваемого вами сайта. Вы, наверное, думаете, что придется вручную помещать изображение на каждую страницу или прибегать к использованию фреймов, но это не так. Для этого имеется другой, более легкий способ. Вы можете указать, что внизу каждой страницы вашего сайта должен располагаться участок, который на самом деле принадлежит какой-либо иной странице HTML. Таким образом, вы можете, поместив логотип на такой странице, получить его изображение на всех документах вашего сайта.
Чтобы применить такой совместно используемый фрагмент ко всему сайту, вам необходимо в Проводнике выбрать в меню Tools пункт Shared Borders (Общие поля). Если вы хотите установить общие поля на отдельно взятой странице, то вам следует совершить те же самые действия в Редакторе.
Если вы решите установить общие поля на всех страницах сайта, то вы увидите диалоговое окно Shared Borders, показанное на Рисунок 7.15.

Обычный вид

Обычный вид

Для большинства людей HTML является чем-то запредельным и пугающим. В общем-то, это и является одной из главных причин того, что вы используете Frontpage, не правда ли? Отлично; те из вас, кто про HTML и слышать ничего не хочет, прекрасно обойдутся и без него благодаря режиму Редактора Normal view (Обычный вид), представленному на Рисунок 7.29.
Это режим визуального форматирования страниц, в основном именно с ним мы имеем дело на протяжении этой книги, и для тех, кто не собирается возиться с кодами HTML, это основной рабочий режим.

Оформление списков

Оформление списков

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

Окно Navigation Bar Properties

Рисунок 7.11. Окно Navigation Bar Properties

3. Нажмите кнопку ОК и рассмотрите созданную навигационную панель. Она должна выглядеть так, как изображено на Рисунок 7.12. Ссылки, расположенные вверху страницы, представляют собой навигационную панель, автоматически сгенерированную по созданной в Проводнике структуре.

Отделочные работы

Отделочные работы

Как только вы получите конкретные материалы, которые придется размещать на страницах вашего сайта, вы сразу же почувствуете, что вам придется серьезно потрудиться. Ведь для того, чтобы страницы приобрели "товарный вид", текст, размещенный на них, не должен быть однообразным и скучным (например, абзацы "по ниточке", шрифт одинакового размера и цвета и т. д.). Все эти параметры оформления страницы вы сможете легко видоизменить при помощи Редактора Frontpage.
Путешествуя по просторам Internet, вы наверняка заметили, что на многих страницах текст набран простым черным шрифтом и образует одинаковые утомительные абзацы. И хотя сейчас наблюдается явная тенденция к улучшению внешнего вида сайтов, мы все еще далеки от того времени, когда все страницы во Всемирной Паутине будут радовать глаз. Однако при помощи Frontpage вы сможете наконец оформить свои документы так, чтобы они действительно выделялись на общем фоне. Вы сможете привлечь внимание публики только в том случае, если ваши страницы будут выглядеть ярко и живо.
С интеграцией Frontpage и Microsoft Office у вас появляется намного больше свободы в оформлении Web-страниц, чем было в предыдущих версиях Frontpage. Многие функции форматирования представлены на панели инструментов форматирования (Format toolbar), которую можно показывать и убирать при помощи опций меню View.

Отступ

Отступ

Чтобы у абзацев был одинаковый отступ, выравнивайте их в Редакторе. Для выравнивания абзаца установите курсор где-нибудь в его пределах и нажмите кнопку Increase Indent (Увеличить отступ) на панели инструментов. Чтобы уменьшить отступ, используйте кнопку Decrease Indent (Уменьшить отступ).

Панели навигации

Панели навигации

Возможно, вы недоумеваете, почему построение карты навигации в Проводнике занимает так много времени. Это происходит потому, что помимо построения собственно карты навигации в Проводнике еще создаются панели навигации в Редакторе. Эти панели являются по сути графическим представлением структуры вашего сайта. Они размещаются на странице и в браузере выглядят как навигационные кнопки или текстовые гиперссылки. Такие навигационные панели могут быть созданы двумя различными способами: при разработке структуры в Проводнике или при создании сайта с помощью одного из мастеров. В последнем случае панели навигации строятся на основе тех указаний, которые вы дадите Frontpage в процессе работы мастера. Если вы создаете структуру в Проводнике, то вид панели будет соответствовать расположению страниц в этой структуре.
Структуру в карте навигации Проводника можно использовать для автоматического создания навигационных панелей в Редакторе. Например, если вы хотите сделать такую навигационную структуру, в которой присутствовала бы домашняя страница и страница одного с ней уровня с формой обратной связи, то процесс создания будет иметь примерно такой вид:
1. Создайте в Проводнике карту навигации, как показано на Рисунок 7.10.
2. Определите, как будет выглядеть панель навигации, используя диалоговое окно Navigation Bar Properties (Свойства панели навигации), показанное на Рисунок 7.11. Мы указали, что панель навигации должна отображать верхний уровень (переключатель в положении Top level), причем она должна включать домашнюю страницу (отмечен флажок Home Page) и располагаться на странице горизонтально (переключатель Horizontal) в текстовом виде (переключатель Text).

Переход по ссылке

Переход по ссылке

Благодаря команде Follow Hyperiink Редактор можно использовать как ми-ни-браузер. Чтобы увидеть страницу, файл или закладку, на которую ведет ссылка, отметьте эту ссылку и выберите в меню Go команду Follow Hyperlink.
Если ссылка ведет на другую страницу. Редактор откроет ее (если она еще не открыта). Если ссылка указывает на файл, например, на документ Microsoft Excel, Редактор запустит приложение, соответствующее расширению файла и отобразит файл в его естественной среде.

Переход по ссылке

Переход по ссылке

Благодаря команде Follow Hyperiink Редактор можно использовать как ми-ни-браузер. Чтобы увидеть страницу, файл или закладку, на которую ведет ссылка, отметьте эту ссылку и выберите в меню fio команду Follow Hyperiink.
Если ссылка ведет на другую страницу, Редактор откроет ее (если она еще не открыта). Если ссылка указывает на файл, например, на документ Microsoft Excel, Редактор запустит приложение, соответствующее расширению файла и отобразит файл в его естественной среде.

Перелистывание страниц

Перелистывание страниц

Для перехода от одной открытой в Редакторе страницы к другой используйте кнопки панели инструментов Back и Forward. Список открытых страниц вы можете найти в нижней части меню Window; страницы перечислены в нем в порядке открытия. Разумеется, перейти на другую страницу можно и через это меню. Этой же цели служат команды Back и Forward меню Go.

Перетаскивание ссылок из Проводника

Перетаскивание ссылок из Проводника

Еще одна приятная особенность Frontpage: если у вас одновременно открыты Проводник и Редактор, то вы можете создать текстовую ссылку, просто перетаскивая страницы из Проводника на то место документа в Редакторе, откуда должна идти ссылка. Вот как это делается:
1. Убедитесь, что Редактор и Проводник открыты, что целевая страница ссылки, которую вы хотите создать, доступна в Проводнике, а страница, с которой вы хотите проставить ссылку, открыта в Редакторе. В Проводнике может быть установлен режим просмотра папок или схемы гиперссылок, а целевым объектом ссылки может быть не только страница, но и вообще любой доступный файл, как, например, документ Microsoft Office.
2. Щелкните мышью на значке файла, который будет являться целью ссылки, и перетащите его на страницу, открытую в Редакторе. Если на экране не хватает места, чтобы держать открытыми одновременно все нужные окна, то можно перетащить значок на кнопку Редактора в панели задач Windows и мгновение подождать (не отпуская при этом левую кнопку мыши), пока Редактор не активизируется на экране. Затем завершите операцию, перетащив значок на страницу. Курсор изменит свой вид на обозначение ярлыка Windows. Разместите его точно над тем местом на странице, где должна располагаться ссылка, и отпустите кнопку мыши. В этом месте появится название целевого файла (страницы) и с него будет автоматически проставлена ссылка. Как и в случае ручной простановки ссылок, в дальнейшем вы сможете отредактировать гиперссылку обычным способом.

Подсказка

Подсказка

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

Подсказка

Подсказка

Для быстрого запуска спеллера в Проводнике нажмите на панели инструментов кнопку Cross File Spelling.
Результаты проверки вы увидите в диалоговом окне Check Spelling. В нем будет представлена подробная информация о страницах, содержащих нераспознанные слова, а также о количестве неизвестных слов на каждой из страниц. Если вы захотите немедленно исправить ошибки, нажмите кнопку Edit Bage. Выбранная страница будет загружена в Редактор, а ошибочное слово появится в диалоговом окне Spelling для дальнейшей корректировки. Если вы решите исправить ошибки позже или доверить эту почетную миссию более грамотному коллеге, добавьте новое задание в Перечень заданий, нажав кнопку Add Task. Завершив работу в диалоговом окне Check Spelling, нажмите кнопку Close.

Подвижные кнопки

Подвижные кнопки

Вы когда-нибудь интересовались, как устроены такие симпатичные кнопочки на некоторых Web-страницах, которые можно нажимать и при этом они меняют цвет, когда вы проводите над ними курсор мыши? Конечно, чтобы самому сконструировать такую кнопку, нужно кое-что смыслить в программировании и графическом дизайне. Однако вы уже знаете, что с помощью Frontpage вы можете позволить себе такое, о чем раньше и подумать не могли; и снова Frontpage не подведет вас: воспользуйтесь опцией Hover Button (Подвижная кнопка)
Чтобы создать полноценную подвижную кнопку, реагирующую на движения мыши и снабженную собственной гиперссылкой, вам понадобится только сделать несколько несложных установок Для начала выберите в меню Insert команду Active Elements и затем Hover Button в появившемся меню В это окно можно попасть и другим путем: щелкнув правой кнопкой мыши на существующей подвижной кнопке и выбрав в контекстном меню Java Applet Properties (Свойства Java-апплета), или двойным щелчком на существующей кнопке, или выделив подвижную кнопку, нажать комбинацию клавиш +. Любое из этих действий приведет к открытию диалогового окна Hover Button, показанного на рис 7.20.

Поиск и замена слов на текущей странице

Поиск и замена слов на текущей странице

В Редакторе, в отличие от Word, отсутствует возможность открыть диалоговое окно Replace (Замена) при нахождении искомого текста по команде Find (Поиск). Если вам необходимо заменить найденный текст другим, вам придется воспользоваться командой Replace.
Команда Find служит для поиска вхождений текста в активной странице. Чтобы запустить поиск, выберите в меню Edit опцию find или нажмите комбинацию клавиш +; при этом откроется диалоговое окно Find.
Введите искомый фрагмент текста. Если вы хотите производить поиск только по целым словам, установите флажок Match Whole Word Only (Только слово целиком). Например, если ваша страница сплошь заполнена словом караул и флажок Match Whole Word Only установлен, то поиск на этой странице слога ау не принесет никаких результатов, а если он сброшен, то слог ау будет благополучно найден в каждом слове.
Если поиск должен происходить с учетом регистра букв, установите флажок Match Case (Учитывать регистр). Чтобы задать направление поиска от текущего местоположения курсора, установите в соответствующее положение (Up или Down) переключатель Direction (Направление). Найдя вхождение искомого текста, нажмите кнопку Find Next для продолжения поиска или Cancel для прекращения поиска и закрытия диалогового окна.
Чтобы заменить один фрагмент текста на другой, используйте команду Replace из меню Edit или нажмите комбинацию клавиш +; на экране появится диалоговое окно Replace, представленное на Рисунок 7.37.

Поиск и замена слов по всему сайту

Поиск и замена слов по всему сайту

В Проводнике можно осуществлять поиск и замену слов по всему сайту в целом. Для этого, как минимум, необходимо, чтобы сайт был открыт в Проводнике. Представьте себе, что единственный в вашей фирме профессиональный наборщик ушел в отпуск, а замещающий его студент-вечерник уверен, что слово что пишется с буквы ш, и вам предстоит расхлебывать последствия его двухнедельной деятельности.
Для поиска вхождении слова што на страницах своего сайта воспользуйтесь командой Find: выберите в меню Tools опцию Find или нажмите комбинацию клавиш +; перед вами появится диалоговое окно Find in Frontpage Web (Поиск в сайте Frontpage), представленное на Рисунок 7.38.

Поиск и замена

Поиск и замена

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

Поиск нужной закладки

Поиск нужной закладки

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

Поиск

Поиск

С помощью поисковой формы (Search form) вы легко можете добавить на свою страницу механизм поиска. Это средство будет обсуждаться в главе 9

Так как для каждого общего

Предупреждение

Так как для каждого общего поля создается новая страница, не рекомендуется использовать их на страницах фреймов.
Чтобы встроить в страницу общие поля, выберите те поля, которые необходимо включить и нажмите кнопку ОК. Общими можно сделать поля вверху, внизу, с левой или с правой стороны страницы. На Рисунок 7.17 представлена страница в Редакторе с общим нижним полем. Если поле пока еще пусто, Frontpage заполнит его пояснительным комментарием. Вы можете вставить любой текст или изображение на участок, который будет отображен на всех страницах вашего сайта, использующих данную возможность. Граница вокруг общего поля не будет показываться в браузере.

Предварительный просмотр

Предварительный просмотр

Будем считать, что вы работаете над своим сайтом off-line, без подключения к серверу: например, вы лежите на пляже и поблизости нет ни одного телефона, но у вас есть ноутбук. Конечно, в такой ситуации уместнее было бы заняться другими делами, но речь не об этом. Время от времени вам хочется посмотреть, как ваша страница будет выглядеть в реальности, но как вам быть, без телефона, без малейшей возможности переслать страницу на сервер? Элементарно: переключитесь в режим предварительного просмотра (Preview view); для этого надо просто перейти в Редакторе на вкладку Preview (Рисунок 7.31)

Предварительный просмотр в браузере

Предварительный просмотр в браузере

Хотите верьте, хотите нет, но достаточно много людей используют другие браузеры помимо Internet Explorer и Netscape Navigator. Если ваш сайт будет доступен по всему миру, то вам следует протестировать его на максимально возможном числе браузеров. Следовательно, вам может понадобиться установить на свой компьютер целый ряд браузеров, чтобы рассматривать свой сайт в каждом из них. Помимо этого, имеет смысл тестировать сайт на различных версиях одних и тех же браузеров.
В любой момент вы сможете оценить реальное состояние вашего сайта и вид, в котором он предстанет пред глазами толп жаждущих зрелищ посетителей. Когда вы выберете в меню File команду Preview in Browser (Предварительный просмотр в браузере). Frontpage загрузит текущую страницу в один из установленных Web-браузеров по вашему усмотрению. По этой команде откроется диалоговое окно Preview in Browser (Рисунок 7.32).

Прекращение операции

Прекращение операции

Чтобы прервать операцию в Редакторе, нажмите на панели инструментов кнопку Stop (если она доступна). Это команда может быть полезна для прекращения процедур, которые слишком долго тянутся или, возможно, вообще зависли, как, например, установление связи между Редактором и Web-сервером.

Превращение сплошного текста в список

Превращение сплошного текста в список

Предположим, что у вас есть на странице несколько строк, которые вы хотели бы превратить в список. Вы можете просто выделить все элементы текста и выбрать в меню Format позицию Bullets and Numbering (Маркеры и Нумерация). Вы увидите диалоговое окно настроек маркировки и нумерации, которое показано на Рисунок 7.3.

Неподвижный фон поддерживается не всеми

Примечание

Неподвижный фон поддерживается не всеми браузерами.
- Background (Цвет фона). Если вы не используете фоновых рисунков, то имейте в виду возможность изменения цвета фона страницы; чтобы задать цвет фона, отличный от установленного по умолчанию, выберите нужный цвет в раскрывающемся списке Background. Выбирая цвет фона, удостоверьтесь, что текст и изображения будут хорошо на нем смотреться
- Text (Цвет текста по умолчанию). Чтобы задать цвет, в который по умолчанию будет окрашен текст на вашей странице, воспользуйтесь раскрывающимся списком Text. Стандартным является черный цвет (Black), однако не бойтесь экспериментировать с любыми цветами, которые будут хорошо восприниматься на выбранном вами фоне. Явные установки цвета текста, сделанные в Редакторе при форматировании, имеют преимущество перед цветом, установленным по умолчанию
- Hyperlink (Цвет гиперссылки). В этом списке выберите цвет, которым будут выделены на странице все еще не посещенные гиперссылки
- Visited Hyperlink (Цвет посещенных гиперссылок). После перехода по гиперссылке она изменит свой цвет на заданный этим параметром; более того, все ссылки с тем же самым адресом назначения на всех страницах сайта также изменят свой цвет. Чтобы задать цвет посещенных ссылок, выберите его в раскрывающемся списке Visited Hyperlink
По умолчанию обычным цветом ссылок является синий (Blue), а для посещенных ссылок установлен фиолетовый (Purple). Иногда полезно поменять оба этих цвета, чтобы все видели, сколько внимания вы уделяете даже таким мелочам
- Active Hyperlink (Цвет активной гиперссылки). Активной гиперссылка становится при нажатии на нее; чтобы выбрать цвет, в который будут окрашены активные ссылки, воспользуйтесь списком Active Hyperlink
В разделе Get Background and Colors from Page (Взять установки фона и цвета со страницы) на вкладке Background вы можете указать, что на данной странице следует использовать такой же набор вышеперечисленных параметров (цвет фона, рисунок, цвета текста и ссылок), как на некоторой другой странице. Установите переключатель на эту опцию и выберите подходящую страницу текущего сайта, нажав кнопку Browse. Если у вас уже есть нужным образом оформленная страница, то вы сэкономите время на повторной установке тех же самых значений для текущей страницы.

и тот же пользовательский словарь

Примечание

Frontpage использует один и тот же пользовательский словарь совместно с Office, так что любые новые слова, добавленные в него при работе с приложениями Office будут доступны и во Frontpage, и наоборот.
- Suggest (Варианты). Когда эта кнопка доступна, нажав на нее, вы получите список вариантов замены сомнительного слова
- Cancel (Отмена). Если нажать эту кнопку, диалоговое окно будет закрыто и проверка орфографии прекращена. Изменения, внесенные в страницу и пользовательский словарь, будут сохранены
Спеллер Frontpage не проверяет орфографию в файлах, включенных в страницу при помощи компонента включения (Include component). Чтобы проверить такие файлы, их необходимо открывать отдельно. Подробнее о Компонентах Frontpage вы узнаете в главе 9.

Проверка орфографии на открытой странице

Проверка орфографии на открытой странице

Вот как выглядит процедура проверки орфографии на странице, открытой в Редакторе:
1. Чтобы проверить фрагмент текста, выделите его; чтобы проверить страницу целиком, ничего выделять не нужно.
2. Выберите в меню Tools команду Spelling или нажмите клавишу . Спеллер начнет проверку с самого верха страницы или с начала выделенного фрагмента. Если он не встретит ни одного незнакомого слова, будет выведено окно с информацией о том, что проверка орфографии завершена.
3. Если спеллер найдет слова, которые не сможет распознать, вы увидите диалоговое окно Spelling, показанное на Рисунок 7.34.

Проверка орфографии

Проверка орфографии

Во Frontpage встроен спеллер Microsoft Office, который обеспечивает согласованность между документами Office и Web-сайтами Frontpage. С его помощью вы имеете возможность проверять орфографию выделенного фрагмента текста, отдельных страниц или всех HTML-страниц вашего сайта.
Подсказка
Для быстрого запуска спеллера в Редакторе нажмите на панели инструментов кнопку Check Spelling.

Расширенные возможности

Расширенные возможности

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

Размер

Размер

Frontpage в соответствии с правилами языка HTML исчисляет размер шрифта в уровнях, в отличие от более привычных нам пунктов. При этом наименьшему уровню соответствует наименьший размер; например, первому уровню соответствует текст с размером кегля 8 пт, второму уровню — 10 пт. и т. д. Сначала это может показаться вам несколько запутанным, но вы быстро освоитесь. Кроме того, вы можете устанавливать произвольные размеры шрифта, а также изменять другие атрибуты шрифта и абзаца с помощью таблиц стилей. (Для получения дополнительной информации о таблицах стилей читайте раздел "Таблицы стилей" в главе 10.)

Разрыв строки

Разрыв строки

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

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

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

Чтобы изменить существующую ссылку, выделите ее и выберите в меню Edit пункт Hyperlink или Hyperlink Properties. Также вы можете щелкнуть по ссылке правой кнопкой мыши и выбрать пункт Hyperlink Properties из контекстного меню. В появившемся диалоговом окне Edit Hyperlink Properties
(Редактирование гиперссылки) вы можете изменить любой из необходимых параметров. За более полной информацией обратитесь к разделу "Создание гиперссылок" данной главы.

Режим просмотра Preview

Рисунок 7.31. Режим просмотра Preview

Наверное, вы спрашиваете себя: но если я не сохранил файл на сервере, на что же я в действительности смотрю? Все правильно, когда Frontpage редактирует файл, то на самом деле редактируется его локальная копия, расположенная на вашем компьютере. Файл записывается локально до тех пор, пока вы реально не отправите его на ваш сервер Internet. To, что вы видите в Редакторе в режиме предварительного просмотра, — это в действительности локальный файл, представленный таким образом, как если бы он находился на сервере. Поскольку на самом деле вы к серверу не подключены, то некоторые активные элементы на ваших страницах могут не работать. Вкладка Preview очень удобна для просмотра сайта при отсутствии соединения с Internet, но чтобы увидеть сайт в реальных условиях, в особенности для тестирования, его необходимо смотреть в браузере, подключенном к Internet.
Если в вашем сайте используются фреймы, то в нижней части окна Редактора вы увидите еще две дополнительные вкладки; зачем они нужны и как с ними обращаться, мы изучали в главе 6.

Режимы просмотра в Редакторе

Режимы просмотра в Редакторе

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

Счетчик визитов

Счетчик визитов

Счетчик визитов (Hit counter) позволяет оценить количество посетителей вашей страницы. Счетчик визитов — не та вещь, которую стоит вставлять в каждую страницу, и чаще всего счетчики располагаются на заглавных страницах сайтов, как правило, в нижней части. Чтобы оснастить страницу подобным счетчиком, выберите в меню Insert пункт Active Elements и далее в появившемся меню опцию Hit Counter. Откроется диалоговое окно Hit Counter Properties (Свойства счетчика визитов), показанное на Рисунок 7 24.

Шрифты

Шрифты

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

Символы

Символы

Символы, также иногда называемые спецсимволами, находятся вне основной кодовой таблицы ASCII. Вы спросите, почему? Все вы знаете, что базовая таблица ASCII — наиболее широко распространенная в мире система кодирования символов. Но она не включает в себя многие важные символы:
специфические буквы многих европейских языков, знак авторского права, знак торговой марки и др. Во Frontpage вы можете использовать многие из этих специальных символов. Вот как это сделать:
1. Установите курсор там, где вы хотите вставить символ.
2. Выберите пункт Symbol (Символ) в меню Insert (Вставка). Затем появится диалоговое окно Symbol, изображенное на Рисунок 7.2.

Смена шрифта

Смена шрифта

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

Совет

(Совет)

Вы, конечно, можете использовать в качестве линии собственный графический элемент. Выбрав в меню Insert пункты image (Изображение) или Clipart, вы можете указать изображение, которое хотите использовать. Так как эти линии фактически являются изображениями, а не стандартными линиями, предусмотренными в языке HTML, то, соответственно, и их свойства задаются по-другому; для редактирования их свойств предназначено диалоговое окно Image Properties вместо окна Horizontal Line Properties. За дополнительной информацией обращайтесь к главе 8.
В секции Width (Длина) вы можете указать длину линии в пикселах или в процентах от ширины окна в браузере. Затем в секции Height (Высота) введите толщину линии. В секции Alignment (Выключка) вы можете позиционировать линию по левому или правому краю или по центру, устанавливая переключатель соответственно в положение Left, Bight или Center. Из раскрывающегося списка Color (Цвет) вы сможете выбрать для линии подходящий цвет. Если значение цвета задано как Default (Цвет по умолчанию), то вы также сможете указать, нужно ли для данной линии использовать затенение, установив флажок Solid Line (Сплошная линия). Если флажок установлен, то линия отображается цветом, установленным по умолчанию (обычно серым), а если линия использует затенение, то цвет по умолчанию оттенен цветом подложки страницы.

Совет

(Совет)

Чтобы бегущая строка легко читалась, предоставьте ей побольше свободы: отведите ей поле достаточной высоты и расположите посередине поля (секция Align with Text, параметр Middle).
8. В секции Repeat задайте число "пробегов" строки или, если вы хотите, чтобы строка бежала постоянно, без конца, установите флажок Continuously (Непрерывно).
9. При желании задайте для бегущей строки цвет фона, выбрав его из раскрывающегося списка Background Color. Иногда фон бегущей строки, отличный от фона остальной страницы, производит благоприятное впечатление, но старайтесь не перекармливать свою аудиторию подобными изысками.
10. Произведя все необходимые установки, нажмите кнопку ОК и выйдите из диалогового окна Marquee Properties.

Команда Get Background and Colors

Совет

Команда Get Background and Colors from Page является замечательным средством для создания "стилевых страниц". Если, например, вы вносите изменения в подкладку и набор цветов стилевой страницы, то эти изменения будут отражены на всех использующих ее страницах.
Чтобы задать верхнее и/или левое поля страницы, перейдите на вкладку Margins, установите соответствующий флажок и введите в текстовом поле нужное значение (в пикселах). Если вы захотите прижать текст или изображение к самому краю окна браузера, установите значения полей равными нулю.
На вкладке Custom (Специальная информация) вы увидите список используемых на вашей странице метапеременных (meta tags), которые находятся в коде HTML страницы и содержат информацию о странице, такую как тип содержимого, набор символов, название приложения, сгенерировавшего код и т. п. Они никогда ни в каком виде не отображаются, но для тех браузеров, которые способны их распознать, они несут полезную информацию. На этой вкладке можно добавлять, удалять и редактировать системные и пользовательские метапеременные.
Последняя вкладка диалогового окна Page Properties предназначена для задания кодировки символов страниц HTML; эта операция необходима при создании Web-страниц на языках, отличных от английского.

в нем то место, которое

Совет

Если вы заблудились в коде своей страницы и не можете найти в нем то место, которое хотите отредактировать, примените маленький трюк' в обычном режиме (Normal view) установите курсор на место, подлежащее редактированию, и перейдите в режим HTML view. Вкладка HTML откроется там, где нужно, и курсор будет установлен в месте, точно соответствующем положению курсора на странице в обычном режиме.

Чтобы быстро отменить операцию, нажмите

Совет

Чтобы быстро отменить операцию, нажмите +, а чтобы быстро вернуть ее обратно, нажмите +.

Чтобы быстро отменить операцию, нажмите

Совет

Чтобы быстро отменить операцию, нажмите +, а чтобы быстро вернуть ее обратно, нажмите +.

Создание ссылки на страницу или закладку

Создание ссылки на страницу или закладку

Для того чтобы установить ссылку, вьщелите участок текста или изображение, с которого будет осуществляться переход, и нажмите комбинацию клавиш + или выберите пункт Hyperlink (Гиперссылка) из меню Edit. Вы увидите диалоговое окно Create Hyperlink (Создание гиперссылки), показанное на Рисунок 7.8.

Создание ссылок на страницы сайтов в Internet

Создание ссылок на страницы сайтов в Internet

Благодаря Frontpage вам не понадобится вручную набирать адреса страниц в Internet, если вдруг вы захотите проставить на них ссылку из своего документа. Вы сможете легко создавать подобные ссылки двумя способами:
- Расположите курсор на том месте вашей страницы, в котором вы хотите проставить ссылку, нажмите на панели инструментов кнопку Create or Edit Hyperlink и перейдите на вкладку World Wide Web
- Открыв какой-либо сайт в браузере Microsoft Internet Explorer или Netscape Navigator, просто щелкните по любой ссылке на странице и, не отпуская кнопку мыши, перетяните ее в Редактор. Frontpage автоматически создаст ссылку на эту страницу

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

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

Для того чтобы создать закладку, проделайте следующее:
1. В той точке текста, куда вы хотите "перескакивать" по гиперссылке, выделите один или несколько символов.
2. Выберите Bookmark (Закладка) из меню Edit (Редактирование). Появится диалоговое окно Bookmark (Рисунок 7.7).

Специальные стили

Специальные стили

Редактор предоставляет несколько дополнительных стилей, т. н. специальные стили. Frontpage их поддерживает, потому что страницы, которые вы открываете, могут содержать специальные стили. Когда вы создаете новый текст, старайтесь использовать стандартные стили, а не специальные. В браузере стили могут не отображаться, т. к. некоторые браузеры их не поддерживают. Если вы хотите использовать специальный стиль, выделите текст и выберите пункт Font в меню Format. Вы увидите диалоговое окно настройки шрифтов Font. Перейдите на вкладку Special Styles, которая показана на Рисунок 7.1.

Ссылки, создаваемые автоматически

Ссылки, создаваемые автоматически

Некоторые последовательности символов, которыми принято обозначать популярные протоколы Internet, автоматически распознаются Frontpage как части адресов, и на такие последовательности символов, набранные в тексте, ссылки будут проставлены без вашего участия. Например, вам достаточно набрать в тексте www.microsoft.com, и поскольку www — это стандартный префикс адресов в World Wide Web (Всемирной Паутине), Frontpage автоматически интерпретирует такую последовательность как URL и преобразует ее в ссылку вида http://www.microsoft.com. Таким же образом вы сможете создавать ссылки и для других поддерживаемых протоколов, например, ссылки для отправки электронной почты и т. д.

Ссылки

Ссылки

Ссылка (она же гиперссылка) — это соединение между двумя точками. Посетители сайта могут, щелкнув по ссылке, "перепрыгнуть" туда, куда она ведет;
место назначения ссылки представляется в виде URL (Uniform Resource Locator, Унифицированный указатель ресурса). Ссылки могут указывать на текст, изображения и другие файлы (например, на документы Microsoft Office), а также на закладки внутри документов. Чтобы узнать, как устанавливаются ссылки с изображений, смотрите главу 8, а о том, как изменять цвет ссылки в тексте, вы сможете причитать в разделе "Свойства страницы" далее в этой главе.
Если у вас есть сайт intranet с включенными в него документами Microsoft Office, то эти документы также могут быть соединены между собой при помощи ссылок. Например, вы может проставить ссылку с документа Microsoft Word на файл Excel. Когда вы щелкаете по такой ссылке, автоматически запускается программа Excel и открывает файл, на который указывает ссылка. Используя Frontpage, вы сможете очень просто связывать между собой HTML-страницы и файлы Office, создавая мощный и динамичный сайт intranet. В данной книге описывается только способ создания ссылок из Frontpage на файлы Office. Для того чтобы узнать, как связывать между собой документы Microsoft Office, обратитесь к документации на конкретное приложение, входящее в состав пакета Office.

Страница в Редакторе

Рисунок 7.17. Страница в Редакторе

Вставка фонового звука и установка его свойств производится в диалоговом окне Page Properties (Свойства страницы). Остальные опции окна Page Properties детально описаны далее в разделе "Свойства страницы".
Чтобы вставить в страницу звук:
1. Щелкните на странице правой кнопкой мыши и выберите в контекстном меню пункт Page Properties (или найдите Page Properties в меню File);
откроется показанное на Рисунок 7.18 диалоговое окно Page Properties.

Свойства страницы

Свойства страницы

Чтобы установить в Редакторе свойства страницы, выберите команду Page Properties (Свойства страницы) в меню File или в контекстном меню, появляющиеся после щелчка правой кнопкой мыши. В диалоговом окне Page Properties, помимо общей информации, типа названия страницы, устанавливаются такие параметры, как фоновый рисунок и фоновый звук, цвет фона, стандартные цвета текста и гиперссылок, поля страницы, а также некоторые переменные. Для редактирования свойств страница должна быть открыта в Редакторе (как открыть страницу или создать новую, читайте в главе 6). В этом разделе мы подробно разберем каждый из этих параметров и начнем со вкладки General (Общие), показанной на Рисунок 7.27.

Тезаурус

Тезаурус

Это еще не все; теперь мощь Редактора усилена тезаурусом Microsoft Office. Тезаурус не раз пригодится вам в мучительных поисках нужного слова, когда вы всеми силами будете пытаться избежать шестого на протяжении абзаца использования слова "использование".
Чтобы призвать тезаурус на помощь, выделите слово, к которому вы хотите подобрать синоним, и укажите в меню Tools опцию Thesaurus или нажмите комбинацию клавиш -KF7>. Вы увидите диалоговое окно Thesaurus, показанное на Рисунок 7.41, с теми же самыми функциями, как и у аналогичного окна приложений Office:

Тип шрифта

Тип шрифта

Имея в своем распоряжении широкий спектр шрифтов, вы сможете легко оформить вашу страницу именно так, как вы хотите. Однако несмотря на большое количество различных возможностей, старайтесь быть последовательным и логичным. Не используйте в пределах одного сайта чересчур много различных шрифтов и стилей, т. к. текст, от которого рябит в глазах, не хочется читать.
Помните, что шрифт, который используете вы, должен быть установлен и на компьютере пользователя. Если вы выберете шрифт, которого нет в пользовательской системе, браузер автоматически будет использовать другой шрифт, скорее всего, Times. Если вы все же хотите использовать какой-нибудь специфический шрифт, то в этом случае предпочтительней делать надписи в виде графического изображения. Image Composer— весьма подходящая программа для подобных целей.

Удаление горизонтальной линии

Удаление горизонтальной линии

Чтобы удалить линию, выделите ее и нажмите клавишу или .

Удаление панели навигации

Удаление панели навигации

Если вам надо удалить панель навигации со своей страницы, то вы можете сделать это, выделив панель и нажав клавишу или выбрав в меню Edit команду Cut. Другой способ — выделив панель и щелкнув по ней правой кнопкой мыши, выбрать пункт Cut из контекстного меню.

Удаление разрыва строк

Удаление разрыва строк

С точкой разрыва можно оперировать как с обычным символом. Чтобы удалить ее, нажмите клавишу или .

Удаление ссылки

Удаление ссылки

Чтобы удалить ссылку, выделите ее и выберите в меню Edit пункт Unlink (Отсоединить). Ссылка будет удалена, причем это никак не повлияет на тот текст или изображение, с которого она была проставлена.

Удаление закладки

Удаление закладки

Чтобы удалить закладку, выделите ее и выберите пункт Bookmark из меню Edit или просто щелкните на закладке правой кнопкой мыши и в контекстном меню укажите пункт Bookmark Properties. В появившемся диалоговом окне Bookmark нажмите кнопку Clear (Очистить). Диалоговое окно после этого закроется, а закладка будет удалена. Данная процедура никак не влияет на текст, она просто удаляет закладку.

Undo/Redo

Undo/Redo

Никто из нас не застрахован от ошибок, особенно в четвертом часу ночи накануне сдачи проекта. Спасти вашу работу может команда Undo (Отменить):
эта команда отменяет ваши последние действия, и всего можно отменить до 30 последних операций. Чтобы воспользоваться этой командой, выберите Undo в меню Edit или нажмите кнопку Undo на панели инструментов.
Чтобы отменить эффект команды Undo, т. е. вернуть последнее действие обратно, выберите в меню Edit команду fiedo (Повторить) или нажмите на панели инструментов кнопку Redo. Повторить можно также до 30 последних действий.

Undo/Redo

Undo/Redo

Никто из нас не застрахован от ошибок, особенно в четвертом часу ночи накануне сдачи проекта. Спасти вашу работу может команда Undo (Отменить):
эта команда отменяет ваши последние действия, и всего можно отменить до 30 последних операций. Чтобы воспользоваться этой командой, выберите Undo в меню Edit или нажмите кнопку Undo на панели инструментов.
Чтобы отменить эффект команды Undo, т. е. вернуть последнее действие обратно, выберите в меню Edit команду Bedo (Повторить) или нажмите на панели инструментов кнопку Redo. Повторить можно также до 30 последних действий.

Утилиты и полезные команды

Утилиты и полезные команды

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

В этом же окне можно задать размер

В этом же окне можно задать размер окна браузера, установив в нужное положение переключатель window Size (Размер окна). В этом состоит одно из колоссальных преимуществ предварительного просмотра в браузере: таким образом вы можете тестировать сайт при различных размерах окна. Если вы разрабатывали Web-страницы при разрешении 1024х768, вам непременно следует посмотреть, как они будут выглядеть, например, с нормальным разрешением VGA (640х480). Чтобы различные размеры окна устанавливались правильно, разрешение вашего монитора, разумеется, должно быть не меньше, чем выбранное значение SStadow Size. После нажатия кнопки Preview текущая страница будет загружена в указанный браузер с заданным размером окна.

В этом же окне можно задать размер

В этом же окне можно задать размер окна браузера, установив в нужное положение переключатель window Size (Размер окна). В этом состоит одно из колоссальных преимуществ предварительного просмотра в браузере: таким образом вы можете тестировать сайт при различных размерах окна. Если вы разрабатывали Web-страницы при разрешении 1024х768, вам непременно следует посмотреть, как они будут выглядеть, например, с нормальным разрешением VGA (640х480). Чтобы различные размеры окна устанавливались правильно, разрешение вашего монитора, разумеется, должно быть не меньше, чем выбранное значение Window Size. После нажатия кнопки Preview текущая страница будет загружена в указанный браузер с заданным размером окна.

Верхний и нижний индекс

Верхний и нижний индекс

Frontpage дает возможность ввести один или несколько символов выше или ниже базовой линии строки. Такой специальный стиль называется верхний или нижний индекс и используется весьма часто (например, при написании математических формул). Такая возможность поддерживается и большинством браузеров.
Вы можете установить начертание выделенного фрагмента текста в виде верхнего или нижнего индекса на вкладке Special Styles диалогового окна Font, показанной на Рисунок 7.1. Выберите пункт Font в меню Format. Выберите Superscript (Верхний индекс) или Subscript (Нижний индекс) в раскрывающемся списке Vertical Position (Вертикальная позиция) и затем отметьте номер уровня. Номера соответствуют изменению высоты верхнего или нижнего индекса по отношению к основной строке, а не их размера. Например, отметив Уровень 1 нижнего индекса, вы установите индекс чуть ниже основной строки. Уровень 2 устанавливает нижний индекс еще ниже, чем Уровень 1 и т. д.

Видео

Видео

Еще одним замечательным способом разнообразить и украсить Web-страницы является включение в них видеофрагментов. Но, как вы знаете, видеофайлы обычно довольно велики, и хотя пропускная способность Internet постепенно растет, ее пока что недостаточно для быстрой передачи больших видеороликов. Совершенно другая ситуация имеет место в локальных сетях intranet, полоса пропускания которых предоставляет гораздо более широкие возможности.
В правом нижнем углу окна Редактора индицируется время загрузки страницы (в секундах) при скорости 28,8 Кбит/с. При изменении страницы (добавлении в нее видео, звуков, изображений и других элементов) время загрузки пересчитывается
Frontpage поддерживает формат AVI, стандартный формат Windows для видеофайлов. Чтобы включить в свой Web-сайт видеоролик, сначала его следует вставить в страницу, а затем установить параметры воспроизведения.
Установив курсор в то место страниц, где будет расположен видеофрагмент, выберите в меню Insert пункт Active Elements и далее в открывшемся меню опцию Video. На экране появится диалоговое окно Video. В нем стандартным образом выбирается видеофайл, расположенный в текущем открытом сайте, на локальном диске или в Internet. Выберите нужный файл и нажмите кнопку ОК.
На странице появится заставка, представляющая собой первый кадр видеоролика.
Совет
По двойному щелчку на заставке Редактор попытается запустить программу редактирования видео. Поскольку такая программа есть далеко не у каждого, то, весьма вероятно, вы увидите сообщение о том, что редактор для данного файла не указан.
После того как видеофайл вставлен, можно приступать к настройке его параметров:
1. Щелкните на заставке видеоролика правой кнопкой мыши и выберите из контекстного меню Image Properties. На экране появится диалоговое окно Image Properties, открытое на вкладке Video (Рисунок 7.26).

Вкладка Auto Thumbnail окна Options

Рисунок 7.14. Вкладка Auto Thumbnail окна Options

Здесь вы можете задать для миниатюр предварительного просмотра размер, измеряемый в пикселах. Вы можете выбирать между высотой (Width), шириной (Height), наименьшим размером (Shortest Side) и наибольшим размером (Longest Side). Frontpage создаст миниатюру, основываясь на этих настройках, размер полученного изображения будет пропорционален размеру оригинала. Например, если вы устанавливаете ширину в 50 пикселов, то миниатюра будет также иметь ширину в 50 пикселов, а вот высота его будет зависеть от размера оригинала.
Также вы можете указать, что изображение должно быть помещено в рамку, и установить толщину этой рамки. Если вы хотите, чтобы изображение было помещено в рамку со скошенными краями (т. е. картинка будет напоминать кнопку), то в этом случае можно включить флажок Beveled Edge (Скошенная рамка).
На вкладке Default Font (Шрифт по умолчанию) вы можете выбрать шрифт, который будет использоваться в случае, если явно не установлен иной вид шрифта. Данная опция никак не затрагивает способ кодирования шрифта в HTML, она просто определяет внешний вид текста в Редакторе.

Вкладка Special Styles окна Font

Рисунок 7.1. Вкладка Special Styles окна Font

Установив соответствующий флажок, вы увидите образец выбранного стиля в окне Sample (Образец). Чтобы применить специальный стиль, выберите его и затем нажмите кнопку ОК. Вам доступны следующие специальные стили:
- Citation. Курсив, который может быть использован для вьвделения заголовков: разделов, пособий или книг
- Sample. Шрифт пишущей машинки - Definition. Используется для выделения терминов
- Blink. Делает текст мерцающим (множество браузеров до сих пор не поддерживают мерцающий текст)
- Code. Моноширинный шрифт, который обычно используется для пред ставления кода программ
- Variable. Курсив, который может использоваться для выделения (например, имен переменных)
- fiold. Полужирный шрифт
- Italic. Простой курсив
- Keyboard. Моноширинный шрифт, который можно использовать, например, для ввода текста пользователем
Вы можете использовать несколько стилей одновременно. Например, выбрав Italic и Keyboard, вы получите курсивное начертание стиля Keyboard. Нажав кнопку Style на вкладке Special Styles диалогового окна Font, вы сможете создать и модифицировать собственную таблицу стилей. Для дополнительной информации о таблицах стилей смотрите раздел "Таблицы стилей" далее в этой главе.

Вперед!

Вперед!

На этом бурное и длительное обсуждение тонкостей форматирования Web-страниц и использования команд и утилит Frontpage можно считать законченным. Следующая глава будет посвящена работе во Frontpage с графикой.

Вставка разрыва строки

Вставка разрыва строки

Чтобы вставить разрыв строки, установите курсор там, где должен быть переход на следующую строку, а затем выберите в меню Insert пункт Line Break (Разрыв строки). Появится диалоговое окно Break Properties (Свойства разрыва), изображенное на Рисунок 7.5.

Выключка абзаца

Выключка абзаца

Вы можете выровнять абзац по левой или правой границе и отцентровать, нажав на панели инструментов клавиши Align Left (Выключка влево), Align Right (Выключка вправо) или Center (Выключка по центру) соответственно.
Эти кнопки могут использоваться как для позиционирования абзаца на странице, так и для размещения текста в ячейке таблицы. После выравнивания по левой границе вы получите текст с рваными краями справа, после выравнивания по правой границе — слева, а при центрировании рваными получаются оба края.
Если вы изменяете стиль абзаца в диалоговом окне Paragraph Properties, то вы тут же можете изменить и выключку абзаца.

Закладки

Закладки

Закладка (bookmark или anchor) — это участок текста (или просто один или несколько символов), являющийся точкой перехода по гиперссылке. Использование закладок как целевых точек при простановке ссылок позволит посетителям вашего сайта "перепрыгивать" именно на то место в документе, где стоит закладка, а не в начало страницы, как происходит по умолчанию.
Предположим, к примеру, что одна из страниц сайта RoasterNet представляет собой длинный документ из пяти абзацев, в котором описывается блестящее будущее торговли кофе в Сиэтле, причем вам нужно проставить ссылки на этот документ с других страниц вашего сайта. Когда пользователь перейдет по такой гиперссылке, он попадет в самое начало страницы (т. е. начало огромного документа). Но в том случае, если этот документ содержит закладки, например, в начале каждого абзаца, вы можете поставить ссылку непосредственно в ту точку документа, где установлена закладка. Таким образом, пользователь может "перескакивать" прямо в нужный раздел документа.
Закладки видны в Редакторе как текст, подчеркнутый пунктиром.

Звуки

Звуки

Фоновые звуки придадут вашему сайту новое качество и сделают его более "мультимедийным". Фоновый звук включается в тот момент, когда посетитель заходит на сайт. Звук может воспроизводиться заданное число раз или непрерывно. Неумеренное использование фонового звука может раздражать, поэтому применяйте фоновые звуки в меру и к месту.
Frontpage поддерживает несколько типов звуковых файлов: оцифрованные звуки (файлы с расширением WAV) и MIDI последовательности (файлы MID), а также файлы в формате AIFF (расширения AIF, AIFC, AIFF) и AU (расширения AU, SND).

Введение в графику

Черное и белое

Черное и белое

При помощи кнопки Black & White панели инструментов Image вы можете преобразовать любое цветное изображение в полутоновое черно-белое. Так как полутоновые изображения не содержат информации о цвете, они имеют меньший размер файла, благодаря чему быстрее загружаются в браузер. При сохранении преобразованного изображения вся информация о цвете отбрасывается, так что если вы не уверены, что не передумаете, лучше сразу же создайте резервную копию файла. Разумеется, все мы и так знаем, что прежде чем приступать к редактированию изображений, всегда следует делать их резервные копии.

Цвета в HTML

Цвета в HTML

Если вы еще не очень хорошо знакомы с HTML и вам интересно, как кодируются отображаемые браузером цвета, то сейчас самое время рассмотреть этот вопрос поподробнее.
Наверное, вы знаете, что ваш монитор для отображения цветов на экране использует цветовую модель RGB (Red, Green, Blue, Красный, зеленый, синий). Однако в HTML для задания цвета используется шестнадцатеричное представление. Вы можете спросить себя: "Зачем, собственно, мне разбираться с этими жуткими числами?" Если вы сами создаете графику и не хотите, чтобы цвета были размыты или если вы просто хотите глубже понять детали представления цвета в HTML, то все нижеследующее, несомненно, будет вам небесполезно. Так как мы уже знаем, что предпочтительно использовать 216-цветную безопасную палитру, то мы остановимся на представлении этой палитры в шестнадцатеричном виде и в RGB.
В коде HTML Web-страниц нередко можно встретить атрибут color. Например, если на странице есть черный текст, то этот код будет выглядеть следующим образом: ... . Шестнадцате-ричные цвета представляют собой наборы из трех двузначных шестнадцате-ричных чисел. Каждое отдельное число соответствует значениям R, G и В, общее количество символов в наборе равно шести. В приведенном примере 000000 соответствует черному, который является отсутствием цвета. Другое крайнее значение — FFFFFF, т. е. максимальная интенсивность всех трех цветов соответствует белому цвету. В системе координат RGB черный цвет представляется последовательностью о, о, о, а белый — 255, 255, 255. Вы можете задать любую комбинацию из шести шестнадцатеричных цифр и придумать произвольный шестнадцатеричный цвет, однако для того, чтобы не выйти за пределы 216-цветной палитры, мы будем использовать комбинации из достаточно ограниченного множества значений.
Рассмотрим простой метод определения, попадает ли цвет в 216-цветную палитру. Шестнадцатеричные составляющие цвета должны иметь значения оо, зз, бб, 99, ее или FF и могут комбинироваться произвольным образом. RGB-эквиваленты этих значений равны о, 51, 102, 153, 204 и 25 5. Так, например, если вы хотите использовать оранжевый цвет, то значения RGB для него будут 255, 102, 51, а шестнадцатеричные — FF, бб, зз; код HTML в этом случае будет выглядеть следующим образом: .. .. Допустимые шестнадцатеричные и RGB-значения для 216-цветной сетевой палитры приведены на Рисунок 8.2.

Диалоговое окно Image Properties

Рисунок 8.7. Диалоговое окно Image Properties

3. Внести необходимые изменения. По окончании изменения параметров настройки нажмите кнопку ОК. Естественно, эти параметры не будут высечены в камне, поэтому если вам снова потребуется их изменить, то вы в любой момент сможете вернуться к диалоговому окну Image Properties.
Ниже детально рассматриваются параметры настройки диалогового окна, начиная с вкладки General.

Диалоговое окно Image

Рисунок 8.3. Диалоговое окно Image

Здесь вы можете выбрать любой файл в открытом сайте, а также просмотреть содержимое его папок. Щелкнув на любом файле, вы увидите его содержимое в правой области диалогового окна. Если вам известен URL файла, то вы можете просто ввести его в текстовом поле; кроме этого, выбрать изображение можно также при помощи браузера — для этого следует нажать кнопку Use your Web Browser to select a page or file справа от текстового поля URL. Наконец, вы можете указать файл, расположенный на вашем компьютере, нажав соседнюю кнопку Select a file on your computer; в этом случае появится описанное далее диалоговое окно Select File.
При автономной работе в Редакторе вы сразу увидите диалоговое окно Select File, показанное на Рисунок 8.4.

Диалоговое окно Microsoft Clip Gallery

Рисунок 8.6. Диалоговое окно Microsoft Clip Gallery

Из четырех имеющихся вкладок выберите: Clip Art (Иллюстрации), Pictures (Изображения), Sounds (Звуки) или Video (Видео). После того как вы найдете нужное изображение, выберите его в окне предварительного просмотра и нажмите Insert (Вставить). Если вы просматриваете звуки или видеоролики, то прежде чем вставлять, вы можете их проиграть, нажав кнопку Play. Если вам не понравились предложенные изображения, то вы можете нажать кнопку Connect to Web for additional clips (Пойти за дополнительными иллюстрациями в Internet), находящуюся в правой нижней части диалогового окна. В этом случае вы сразу попадете на сайт www.microsoft.com, где найдете десятки бесплатных иллюстраций. Любые выбранные здесь изображения будут автоматически добавлены к вашей библиотеке.

Диалоговое окно Save Embedded Files

Рисунок 8.5. Диалоговое окно Save Embedded Files

В левой части окна вы увидите список файлов, подлежащих сохранению, с указанием их имен, местоположения и способа сохранения. При выборе файла из этого списка в окне Image Preview (Предварительный просмотр изображения) вы увидите миниатюрное изображение его содержимого. Используя соответствующие кнопки, вы можете также переименовать файл (кнопка Rename), сохранить его в другом месте (Change Folder), а также изменить способ сохранения (Set Action). По окончании нажмите кнопку ОК;
Frontpage сохранит ваши файлы.

Диалоговое окно Select File

Рисунок 8.4. Диалоговое окно Select File

В этом диалоговом окне вы можете выбрать любой файл на вашем компьютере. Нажав кнопку Cancel, вы перейдете в диалоговое окно Image. Конечно, если вы не открыли сайт в Проводнике, то сможете здесь выбрать файл изображения только с помощью браузера.
Если у вас есть сканер или цифровая камера, то в вашем распоряжении имеется очень интересная возможность. Из диалогового окна Image вы в любой момент можете, нажав кнопку Scan, считать изображение прямо с имеющегося устройства видеоввода. Далее вы можете поместить полученное изображение непосредственно в Редактор, сохранив его под любым именем в произвольной папке. Если вы не укажете имя, то файлу будет присвоено имя по умолчанию и он будет помещен в папку TEMP каталога, в котором установлен Frontpage.

Фаска

Фаска

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

Форматирование текста

Форматирование текста

На Рисунок 8.12 вы видите изображение GIF после нажатия кнопки Text панели инструментов Image. Прямоугольная область посередине квадрата представляет собой поле текста; вы можете ввести текст сразу после нажатия кнопки Text. По умолчанию для текста установлен кегль 12, шрифт Arial, цвет черный, выравнивание по центру, но все эти установки можно легко изменить при помощи панели инструментов форматирования (Format toolbar). Более подробно о панели инструментов Format смотрите в главе 7.
Текст отображается в одну строку. Чтобы разместить его более свободным образом, вам, вероятно, придется изменить размеры области ввода текста; в пределах границ изображения вы можете менять их как угодно. Для этого зацепите маркер изменения размера на рамке области текста (это небольшие квадратики в углах и в серединах границ области) и потяните его в нужном направлении. С помощью верхнего и нижнего маркеров рамки меняется высота, с помощью левого и правого — ширина, а перетаскивание угловых маркеров позволяет регулировать высоту и ширину одновременно. Чтобы переместить область текста в другое место изображения, щелкните внутри области и перетаскивайте куда угодно, не выходя за пределы изображения.

Графические форматы

Графические форматы

Вы, наверное, уже знаете, что графические форматы часто упоминаются в виде акронима или расширения файла, связанного с форматом, что приводит к определенной путанице. Это касается таких форматов, как BMP, GIF, EPS, TIF, JPEG, WMF и многих других. Однако при работе над вашим сай-том во Frontpage вы будете иметь дело прежде всего с двумя типами изображений: JPEG и GIF. Оба они являются графическими форматами со сжатием и наиболее часто используются при разработке сайтов Internet. Но что, если у вас есть графика в форматах, отличных от JPEG или GIF, и вы хотите использовать ее в вашей странице? Здесь вам повезло, потому что Frontpage может импортировать многие графические форматы, а именно:
- CompuServe GIF (GIF)
- JPEG (JPG)
- Точечные рисунки (BMP)

Изменение свойств изображения

Изменение свойств изображения

При желании вы можете в широких пределах менять многие характеристики изображения и его расположение на странице. Для того чтобы изменить любое из свойств изображения, необходимо:
1. Выбрать изображение в Редакторе, щелкнув на нем мышью.
2. Выбрать в меню Edit пункт Image Properties. Вы увидите диалоговое окно Image Properties, показанное на Рисунок 8.7, состоящее из трех вкладок:
General (Общие), Video (Видео) и Appearance (Оформление).

Изображение формата GIF до и после

Рисунок 8.13. Изображение формата GIF до и после использования команды Make Transparent. Темная область вокруг круга стала прозрачной, открыв фон под собой

3. Выберите в изображении цвет, который вы хотите сделать прозрачным.
4. Теперь все части изображения, содержащие этот цвет, стали прозрачными, а скрытый под ними фон — видимым.

Изображения-карты

Изображения-карты

Frontpage поддерживает изображения-карты клиентской стороны (client-side image maps). Обычно, для того чтобы ссылка с изображения-карты сработала, клиент (например, браузер) после пользовательского щелчка в активной области (holspof) должен связаться с сервером для выяснения адреса назначения ссылки. Однако в случае клиентских изображений-карт информация об адресате ссылки хранится на клиентской стороне, т. е. подобные изображения-карты больше от сервера не зависят. Это приводит к уменьшению объема передаваемой информации между клиентом и сервером, снижая нагрузку на сервер и уменьшая затраты времени на определение места назначения ссылки, когда пользователь щелкает на активной области.
Выбрать стиль изображения-карты для вашего Web-сайта можно при помощи команды Web Settings меню Tools Проводника; эта команда обсуждалась в главе 3. По умолчанию Frontpage генерирует изображения-карты как для клиентской, так для серверной стороны, чтобы с ними мог работать любой браузер. Изображения-карты клиентской стороны позволяют в полной мере использовать преимущества Серверных расширений Frontpage (Frontpage Server Extensions). Если у вас не установлены Frontpage Server Extensions, то на вкладке Advanced диалогового окна Frontpage Web Settings вам предоставляется возможность выбирать между несколькими стандартами изображений-карт серверной стороны (NCSA, CERN или Netscape).

Яркость и контраст

Яркость и контраст

Для изменения контрастности и яркости изображения предназначены кнопки панели инструментов Image More Contrast (Увеличить контрастность), Less Contrast (Уменьшить контрастность), More Brightness (Увеличить яркость) и Less Brightness (Уменьшить яркость) соответственно. Помните, что изображения будут смотреть много людей с весьма различными взглядами. То, что выглядит хорошо на вашем компьютере, не обязательно будет так же хорошо выглядеть и на другом. Если вы решили улучшить качество изображений, то пользуйтесь этими кнопками аккуратно; здесь очень просто ошибиться и испортить изображение. Эти инструментальные средства рекомендуется использовать только для незначительной корректировки; для настоящей работы с изображениями пользуйтесь специальными программами редактирования, например. Image Composer.

Эффекты, примененные к одному и тому же изображению

Рисунок 8.14. Эффекты, примененные к одному и тому же изображению

Кнопки панели инструментов Image

Рисунок 8.11. Кнопки панели инструментов Image

Чтобы создать активную область:
1. Выберите изображение, на котором вы хотите задать активную область. Обратите внимание, что при этом панель инструментов Image активизируется и кнопка Select на ней находится в нажатом положении.
2. Определите, какие области изображения вы хотите сделать активными. Например, располагая активные области на изображении дома, вы, вероятно, захотите, чтобы по щелчку на двери можно было перейти к изображению прихожей. По возможности постарайтесь, чтобы вся часть изображения, с которой вы будете работать, была видна на экране.
3. Нажмите на панели Image кнопку, соответствующую форме задаваемой области: Rectangle, Circle или Polygon. Кнопки Rectangle и Circle создают, соответственно, прямоугольные и круглые активные области, а кнопка Polygon позволяет создать активную область практически любой формы. Когда одна из этих кнопок нажата, курсор, попадая на изображение, принимает вид карандаша, символизируя тем самым готовность к очерчиванию активной области.
4. Аккуратно нарисуйте контур вокруг той части изображения, которую вы хотите сделать активной областью. Ниже описано, как это делается:
Прямоугольные и круглые активные области: Установите курсор туда, где вы хотите создать активную область. Нажмите левую кнопку мыши и тащите курсор до тех пор, пока ваша область не достигнет нужного размера.
Многоугольные активные области: Установите курсор в то место, с которого вы хотите начать построение области. Чтобы задать первую точку многоугольника, нажмите левую кнопку мыши; чтобы начертить первую сторону многоугольника, переместите мышь и щелкните снова. Повторяя эту процедуру, чертите стороны до тех пор, пока активная область не будет задана полностью. Когда вы соедините последнюю и первую точки, создание области будет завершено.
Размеры уже существующей активной области всегда можно изменить. Более подробно об этом написано в следующем разделе.
5. После того как вы обрисуете активную область, появится диалоговое окно Create Hyperlink, в котором вы сможете связать с вашей активной областью гиперссылку. Более подробно о создании ссылок смотрите в главе 7.

Коллекция иллюстраций

Коллекция иллюстраций

Frontpage располагает целой коллекцией иллюстраций {Clip Art), а помимо этого ему доступна библиотека иллюстраций Microsoft Office (если таковой у вас установлен). Добраться до коллекции иллюстраций можно двумя способами: либо по нажатию кнопки Clip Art диалогового окна Image, либо командой Clipart меню Insert. В обоих случаях вы увидите диалоговое окно Microsoft Clip Gallery, показанное на Рисунок 8.6.

Манипуляции с фоновыми изображениями

Манипуляции с фоновыми изображениями

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

Манипуляции с изображениями

Манипуляции с изображениями

Когда изображение займет свое место на странице, у вас, помимо установки и редактирования его свойств, появится масса новых нетривиальных средств для его обработки, собранных вместе в панели инструментов Image, показанной на Рисунок 8.10. Если этой панели нет на вашем экране, сделайте ее видимой, отметив в меню View пункт Image Toolbar. Панель инструментов плавающая, т.е. ее можно перемещать в любое место экрана, даже за пределы окна Редактора. Для того чтобы передвинуть панель инструментов, щелкните на свободном от кнопок пространстве панели и перетащите ее в нужное место. Чтобы закрепить панель Image, перетащите ее к любому краю окна Редактора.

Настройка фонового рисунка

Настройка фонового рисунка

Ниже приведено несколько советов по ускорению загрузки фоновых изображений без ущерба для их внешнего вида:
- Так как фон — это всего лишь плиточное графическое изображение, то в отношении уменьшения размера файла все вышесказанное для него также справедливо
- Для уменьшения размера файла уменьшите размер плитки фона
- Не размещайте на фоне мелких деталей, помните, что большая часть его будет покрыта текстом
- Поэкспериментируйте с фоновыми изображениями, поставляющимися вместе с Frontpage; большинство из этих рисунков очень малы по размеру. О том, как их вставить в страницу, читайте в следующем разделе. Множество бесплатно распространяемых рисунков вы можете найти при помощи вашей любимой поисковой системы, используя ключевое слово backgroung (фон)
- Не забывайте о возможности использования в качестве фона цвета, а не изображения; это уменьшит время загрузки, в некоторых случаях значительно

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

Рисунок 8.10. Панель инструментов Image

С панелью инструментов Image вы получаете небольшую мастерскую по обработке графики. С ее помощью вы можете создавать изображения-карты, прозрачные GIF-файлы, вводить в GIF-файлы текст, вырезать из изображений фрагменты, регулировать их качество и делать некоторые другие вещи. Ниже мы подробно рассмотрим все эти возможности, начиная с изображений-карт.

Перемещение и изменение размеров активных областей

Перемещение и изменение размеров активных областей

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

Пересчет изображения

Пересчет изображения

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

Подсказка

Подсказка

Вывести диалоговое окно Image Properties можно, щелкнув по изображению правой кнопкой мыши и выбрав в появившемся меню пункт Image Properties. Еще быстрее открыть диалоговое окно Image Properties можно, выделив изображение и нажав комбинацию клавиш +.
На вкладке General вы найдете следующие параметры:
- Image Source (Источник изображения). В этом текстовом поле стоит либо относительный URL изображения, находящегося на открытом сайте Frontpage, либо абсолютный URL, если изображение берется из Internet, либо путь и имя локального файла, если оно располагается на вашем компьютере. Если вы хотите сменить изображение, то нажмите кнопку Browse; откроется диалоговое окно Image. Если вы хотите открыть изображение для дальнейшей обработки в графическом редакторе, нажмите кнопку Edit
- Type (Тип). В этом разделе задается формат текущего изображения (GIF или JPEG) и специфические для выбранного формата параметры. Положение переключателя Type соответствует текущему формату; если вы поставите его в другое положение, формат изображения будет автоматически преобразован
При выборе опции GIF вы можете задать следующие свойства изображения: Transparent (Прозрачный) и Interlaced (Чересстрочный); оба параметра можно задать одновременно.
• Transparent. Эта опция допустима только для изображений в формате GIF; флажок Transparent автоматически устанавливается в том случае, если в изображении присутствует прозрачный цвет. Для того чтобы вернуть невидимым частям изображения нормальный цвет и сделать изображение непрозрачным, уберите этот флажок. Как сделать цвет прозрачным, объяснено ниже в этой главе
• Interlaced. Если установлен переключатель Interlaced, то изображение при просмотре в браузере будет проявляться постепенно, сначала грубо, становясь по мере загрузки более четким
При выборе опции JPEG становится доступным поле Quality (Качество).
• Quality (Качество). Качество изображения варьируется в пределах от 1 до 100. Большее значение означает меньшую степень сжатия и более высокое качество изображения; однако это также означает и больший размер файла изображения и более длительную загрузку.


Чем меньше это значение, тем, соответственно, больше сжатие, что влечет за собой ухудшение качества изображения, но вместе с тем и уменьшение размера файла. По умолчанию значение Quality равно 75

- Alternative Representations (Альтернативные представления). Не все брау-зеры поддерживают графику и, кроме того, в большинстве браузеров вывод графики можно отключить. С другой стороны, некоторые браузеры способны по ходу загрузки с сервера изображений с высоким разрешением выводить вместо них изображения в низком разрешении. В ваших силах обеспечить для каждого из этих случаев альтернативный вариант представления изображения

• Low-Res (Низкое разрешение). Здесь задается изображение с грубым разрешением, которое во время загрузки изображения с высоким разрешением будет отображаться вместо него. Нажмите кнопку Browse, выберите альтернативное изображение и затем нажмите кнопку ОК. Для знатоков HTML: задание альтернативного изображения эквивалентно использованию атрибута LOWSRC

Если вы попробуете применить эту

Предупреждение

Если вы попробуете применить эту команду к изображению в формате JPEG, то Frontpage выдаст диалоговое окно с предупреждением о том, что изображение должно быть преобразовано в формат GIF, и предложением сделать это немедленно. Если вы нажмете Yes, то изображение будет автоматически преобразовано в GIF.
В изображении формата GIF прозрачным может быть только один цвет. Если вы зададите для изображения еще один прозрачный цвет, то первый цвет восстановит свой первоначальный вид.
Изображения в формате GIF, как правило, содержат немного цветов и большие одноцветные области, благодаря этому они хорошо подходят для использования прозрачных цветов. Из-за того что цветовой диапазон изображений формата JPEG обычно довольно широк, прозрачные области в них были бы подобны случайно разбросанным дыркам в фотографии.
Многие графические пакеты для передачи оттенков в изображениях формата GIF используют диффузные цвета. Проблема с диффузными цветами состоит в том, что фактически это означает использование смеси из нескольких цветов вместо одного цвета, что не позволяет использовать прозрачность желаемым образом. Создавая изображения, которые вы впоследствии будете делать прозрачными, старайтесь, чтобы их фон был заполнен единым сплошным цветом.

Превращение текста в ссылку

Превращение текста в ссылку

Чтобы сделать текст активной областью, щелкните по тексту правой кнопкой мыши и выберите в контекстном меню пункт Image Hotspot Properties, поле чего откроется диалоговое окно Create Hyperlink. Этого же эффекта можно достичь нажатием на выделенном поле текста комбинации клавиш + или просто двойным щелчком мыши. В уже знакомом вам диалоговом окне Create Hyperlink вы легко сможете сделать текстовую область изображения активной. Более подробно об использовании диалогового окна Create Hyperlink было рассказано в главе 7.

Существует простой способ преобразования изображения

Примечание

Существует простой способ преобразования изображения в фоновый рисунок: откройте его в Image Composer и выберите в меню Tools пункт Warps And Filters (Фильтры и эффекты). На панели инструментов Warps And Filters выберите категорию Color Enhancement (Цветовые эффекты), а затем эффект Wash (Размыть). Регулируя уровень Wash Opacity (Степень размывания) вы можете корректировать интенсивность эффекта размывания. Операция размывания сделает из вашего изображения привлекательный и ненавязчивый рисунок фона для Web-страницы.

Когда браузер начинает загружать страницу,

Примечание

Когда браузер начинает загружать страницу, он ищет теги HTML. Один из этих те-гов относится к изображениям. Когда ширина и высота изображения известны заранее, браузер выделяет под него пространство на странице еще до загрузки изображения. Если теги ширины и высоты не заданы, прежде чем выделить для изображения место на странице, браузер ожидает окончания его загрузки. Когда оно будет загружено, текст и другие элементы страницы сместятся, освобождая изображению место. Чтобы гарантировать наличие этих тегов, установите на вкладке Appearance диалогового окна Image Properties флажок Specify Size.

Прозрачные изображения GIF

Прозрачные изображения GIF

А теперь настало самое время разобраться, что такое прозрачность. Как ни странно, для того чтобы заставить исчезнуть цвет на изображении, совершенно не надо быть Игорем Кио; все намного проще — вам потребуется всего лишь кнопка Make Transparent (Сделать прозрачным), последняя кнопка на панели инструментов Image. С ее помощью вы можете сделать прозрачным один из цветов изображения в формате GIF, позволяя проявиться сквозь него фону. К сожалению, изображения в формате JPEG не могут быть сделаны прозрачными из-за ограничений спецификации JPEG. На Рисунок 8.13 показаны состояния до и после использования команды Make Transparent. Процедура превращения цвета в прозрачный выглядит следующим образом:
1. Выделите изображение в формате GIF, тем самым активизировав панель инструментов Image.
2. Нажмите кнопку Make Transparent. Когда вы поместите курсор мыши на изображение, он примет вид карандаша.

Работа без Проводника

Работа без Проводника

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

Работа с Проводником

Работа с Проводником

Если при работе в Редакторе Проводник у вас открыт и вы вставляете в страницу изображения откуда-либо помимо текущего сайта, то при очередном сохранении страницы вам будет предложено записать файлы изображений. Для этого используется диалоговое окно Save Embedded Files, показанное на Рисунок 8.5.

Различные битовые глубины и соответствующее количество цветов

Рисунок 8.1. Различные битовые глубины и соответствующее количество цветов

Благодаря Frontpage вы получите замечательную свободу манипуляций с файлами в формате GIF. Одним щелчком мыши вы можете сделать один из цветов вашего рисунка прозрачным; вы можете прямо поверх изображения напечатать текст любого цвета, шрифта и размера. Все это будет описано ниже в этой главе.

Размещение изображений

Размещение изображений

Теперь, когда вы знаете немного о видах графических форматов и об управлении цветом, настало время выяснить, как разместить изображения на Web-страницах. Для этого в меню Insert Редактора выберите команду Image (изображение) и далее следуйте описанной ниже процедуре:
1. В окне Редактора поместите курсор в то место, где вы хотите видеть изображение.
2. В меню Insert выберите Image. Если при этом у вас запущен Проводник, вы увидите показанное на Рисунок 8.3 диалоговое окно Image.

Редактирование изображений в Редакторе

Редактирование изображений в Редакторе

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

Редактирование ссылок активных областей

Редактирование ссылок активных областей

Чтобы изменить гиперссылку активной области, вызовите двойным щелчком на ней диалоговое окно Edit Hyperlink. Чтобы открыть это окно, можно также щелкнуть на выделенной активной области правой кнопкой мыши и выбрать в контекстном меню пункт Image Hotspot Properties. Наконец, можно выделить активную область и нажать на панели инструментов кнопку Create or Edit Hyperlink. В диалоговом окне Edit Hyperlink отредактируйте ссылку и нажмите кнопку ОК.
Совет

Совет

Для перехода от одной активной области изображения к другой используйте клавишу <ТаЬ>, а для перехода в обратном направлении.— комбинацию клавиш +.

Смывание

Смывание

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

Сохранение изображений

Сохранение изображений

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

с того, что выберите хорошую

Совет

Начните с того, что выберите хорошую цветовую палитру, представляющую собой набор цветов (обычно 216), оптимально воспроизводимую на большинстве брау-зеров и платформ. В Internet можно найти множество вариантов так называемой безопасной или сетевой палитры (safety palette).
Если вы хотите, чтобы созданные вами изображения производили хорошее впечатление на пользователей, вы должны удостовериться, что они оптимизированы по скорости. Самое худшее — это заставить посетителей сайта скучать в ожидании окончания загрузки изображений большого размера. Примите во внимание следующие советы по уменьшению размера создаваемых вами файлов изображений:
- Обычно формат JPEG хорошо подходит для фотографических изображений, а формат GIF — для изображений, содержащих ровные цвета, таких, как иллюстрации и штриховая графика
- Размеры картинок подбирайте при помощи соответствующих графических редакторов. Хотя вы можете изменить в Редакторе видимый размер изображений, фактический размер файла при этом не меняется; например, если вы вставили в страницу изображение 2х2 см с размером файла 10 Кб, а потом уменьшили его в Редакторе в два раза, то его файл при этом все равно останется размером в 10 Кб.
- Если вы создаете изображение, которое содержит только черный и белый цвета, то сохраните его как черно-белое, это поможет сократить размер его файла. В Microsoft Image Composer вы можете сделать это, установив при сохранении цветовой формат Black and White
- Если вы создаете изображение, содержащее плавные переходы цвета или прямые линии, которое будет сохранено в формате GIF, то постарайтесь сделать их горизонтальными. Так как для формата GIF выполняется сжатие по горизонтальным строкам, то одноцветные линии будут сжиматься лучше, что позволит уменьшить размер файла
- Поэкспериментируйте с различными уровнями сжатия JPEG. Постарайтесь сжать файл настолько, насколько это возможно, при сохранении приемлемого качества изображения
- Проверьте, как выглядят ваши изображения при различном разрешении и разном количестве цветов экрана, а также при использовании различных браузеров. Изображение JPEG с глубиной цвета более 8 бит на мониторе, поддерживающем только 256 цветов, будет испорчено диффузией
- Если вы работаете с Adobe Photoshop и хотите сохранить изображение в формате GIF, то измените цветовой режим RGB на Indexed Color
(Индексированные цвета) и выберите сетевую палитру (опция Palette:
Safety, она включена в Photoshop версии 4; если вы работаете с предыдущими версиями, то вам придется поискать эту палитру в Internet) без диффузии (опция Dither: none)
- Если вы используете Photoshop и сохраняете изображения как GIF, и при этом вы знаете, что в изображении менее 256 цветов, то попробуйте использовать точную палитру (Palette: Exact). Точные палитры содержат ровно столько цветов, сколько есть в изображении, тем самым уменьшая размер файла

Совет

(Совет)

Для редактирования изображений вы можете использовать программу Microsoft Image Composer, входящую в Frontpage Bonus Pack.
Ключом к успеху является эксперимент. Возможно, вы увидите, что некоторые цвета "поплыли", но в то же время обратите внимание, насколько уменьшился файл. Поначалу это может вас покоробить, но если вы хотите, чтобы графика быстро загружалась в браузер, вам придется на это пойти.
И как это ни парадоксально, некоторые люди вообще не желают дожидаться загрузки графики, так что не забудьте использовать в вашей странице альтернативный текстовый вариант (объяснения вы найдете далее в разделе "Альтернативные представления") и подумайте о том, как эти ненавистники графики смогут путешествовать по вашему сайту.

Ни Frontpage, ни браузер не

Совет

Ни Frontpage, ни браузер не проверяют, является ли в действительности грубое изображение версией реального изображения в низком разрешении. В качестве грубого изображения удобно использовать полутоновую версию с небольшим количеством цветов.
• Text (Текст). В этом поле задается альтернативный текст, который появится вместо изображения, если отображение графики в браузере пользователя отключено или отсутствует вовсе. Если вы не считаете нужным отказывать этим посетителям в гостеприимстве, не пожалейте времени на то, чтобы снабдить текстом весь графический материал вашего сайта. В некоторых браузерах этот текст выводится во время загрузки изображения. По умолчанию Frontpage вставит в это поле имя и размер изображения; вы же, со своей стороны, можете произвольным образом изменить эту информацию
- Default Hyperlink (Ссылка по умолчанию). Вы можете использовать часть изображения или все его целиком в качестве активной области, служащей гиперссылкой (как именно, вы узнаете несколько позже в этой главе). Если изображение содержит несколько активных областей, то в этой секции вы можете задать гиперссылку для тех его частей, которые не попадают ни в одну активную область
Чтобы установить ссылку по умолчанию: Нажав кнопку Browse, вы увидите диалоговое окно Edit Hyperlink. В качестве ссылки вы можете использовать одну из открытых в настоящее время страниц; страницу или файл с сайтов WWW, Gopher, Newsgroup или FTP; наконец, новую страницу. Нажав кнопку Make a hyperlink that sends
E-mail, вы поставите ссылку, с которой можно будет отправлять электронную почту. Установите ссылку; чтобы вернуться в диалоговое окно Image Properties, нажмите OK
Чтобы изменить ссылку по умолчанию: Если с изображением уже связана гиперссылка, нажмите кнопку Browse; вы увидите диалоговое окно Edit Hyperlink. Редактирование ссылки производится точно так же, как и установка. Отредактируйте ссылку и нажмите кнопку ОК, чтобы вернуться в диалоговое окно Image Properties.
В текстовом поле Target Frame вы можете указать целевой фрейм для ссылки по умолчанию. Подробнее о целевых фреймах читайте в главе 6.
Для присоединения или редактирования связанной с изображением таблицы стилей нажмите кнопку Style. Более подробно о таблицах стилей написано в главе 10.
Вкладка Video диалогового окна Image Properties, показанная на Рисунок 8.8, позволяет помещать на страницу файлы типа AVI (аудио- и видеофайлы). Изображение, заданное на вкладке General, используется в качестве заставки на время загрузки файла AVI. Добавление на страницу видеороликов с помощью команды Video меню Insert выглядит немного иначе; более подробно об использовании команды Video было рассказано в главе 7.

и по центру страницы) можно

Совет

Управлять расположением изображения (слева, справа и по центру страницы) можно также при помощи кнопок выравнивания панели инструментов Редактора. Все эти операции происходят в режиме WYSIWYG, так что вы сразу сможете оценить, как изображение будет выглядеть в браузере.
Эти установки имеют смысл только для изображений, расположенных на одной строке с текстом. Если изображение является в строке единственным элементом, то выравнивание будет иметь значение Bottom.
• Border Thickness (Толщина рамки). Задает ширину (в пикселах) черной рамки вокруг изображения. Чтобы изменить ширину, выделите значение в текстовом поле и введите вместо него новое
• Horizontal Spacing (Горизонтальный интервал). Задает горизонтальный интервал в пикселах до ближайшего изображения или текста с обеих сторон изображения
• Vertical Spacing (Вертикальный интервал). Задает вертикальный интервал в пикселах до ближайшего сверху и/или снизу изображения или текста

Создание изображений-карт

Создание изображений-карт

Вы можете превратить часть или все изображение в активную область, т. е. графическую гиперссылку. Если вы, скажем, рекламируете в Internet свой магазин игрушек, то почему бы вам не использовать изображение плюшевого медвежонка для ссылки на раздел игрушечных животных? А, к примеру, на сайте intranet для ссылки на отдел продаж можно использовать изображение долларовой купюры.
С помощью нескольких кнопок панели инструментов Image, показанных на Рисунок 8.11, вы сможете создавать во Frontpage изображения-карты в течение нескольких секунд. Для создания изображений-карт используются следующие кнопки панели инструментов Image (на рисунке они представлены слева направо): Select (Выбрать), Rectangle (Прямоугольник), Circle (Круг), Polygon (Многоугольник) и Highlight Hotspot (Выделить активную область).

Таблица соответствия шестнадцатеричных значений значениям RGB

Рисунок 8.2. Таблица соответствия шестнадцатеричных значений значениям RGB

Теперь, работая со своим любимым графическим редактором, например, Image Composer, вы сможете использовать цвета RGB, и быть уверены, что они попадают в безопасную палитру. И если вы принадлежите к числу любителей до всего докопаться, то теперь вы будете знать точно, что означают все эти теги цвета и как с ними обращаться.

Текст на изображениях GIF

Текст на изображениях GIF

Предположим, что вы отвечаете за сборку страниц Web-сайта вашей компании, а дело это достаточно нелегкое. Надо отметить, что выбрав для создания своего сайта Frontpage, вы приняли правильное решение. Представьте себе, что ваш босс, посмотрев на страницу, задумчиво говорит:
"А неплохо бы пустить по вот этой картинке с гамбургером лозунг типа "Ешьте с нами, ешьте, как мы, ешьте лучше нас!" и сделать с нее ссылку на нашу гастрономическую страничку..." А статья бюджета, отведенная на графику, увы, уже давно исчерпана. Так как вы не в состоянии оплатить работу художника, вспомните, что текст можно напечатать непосредственно в Редакторе прямо поверх изображения и даже привязать к нему гиперссылку. Все ваши проблемы решаются при помощи кнопки Text панели инструментов Image.
Наложение текста на изображение является одним из самых замечательных новшеств панели инструментов Image. Инструмент Text On GIF позволяет набирать форматированный текст прямо поверх любого изображения в формате GIF, а также связывать с ним активную область при помощи диалогового окна Create Hyperlink. Этот способ включения текста в изображение весьма прост и удобен.
Чтобы воспользоваться инструментом Text On GIF, сначала в Редакторе поместите изображение в формате GIF на страницу. Затем щелкните на изображении, выделив его, при этом панель инструментов Image станет активной. Нажмите кнопку Text на панели инструментов Image, и Frontpage автоматически создаст по центру изображения область текста с мигающим курсором (Рисунок 8.12).

- TIFF (TIF)

- TIFF (TIF)

- Метафайлы Windows (WMF) - Sun Raster (RAS)
- Инкапсулированный Postscript (EPS) - Paintbrush (PCX) - Targa (TGA)
При сохранении страницы, которая содержит вставленные и не сохраненные изображения, Frontpage запросит сохранить каждое изображение для текущего сайта. По умолчанию Frontpage сохраняет файлы форматов, отличных от GIF и JPEG, в формате GIF. Если вы хотите сохранять изображения в формате JPEG, то перед сохранением страницы укажите это в диалоговом окне Image Properties (Свойства Изображения).
Формат JPEG (Joint Photographic Experts Group, Объединенная экспертная группа по фотографии) — это масштабируемый упакованный формат, обеспечивающий высокую степень сжатия с очень небольшим снижением качества изображения. Для изображения в электронной форме не является необычным некоторая потеря четкости, особенно при преобразовании из одного формата в другой. Исходя из того что JPEG объединяет в себе хорошую степень сжатия и незначительную потерю качества, он является идеальным форматом для среды Web-сайта, в которой изображения часто масштабируются, преобразовываются или изменяются иным образом. Формат JPEG наиболее подходит для фотографий или изображений с количеством цветов более 256. В сетевой графике большое значение имеет число битов, используемых для представления каждого цвета изображения, известное также как глубина цвета или битовая глубина (bit depth) файла. Изображения с восьмью битами цветовой информации на пиксел позволяют обеспечить 256 различных цветов. Большее количество бит означает большее количество поддерживаемых цветов.
Формат GIF (Graphics Interchange Format, Формат обмена графическими данными) — это упакованный формат для изображений, содержащих 256 или менее цветов. Формат GIF обычно используется для изображений, содержащих в основном ровные цвета, например, таких, как иллюстрации. Формат GIF также поддерживает прозрачность и чересстрочное отображение.

Управление цветом

Управление цветом

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

Ваши дальнейшие действия

Ваши дальнейшие действия

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

Вкладка Appearance диалогового окна Image Properties

Рисунок 8.9. Вкладка Appearance диалогового окна Image Properties

- Layout (Размещение). В этом разделе определяется положение изображения на странице
• Alignment (Выравнивание). Задает характер выравнивания изображения по отношению к окружающему тексту. В вашем распоряжении несколько вариантов выравнивания
Bottom: Выравнивание текста по нижней границе изображения таким образом, что текст начинается внизу изображения
Middle: Выравнивание текста по середине изображения Тор: Выравнивание текста по верхней границе изображения
Absbottom: Выравнивание изображения по нижней границе текущей строки
Absmiddle: Выравнивание изображения по середине текущей строки
Texttop: Выравнивание верхней границы изображения по верху самого высокого текста в строке
Baseline: Выравнивание изображения по опорной линии текущей строки
Left: Изображение размещается по левому краю страницы, последующий текст обтекает его по правой стороне
Right: Изображение размещается по правому краю страницы, последующий текст обтекает его по левой стороне

Вкладка Video диалогового окна Image Properties

Рисунок 8.8. Вкладка Video диалогового окна Image Properties

- Video Source (Источник видеоданных). В этом поле вы можете ввести путь и имя вашего видеофайла или указать файл, используя кнопку Browse
- Show Controls in Browser (Показывать в браузере элементы управления). При установленном флажке вместе с видеороликом в браузере будут отображаться следующие элементы управления: Play (Пуск), Stop (Стоп) и ползунок перемотки ролика
- Repeat (Повтор). В этом разделе устанавливается частота и момент начала воспроизведения видеофайла
• Loop (Цикл). Укажите в этом поле число повторений вашего видеофрагмента
• Loop fielay (Задержка). Этот параметр задает временной интервал в миллисекундах между последовательными повторениями
• Forever (Всегда). Установите этот флажок в том случае, если вы хотите, чтобы видеоролик крутился все время показа страницы
- Start (Запуск). В этом разделе вы можете указать момент времени начала проигрывания видеофайла
• On File Open (При открытии файла). При установке этого флажка видеоролик будет запущен сразу после загрузки в браузер
• On Mouse Over (По курсору мыши). При установке этого флажка воспроизведение видеофайла начнется в тот момент, когда пользователь установит на его заставку курсор мыши
Третья вкладка диалогового окна Image Properties называется Appearance (Рисунок 8.9), с ее помощью вы будете управлять некоторыми параметрами оформления изображения.

Восстановление

Восстановление

Когда вы держите в руках набор всевозможных инструментов, всегда есть соблазн злоупотребить ими. Если вы очень любите нажимать на кнопки и это плохо сказывается на ваших изображениях, то спасением для вас послужит кнопка Restore (Восстановить). Нажатие кнопки Reset отменяет все последствия редактирования изображения с момента его последнего сохранения. Обратите особое внимание: с момента его последнего сохранения. Не полагайтесь на везение, сохраните ваше изображение сразу, как только добьетесь желаемого результата. Если вас беспокоит возможность потери информации, то всегда имейте в запасе резервную копию изображения.

Вперед!

Вперед!

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

Вращение, переворачивание и зеркальное отражение

Вращение, переворачивание и зеркальное отражение

При помощи кнопок Rotate Left (Вращение влево). Rotate Right (Вращение вправо), Reverse (Зеркальное отражение) и Flip (Перевернуть) панели инструментов Image очень удобно поворачивать и переворачивать изображения. Это может заметно сэкономить вам время; например, если вы, вставляя изображение, внезапно обнаружите, что оно случайно было сохранено в перевернутом виде, то вы легко исправите ситуацию, не выходя из Редактора. Раньше вам пришлось бы упрашивать дизайнера-графика повторно записать файл и вернуть его в правильном виде, а теперь вы сами прекрасно способны справиться с ситуацией. На Рисунок 8.14 показано одно и то же изображение в оригинале и после применения к нему различных эффектов.

Введение в графику

Введение в графику

Любой писатель вам скажет, что содержание — всему голова. Но если вы спросите мнение дизайнера-графика, то он, согласившись с писателем, добавит, что если вы хотите, чтобы содержание еще кто-то и читал, то вам не обойтись без графических изображений. Вы, как разработчик сайта Internet, обязательно столкнетесь с проблемой выбора и размещения графического материала для страниц вашего сайта.
Проблемой номер один при работе над графикой для Web-сайта является размер файла, который напрямую связан со скоростью появления изображения в окне браузера. Вы можете до посинения обсуждать графические форматы, разрешающую способность, графические редакторы, цветные палитры, браузеры и т. д., но суть в том, что самая лучшая графика — та, которая имеет приемлемое качество изображения и небольшой размер файла.
Так как еще достаточно много людей используют модемы на 14 400 бод, многие разработчики сайтов накладывают ограничения на размер своих страниц. Как правило, страница вашего сайта, включая любые изображения на ней, не должна превышать 35-40 Кб. Скажите об этом любому дизайнеру-графику; догадайтесь, что вы услышите в ответ? С такими требованиями, казалось бы, не стоит даже и начинать; и все же, следуя некоторым полезным советам по оптимизации ваших изображений, вы будете удивлены, насколько много можно сделать.
В этой главе будут затронуты четыре аспекта использования изображений в ваших сайтах:
- Типы графических форматов, используемых при разработке сайта Всемирной Паутины
- Оптимизация этих форматов путем управления цветом для достижения быстрой загрузки изображений без потери их качества
- Использование Frontpage для работы с изображениями: размещение их на страницах, создание изображений-карт и создание прозрачных файлов формата GIF непосредственно в Редакторе Frontpage
- Новая улучшенная панель инструментов работы с изображениями, используемая для корректировки контрастности и яркости, зеркального отражения, вращения и вырезания изображений прямо в Редакторе

Выделение активных областей

Выделение активных областей

Иногда бывает сложно запомнить все активные области, которые вы наплодили, особенно на сложных изображениях. Чтобы увидеть все активные области изображения, нажмите кнопку Highlight Hotspot на панели инструментов Image. Изображение при этом будет удалено и заменено белым фоном, на котором контурами будут очерчены активные области. При щелчке на активной области ее границы будут выделены черным цветом. После повторного нажатия этой кнопки восстанавливается нормальный вид изображения.

Вырезание изображений

Вырезание изображений

Для того чтобы обрезать любое изображение в Редакторе, используйте инструмент Crop панели инструментов Image; при этом часть изображения останется видимой, а остальное будет удалено.
Выбрав изображение, нажмите кнопку Crop. На изображении появится рамка, изменяя размеры которой, вы можете выбрать вырезаемую область; все, что останется вне рамки, будет впоследствии удалено. Небольшие квадратики по периметру рамки позволяют изменять размеры сохраняемой области. Помимо изменения размеров рамки, ее можно перемещать в любое место изображения, для чего достаточно щелкнуть внутри нее кнопкой мыши и тащить рамку в нужном направлении. Вы можете изменять размеры рамки и перетаскивать ее в любой последовательности и столько, сколько потребуется. Поместив рамку на нужную часть изображения, вторично нажмите кнопку Crop (или клавишу ), и область вокруг рамки будет отрезана и удалена.



    Бизнес в интернете: Сайты - Софт - Языки - Дизайн

• Киберсантинг
  
• Киберсантинг как бизнес
  
• Виды Киберсантинга
  
• Создание игр
  
• Дизайн как бизнес
  
  
• Dreamweaver
  
• PHP
  
• Homesite
  
• Frontpage
  
• Studio MX
  
  
• Сайтостроительство
  
• Citrix MetaFrame
  
• Стили сайта
  
• ActiveX на сайте
  
• HTML как основа сайта
  
  
• Adobe GoLive
  
• Что такое WEB
  
• Мобильные WAP сайты
  
• 3D графика на сайтах
  
• 3DS MAX графические решения
  
  
• Графика в 3D Studio MAX и на сайте
  

---

---