Самоучитель Adobe Dreamweaver CS5.5 — Книга посвящена созданию Web-страниц и Web-сайтов в новой версии визуального Web-редактора Adobe Dreamweaver CS5.5 с применением HTML 5 и CSS 3. Рассказывается об основных принципах Web-дизайна, об оформлении Web-страниц с применением стилей CSS, о верстке на основе принципов контейнерного Web-дизайна, об использовании эффектов и компонентов Spry и мини-приложений Dreamweaver, о наборах данных XML. Особое внимание уделяется применению самых современных на данный момент технологий Web-дизайна, в число которых входят помещение на Web-страницы аудио- и видеороликов, создание кроссплатформенных Web-страниц и медиазапросов, семантическая разметка и новые возможности CSS 3 по форматированию — многоколоночная верстка и гибкая разметка. Также рассказывается о публикации готовых Web-сайтов в Интернете.
Название: Самоучитель Adobe Dreamweaver CS5.5 Автор: Дронов В. Издательство: БХВ-Петербург Год: 2011 Страниц: 384 Формат: PDF Размер: 15,02 МБ ISBN: 978-5-9775-0771-4 Качество: отличное Серия: Самоучитель Язык: русский
Содержание:
Введение Dreamweaver CS5.5 - что нового? Чем мы будем заниматься Типографские соглашения Благодарности Часть I. Введение в современные интернет-технологии Глава 1. Как все это работает Как работает Интернет Программы, обеспечивающие работу Интернета. Клиенты и серверы Протоколы Порты TCP Интернет-адреса IP-адреса и доменные имена Формирование интернет-адресов Web-страницы и Web-сайты Что такое Web-страница и Web-сайт Содержимое, представление и поведение Web-страницы Web-сайты и Web-серверы: технические детали Корневая папка Web-сервера Web-страница по умолчанию Публикация Web-сайта в Интернете. Хостинг-провайдеры Как создаются Web-страницы и Web-сайты. Web-редакторы Альтернативный вариант - CMS Что дальше? Глава 2. Принципы построения Web-сайтов Основные этапы планирования Web-сайта Структурирование Web-сайта Логическая структура Web-сайта Физическая структура Web-сайта Что дальше? Часть II. Создание простейших Web-страниц публикация Web-сайта Глава 3. Введение в Adobe Dreamweaver CS5.5 Рабочее окружение Adobe Dreamweaver CS5.5 Главное окно программы Окна документов Панели Тестирование Web-страниц Интерактивный просмотр Тестирование Web-страниц в Web-обозревателе Вызов справки Предварительная настройка Dreamweaver Регистрация Web-сайта в Dreamweaver Что дальше? Глава 4. Форматирование текста Создание новой Web-страницы Название Web-страницы Набор текста Файловые операции Форматирование текста Панель Свойства Форматирование фрагментов текста Создание заголовков Создание примечаний Создание списков Текст фиксированного формата Вставка специальных символов Разрыв строк Неразрывный пробел Обозначения Горизонтальная линия Комментарии Что дальше? Глава 5. Графические изображения и таблицы Графические изображения Введение в интернет-графику. Внедренные элементы Форматы интернет-графики Вставка графического изображения Как изображения ведут себя на Web-странице. Блочные и встроенные элементы Параметры графического изображения Таблицы Создание таблицы Ввод данных в таблицу Ячейки шапки Объединение ячеек Использование таблиц для разметки Web-страниц Что дальше? Глава 6. Средства навигации Введение в средства навигации Создание гиперссылок в Dreamweaver Создание текстовых гиперссылок Создание графических гиперссылок Цель гиперссылки и ее задание Принципы формирования интернет-адресов, используемых в WWW Создание почтовых гиперссылок Якоря Иерархическая система навигации Что дальше? Глава 7. Работа с HTML-кодом Три режима отображения, поддерживаемые окнами документов Введение в язык HTML Теги Атрибуты тегов Литералы Вложенность тегов Секции заголовка и тела Web-страницы. Невидимые теги Метаданные Web-страницы Инструменты Dreamweaver для работы с HTML-кодом Секция тегов Средства, доступные в режиме отображения HTML-кода Справочник по HTML Что дальше? Глава 8. Публикация Web-сайта Как выполняется публикация Web-сайта Задание параметров публикации Web-сайта Задание места публикации Web-сайта Задание в качестве места публикации FTP-сервера Задание основных параметров FTP-сервера Задание дополнительных параметров FTP-сервера Задание параметров прокси-сервера (брандмауэра) Задание в качестве места публикации локальной папки Задание дополнительных параметров публикации Управление местами публикации Публикация Web-сайта Выбор публикуемого Web-сайта Соединение с FTP-сервером Простая публикация Web-сайта и отдельных его файлов Синхронизация копий Web-сайта Разъединение с FTP-сервером Получение файлов из места публикации Управление файлами и папками с помощью панели Файлы Расширенный режим панели Файлы Что дальше? Часть III. Оформление Web-страниц Глава 9. Введение в таблицы стилей CSS Как создается представление Web-страниц Что такое представление Web-страницы. Язык CSS Стили, атрибуты стиля, селекторы и таблицы стилей Внутренние и внешние таблицы стилей. Организация стилей в таблицы стилей Работа со стилями и таблицами стилей в среде Dreamweaver Создание стилей Привязка стилей Просмотр стилей, действующих на элемент Web-страницы, с помощью панели Стили CSS Просмотр всех созданных стилей с помощью панели Стили CSS Управление стилями Управление таблицами стилей Работа с CSS-кодом таблиц стилей Введение в язык CSS Средства HTML для привязки стилей и таблиц стилей Средства Dreamweaver для доступа к CSS-коду таблиц стилей Справочник по CSS Что дальше? Глава 10. Задание параметров текста Параметры шрифта текста Параметры блока текста Параметры пунктов списков Параметры, задаваемые только вручную в CSS-коде Степень полупрозрачности элемента Web-страницы Создание тени у текста Практикум по созданию стилей Что дальше? Глава 11. Задание параметров фона, размеров, отступов, рамки и курсора Параметры фона Параметры размеров Параметры отступов Параметры рамки Параметры курсора Параметры, задаваемые только вручную в CSS-коде Создание рамок со скругленными углами Объединение рамок соседних ячеек таблицы Практикум по созданию стилей Что дальше? Глава 12. Селекторы, каскадность и контейнеры Селекторы CSS Разновидности стилей CSS Специальные компоненты комбинированных стилей Комбинаторы Псевдоэлементы Псевдоклассы Псевдоселекторы по атрибутам тега Применение к элементу Web-страницы сразу нескольких стилей Правила каскадности Практикум по созданию стилей Контейнеры Встроенные контейнеры Блочные контейнеры Что дальше? Часть IV. Разметка Web-страниц Глава 13. Контейнерный Web-дизайн Введение в контейнерный Web-дизайн Недостатки текстового Web-дизайна Разметка Web-страниц Разметка посредством блочных контейнеров. Контейнерный Web-дизайн Реализация контейнерного Web-дизайна Управление местоположением контейнеров. Плавающие контейнеры Указание ширины для плавающих контейнеров Искажение дизайна Web-страницы и способ его предотвратить Плоская система навигации Реализация разметки, основанной на блочных контейнерах Создание контейнеров, формирующих разметку Задание местоположения и размеров контейнеров, формирующих разметку Создание полосы навигации Создание остальных Web-страниц Web-сайта Что дальше? Глава 14. Шаблоны Введение в шаблоны Dreamweaver Реализация шаблонного Web-дизайна Создание шаблона Создание изменяемых областей Создание Web-страниц на основе шаблонов Правка шаблонов, на основе которых уже созданы Web-страницы Дополнительные возможности шаблонов Повторяющиеся области Необязательные области Необязательные изменяемые области Табличная повторяющаяся область Изменяемые атрибуты Открепление Web-страниц от шаблонов Что дальше? Часть V. Создание интерактивных Web-страниц Глава 15. Простейшие интерактивные элементы. Поведения Dreamweaver Введение в создание интерактивных элементов Web-сценарии События Имена элементов Web-страниц Web-программирование - подход Dreamweaver. Поведения Работа с поведениями Создание поведений Некоторые поведения, поддерживаемые Dreamweaver, и их параметры Переход к URL-адресу Изменение значения у атрибута результирующего стиля Управление поведениями Интерактивный просмотр Web-страниц, дополнение Теги HTML, предназначенные для поддержки Web-сценариев Что дальше? Глава 16. Эффекты и компоненты Spry Понятие об эффектах и компонентах Spry Подготовка к созданию эффектов и компонентов Spry Работа с эффектами Spry Создание эффектов Spry Некоторые эффекты Spry, поддерживаемые Dreamweaver, и их параметры Плавное появление или исчезновение элемента Web-страницы (Появление/Растворение) Плавное увеличение или уменьшение размеров элемента Web-страницы (Расширить/Сжать) Управление эффектами Spry Работа с компонентами Spry Создание компонентов Spry Свертываемая панель Spry (спойлер) Набор вкладок Spry (гармошка) Управление компонентами Spry Настройка внешнего вида компонентов Spry Что дальше? Глава 17. Наборы данных Понятие о наборах данных Создание наборов данных XML Краткий курс языка XML Формирование наборов данных Создание набора данных XML в Dreamweaver Использование наборов данных XML Подключение набора данных Вывод данных, хранящихся в наборах Область Spry Динамический текст Spry Повторяющаяся область Spry Оформление компонентов Spry с помощью стилей CSS Что дальше? Глава 18. Мини-приложения (виджеты) Dreamweaver Что такое мини-приложение Программа Adobe Widget Browser Главное окно программы Вход в магазин приложений Получение подробных сведений о мини-приложениях Установка мини-приложения Управление установленными мини-приложениями Выход из магазина приложений Работа с мини-приложениями в Dreamweaver Помещение мини-приложения на Web-страницу Задание содержимого для мини-приложения Настройка мини-приложений Создание пользовательского пресета Управление пользовательскими пресетами Что дальше? Часть VI. Используем новейшие технологии Глава 19. Вывод аудио и видео на Web-страницах Три способа поместить на Web-страницу аудио- или видеоролик Перекодирование мультимедийных файлов с помощью утилиты SUPER Запуск Настройка Использование Завершение работы Размещение аудио- и видеороликов на Web-странице средствами HTML 5 Подготовка мультимедийных файлов Размещение аудио и видео на Web-странице Размещение аудиоролика на Web-странице Размещение видеоролика на Web-странице Альтернативные источники Размещение на Web-странице видеороликов Flash Video Подготовка видеофайлов Размещение видеоролика на Web-странице Размещение на Web-странице видеороликов, хранящихся на сервисе видеохостинга Что дальше? Глава 20. Разработка кроссплатформенных Web-страниц Введение в кроссплатформенный Web-дизайн Что такое кроссплатформенность Реализация кроссплатформенного Web-дизайна. Медиазапросы Работа с медиазапросами в Dreamweaver Создание файла медиазапросов Просмотр Web-страницы при различных разрешениях экрана Правка таблиц стилей, определенных в медиазапросах Режим многоэкранного просмотра Что дальше? Глава 21. Семантическая разметка Web-страниц Введение в семантическую разметку Что такое семантическая разметка Теги семантической разметки Реализация семантической разметки Что дальше? Глава 22. Многоколоночная верстка и гибкая разметка Многоколоночная верстка В каких случаях многоколоночная верстка может пригодиться Атрибуты стиля, предназначенные для реализации многоколоночной верстки Основные параметры колонок Дополнительные параметры колонок Растягивание элемента Web-страницы на все колонки Реализация многоколоночной верстки Гибкая разметка Понятие гибкой разметки Атрибуты стиля, предназначенные для реализации гибкой разметки Собственно реализация гибкой разметки Указание направления гибкой разметки Указание выравнивания для элементов Реализация гибкой разметки Заключение Предметный указатель