Webразработка с Macromedia Studio MX

         

Webразработка с Macromedia Studio MX

Планирование узла
Определение узла
Навыки необходимые для создания узла
Описание проекта
Планирование производства Webузла
Управление созданием Webузла
Взаимодействие в процессе работы над проектом
Манифест

Дизайн Webузла сети магазинов JTC Clothing


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

Средства для создания содержания
Формирование команды
Члены команды
Создание графика работ
Крайние сроки
Утилиты составления графика работ
Использование расширения Calendar пакета Dreamweaver
Главная страница узла Dreamweaver
На странице расширения выберите
Macromedia Extension Manager устанавливает

Диалоговое окно Insert Calendar
Резюме

Webразработка с Macromedia Studio MX

Управление содержанием

Использование средств управления
Папки
Управление материалами мультимедиа
Использование средств управления файлами в Dreamweaver MX
Определение локального узла в Dreamweaver MX
При выборе вкладки Basic запускается
Определение локального узла с
Определение удаленного узла Dreamweaver MX
При определении удаленного узла
Установка привилегий Check In/Check Out

Установка протоколов Check In/Check Out
Получение и регистрация файлов
После того как вы укажете пакету
Использование примечаний
Включение функции Design Notes
Добавление примечаний
В списке Status содержится полный
Fireworks и Design Notes
Создание рабочих отчетов
Отчет о полученных файлах

Окно Reports открывается из меню
Отчет из примечаний
Установка критериев отчета
Панель Assets
Панель Assets для узла JCT
Вставка материалов на страницу
Переименование избранного материала
Копирование материалов на разные узлы
Маскировка файлов и папок в Dreamweaver MX
Включение и отключение маскировки

В меню Site выбрала маскировка
Маскировка и демаскировка файлов
Маскировка файлов в Dreamweaver
Общие библиотеки во Flash MX
Изменение и замена совместно используемых символов
Соглашение об именах
Типовые расширения файлов
Соглашения об именах рисунков
Соглашения о каталогах
Отслеживание версий

Резюме

Webразработка с Macromedia Studio MX

Совместная работа
Использование Sitespring для руководства
Короткое путешествие по Sitespring
Страница входа в Sitespring Имя
На домашней странице
Модули Sitespring
Установка правил в Sitespring
Добавление нового пользователя

Страница User Management приложения
Страница Add User отображает информацию
Корпоративная иерархия
Создание и изменение клиента в Sitespring
Установка организации клиента
Установка и использование модуля My Projects
Добавить проект на страницу Add
Модуль Discussion
Начало дискуссии и участие в потоковых дискуссиях
Sitespring и обмен информацией

Узел проекта
Первым шагом в создании узла проекта
Создание узла проекта
На узле проекта созданного
Страница Create Project Site
Новый пользователь имеет права доступа к узлу
Выбор модулей для узла проекта
Добавление категорий документа
Kate Small была добавлена в
Добавление членов команды

Окно узла проекта отображает
Узел проекта отображает детали пользователей и видимость
Узел проекта без установленных категорий документов
Категория документов добавленная администратором
В категорию документов добавлен
Назначение задач членам команды
Установка узла клиента в Dreamweaver MX
Членам команды назначаются задачи
Создание нового файла в Fireworks
Ограничение доступа к узлу клиента

Создание регистрационной записи (login) в Dreamweaver MX
Резюме

Webразработка с Macromedia Studio MX

Проверка своих идей на модели узла
Планирование узла JCT
Эскиз
Модели навигации
Линейная модель навигации
Линейную модель можно сравнить со слайдшоу
Иерархическая модель навигации

Иерархическая модель навигации
Модель "звезда"
Модель типа "звезда"
Модель полной навигации
Как выбрать подходящую модель
В полной модели практически все
Несколько предварительных набросков плана узла JCT
Конструирование информационных страниц
Создание эскиза
На этом листке нате внимание привлекла

Логотип и талисман размещенные на странице
Нам потребовалось решить множество
Структура узла
Обратите внимание что в оригинале
Создание карт узлов
Создание карты узла в Fireworks MX
Создание и использование символов в Fireworks
Диалоговое окно New Document в Rreworks
Объект на странице был преобразован
Использование и изменение символов

Чтобы изменить местоположение
Создание карты узла в Dreamweaver MX
Открытие окна Site Map
Карта узла открытая в панели
Чтобы добавить страницы в представление
Перевод карты узла в режим Deliverable
Создание карты узла во FreeHand
Карту узла легко создать в приложении
Резюме

Webразработка с Macromedia Studio MX


Каркасная модель узла
Определение каркасной модели
Планирование элементов навигации
Кнопки
Кнопки Fireworks MX больше не
Меню
Ссылки
Присваивая кадрам видеоролика
Создание каркасной модели узла JCT в Fireworks MX
Символы

