Сохранив основные достоинства предыдущих версий редактора HomeSite (в
том числе пользовательский интерфейс), компания Macromedia дополнила этот
инструмент целым рядом новых возможностей. Самая главная из них — поддержка
синтаксиса нескольких языков разметки, в том числе языка XHTML, который
представляет собой реализацию языка HTML 4 в качестве приложения XML.
Кроме того, HomeSite 5 интегрирован с новой версией редактора таблиц
стилей TopStyle Lite 2.1, который обеспечивает быстрое и удобное редактирование
стилевого оформления страниц сайта.
Для тех, кто не работал ранее с НomeSite, в состав редактора включены
многочисленные средства поддержки пользователя, позволяющие освоить работу
с редактором за минимальное время.
Следует подчеркнуть, что хотя HomeSite относится к классу профессиональных
инструментов, его создатели предусмотрели возможность использования редактора
также начинающими Web-дизайнерами. В их распоряжении, в частности, обширная
справочная система, содержащая не только сведения по самому редактору,
но также полную спецификацию языка HTML 4.01 и рекомендации по проектированию
и разработке Web-сайтов.
Хотя HomeSite но инерции продолжают называть «редактором», на самом
деле его функциональные возможности значительно шире тех рамок, которые
ассоциируются с этим термином. Пожалуй, правильнее было бы обозначить
его как «инструмент подготовки и публикации материалов для Web». Входящие
в его состав функции и утилиты позволяют не только редактировать отдельные
страницы, но также решать другие многочисленные задачи, связанные с созданием
Web-сайтов. Это и формирование структуры проекта в целом, и тестирование
визуального отображения страниц различными броузерами, и оценка времени
загрузки страниц, и, наконец, развертывание подготовленных материалов
на Web-сервере. Все это делает HomeSite самодостаточным средством, обеспечивающим
поддержку всех основных этапов подготовки Web-публикации (за исключением
подготовки графических и мультимедийных элементов страниц).
Введение
Глава 1. Знакомство с HomeSite
Одним из замечательных свойств HomeSite является то, что для начала работы с ним не требуется знакомство со всеми его возможностями. Чтобы создать с помощью HomeSite простейшую Web-страницу, достаточно иметь навыки по работе с каким-либо текстовым редактором типа Write (Блокнот). Однако, в отличие от Блокнота, HomeSite берет на себя почти 90% работ по вводу основных синтаксических конструкций HTML (или другого используемого языка разметки). Кроме того, чтобы увидеть, как созданная страница выглядит в окне броузера, достаточно одним щелчком мыши переключиться в режим просмотра. В процессе работы с HomeSite вы сможете постепенно наращивать уровень знаний, осваивая его возможности.
Знакомство с HomeSite
Основные функциональные возможности HomeSite 5
Работа с редактором кода
Просмотр страниц с помощью броузера
Автоматическое сопровождение проекта
Средства автоматизации работы с тегами
Автоматическая проверка корректности ссылок
Выгрузка файлов проекта на удаленный сервер
Поддержка технологии каскадных таблиц стилей (CSS)
Поддержка технологий создания динамических и интерактивных страниц
Поддержка пользователя
Особенности инсталляции HomeSitе 5
Организация пользовательского интерфейса
Окно документа
Окно ресурсов
Окно результатов
Конфигурирование броузеров
Установка параметров внутреннего броузера
Конфигурирование внешних броузеров
Работа с файлами
Типы файлов, поддерживаемые HomeSite
Интерфейс листа Files окна ресурсов
Меню File
Настройка параметров работы с файлами
Управление кодировкой текстовых файлов
Глава 2. Разработка структуры сайта
Любую Web-публикацию можно рассматривать с двух точек зрения.
С одной стороны, она представляет собой некий «информационный ресурс», то есть предоставляет некоторый набор сведений или услуг, которые были бы полезны или интересны для определенной категории посетителей WWW.
С другой стороны, Web-сайт — это результат применения тех или иных технологий, поддерживаемых на сегодняшний день аппаратными и программными средствами Интернета. Причем количество этих самых технологий увеличивается буквально с каждым днем. Каждая из них, как говорится, хороша по-своему. Зачастую это порождает у некоторых (особенно у начинающих) Web-дизайнеров желание насытить свои публикации всем, до чего «руки дотянутся»: здесь и звуковое сопровождение, и Flash-фильмы и т. д.
Разработка структуры сайта
Общая схема разработки узла с помощью HomeSite
Создание и установка параметров проекта
Интерфейс вкладки Projects окна ресурсов
Создание нового проекта
Разработка файловой структуры сайта
Формирование файловой структуры проекта
Работа с файлами проекта
Изменение параметров проекта
Поиск и замена в файлах проекта
Функция Extended Find
Функция Extended Replace
Глава 3. Основные инструменты
В данной главе описаны инструменты, непосредственно относящиеся к редактированию страницы (Tag Editor, Tag Tree, Tag Inspector и частично — Quick Bar). Средства диагностирования и контроля рассмотрены в главе Тестирование сайта и выгрузка на удаленный сервер, a TopStyle Lite в главe Разработка страниц публикации. Редактору сенсорных карт посвящен отдельный раздел главы Разработка навигационной схемы сайта.
Основные инструменты
Редактор кода
Функциональные возможности редактора кода
Создание и сохранение документа
Работа с фрагментами текста и блоками
Управление визуальным представлением документа
Функция Tag Insight
Функция Tag Completion
Функция Auto Completion
Функция Code Template
Функция Tag Validation
Настройка параметров редактора кода
Редактор тегов Tag Editor
Панель быстрой вставки
Вставка тегов с помощью Tag Chooser
Работа с Tag Inspector и Tag Tree
Инспектор тегов
Дерево тегов
Установка глобальных параметров
Глава 4. Разработка страниц публикации
В этой главе рассматривается общая технология создания и редактирования HTML-страниц в HomeSite, вне зависимости от того, какое место занимает страница в структуре узла.
Несмотря на все достоинства описанных выше инструментов, ни один из них нельзя считать основным средством разработки HTML-страниц. Практика показывает, что наибольший эффект дает именно совместное их применение.
Разработка страниц публикации
Установка общих параметров страницы
Вставка тегов <МETA>
Установка атрибутов тега <BODY>
Ввод и форматирование текста
Общий подход к подготовке текстовых материалов
Установка визуальных атрибутов текста
Форматирование текста
Создание списков
Установка параметров шрифта
Работа с графическими элементами
Включение изображений с помощью панели быстрой вставки
Вставка изображений из окна ресурсов
Вставка изображений из окна результатов
Таблицы
Создание таблицы с помощью мастера
Инструмент Table Sizer
Установка параметров таблицы с помощью редактора тегов
Редактирование таблиц с помощью Tag Tree и Tag Inspector
Работа с таблицами стилей
Основы технологии CSS
Поддержка CSS в HomeSite
Редактирование таблиц стилей в TopStylc Lite
Глава 5. Разработка навигационной схемы сайта
Та легкость, с которой современные HTML-редакторы позволяют созда вать гиперссылки на основе произвольного фрагмента текста документа или графического изображения, вызывают соблазн расставить их везде, где только можно. Однако практика показывает, что чрезмерное увлечение создание ссылок может выйти боком как создателю сайта, так и посетителям.
Продуманная навигационная схема сайта должна предоставлять посетителям важную возможность — оценить, какая информация находится на узле, насколько быстро можно до нее добраться.
Разработка навигационной схемы сайта
Общие правила проектирования навигационной схемы сайта
Представление навигационной схемы в окне ресурсов
Способы адресации ресурсов публикации
Представление ссылок на вкладке Site View
Создание гипертекстовых ссылок
Создание сенсорной карты
Создание фреймов
Создание фреймов с помощью мастера
Создание фреймов с помощью редактора тегов
Редактирование фреймов с помощью Tag Tree и Tag Inspector
Глава 6. Создание интерактивных страниц
Под интерактивными страницами в общем случае понимаются такие, которые содержат элементы, реагирующие на действия посетителя сайта (например, на перемещение указателя мыши, ввод каких-либо данных и т. д.). Наиболее распространенными из таких элементов являются формы (или их элементы), изображения-ролловеры и кнопки. Однако благодаря поддержке последними версиями броузеров Dynamic HTML, Flash, ASP и других современных технологий список интерактивных элементов значительно расширился.
Так или иначе, в основе практически любой технологии создания интерактивных страниц лежит тот или иной язык программирования и механизм взаимодействия броузера с программой, написанной на этом языке.
Создание интерактивных страниц
Работа с формами
Поддержка Dynamic HTML
Создание сценариев на JavaScript и VBScript
Применение технологии ColdFusion
Общая характеристика ColdFusion
Поддержка CFML в HomeSite
Глава 7. Тестирование сайта и выгрузка на удаленный сервер
Мы уже неоднократно говорили о том, что тестирование страниц является обязательным этапом разработки сайта, независимо от его размера и предназначения. И если HomeSite не способен полностью заменить вас на этапе разработки и редактирования страниц, то на этапе их тестирования он практически всю работу берет на себя.
То же самое можно сказать и о процедуре развертывания сайта на удаленном сервере.
Как тестирование, так и выгрузка страниц публикации на сервер выполняются не только при первоначальной разработке сайта, но и в процессе его сопровождения. Причем (отметим это еще раз) регулярное обновление содержания публикации является обязательным условием обеспечения ее популярности среди посетителей Интернета.
Тестирование сайта и выгрузка на удаленный сервер
Тестирование страниц
Проверка корректности кода
Тестирование ссылок
Проверка правописания
Оценка длительности загрузки
Выгрузка сайта на удаленный сервер
Установка параметров развертывания
Выгрузка отдельных папок и файлов
Выгрузка сайта на удаленный сервер
Заметки