Киберсантинг - пакет Homesite

Пакет HomeSite — это программное обеспечение для создания веб-сайтов. Ориентирован на разработчиков, но также подходит для начинающих и любителей.

Функция CodeSweeper. Позволяет вносить глобальные изменения на всём веб-сайте.

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

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

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

Самоучитель по Macromedia HOMESITE
Свершилось. Не прошло и года, как объединение усилий двух ведущих разработчиков инструментария для Web-дизайна (компаний Allaire Corporation и Macromedia Inc.) принесло свои результаты. Основным из них на сегодняшний день является появление на свет новой версии популярного редактора Web-страниц, который теперь называется Macromedia HomeSite 5. Сообщение об этом событии появилось на сайтах компаний Allaire и Macromedia 23 октября 2001 года, и с этого дня пользователи получили возможность опробовать возможности оценочной версии продукта.
Тем читателям, которые знакомы с предыдущими версиями HomeSite, наверняка известно, что он обеспечивал достаточно тесную интеграцию средств разработки с визуальным редактором Macromedia Dreamweaver. Отныне это взаимодействие стало еще более тесным и эффективным.
Сохранив основные достоинства предыдущих версий редактора HomeSite (в том числе пользовательский интерфейс), компания Macromedia дополнила этот инструмент целым рядом новых возможностей. Самая главная из них — поддержка синтаксиса нескольких языков разметки, в том числе языка XHTML, который представляет собой реализацию языка HTML 4 в качестве приложения XML.
Кроме того, HomeSite 5 интегрирован с новой версией редактора таблиц стилей TopStyle Lite 2.1, который обеспечивает быстрое и удобное редактирование стилевого оформления страниц сайта.
Для тех, кто не работал ранее с НomeSite, в состав редактора включены многочисленные средства поддержки пользователя, позволяющие освоить работу с редактором за минимальное время.

Глава 1. Знакомство с HomeSite
Знакомство с HomeSite
Поддержка технологий создания динамических и интерактивных страниц
Поддержка пользователя
Особенности инсталляции HomeSite 5
Организация пользовательского интерфейса
Окно документа

Окно ресурсов
Окно результатов
Конфигурирование броузеров
Установка параметров внутреннего броузера
Конфигурирование внешних броузеров
Основные функциональные возможности HomeSite 5
Работа с файлами
Типы файлов, поддерживаемые HomeSite
Интерфейс листа Files окна ресурсов

Меню File
Настройка параметров работы с файлами
Управление кодировкой текстовых файлов
Работа с редактором кода
Просмотр страниц с помощью броузера
Автоматическое сопровождение проекта
Средства автоматизации работы с тегами
Автоматическая проверка корректности ссылок
Выгрузка файлов проекта на удаленный сервер
Поддержка технологии каскадных таблиц стилей (CSS)

Иллюстрированный самоучитель по Macromedia HOMESITE
Глава 2. Разработка структуры сайта

Разработка структуры сайта
Поиск и замена в файлах проекта
Функция Extended Find
Функция Extended Replace
Общая схема разработки узла с помощью HomeSite
Создание и установка параметров проекта
Интерфейс вкладки Projects окна ресурсов
Создание нового проекта
Разработка файловой структуры сайта
Формирование файловой структуры проекта

Работа с файлами проекта
Изменение параметров проекта

Иллюстрированный самоучитель по Macromedia HOMESITE
Глава 3. Основные инструменты
Основные инструменты
Функция Code Template
Функция Tag Validation
Настройка параметров редактора кода
Редактор тегов Tag Editor
Панель быстрой вставки
Вставка тегов с помощью Tag Chooser
Работа с Tag Inspector и Tag Tree

Инспектор тегов
Дерево тегов
Установка глобальных параметров
Редактор кода
Функциональные возможности редактора кода
Создание и сохранение документа
Работа с фрагментами текста и блоками
Управление визуальным представлением документа
Функция Tag Insight
Функция Tag Completion

Функция Auto Completion

Иллюстрированный самоучитель по Macromedia HOMESITE

Глава 4. Разработка страниц публикации
Разработка страниц публикации
Установка параметров шрифта
Работа с графическими элементами
Включение изображений с помощью панели быстрой вставки
Вставка изображений из окна ресурсов
Вставка изображений из окна результатов
Таблицы
Создание таблицы с помощью мастера
Инструмент Table Sizer