Экспорт и импорт библиотеки символов в Fireworks MX
Символу библиотеки могут экспортировать
Экземпляры
Каркасная модель созданная из
Использование Dreamweaver MX для проверки навигации
Комбинирование карты узла с каркасной моделью
Каркасные модели и Freehand
Создание каркасной модели во Free Hand
Совместное использование библиотек FreeHand
помещен в непечатаемую

Символы помещены на своих местах
От FreeHand — к Fireworks и Dreamweaver MX
Страница слои и библиотека созданные
Создание каркасной модели в Dreamweaver MX
Страница проделала путь от приложений
Установка расширения Wireframing
Использование расширения Wireframing
На странице создана каркасная модель с активными ссылками
Неверно названный элемент Page Title Bar
На первую страницу каркасной

Резюме

Webразработка с Macromedia Studio MX

Создание динамических страниц
Планирование данных
Быстрое и эффективное представление данных
Создание базы данных
Создание баз данных в Microsoft Access
Чтобы создать новую базу данных
В меню Объекты выберите пункт
Поля таблицы сформированы и установлен первичный ключ

Описание таблицы Product Обратите
В окне Изменение связей определяется тип связи между полями
Заполнение базы данных Сконструировав
Продукты вводятся в таблицу Product
Выходим в Internet с помощью ColdFusion
Создание пробного шаблона для
Первым делом нужно указать приложению
Выбор файла базы данных
База данных JCT созданная в
Создание страницы динамических данных в Dreamweaver MX

Установка пароля удаленного
Создание страницы с динамическим
Данные выбранные из базы данных
В окне Repeat Region указывается
Так выглядят данные из таблицы
Резюме

Webразработка с Macromedia Studio MX

Планирование внешнего вида страниц
Шрифты
Обзор шрифтов

Семейство Univers Это семейство
Шрифты очки и семейства
Используя равный вес слов можно
Заметьте как изменилось значение
Понятность и разборчивость
Обратите внимание как верхние
Слово Condor можно
Какая строка более понятна — верхняя
Этот текст написанный прописными
Понятность текста исчезает когда

Выбор и использование шрифта
Происхождение шрифтов с засечками
Книгопечатание и 94футовый "Линкольн"
Использование символа фита вместо
Webшрифты
Технологии цифровых шрифтов
Буква из шрифта Times формата
Буква шрифта Times формата Postscript
Как через 371 год "Haas Neue
Шрифты и Macromedia MX Studio

Управление шрифтами в Dreamweaver
Стили HTML в Dreamweaver MX
Параметры стилей HTML
Стиль определен и применен
Таблицы стилей CSS в Dreamweaver
Стилю присвоено имя он определен
Форматирование сталей довольно
Элементы управления шрифтом
Flash MX и шрифты
Обновленный интерфейс Flash

Цвет
Модели цветов
Как установить гамму в Fireworks MX
Палитры цветов
Создание схемы цветов в Fireworks MX
Создание схемы цветов во Flash MX
Установка гаммы цветов в Fireworks
Используйте растровые и векторные
Webцвета
Градиенты

Графическое доказательство того
Эскиз содержания
Утилиты Macromedia
Создание эскиза иерархического меню
Уровни иерархического меню
Совместное использование Dreamweaver MX и Rreworks MX
В окне Preferences Dreamweaver
Покадровая анимация во Flash
Замечание
Во Flash MX установлена сцена

Совет
Замечание
Резюме

Webразработка с Macromedia Studio MX

Планирование узла
Создание прототипа с помощью Macromedia MX Studio
Создание прототипа во FreeHand
Совет
Рабочую область FreeHand можно
Верхняя часть страницы готова

Прототип главной страницы создан
Элементы эталонной страницы вставлены
Вторая страница с элементами эталонной страницы
Страница карточки покупки создана
Экспорт файла HTML из FreeHand
Диалоговое окно Navigations приложения
Предупреждение
Диалоговое окно HTML Output позволяет
Диалоговое окно HTML Setup позволяет
Страница HTML преобразована

Замечание
Оптимизация документов FreeHand в Fireworks MX
С помощью диалогового окна Vector
Замечание
Первая страница файла FreeHand
Страница Shoes импортирована
Сборка прототипа в Dreamweaver MX
Домашняя страница со ссылками
Резюме

Webразработка с Macromedia Studio MX


Работа с рисунками в Fireworks MX
Векторы
Растры
Форматы
PNG
GIF
JPEG
Цветовая коррекция в Fireworks
Совет
Цветовая коррекция рисунка средствами Fireworks MX

С помощью ползунка можно настроить
Ползунки яркости и контрастности
Цвет пикселей отображен в формате
С помощью кривой каналов можно
Ползунок ватта в диалоговом окне
К рисунку применяется маскировка сглаживания
Окончательный рисунок имеет немного
Использование инструментов для работы с рисунком
Инструмент Rubber Stamp
Использование инструмента Pencil и выделения

