Web дизайн с Macromedia HOMESITE

         

Web дизайн с Macromedia HOMESITE

Глава 1 Знакомство с HomeSite
Знакомство с 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
Диалоговое окно для указания адреса развертывания проекта
Первый шаг работы мастера развертывания
Второй шаг работы мастера
Выгрузка отдельных папок и файлов

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

перейти
перейти
Содержание раздела