Установка параметров таблицы с помощью редактора тегов
Редактирование таблиц с помощью Tag Tree и Tag Inspector
Установка общих параметров страницы
Работа с таблицами стилей
Основы технологии CSS
Поддержка CSS в HomeSite
Редактирование таблиц стилей в TopStyle
Вставка тегов МЕТА
Установка атрибутов тега BODY
Ввод и форматирование текста

Общий подход к подготовке текстовых материалов
Установка визуальных атрибутов текста
Форматирование текста
Создание списков

Иллюстрированный самоучитель по Macromedia HOMESITE
Глава 5. Разработка навигационной схемы сайта
Разработка навигационной схемы сайта
Создание фреймов с помощью редактора тегов
Редактирование фреймов с помощью Tag Tree и Tag Inspector
Общие правила проектирования навигационной схемы сайта
Представление навигационной схемы в окне ресурсов
Способы адресации ресурсов публикации

Представление ссылок на вкладке Site View
Создание гипертекстовых ссылок
Создание сенсорной карты
Создание фреймов
Создание фреймов с помощью мастера

Иллюстрированный самоучитель по Macromedia HOMESITE
Глава 6. Создание интерактивных страниц
Создание интерактивных страниц
Работа с формами
Поддержка Dynamic HTML
Создание сценариев на JavaScript и VBScript

Применение технологии ColdFusion
Общая характеристика ColdFusion
Поддержка CFML в HomeSite

Иллюстрированный самоучитель по Macromedia HOMESITE
Глава 7. Тестирование сайта и выгрузка на удаленный сервер
Тестирование сайта и выгрузка на удаленный сервер
Выгрузка cайта на удаленный сервер
Тестирование страниц
Проверка корректности кода
Тестирование ссылок
Проверка правописания
Оценка длительности загрузки

Выгрузка сайта на удаленный сервер
Установка параметров развертывания
Выгрузка отдельных папок и файлов
Web дизайн с Macromedia HOMESITE
Свершилось. Не прошло и года, как объединение усилий двух ведущих разработчиков инструментария для Web-дизайна (компаний Allaire Corporation и Macromedia Inc.) принесло свои результаты. Основным из них на сегодняшний день является появление на свет новой версии популярного редактора Web-страниц, который теперь называется Macromedia HomeSite 5. Сообщение об этом событии появилось на сайтах компаний Allaire и Macromedia 23 октября 2001 года, и с этого дня пользователи получили возможность опробовать возможности оценочной версии продукта.
Тем читателям, которые знакомы с предыдущими версиями HomeSite, наверняка известно, что он обеспечивал достаточно тесную интеграцию средств разработки с визуальным редактором Macromedia Dreamweaver. Отныне это взаимодействие стало еще более тесным и эффективным.
Сохранив основные достоинства предыдущих версий редактора 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-публикации (за исключением подготовки графических и мультимедийных элементов страниц).

Знакомство с HomeSite
Поддержка технологий создания динамических и интерактивных страниц
Поддержка пользователя
Особенности инсталляции HomeSite 5
Диалоговые окна Мастера обновления конфигурации
Организация пользовательского интерфейса

Основные элементы пользовательского интерфейса HomeSite
Окно документа
Элементы управления окном документа
Разделение окна документа на два подокна
Представление списка открытых документов
Окно ресурсов
Представление в окне ресурсов дерева каталогов пользователя
Представление на листе Projects информационных ресурсов сайта
Представление на листе Site view навигационной схемы узла Inspector
Интерфейс утилиты Tag

Пример списка повторно используемых фрагментов кода
Представление в окне ресурсов справочной информации
Окно результатов
Окно результатов
Конфигурирование броузеров
Установка параметров внутреннего броузера
Установка параметров внутреннего броузера
Панель инструментов внутреннего броузера
Использование линеек в режиме просмотра
Режим совмещения окна броузера с окном редактирования

Конфигурирование внешних броузеров
Диалоговое окно для изменения списка или параметров использования внешних броузеров
Диалоговое окно для установки параметров внешнего броузера
Вид модифицированного списка внешних броузеров
Открытие документа во внешнем броузере
Основные функциональные возможности HomeSite 5
Работа с файлами
Типы файлов поддерживаемые HomeSite
Таблица 1 1 Форматы файлов поддерживаемые HomeSite
Окно с сообщением о том что данный формат не поддерживается HomeSite