Инструмент Pencil идеально подходит
Используя инструменты Rubber
Обрезка рисунка
готов к обрезке С помощью
Изменение размеров рисунка
С помощью инструмента Area Export
Масштабирование в кратное число раз
Команды представленные в диалоговом
Совет
Инструмент Scale используется

Избирательная компрессия JPG
Создание маски
Сохранение выделения
Размывка и создание блеклости ( blurring desaturating)
Фон был размыт а насыщенность
Настройки избирательного сжатия
Спецэффекты
Создание рисунков Sepia Tone
унки с эффектом Sepia Tone
Создание эффекта виньетки

Эффект виньетки выполняется
Добавление рамки в рисунок
Маски
Для удаления фона с рисунка была применена растровая маска
Добавление границы к маске
Обратите внимание на изменение
Создание маски во FreeHand и использование ее в Fireworks
Фильтр Alien Skin Edges из набора
Выбран инструмент Roughen и установлены его параметры
Фильтры

Объект маски созданный во FreeHand
Карты рисунков и переключатели
Создание распределенного переключателя
Перетащите маркер к тому месту
Использование в переключателе внешних файлов
С помощью маркера определяются рисунки триггера и мишени
Диалоговое ото Swap Image позволяет
Создание слайсов
Слайсы должны соответствовать геометрии страницы
Присвоив слайсам имена в слое

Папки для страницы и фрагментов определены
Документ HTML сгенерированный
Альтернативные описатели
Оптимизация слайсов для экспорта в Fireworks MX
Добавление альтернативного описания
Резюме
Окно Property позволяет просмотреть

Webразработка с Macromedia Studio MX

Цифровое видео и Flash MX
Обзор цифрового видео

Вопросы цифрового видео
Форматы файлов и сжатие
Размер кадра
Длина фильма
Частота кадров
Сжатие
Скорость передачи данных
Использование Sorenson Squeeze
Подготовка ленты в Squeeze
Пользователи Мае сначала должны

Различия в работе приложения Squeeze на PC и Маc
Перед пользователями PC интерфейс
Щелкнув на одной из кнопок установки
Диалоговое окно Compression Settings
Замечание
Кодек Spark Pro
Импорт видео во Flash MX
Установки сжатия кодека Spark крайне просты
Замечание
Использование кодека Flash MX Spark

Вставка видео
Видео помещено в символ Movie
Связывание видео
Параметры видео во Flash MX
Окно Property и видео
Параметры видео в видеоряде отображаются в окне Property
Параметры символов видео
Кнопка Export диалогового окна
Создание видео во Flash MX с использованием
Подготовка клипа в утилите Squeeze

Подготовка для воспроизведения через модем
При низкой скорости канала в Internet
Вставка клипа во Flash MX
Замечание
Параметры импорта файла QuickTime
Создание индикатора загрузки
Видео импортировано во Flash
Индикатор загрузки преобразован
Установленные элементы и слои
Совет

Управление видео во Flash MX
Кнопки Play и Stop добавляются
Создание кадра видео в Fireworks MX
Блок с тенью можно поместить во Flash MX
Публикация фильма Flash MX
Все материалы готовы к публикации
Диалоговое окно Sound Settings
Резюме

Webразработка с Macromedia Studio MX

Создание штриховой графики для Web

Типы графических файлов
Векторная графика
Замечание
Растровая графика
Возможность работать над одним
Создание рисунка GIF в Fireworks MX
Диалоговое окно Export Preview
Панель Optimize появившаяся в
Создание штриховой графики в пакете MX Studio
Создание талисмана JCT

Создание талисмана JCT начинается с эскиза на бумаге
Замечание
постепенно становится
Раскраска рисунка с помощью инструментов рисования
Для работы с грубыми линиями в
Шум с рисунка удаляется с помощью инструмента Eraser
Кроссовки персонажа раскрашены
Совет
Кисть является подходящим инструментом
Создание оттенков

Замечание
При помощи распылителя можно
Устранение фона и уменьшение разрешения
Замечание
В диалоговом окне Image Size
Векторизация растровых рисунков во Freehand
Совет
Форма градиента нарисована и
Очерчивание объекта и создание заполнения градиента
Работа со слоями во Freehand

Мы создали градиент взяв образцы
Объект JT создан и раскрашен
Спецэффекты Fireworks MX
Панель Effects
Все эффекты и фильтры Fireworks
Отбрасывание тени
На панели Drop Shadow Effects
Применение эффекта фаски
Использование заполнений и шаблонов Fireworks MX
Градиенты не всегда строятся

Эффекты и заполнения открывают
Замечание
Применение двух фильтров Alien
Предупреждение
Команда Twist and Fade
Параметрами эффекта можно управлять
К объекту применен эффект Twist and Fade
Этот рисунок является ответом
Резюме