Учебник
по Web-мастерству:
Урок
1. Краткий экскурс в теорию сетей
Урок
2. Основы web-технологий
Урок
3. Введение в web-дизайн
Урок
4. Первая web-страница
Урок
5. Графика в web-дизайне
Урок 6. Специальные
возможности HTML
Урок 7. Microsoft FrontPage:
Среди
начинающих пользователей Интернета бытует мнение, что на практике при
создании собственного web-сайта нет необходимости изучать сложные структуры
языка разметки гипертекста или его расширений, поскольку помимо «классического»
метода подготовки html-документов вручную существует и другой достаточно
популярный способ — применение web-редакторов, автоматически генерирующих
большую часть необходимого пользователю кода. Можно смело сказать, что
это весьма распространенное заблуждение несет в себе малую толику рационального
зерна, по крайней мере, в том, что визуальныер едакторы HTML действительно
являются весьма удобным средством разработки ресурсов Интернета.
Существует
великое множество HTML-редакторов, построенных по принципу WYSIWYG,
что расшифровывается как "What You See Is What You Get" (To,
что вы видите, вы и получаете). В рамках этого урока я остановлюсь на
одном из самых распространенных и популярных из них — на программе Microsoft
FrontPage, а именно ее реализации, названной разработчиками FrontPage
Express. Это не означает, что другие пакеты плохи, сложны в освоении
или неудобны, отнюдь. Дело лишь в том, что FrontPage Express входит
в комплект поставки Microsoft Windows 98 и 2000, а также в состав дистрибутивов
Microsoft Office 2000 и Microsoft Internet Explorer 5.0. Если вы пользуетесь
этими версиями операционных систем или одним из указанных программных
продуктов, то автоматически являетесь владельцем копии FrontPage Express
и ни малейших проблем с получением и установкой необходимого программного
обеспечения у вас уже не возникнет. Освоив базовые принципы работы с
FrontPage, вы без труда сможете изучить любой другой визуальный html-редактор,
например, Adobe Page Mill, Hot Dog или Homesite, выбрав из них тот,
который наиболее соответствует вашим вкусам, потребностям и задачам.
Безусловно, я кратко коснусь также известных версий этой программы FrontPage98
и FrontPage2000,поясню их основные достоинства и недостатки.
В
отношении Microsoft FrontPage существует расхожее мнение, будто применительно
к данному редактору аббревиатуру WYSIWYG можно, не покривив душой, расшифровать
как «Не важно, что вы видите, все равно ничего не получите».
Уверяю вас, несмотря на то, что, как и любой другой продукт Microsoft,
эта программа обладает весьма своенравным «характером»,
она все же вполне функциональна и работоспособна. Существует множество
сайтов, вы полненных с применением Microsoft FrontPage, которые можно
назвать вполне профессиональными. К тому же мы все равно не будем использовать
данную программу для разработки проекта «от и до»: как уже
упоминалось в предыдущих уроках, оптимальный метод работы с визуальными
редакторами в процессе подготовки сайта — создание с их помощью сложных
таблиц и шаблонов, так сказать, «скелетов» будущих страниц,
с последующим редактированием кода вручную. Поэтому в данном уроке мы
будем рассматривать FrontPage с точки зрения не столько элементов его
интерфейса, сколько реальных приемов, которые можно выполнить с его
помощью.
Поддерживая
устоявшуюся традицию, я мог бы с пафосом сказать, что FrontPage является
наиболее мощным и удобным из всех современных HTML-редакторов, доступных
для использования начинающим web-мастером. Разумеется, я не буду делать
этого. Хотя бы потому, что Microsoft не платит мне денег за рекламу.
Главное достоинство этого пакета по сравнению с другими аналогичными
продуктами именно для начинающих web-дизайнеров состоит в том, что он
имеет стандартный для программ Microsoft Office интерфейс со стандартным
же расположением элементов управления, а потому пользователям, знакомым,
например, с Microsoft Word, не придется переучиваться, чтобы освоить
данный редактор «с нуля». Опять же, поскольку книга, которую
вы держите в руках, рассчитана, прежде всего, на новичков, описывать
в ней полуавтоматический редактор с аскетичным, но вполне функциональным
интерфейсом, подразумевающий наличие у пользователя хороших базовых
навыков html-программиро-вания, было бы несправедливо по отношению к
читателю.
Не
лишен FrontPage и букета серьезных недостатков, среди которых следует
прежде всего/отметить его уникальную способность генерировать значительное
количество так называемого паразитного кода, то есть лишних тегов HTML,
занимающих в листинге документа место, но не несущих какой-либо смысловой
нагрузки. Надо сказать, что этим грешат многие визуальные html-редакторы,однако
чемпионом по написанию ненужных тегов безусловно является Microsoft
FrontPage, лидируя с большим отрывом. Следует помнить, что в большинстве
случаев ответственность за обилие паразитного кода в листинге html-документов
несет сам web-мастер, поскольку девяносто процентов неисполняемых директив
появляется в коде web-страниц из-за множества исправлений, которые он
делает в основном окне редактора. После создания, уничтожения и повторного
создания какого-либо визуального объекта на web-странице FrontPageне
«затирает» за собой остатки от предыдущего, уже удаленного
элемента, в результате чего количество таких «хвостов» растет
в арифметической прогрессии, порой превышая все разумные рамки. Из этого
факта следуют три простых вывода. Во-первых, согласно выработанному
алгоритму, переходите к компоновке страницы не раньше, чем подготовите
ее эскиз на бумаге, представив себе прозрачную таблицу, в которую впоследствии
«уложится» верстка. Во-вторых, прежде чем выполнить какое-либо
действие в Microsoft FrontPage, подумайте, следует ли его выполнять.
И наконец, в-третьих, удалив или заменив какой-либо объект в главном
окне редактора, перейдите в окно текстового редактирования проекта и
подправьте код вручную. Генерацию большей части паразитных тегов, создаваемых
программой без непосредственной помощи пользователя, можно, немного
повозившись, отключить в настройках FrontPage. Все остальные ненужные
команды без труда удаляются последующим редактированием документа в
лучшем на сегодня html-редакторе — программе Microsoft Notepad.
Итак,
переходим к делу. Но прежде, чем мы обратимся непосредственно к правилам
разработки элементов web-страниц в программе Microsoft FrontPage, поговорим
об установке пакета.
Установка
FrontPage Express
Приступая
к работе
Размещение
текста
Списки
и разделители
Размещение
иллюстраций
Гиперссылки
Таблицы,
Формы и прочие элементы Front Page
Microsoft
FrontPage 98 и Microsoft FrontPage 2000
Типичные
ошибки
Урок 8. Каскадные таблицы
стилей
Урок 9. Полезные приемы
web-дизайна
Урок 10. Обслуживание
web-страницы
Урок 11. Как стать web-звездой?
Урок 12. Деньги и Интернет