Возможный результат анализа HomeSite содержимого двоичного файла
Интерфейс листа Files окна ресурсов
Основные элементы вкладки Files
Формат контекстного меню списка файлов
Контекстное меню графического файла
Формат утилиты быстрого просмотра изображений
Меню File
Диалоговое окно для выбора шаблонов и мастеров
Диалоговое окно для размножения нового документа
Представление в строке состояния информации о процессе закачки документа

Настройка параметров работы с файлами
Формат вкладки General
Визуальные признаки работы с различными файлами
Формат вкладки Startup
Формат вкладки Location
Формат вкладки File Settings
Формат вкладки AutoBackup диалогового окна Settings
Диалоговое окно со списком файлов для которых было выполнено резервное копирование
Окно утилиты AutoBackup File Maintenance
Управление кодировкой текстовых файлов

Предупреждение о возможном замедлении работы HomeSite при разрешении использования неANSI кодов
Представление используемой кодировки на этикетке документа
Формат диалогового окна Save as при использовании неANSI кодов
Сообщение предупреждающее о несоответствии кодировки документа его атрибутам
Изменение набора символов документа
Пример страницы с именами символов
Работа с редактором кода
Просмотр страниц с помощью броузера
Автоматическое сопровождение проекта
Средства автоматизации работы с тегами

Автоматическая проверка корректности ссылок
Исходный список типов файлов для которых HomeSite не тестирует ссылки
Выгрузка файлов проекта на удаленный сервер
Поддержка технологии каскадных таблиц стилей (CSS)

Разработка структуры сайта
Глава 2 Разработка структуры сайта
Разработка структуры сайта

Поиск и замена в файлах проекта
Функция Extended Find
Диалоговое окно для установки параметров расширенного поиска
Команды для сохранения и вызова фрагмента текста
В этом диалоговом окне можно изменить имя под которым будет сохранен фрагмент
Список фрагментов по которым выполнен поиск
Функция Extended Replace
Диалоговое окно для установки параметров расширенной замены
Общая схема разработки узла с помощью HomeSite
Создание и установка параметров проекта

Интерфейс вкладки Projects окна ресурсов
Элементы управления вкладки Projects окна ресурсов
Контекстное меню проекта
Создание нового проекта
З Окно мастера создания проекта
Начальная структура проекта
Исходный состав списка ресурсов
Диалоговое окно для установки параметров раздела списка ресурсов
Список ресурсов после добавления нового раздела
Разработка файловой структуры сайта

Формирование файловой структуры проекта
Вкладка General панели свойств папки проекта
Вкладка Deployment панели свойств папки проекта
Варианты значков для представления папок проекта
Замечания
Диалоговое окно для установки свойств папки с «ручным» заполнением
Структура проекта после добавления новых папок
Работа с файлами проекта
Диалоговое окно для включения файлов в папку проекта
Сообщение о том что добавляемый файл не принадлежит физической папке

Представление файлов проекта на вкладке Projects
Контекстные меню файла а) для вкладки Files б) для вкладки Projects
Изменение параметров проекта
Диалоговое окно Settings категория Projects

Основные инструменты
Глава 3 Основные инструменты
Основные инструменты
Функция Code Template
Вкладка Code Template диалогового окна Settings
Диалоговое окно для описания шаблона
Функция Tag Validation
Результат применения функции Tag Validation
Окно установки параметров функции Tag Validation
Настройка параметров редактора кода
Вкладка Editor диалогового окна Settings

Редактор тегов Tag Editor
Пример диалогового окна редактора тегов
Графическое обозначение специфических атрибутов
Значки броузеров используемые в диалоговых окнах редактора тегов
Формат вкладки Style Sheets/Accessibility (HTML 4 0)
Формат вкладки Events (HTML 4 0)
Вывод справки по тегу
Панель быстрой вставки
Панель Quick Bar
Изменение конфигурации панели быстрой вставки

Диалоговое окно для изменения взаимного расположения вкладок
Диалоговое окно Customize
Вставка тегов с помощью Tag Chooser
Окно утилиты Tag Chooser
Работа с Tag Inspector и Tag Tree
Инспектор тегов
Формат HomeSite при вызове Tag Inspector
Интерфейс окна Tag Inspector
Выбор языка сценария
Выбор обработчика события

Дерево тегов
Формат окна Tag Tree в исходном состоянии
Пример свертывания фрагментов документа с помощью Tag Tree
Установка глобальных параметров
Вкладка Markup Languages диалогового окна Settings
Вкладка HTML/XHTML диалогового окна Settings
Расширенный и сокращенный (стандартный) форматы окон редактора тегов для тега <А>
Редактор кода
Функциональные возможности редактора кода
Панель инструментов редактора кода

З 2 Основной формат контекстного меню редактора кода
Создание и сохранение документа
Работа с фрагментами текста и блоками
Таблица 3 1 Способы быстрого выбора (выделения) фрагмента текста
З 4 Состав команд меню Selection
З 5 Пример использования команды Convert Lines to Ordered List
З 6 Пример использования команды Convert Lines to Table
З 7 Пример использования команды Strip Tags
Результат применения команды Strip Outermost Tags
З 9 Диалоговое окно Snippet

Управление визуальным представлением документа
Вкладка Color Coding диалогового окна Settings
Диалоговое окно для редактирования цветовой схемы
Представление в окне документа свернутых фрагментов
Свертывание произвольного фрагмента
Представление свернутого фрагмента
Вкладка Collapsed Text диалогового окна Settings
Замечания
Функция Tag Insight
Эффект применения функции Tag Insight

Ввод атрибутов тега с помощью функции Tag Insight
Вкладка Tag Insight диалогового окна Settings
Диалоговое окно для изменения списка тегов
Функция Tag Completion
Окно установки параметров функции Tag Completion
Функция Auto Completion
Окно установки параметров функции Auto Completion

Разработка страниц публикации
Глава 4 Разработка страниц публикации
Разработка страниц публикации

Установка параметров шрифта
Вкладка Fonts панели быстрой вставки
Диалоговое окно Font редактора тегов
Работа с графическими элементами
Перечень графических форматов распознаваемых HomeSite
Включение изображений с помощью панели быстрой вставки
Вкладка IMG Tag окна редактора тегов
Вкладка Browserspecific
Замечания
Вставка изображений из окна ресурсов

Вставка изображений из окна результатов
Представление миниатюр изображений в окне результатов
Контекстное меню миниатюры
Таблицы
Создание таблицы с помощью мастера
Первое окно мастера создания таблицы
Index17
Установка параметров таблицы с
Index19
Установка общих параметров страницы

Index20
Index21
Замечания
Редактирование таблиц стилей в
Кнопка Style Editor позволяет
Представление стилей на вкладке Selectors
Диалоговое окно для создания нового стиля
Ввод параметров стиля с помощью всплывающих списков
Вставка тегов МЕТА
Вставка тегов МЕТА с помощью шаблонов кода

Вставка тега МЕТА с помощью Tag Chooser
Окно редактора тегов для установки атрибутов тега МЕТА
Вкладка Common панели быстрой вставки
Окно мастера Quick Start Wizard
Установка атрибутов тега BODY
Диалоговое окно редактора тегов для тега BODY
На вкладке Browserspecific устанавливаются размеры полей страницы
Ввод и форматирование текста
Общий подход к подготовке текстовых материалов
Установка визуальных атрибутов текста

Форматирование текста
Теги форматирования текста представленные на вкладке Common
Автоматическое форматирование фрагмента текста
Создание списков
Вкладка Lists
Диалоговое окно для создания списка
Пример создания вложенных списков
Окно редактора тегов для маркированного списка
Вкладка Content окна редактора тегов для элемента списка
«Заготовка» списка определений созданная с помощью кнопки Definition List

Разработка навигационной схемы сайта
Глава 5 Разработка навигационной схемы сайта

Index1
Создание фреймов с помощью редактора тегов
Окно для установки атрибутов тега <FRAMESET>
Окно для установки атрибутов тега <FRAME>
Редактирование фреймов с помощью Tag Tree и Tag Inspector
Представление параметров набора фреймов на вкладке Tag Inspector окна ресурсов
Общие правила проектирования навигационной схемы сайта
Вариант навигационной схемы небольшого узла
Представление навигационной схемы в окне ресурсов
Способы адресации ресурсов публикации

Пример структуры сайта
Представление ссылок на вкладке Site View
Таблица 5 1 Перечень условных обозначений типов ссылок
Варианты представления навигационной схемы
Пример представления адресов в HomeSite
Дерево ссылок построенное относительно файла главной страницы (lndex html)
Создание гипертекстовых ссылок
Напоминание о том что для создания относительной ссылки требуется сохранить документ на диске
Вкладка A Tag окна редактора тегов Замечание
Предупреждение о том что при работе

Пример создания локальной ссылки
Окно редактора тегов для создания почтовой ссылки
HTMLкод сгенерированный редактором тегов
Создание сенсорной карты
Кнопка вызова утилиты Image Map Editor
Окно выбора изображения для создания сенсорной карты
Окно редактора Image Map Editor
Окно установки атрибутов тега <AREA>
Создание фреймов
Создание фреймов с помощью мастера

Первое окна мастера создания фреймов
Окно Frame Attributes

Создание интерактивных страниц
Глава 6 Создание интерактивных страниц
Создание интерактивных страниц
Работа с формами
Вкладка Forms панели быстрой вставки
Окно редактора тегов для установки атрибутов тега FORM
З Окно редактора тегов для установки атрибутов тега INPUT
Представление одной и той же формы разными броузерами
Пример установки атрибутов при создании группы переключателей

Окно редактора тегов для формирования списка
Окно редактора тегов для установки атрибутов тега OPTION
Поддержка Dynamic HTML
Списки допустимых событий для различных элементов страницы
Флажок Include identical NAME and ID позволяет устанавливать значение атрибута ID
Пример описания поведения кнопки
Выбор способа позиционирования слоя
Установка значения параметра position
Создание сценариев на JavaScript и VBScript
Вкладка Script панели быстрой вставки

Для каждого языка сценариев используется своя схема цветовой подсветки
Выбор языка сценария
Шаблон сценария сгенерированный HomeSite
Просмотр списка сценариев
Представление дерева сценариев
Представление классов объектов в окне JavaScript Tree
Утилита JavaScript Tree обеспечивает
Мастера для создания сценариев на JavaScript
Применение технологии ColdFusion
Общая характеристика ColdFusion

Поддержка CFML в HomeSite
Список версий ColdFusion для которых возможен анализ корректности кода
Вкладка CFML панели быстрой вставки
Установка атрибутов CFMLтега с помощью Tag Inspector

Тестирование сайта и выгрузка на удаленный сервер
Глава 7 Тестирование сайта и выгрузка на удаленный сервер
Тестирование сайта и выгрузка на удаленный сервер
Выгрузка cайта на удаленный сервер
Представление Macromedia FTP/RDS в окне Windows Explorer

Средства доступа к списку удаленных серверов в окне ресурсов HomeSite
Вкладка File Settings — FTP диалогового окна Settings
Диалоговое окно для установки параметров соединения с удаленным сервером
Тестирование страниц
Кнопки для вызова средств тестирования
Проверка корректности кода
Представление информации об ошибках в окне результатов
Таблица 7 1 Виды сообщений об ошибках выдаваемых утилитой Validator
З Сообщение об отсутствии ошибок
Выбор контролируемых версий на вкладке Validation

Вкладка Options панели свойств утилиты Validator
Вкладка Tags панели свойств утилиты Validator
Вкладка Versions позволяет внести изменения в дерево версий
Вкладка Values позволяет выбрать форму представления символьных величин
Тестирование ссылок
Представление списка ссылок документа в окне результатов
Форма отчета о неработоспособных ссылках
Форма отчета о результатах тестирования ссылок
Проверка правописания
Окно настройки параметров утилиты Spell Checker

Диалоговое окно для управления работой Spell Checker
Оценка длительности загрузки
Диалоговое окно с результатами оценки длительности загрузки страницы
Выгрузка сайта на удаленный сервер
Установка параметров развертывания
Вкладка Deployment диалогового окна Settings
Диалоговое окно для указания адреса развертывания проекта
Первый шаг работы мастера развертывания
Второй шаг работы мастера
Выгрузка отдельных папок и файлов

Список файлов выгружаемой папки

Киберсантинг - пакет Homesite

Иллюстрированный самоучитель по Macromedia HOMESITE

Иллюстрированный самоучитель по Macromedia HOMESITE

Иллюстрированный самоучитель по Macromedia HOMESITE

Иллюстрированный самоучитель по Macromedia HOMESITE

Иллюстрированный самоучитель по Macromedia HOMESITE

Иллюстрированный самоучитель по Macromedia HOMESITE

Разработка структуры сайта

Основные инструменты

Разработка страниц публикации

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

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

Тестирование сайта и выгрузка на удаленный сервер