Dreamweaver CS 5 описание


Содержание

Adobe Dreamweaver CS5

Вышла новая версия веб-редактора от компании Adobe.
Программное обеспечение Adobe Dreamweaver CS5 позволяет дизайнерам и разработчикам создавать веб-сайты профессионального уровня на базе отраслевых стандартов. Дизайн при помощи инструментов проверки CSS, разработка сайтов для систем управления контентом, а также удобство и точность тестирования совместимости с браузерами благодаря интеграции с Adobe BrowserLab, новой онлайн-службой Adobe CS Live.
Новые функции Adobe Dreamweaver CS5:
Встроенная поддержка CMS. Поддержка создания и тестирования материалов для таких систем управления контентом, как WordPress, Joomla! и Drupal.

Проверка CSS. Визуальное отображение модели CSS, а также удобные средства включения и отключения свойств CSS без необходимости чтения кода или приобретения отдельных утилит.
Интеграция с Adobe BrowserLab. Отображение динамических страниц и локального контента при помощи различных средств просмотра, диагностики и сравнения.

Подсказка по пользовательским классам PHP. Просмотр синтаксиса пользовательских функций PHP для предупреждения возникновения ошибок при написании кода.
Интеграция с Business Catalyst. Воспользуйтесь интеграцией Dreamweaver с услугой Adobe Business Catalyst (не входит в комплект) для создания мощных бизнес-приложений для сети Интернет без необходимости написания кода.

Подсказка по коду для отдельных сайтов. Удобная подсказка по коду для нестандартизированных файлов и каталогов в Dreamweaver.
Улучшения в Adobe Dreamweaver CS5:
Готовые макеты CSS. Быстрое создание веб-сайтов на базе отраслевых стандартов при помощи удобных автоматизированных заготовок макетов CSS.
Поддержка Subversion. Эффективное управление файлами компонентов сайта благодаря совместной работе в среде с поддержкой контроля версий и улучшенной совместимостью с Subversion.
Простая настройка сайтов. Средства для быстрой настройки веб-сайтов, в том числе с поддержкой нескольких серверов (статические или сетевые сайты).
Системные требования Windows:
Процессор Intel Pentium 4 или AMD Athlon 64.
Microsoft Windows XP с пакетом обновления SP2 (рекомендуется пакет SP3); Windows Vista Home Premium, Business, Ultimate или Enterprise с пакетом SP1 либо Windows 7.
512 Мбайт оперативной памяти.
Для использования некоторых функции Adobe Bridge необходимо наличие видеокарты с поддержкой DirectX 9 и видеоОЗУ емкостью не менее 64 Мб.
Java Runtime Environment 1.5 (32-разрядная версия) или 1.6.
Программное обеспечение QuickTime 7.6.2, необходимое для функций QuickTime.
Adobe Flash Player 10 для воспроизведения проектов DVD, экспортируемых в виде файлов SWF.
Цена программы Adobe Dreamweaver CS5: $399.

Dreamweaver CS5. Руководство на русском языке

Adobe Dreamweaver CS5. Руководство пользователя

  • Автор: Adobe Systems Inc.
  • год издания: 2010
  • язык: русский
  • самоучитель объемом: 731стр
  • формат: PDF
  • размер файла: 7 MB

Официальное руководство пользователя по Adobe Dreamweaver CS5 на русском языке. Более подробного описания по использованию и возможностям программы Dreamweaver CS5, чем в руководстве пользователя представить сложно.

Руководство по Dreamweaver CS5 иллюстрировано цветными изображениями, а пункты содержания — работающие ссылки, так что пользоваться им очень удобно. Если вы собираетесь использовать HTML-редактор Dreamweaver «в серьез и надолго», то с этим руководством вы быстро изучите незнакомые инструменты и функции программы. Это скорее справочник по Dreamweaver CS5, который в работе используют как настольную книгу.

Кроме сведений о работе с программой вы найдете устаревшие и новые возможности версии CS5: кросс-браузерное тестирование совместимости, много нововведений относится к языку стилей CSS и проверки его кода, совместимости с популярными CMS. C помощью руководства вы также сможете удобно настраивать рабочее пространство Dreamweaver «под себя».

скачать руководство Dreamweaver CS5: DepositfilesTurbobit

Еще по теме создания сайтов:

Создание сайта с нуля (PDF)

Процесс создания сайта с нуля — на понятном языке для абсолютных новичков. Четыре этапа сайтостроительства: разработка дизайна, верстка, добавление скриптов и размещение сайта в сети.

Курсы Евгения Попова

Скачать уроки по созданию сайтов и веб-программированию, освоению инструментов и технических моментов для ведения собственного бизнеса в интернете.

Верстка сайта на HTML и CSS

Перед вами уроки по верстке сайтов на HTML и CSS. Это незаменимое руководство для новичков, планирующих делать востребованные и современные сайты, как для себя, так и на заказ.

Заработок на создании сайтов под заказ

Подробная инструкция для фрилансеров по заработку на создании сайтов под заказ. Правильная стратегия автора, который сам прошел этот путь с нуля и добился успеха.

Верстка сайта на HTML5 и CSS3

Видеокурс по изучению технологий верстки адаптивных сайтов. Основанием всех современных сайтов являются «два кита»: новейшие версии веб-языков HTML5 и CSS3.

Создание одностраничных сайтов под ключ

Технология создания одностраничных сайтов с начала и до конца. Поэтапно: дизайн, верстка и эффективные способы продвижения.

Интернет-магазин Opencart 2.0 в примерах

Пример создания интернет-магазина на движке Opencart. Пошаговые уроки помогут освоить техническую сторону процесса — останется лишь наполнить сайт товарами.

SEO раскрутка (PDF)


Книга по SEO, которая стала бестселлером в интернете. Поисковая оптимизация приносит более лояльный трафик из поисковых систем, а конверсия у него выше, чем от платной рекламы.

Dreamweaver CS 5: описание

Adobe Dreamweaver CS5

Минимальные системные требования для работы, которые рекомендует компания Adobe

Windows

Процессор — Intel® Pentium® 4 или AMD Athlon® 64
ОС — Microsoft® Windows® XP с пакетом Service Pack 2 (рекомендуется Service Pack 3) либо Windows Vista® Home Premium, Business, Ultimate или Enterprise с пакетом Service Pack 1 или Windows 7
Оперативная память — 512 Мб оперативной памяти
Место на диске — 1 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на сменные носители)
Разрешение монитора — 1280×800 с 16-разрядной видеокартой
Привод — DVD-ROM

Mac OS

Процессор — Multicore Intel®
ОС — Mac OS X v10.5.7 или v10.6
Оперативная память — 512 Мб оперативной памяти
Место на диске — 1,8 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на диск, для которого используется файловая система, чувствительная к регистру, или на сменные носители)
Разрешение монитора — 1280×800 с 16-разрядной видеокартой
Привод — DVD-ROM

Также желательно иметь широкополосное интернет-соединение, необходимое для получения онлайн-услуг.

Разработчик предоставляет продукт Adobe Dreamweaver CS5 на языках:

  • Португальский (Бразилия)
  • Китайский упрощенный
  • Китайский традиционный
  • Чешский
  • Голландский
  • Английский
  • Французский
  • Немецкий
  • Итальянский
  • Японский
  • Корейский
  • Польский
  • Русский
  • Испанский
  • Шведский
  • Турецкий

В глобальной сети также можно найти и другие неофициальные переводы, украинский язык, например для Adobe Dreamweaver CS5

Новые функции Dreamweaver CS5, которые Adobe предлагает нам в своих анонсах:

Adobe BrowserLab

Представляет собой быстрое и точное решение для тестирования на совместимость с разными браузерами. С BrowserLab вы можете просматривать веб-страницы и локальные файлы с использованием нескольких браузеров для сравнения вида страниц.

Интеграция с Business Catalyst

Adobe Business Catalyst это размещенное на удаленном сервере приложение, которое позволяет заменить несколько традиционных приложений одной, центральной платформой для веб-дизайнеров. Приложение работает совместно с Dreamweaver, и позволяет создавать широкий спектр сайтов: от простых сайтов до мощных интернет-магазинов.

Включение / отключение CSS.

Включение / отключение CSS позволяет отключить и снова включить свойства CSS непосредственно из панели CSS Styles в Adobe Dreamweaver CS5. Отключение свойств CSS просто комментирует указанное свойство, фактически не удаляя его.

Проверка CSS.

Режим проверки позволяет визуально отображать свойства блоковой модели CSS, в том числе отступы, границы в подробностях без необходимости просмотра кода или установки отдельных утилит, таких как Firebug.

Динамически связанные файлы

Функция просмотра динамически связанных файлов в Adobe Dreamweaver CS5 позволяет узнать все внешние файлы и сценарии для работы систем управления контентом (CMS), работающих на PHP. Имена связанных файлов отображаются в панели инструментов. По умолчанию Dreamweaver поддерживает файлы, которые используются в WordPress, Drupal и Joomla!

Навигация по живому просмотру

Навигация по живому просмотру активирует ссылки в режиме Live View, что позволяет работать с серверными приложениями и динамическими данными. Эта функция также позволяет вводить URL-адрес для проверки страниц, полученных с веб-сервера и редактировать страницы, которые вы просматривали, если находятся в одном из ваших локально определенных сайтов.

Подсказки по коду PHP

Всплывающие подсказки по коду PHP помогают правильному написанию синтаксиса для функций, объектов и констант PHP. Подсказки по коду Adobe Dreamweaver CS5 также работают с вашими собственными функциями и классами, а также сторонними структурами, такими как Zend framework.


Упрощенная настройка сайта

Диалоговое окно установок сайта имеет обновленный дизайн. Новый вид упрощает создание локального сайта Dreamweaver, для того, чтобы можно было быстрее приступить к созданию веб-страниц. Категория установок удаленного сервера позволяет вам задать параметры удаленного и тестового сервера в одной вкладке.

Подсказки для определенных сайтов

Функция подсказок для определенных сайтов позволяет настроить среду для редактирования кода при работе со сторонними библиотеками PHP и системами управления контентом, таких как WordPress, Drupal, Joomla! и других. Файлы тем для блогов и других пользовательских файлов PHP и каталогов могут быть включены или исключены из источников подсказок для кода.

Улучшеная поддержка системы Subversion

Dreamweaver CS5 расширяет свою поддержку Subversion, что позволяет перемещать, копировать и удалять файлы локально, а затем синхронизировать изменения с удаленным SVN-репозиторием. Новая команда «Вернуть» позволяет быстро исправить дерево конфликтов или вернуться к предыдущей версии файла. Кроме того, новое расширение позволяет вам указывать, с какой версией Subversion вы хотели бы работать в данном проекте.

Доступна 30-дневная пробная версия редактора Adobe Dreamweaver CS5 и данный продукт требует активации.

В новой версии Adobe Dreamweaver CS5 нет таких функций:

  • Accessibility validation report
  • ASP/JavaScript server behaviors
  • Check Browser JavaScript behavior
  • Connect to FTP/RDS server without defining a site
  • Control Shockwave or SWF JavaScript behavior
  • Create Web Photo Album
  • Hide Pop-up Menu JavaScript behavior
  • InContext Editing Manage Available CSS Classes
  • Insert FlashPaper
  • Insert/Remove Mark of the Web
  • Microsoft Visual Sourcesafe integration
  • Navigation bars
  • Play Sound JavaScript behavior
  • Show Events menu (Behaviors panel)
  • Show Pop-up Menu JavaScript behavior
  • Timeline JavaScript behaviors
  • Validate tags
  • View Live Data

Adobe Dreamweaver CS5 входит в состав пакетов:

Adobe Creative Suite 5 Design Premium

  • Photoshop CS5 Extended
  • Illustrator CS5
  • InDesign CS5
  • Flash Catalyst CS5
  • Flash Professional CS5
  • Dreamweaver CS5
  • Fireworks CS5
  • Acrobat 9 Pro
  • Bridge CS5
  • Device Central CS5

Adobe Creative Suite 5 Web Premium

  • Dreamweaver CS5
  • Flash Catalyst CS5
  • Flash Professional CS5
  • Flash Builder 4 Standard
  • Photoshop CS5 Extended
  • Illustrator CS5
  • Acrobat 9 Pro
  • Fireworks CS5
  • Contribute CS5
  • Bridge CS5
  • Device Central CS5

Adobe Creative Suite 5 Master Collection

Как создать свой сайт? Adobe Dreamweaver

Цель : ознакомиться с Dreamweaver при создании веб-страницы, а так же с рабочей областью программы.

Илон Маск рекомендует:  Что такое код jpeg2wbmp

Задачи:

  • Исследовать рабочую область.
  • Научиться создавать новую страницу, используя содержимое CSS.
  • Научиться сохранять документ.
  • Научиться изменять название страницы и текстовые заголовки.
  • Научиться вставлять текст из внешнего документа.
  • Научиться добавлять изображения на передний план и в качестве фоновых изображений.
  • Научиться создавать, изменять и выбирать стили CSS.
  • Научиться работать с режимами отображения Code (Код) и Code and Design (Код и дизайн).

В процессе выполнения всех лабораторных работу, вами будет создан полноценный веб-сайт туристической компании.

Структура веб-страниц представлена на рисунке 1.

Рисунок 1 — Структура итогового веб-сайта

В результате выполнения данной лабораторной работы у вас должна получиться такая веб-страница (рисунок 1.1):

Рисунок 1.1 — Предварительный просмотр веб-страницы

Использование Welcome screen


Окно Welcome screen (Экран приветствия) обеспечивает быстрый доступ к страницам, с которыми вы недавно работали, помогает легко создавать разные типы страниц и предоставляет прямой доступ к некоторым ключевым темам, в которых можно найти ответы на интересующие вас вопросы. Welcome screen появляется при первом запуске программы или если не открыты какие либо иные документы.

Давайте используем окно Welcome screen, чтобы изучить способы открытия документа.

1. Чтобы открыть новую пустую страницу, щелкните по варианту HTML в столбце Create New (Создать) (рисунок 1.2).

Рисунок 1.2 — Окно Welcome screen

2. Перед вами откроется новый HTML документ (рисунок 1.3).

Рисунок 1.3 — Новое окно HTML

Выбор макета CSS

В Adobe Dreamweaver CS4 есть 32 файла макетов CSS, дизайн каждого из которых отличается. В этом задании мы выберем один файл и изменим его.

  1. Выполните File => New (Файл => Создать).
  2. Выберите столбец BlankPage (Пустая страница) в диалоговом окне NewDocument (Создать документ).
  3. Выберите HTML в столбце PageType (Тип страницы).
  4. Выберите 2 columnfixed, leftsidebar, headerandfooter (2 колонки фиксированной ширины, боковое поле слева, верхний и нижний колонтитул) в столбце Layout (Макет).
  5. Не изменяйте настройки других опций, установленные по умолчанию, и щелкните по кнопке Create (Создать).
  6. Выберите File => Save (Файл => Сохранить).
  7. После появления диалогового окна Save As (Сохранить как) перейдите в папку lab1. Введите «Umbria.html» и кликните по кнопке Save.

Выбор режима отображения документа

Большинство операций по веб-дизайну мы будем выполнять в окне Design, но помните что у окна Document есть четыре режима отображения (рисунок 1.4):

  • Design (Дизайн) – представляет страницу в контексте подобном браузеру;
  • Code (Код) – отображает исходный код страницы;
  • CodeandDesign (Код и дизайн) – объединяет и режим отображения Design и режим отображения Code. Щелкните по кнопке Split (разбить), чтобы отобразился этот режим отображения.
  • Live (Интерактивный просмотр) – представляет страницу в браузере, функционирующем в режиме реального времени.

Рисунок 1.4 — Режимы отображения

Режимы отображения связаны друг с другом. Любые изменения, сделаные в одном из них, сразу можно увидеть и в других.

Изменение заголовка страницы

Заголовок страницы отображается в строке заголовка браузера. Заголовки страницы являются одним из ключевых элементов, используемых поисковыми системами для индексации веб-сайтов.

  1. Выберите заполнитель текста «Untitled Document» («Документ без названия») в поле Title(название) панели инструментов Document (рисунок 1.5).
  2. Напечатайте туда «Umbria Hill Town Tours» и нажмите Enter.

Рисунок 1.5 — Панель инструментов Document

Изменение заголовков

Заполнители заголовков в Dreamweaver легко изменить.

1. Два раза щелкните по тексту заполнителя Title, чтобы его выбрать. Затем введите «Путешествуйте по Умбрии с нами» (рисунок 1.6).

Рисунок 1.6 — Изменение заполнителя заголовка

2. Наведите курсор в начало текста заполнителя Main Content (Основное содержание) и выделите всю фразу.
3. Выделив текст, введите «Ты получаешь удовольствие. Мы работаем.» (рисунок 1.7)

Рисунок 1.7 — Изменение заполнителя содержания

4. Выберите File => Save (Файл => Сохранить).


Вставка текста

Простой текс можно изменять так же легко, как и заголовки.

1. Поместите курсор перед простым текстом заполнителя и выделите текст до конца, чтобы выбрать второй заполнитель заголовка и все абзацы.
2. Нажмите клавишу Delete, чтобы удалить то, что вы выбрали.
3. Перейдите к файлу Text.txt расположенный в папке Lessons/lab1/Text.txt.

4. Скопируйте текст в буфер обмена.
5. Вставьте скопированный текст под заголовком «Ты получаешь удовольствие. Мы работаем.» (рисунок 1.8).

Рисунок 1.8 — Вставка текста

Текст автоматически будет отформатирован как абзацы.

6. Таким же образом введите «Umbria Hill Town Tours» в поле Footer.
7. Создайте конец строки нажав Shift+Enter, затем введите «Наши контакты».

Вставка изображений

1. Выберите в боковой панели все содержимое, включая заголовок заполнителя Sidebar1 Content и два последующих абзаца.
2. Нажмите Delete.
3. Щелкните по

Рисунок 1.9 — Селектор тегов

4. Если панель Insert (Вставка) является невидимой, сделайте её видимой, выбрав Window => Insert (Окно => Вставка). Выполните Insert => Common => Images (Вставка => Общий => Изображение) (рисунок 1.10).

Рисунок 1.10 — Панель Insert

5. Перейдите к файлам находящимся в папке Lessons/lab1/ и выберите sculpted-garden.jpg и нажмите OK (рисунок 1.11).

Рисунок 1.11 — Вставка изображения sculpted-garden.jpg

6. Поместите курсор в начале основного абзаца, который начинается словами «Приходите и насладитесь», и выберите Images на панели Insert.
7. Выберите изображение italian-hill-town.jpg и нажмите ОК.
8. Введите «italian-hill-town» в качестве дополнительного текста. Нажмите ОК (рисунок 1.12).
9. Если панель Properties невидима, выберите Window => Properties.
10. Выбрав только что вставленное изображение, активируйте fltrt во всплывающем меню Class (Класс) панели Properties.

Класс fltrt аббревиатура от float right, соответственно fltlft – float left.

11. Выберите File => Savе.

Рисунок 1.12 — Вставка изображения italian-hill-town.jpg

Выбор и изменение стилей CSS

В современных веб-страницах используются каскадные таблицы стилей (CSS) для стилизованного оформления и макета. Веб-страницу часто срав­нивают со стулом с тремя ножками, в роли которых выступают HTML, CSS и JavaScript, являющиеся компонентами ее структуры. HTML — это со­держимое, материал, который вы вводите в режиме отображения Design. CSS — это внешний вид и макет с определенными элементами, цветами и фонами. JavaScript добавляет интерактивную функцию. В этом упражне­нии вы измените цвет фона существующей страницы, добавите графики на задний план и настроите несколько текстовых атрибутов. Все эти действия выполняются посредством использования панели CSS Styles (Стили CSS).

CSS можно использовать для изменения свойств стиля любого тега HTML, например тега .

1. Выберите Window => CSS Styles (Окно => Стили CSS). Откроется панель CSS Styles.
2. При необходимости щелкните по кнопке All (Все) на панели CSS Styles, чтобы изменить текущий режим Current (Текущий).

Режим All отображает все стили CSS, ассоциируемые с текущей страни­цей. У вас должен быть открыт документ в окне просмотра документа, чтобы увидеть какие-либо стили на панели CSS Styles.

3. Откройте запись на панели All Rules (Все правила), щелкнув по кнопке (+).

В первой лабораторной работе (lab1) правила стилей на­ходятся вверху документа. При помощи скобок Dreamweaver указывает, что сти­ли являются внутренними для документа: . В последующих уроках вы будете работать со стилями, хранимыми во внеш­ней таблице стилей. Dreamweaver отобра­зит эти таблицы стилей на панели CSS Styles по имени (например, mystyles.css).

4. Выберите body и щелкните по опции Edit Rule (Редактировать правило) – символ карандашика внизу панели CSS Styles (рисунок 1.13).

Рисунок 1.13 — Панель CSS Styles

5. После появления диалогового окна CSS Rule (Определение правила CSS) для «body» выберите категорию Background (Фон). Щелкните по палитре цветов Background чтобы открыть color picker (выбор цвета).
6. Используйте «пипетку» в выборе цвета и щелкните по ячейке белого цвета.

Рисунок 1.14 — Диалоговое окно CSS Rule


Dreamweaver автоматически вставит в поле цвета заднего фона шестнад-цатеричное значение для белого цвета #FFF.

7. Щелкните по кнопке ОК, чтобы подтвердить изменение. Dreamweaver обнаружит новый цвет на панели Properties. Вам, возможно, потре­буется расширить нижнюю границу панели CSS Styles, чтобы увели­чить панель Properties и увидеть необходимый цвет.

Подобно элементу , для других элементов страницы, например

8. Выберите File => Save.

Вставка графического фона заголовка

В то время как изображения переднего плана вставляются непосредствен­но на страницу, фоновые изображения размещаются при помощи CSS.

1. Поместите курсор в любое место текста заголовка «Путешествуйте по Умбрии с нами».
2. Выберите

Это обозначает тег

3. Щелкните по опции Current (Текущий) на панели CSS Styles, чтобы переключиться из текущего режима.
4. При необходимости измените панель About (Об) на Rules (Пра­вила), щелкнув по иконке Show cascade of rules for selected tag (Показать каскад правил для выбранного тега). Выберите .twoColFixLtHdr #header hi на панели Rules. Вам может потребо­ваться увеличить панель CSS Styles, чтобы все правильно отобра­жалось.
5. После появления диалогового окна CSS Rule definition for .twoCol­FixLtHdr #header (Определение правила CSS для .twoColFixLtHdr #header) выберите категорию Background. Щелкните по кнопке Browse (Обзор), расположенной сразу после поля с изображением Background. Откроется окно Select Image Source (Выбрать исход­ный файл изображения).
6. Перейдите к lab1/cloud_header.jpg в диалоговом окне Select Image Source. Щелкните по кнопке Choose.
7. Выберитеno-repeat (не повторять) во всплывающем меню Back­ground-repeat (Повтор фона). Щелкните по кнопке ОК.

Рисунок 1.15 — Диалоговое окно CSS Rule (Background)

Настройка текста, шрифтов и цветов

1. Поместите курсор в любое место текста заголовка «Путешествуйте по Умбрии с нами».
2. Выберите

Рисунок 1.16 — Выделенный заголовок h1

  • Выберите режим Current (Текущий) на панели CSS Styles (если вы­бран режим All, щелкните по кнопке Current).
  • На панели Rules (Правила) щелкните по кнопке Show cascade of rules for selected tag (p). Выберите .twoColFixLtHdr #header h1 в Cascade (Каскад).
  • Щелкните по опции Edit Rule (Изменить стиль).
  • После появления диалогового окна CSS Rule definition for .twoCol­FixLtHdr #header h1 (Определение правила CSS для .twoColFix­LtHdr #header h1) выберите Type (Тип) из столбца Category (Кате­гория).
  • Выберите разные шрифты в списке Font-family (Семейство шрифтов), на­пример Georgia, Times New Roman, Times, serif и т. п.
  • Откройте палитру цветов и используйте «пипетку»», чтобы выбрать белый цвет. Щелкните по кнопке ОК, чтобы подтвердить изменения.

Рисунок 1.17 — Диалоговое окно CSS Rule (Type)

Использование панели Properties

1. Выберите предложение « В течении двух недель вы сможете наслаждаться уходом за телом.» в окне Document.
2. Щелкните по кнопке I, чтобы изменить текст на курсивный текст.
3. Щелкните по кнопке CSS на панели Properties.
4. Выберите в селекторе тегов.
5. Выберите (Создать пра­вило CSS) в меню Targeted Rule (Целевое правило).
6. Выберите Edit Rule (Изменить правило) на панели Properties. Откроется диалоговое окно New CSS Rule (Создать правило CSS).
7. Щелкайте по Less Specific (Менее точно) до тех пор, пока в поле Selector Name (Имя селектора) не появится #mainContent р em.
8. Щелкните по кнопке ОК (рисунок 1.18).

Рисунок 1.18 — Диалоговое окно New Css Rule

9. Используйте «пипетку», чтобы выбрать новый цвет любой, отличный от белого. Щелкните по кнопке ОК (рисунок 1.19).

Рисунок 1.19 — Результат изменений

В правила стиля теперь включено новое правило, которое вы можете применять к любым дополнительным словам, фра­зам или предложениям в абзаце в рамках mainContent div. Просто выберите текст, который хотите изменить, и выделите его, щелкнув по кнопке I на панели Properties. Вы воспользовались панелью Properties, чтобы создать выделенный текст и доба­вить новые правила CSS к стилям.

Предварительный просмотр страниц в браузере

Выбрав Preview/Debug (Просмотр и отладка в браузере) в окне Document (рисунок 1.20), вы сможете выполнить предварительный просмотр в браузере.

Рисунок 1.20 — Команда Preview

Поздравляем! Вы создали свою первую веб-страницу в Dreamweaver (рисунок 1.21): изменили текст и цвета, добавили изображения и новые правила CSS, а также быстро создали профессиональную веб-страницу. Вы выполни­ли предварительный просмотр страницы в браузере.

Илон Маск рекомендует:  Flush - Процедура Delphi

Рисунок 1.21 — Итоговая веб-страница

Ответьте на контрольные вопросы.


  1. Как изменить цвет фона в боковой панели?
  2. Какие два действия следует выполнить в первую очередь при создании новой страницы используя макет CSS?
  3. Назовите и кратко опишите четыре режима отображения Dreamweaver, которые имеются в окне Document.
  4. Чем отличаются режимы All и Current панели Styles CSS?
  5. Что произойдет, если вы будете переключаться между HTML и CSS на панели Properties? Зачем переключать режимы?

Контрольное задание

  1. Согласно своему варианту, разработайте структуру для веб-сайта.
  2. Подберите материал для своего веб-сайта.
  3. Реализуйте первую страницу своего веб-сайта.

Требования к веб-странице:

  1. Использовать один заголовок (h1, h2, h3. ).
  2. Использовать графический фон для заголовка.
  3. Использовать как минимум 2 изображения.
  4. Применить форматирование к тексту (курсив, полужирный. ).

Adobe Dreamweaver CS5

Программное обеспечение Adobe® Dreamweaver® CS5 позволяет дизайнерам и разработчикам создавать веб-сайты профессионального уровня на базе отраслевых стандартов. Поддержка визуального дизайна и изменения кода, разработка страниц для систем управления контентом, а также точность тестирования совместимости с браузерами благодаря интеграции с Adobe BrowserLab, новой онлайн-службой Adobe CS Live.

Ускоренное создание веб-страниц на базе отраслевых стандартов благодаря обновленным заготовкам макетов CSS. Проверка CSS в представлении Live View и возможность визуальной корректировки дизайна с точной настройкой полей, отступа и других параметров.

Тестирование веб-страниц на совместимость с различными браузерами и операционными системами в Adobe BrowserLab. Проверка соответствия на уровне пиксельной точности путем сравнения внешнего вида в браузере в разных режимах: по отдельности, рядом или с наложением.

Импорт любых файлов FLV непосредственно в Dreamweaver и быстрое внедрение выбранной темы оформления проигрывателя. Удобство настройки параметров размера экрана, автозапуска и повтора при подготовке видеофайлов для размещения в Интернете.

Dreamweaver CS 5: описание

Dreamweaver предоставляет возможности упорядочения и управления всеми веб-документами, загрузки сайта на веб-сервер, отслеживания и поддержания работоспособности ссылок, управления и совместного использования файлов.

Adobe Dreamweaver CS4 включает множество инструментов, позволяющих использовать каскадные таблицы стилей (CSS) при создании стилей и макетов веб-страниц.

Каскадные таблицы стилей (CSS) — это набор правил форматирования, определяющих отображение содержимого на веб-странице. При форматировании страницы с помощью стилей CSS собственно содержимое страницы разделяется с представлением содержимого. Содержимое страницы (HTML-код) располагается в HTML-файле, а правила CSS, определяющие представление кода, располагаются в другом файле (внешней таблице стилей) или в другой части HTML-документа (обычно в заголовке). Разделение содержимого и его представления значительно облегчает управление внешним видом сайта из единого центра. При необходимости внести изменение не нужно обновлять каждое свойство на каждой странице.

Разделение содержимого и его представления также делает HTML-код более простым и аккуратным. Это значительно сокращает время загрузки страницы браузером и облегчает навигацию для посетителей, использующих специальные возможности (например, для тех, кто использует программы для чтения с экрана).

CSS позволяет очень гибко контролировать точный внешний вид страницы. С помощью CSS задаются свойства текста, в том числе специальные шрифты, размеры шрифтов, жирный текст, курсив, подчеркивание, тени, цвет текста и фона, цвет ссылок, подчеркивание ссылок и многие другие. Использование CSS для управления шрифтами обеспечивает единообразное представление макета и внешнего вида страницы в разных браузерах.

CSS состоит из двух частей — селектора и объявления (или в большинстве случаев блока объявлений). Селектором является термин (например, p, h1, имя или идентификатор класса), который определяет форматируемый элемент, а блок объявлений задает свойства стиля

Каскадные таблицы стилей также могут использоваться для форматирования и расположения блоков на веб-странице. Блоковым элементом называется автономная часть содержимого, обычно отделенная новой линией в HTML и представленная внешне как блок. Например, теги h1, p и Div отделяют блоки веб-страницы. Для блоковых элементов можно задавать поля и границы, определять их местоположение, добавлять цвет фона, задавать свойства обтекания текста и т.д. Управление блоками — это основополагающий момент макетирования страницы с помощью CSS.

Теги Div можно использовать для создания блоков макета CSS и расположения их в документе. Это удобно, если существует таблица стилей СSS со стилями позиционирования, прикрепленная к документу. Dreamweaver позволяет быстро вставлять теги Div и применять к ним существующие стили.

Adobe Dreamweaver CS4 — это инструмент визуального конструирования, а также мощный редактор кода, который имеет функции подсказок к коду, свертывания кода, отладки кода и другие средства редактирования кода.

Помимо средств редактирования текстов в Adobe Dreamweaver CS4 предусмотрены различные функции, например подсказки кода, которые помогают пользователю писать код на следующих языках:

ColdFusion Markup Language (CFML)

VBScript (для ASP)

C# и Visual Basic (для ASP.NET)

Для других языков, таких как Perl, функции кодирования, предназначенные для работы с конкретным языком, в Dreamweaver не реализованы. Таким образом, можно создавать и редактировать файлы на языке Perl, но подсказки кода при этом отображаться не будут.


Шаблоны удобно использовать в тех случаях, когда создается много страниц с одинаковым оформлением или требуется создать области страницы, доступные для редактирования пользователям. В Adobe Dreamweaver CS4 предусмотрено множество инструментов для создания шаблонов и управления ими.

Шаблон — это особый тип документа, который используется для разработки фиксированного макета страницы. На основе шаблона можно создавать документы, наследующие его макет страницы. При разработке шаблона можно указать в качестве доступного для редактирования то содержимое, которое пользователь сможет редактировать в документе, созданном на основе шаблона. Шаблоны позволяют авторам управлять правами на редактирование отдельных элементов страницы, которые предоставляются пользователям.

Шаблоны позволяют управлять большой областью разработки дизайна и многократно использовать готовые макеты. Чтобы многократно использовать отдельные элементы оформления, например информацию об авторских правах сайта или логотип, создаются элементы библиотеки.

Созданный на основе шаблона документ остается связанным с этим шаблоном (если документ не отсоединен позднее). Можно изменить шаблон и немедленно обновить оформление всех документов на основе нового шаблона. Шаблон Dreamweaver по умолчанию является фиксированным (недоступным для редактирования).

Путем добавления в шаблон редактируемых областей или редактируемых параметров его автор может определить, какие области документа на основе шаблона будут доступны для редактирования. При создании шаблона можно вносить изменения в редактируемые и заблокированные области. Однако пользователь шаблона может вносить изменения только в редактируемые области документа на основе шаблона. Блокированные области изменять нельзя.

Есть четыре типа областей шаблона:

Редактируемая область — незаблокированная область документа на основе шаблона — раздел, доступный для редактирования. Автор может сделать любую область шаблона доступной для редактирования. Чтобы шаблон был эффективен, он должен содержать хотя бы одну редактируемую область.

Повторяющаяся область — раздел макета документа, настроенный таким образом, чтобы пользователь мог при необходимости добавлять или удалять копии повторяющейся области в документе на основе шаблона. Например, повторяющейся можно сделать строку таблицы. Повторяющиеся разделы доступны для редактирования, поэтому пользователь может изменять содержимое повторяющегося элемента, в то время как оформлением управляет автор шаблона. Есть два типа повторяющихся областей, которые можно вставлять в шаблон: повторяющаяся область и повторяющаяся таблица.

Дополнительная область — раздел шаблона, в котором находится содержимое, например текст или изображение, которые могут отображаться или не отображаться в документе. Пользователь может управлять отображением содержимого страницы на основе шаблона.

Редактируемый атрибут тега позволяет разблокировать атрибут тега, чтобы его можно было редактировать на странице. Например, можно блокировать отображение отдельных изображений в документе, но разрешить пользователю шаблона устанавливать выравнивание по левому краю, правому или центру.

Adobe Dreamweaver имеет три системы отображения файлов: «Код», «Раздельно», «Дизайн». Во вкладке «Код» пользователю виден только код HTML-страницы. Вкладка «Раздельно» отображает сверху окна HTML-код, а внизу дизайн страницы. Таким образом, не переключаясь можно одновременно редактировать код и наблюдать за изменениями в дизайне сайта. Вкладка «Дизайн» отображает графическое представление страницы сайта.

Adobe Dreamweaver

На рисунке — Adobe Dreamweaver CS 4. Имеется русский интерфейс и справка. Вес 400 Мб. Версия CS 4 в настоящее время официально не продается.
Adobe Dreamweaver CS 4 является продолжением и развитием ранее существовавших программ: Macromedia Dreamweaver 8, Adobe Dreamweaver CS 3, Macromedia HomeSite 5, Adobe GoLive CS2. Развитие и официальная продажа этих программ прекращены в 2008 г.
Начиная с версии CS3 программа имеет и русский интерфейс.

За Adobe Dreamweaver CS 4 последовали версии CS 5, CS 5.5 и последняя программа из серии CS — Adobe DreamweaverCS 6 (2012 г.), официально продается на сегодняшний день — Цена 14,8 тыс. руб (примерно 490 долларов), Вес 700 Мб.

Adobe Dreamweaver — программа большая и сложная. Чтобы прочитать справку, потребуется неделя. Тем не менее создатели программы сумели не загромоздить интерфейс и все необходимое для создания HTML-страниц находится под рукой. Это: панель приложений (или строка меню), панель вставок, панель стилей, панель «Документ», стандартная панель инструментов, панель создания кода, селектор тегов и инспектор свойств.

Большинство прочих надстроек (файловый менеджер, Стили CSS, Элементы АР, Базы данных, Привязки, Поведение сервера, Компоненты, Файлы, Активы, Фрагменты кода, Инспектор тегов, История и др.) спрятаны в так называемый «Док панелей», откуда и извлекаются по мере необходимости.

Считая, что всего этого еще недостаточно, создатели программы в помощь Adobe Dreamweaver привлекли ряд расширений — Adobe Bridge , Adobe Fireworks , Adobe Flash и др. Всем этим хозяйством руководит специальное приложение — Extension Manager . Extension Manager предоставляет простой и удобный способ установки и удаления расширений в приложениях Adobe, а также поиск информации об установленных расширениях.
Редактор Adobe Dreamweaver тесно интегрирован с программой Adobe Bridge, которая обеспечивает просмотр, поиск, сортировку, фильтрацию, обработку и управление изображениями, макетами страниц, документами Adobe PDF и динамическими файлами мультимедиа.

Рабочее простанство (Интерфейс) Adobe Dreamweaver настраиваемое.
В программе есть три режима работы: код (непосредственное создание кода страницы), дизайн (визуальное создание страницы) и просмотр. Окно программы можно разделить на код и дизайн.
Несколько окон программы одновременно открыть нельзя, но в одном окне программы можно открыть несколько окон с разными документами.

Редактор имеет средства по поиску тегов и текста внутри тегов, поиск информации, проверяет код на совместимость с разными браузерами, проверяет работоспособность ссылок, тестирует сайт и пр. Больше о функциональности программы можно узнать, посмотрев Обзор Adobe Dreamweaver CS 6 .

Общие впечатления от редактора

В режиме дизайна, т.е. в визуальном режиме создания веб-страницы, имеется возможность вставить все объекты со всеми тегами и многими их атрибутами. Код при этом получается «чистый» и править его вручную обычно нет необходимости. Благодаря большим возможностям визуального режима Dreamweaver часто называют просто визуальным редактором.

Но у программы есть возможность создать страницу и в режиме кода. В этой области у Dreamweaver нет особого преимущества перед другими хорошими редакторами кода, хотя программа и старается облегчить пользователю написание кода всеми способами.
Использование возможности написания кода на html, CSS, PHP, ActionScript, JavaScript и др. языках многократно расширяют возможности редактора, но при этом требуют от пользователя серьезной подготовки.

Редактор хорош, но не идеален. Встречаются мелкие погрешности в работе, иногда неприятные. К примеру, в режиме визуального создания страницы ее вид может быть искажен, т.е. в Интернете страница будет выглядеть по-другому. Эта неприятность переходит из версии в версию. И в версии Adobe Dreamweaver CS 6 по-прежнему сохраняется некоторое нарушение принципа WYSIWYG (что вижу — то и получаю). Хотя в последних версиях авторы программы и приспособили кнопочку для просмотра создаваемой страницы без искажения, но это все-равно не решает проблему.

Несмотря на то, что многочисленные элементы интерфейса расположены довольно компактно и внешне не создается впечатления загроможденности интерфейса, Adobe Dreamweaver все же является довольно громоздким агрегатом, на котором трудно работать.
Если в более ранних версиях Adobe Dreamweaver было много функций просто излишних, придуманных и фактически не нужных, то в последних версиях программы авторы программы от таких функций постепенно отказываются. Но вместо удаленных появляются новые функции, которые включают все то новое, что появляется в веб-строительстве, и в итоге функциональность программы постоянно увеличивается (см. Новое в Adobe Dreamweaver ). Соответственно растет и вес программы (в Мб).
Для сравнения: вес Adobe Dreamweaver CS3 (2007 г.) был 188 Мб , у Adobe Dreamweaver CS6 — 704 Мб.

Илон Маск рекомендует:  Что такое код imap_set_quota

При знакомстве с редакторами веб-страниц можно заметить, что их авторы придерживаются различных принципов.
Есть много редакторов, которые просты в изучении и применении (KompoZer, Web Page Maker, Website Painter, Sitoo Web и др.). В этом случае очевидно, что автор редактора стремился максимально упростить программу, ограничившись только самыми необходимыми функциями и рассчитывая на самый широкий круг пользователей.

У Adobe подход диаметрально противоположный — все сотни Мб Dreamweaver «под завязку» набиты различными функциями (как нужными, так и не очень нужными).
В последней версии (Adobe Dreamweaver CC) авторы наконец-то решились несколько упростить программу ( подробнее ), но одновременно добавлены новые функции и намечено расширять интеграцию Dreamweaver с другими программами Adobe.

Что касается будущего Adobe Dreamweaver, то кажется невероятным, что Adobe будет и в дальнейшем продолжать увеличивать функциональность редактора и наполнять его всем тем новым, что появляется в веб-строительстве, ибо «нельзя объять необъятное». Уже сегодня Adobe Dreamweaver — это просто неподъемная программа для большинства пользователей. Есть подозрение, что программы подобного рода в будущем обречены на вымирание, как когда-то вымерли динозавры.

Использовать Adobe Dreamweaver только в качестве редактора для текущей работы на сайте (для повседневного обновления текста, изображений и пр.) нецелесообразно, т.к. назначение редактора другое — создание сайтов. Обычный пользователь будет использовать лишь небольшую часть тех функций, которые имеются в редакторе.


Несмотря на отмеченные недостатки редактора, в любом случае полезно иметь Adobe Dreamweaver по той простой причине, что этот редактор может практически все (за этим постоянно следит Adobe). Если другие редакторы не могут помочь Вам в затруднительном положении — открывайте Dreamweaver, сделайте необходимую работу, а затем можно отложить Dreamweaver в сторону и использовать в работе что-то более легкое и менее громоздкое.

Adobe Creative Suite

Возможно, что кто-то посчитает возможности Adobe Dreamweaver слишком скромными. Компания Adobe и таким людям приходит на помощь, предлагая линейку комплектов программ под названием Adobe Creative Suite (Творческий набор Adobe).
Наиболее скромно в этой линейке выглядит Adobe Creative Suite 5.5 Design Premium, а наиболее внушительно — Adobe Creative Suite 5.5 Master Collection.

Adobe Creative Suite 5.5 Master Collection включает в себя такие программы Adobe:

Photoshop CS5, Extended Illustrator CS5, InDesign CS5.5, Acrobat X Pro, Flash Catalyst CS5.5, Flash Professional CS5.5, Flash Builder 4.5 Premium Edition, Dreamweaver CS5.5, Fireworks CS5, Contribute CS5, Adobe Premiere Pro CS5.5, After Effects CS5.5, Adobe Audition CS5.5, Adobe OnLocation™ CS5, Encore CS5, Bridge CS5, Device Central CS5.5, Media Encoder CS5 и др.
Цена Adobe Creative Suite — от 1899 до 2599 долл (зависит от комплектации).
Подробнее об Adobe Creative Suite

Несмотря на то, что продукты Adobe Creative Suite 6 по-прежнему будут доступны для приобретения, компания Adobe не планирует в дальнейшем новые выпуски продуктов Creative Suite или других продуктов CS.
На смену Adobe Creative Suite пришло Adobe Creative Cloud (Творческое облако Adobe).

Adobe Creative Cloud

У Adobe вообще наблюдается стремление предлагать пользователям программы не по отдельности, а в составе пакетов. Не останавливаясь на достигнутом, Adobe продолжает создавать новые комбинации из своих программ и тем самым охватить все, что наработано в веб-строительстве.

Новое предложение — Adobe Creative Cloud (2012 г.) — также преследует эти цели — создать еще более тесную интеграцию программ Adobe и придать этой интеграции дополнительные функции (плюс дать пользователям дополнительные льготы).
Adobe Creative Cloud включает в себя примерно такой же набор программ, что и Adobe Creative Suite, но эти программы — самых последних версий — приставка «СС» к названию программы означает самую последнюю версию программы (например, DreamweaverСС означает более новую версию программы Dreamweaver CS6).

Adobe не выпускает небольших программ и всегда стремится каждую программу укомплектовать всем мыслимым и немыслимым. В результате вес программ Adobe обычно приближается (или даже превышает) 1 Gb, они занимают приличное место на жестком диске и требуют много опереративной памяти (о ценах можно не говорить). Поэтому ясно, что использовать такие объединения программ (вернее сказать — нагромождения программ), как Adobe Creative Cloud, имеет смысл тем, кто профессионально занимается веб-дизайном.
Подробнее об Adobe Creative Cloud

Для работы в этом проекте необходимо обновление Dreamweaver CS6 до версии Dreamweaver СС ( Подробнее ).

Другие обучающие материалы:

В Интернете можно найти большое количество обучающие материалов по Dreamweaver, например:

Macromedia Dreamweaver — Справка на русском языке
Adobe Dreamweaver CS 3 — Справка на русском языке
Adobe Dreamweaver CS 4 — видео-уроки
Adobe Dreamweaver CS 5 и CS 5,5 — Справка на русском языке (PDF), 748 страниц
Adobe Dreamweaver CS 6 — Справка на англ. языке (PDF) , 695 страниц.
Adobe Dreamweaver CS 6 — Справка на русском языке

Dreamweaver CS 5: описание

Продолжим начатый в предыдущей статье разговор о замечательном визуальном редакторе Dreamweaver CS5, необходимом каждому разработчику сайтов. Рассмотрим вставку рисунков, таблиц и стилевое оформление страницы.

Для вставки рисунка в позицию курсора выбираем в меню пункт Insert->Image или в правой группе окон нажимаем Insert->Common->Images или нажимаем комбинацию клавиш Ctrl+Alt+I , возникает окно выбора файла изображений. Выбираем, кликаем ОК, пишем альтернативный текст, снова ОК и рисунок вставлен. Если нужно изменить его размеры , выравнивание и другие параметры, пользуемся окном свойств выделенного рисунка в нижней части экрана. Если рисунок нужно сделать гиперссылкой, то вводим ее адрес в поле Link там же; если нужна гиперссылка на файл из папки сайта, то тащим значок прицела с перекрестием около линка направо в окно Files на данный файл.

Если нужно вставить таблицу, кликаем справа или в меню Insert->Table, задаем число столбцов и строк, ширину таблицы в пикселях или процентах, толщину границ, отступы и другие параметры. Таблица будет заполняться данными по мере ввода текста. Ширину столбцов и их высоту можно менять перетаскиванием границ ячеек. Короче, далее практически все как в MS Word.

Рассмотрим вопрос стилей. Простейшие операции по форматированию текста возможно делать из нижнего окна свойств HTML (это жирный и наклонный шрифт, оформление списков и отступов) и CSS (шрифт, его размер, выравнивание). Можно также присвоить выделенному тексту различные стили заголовков.

Для более сложного и многообразного стилевого оформления лучше пользоваться отдельно создаваемым файлом каскадных таблиц стилей (CSS). Его нужно подключить к редактируемому файлу (Format->CSS Styles->Attach Style Sheet). Синтаксис CSS файла здесь рассматривать не будем. Этому посвящено много литературы, о некоторых справочниках я упоминал в статье «Изучайте языки для создания Web-сайтов».

После подключения стили для выделенной части документа можно видеть, выбирать и изменять в окне свойств (HTML->Class и CSS->Targeted Rule) или справа в окне CSS Styles. Изменять свойства имеющихся стиле или вводить новые можно в правом окне CSS Styles, либо непосредственно в центральном окне редактирования файла стилей, которое возникает при попытке изменения этого файла.

Выше мы с вами рассмотрели пример создания простой текстовой веб-странички, состоящей из текста со вставками рисунков и таблиц. Однако в большинстве случаев нам нужно разработать более сложный вид страницы, где должен быть, например, заголовок вверху, меню слева для переходов между страницами сайта, содержание статей в блоке справа и подвал внизу.

Для этого Dreamweaver предоставляет богатейшие возможности даже для человека, практически не владеющего искусством верстки веб-страниц. Я имею в виду набор шаблонов страницы, который включен в пакет программы. Он открывается при выборе в меню File->New. На рисунке показан как раз случай выбора описанной выше схемы страницы.

При создании страницы по выбранному шаблону она возникает на экране с заполненным образцом текста и выбранными стилями оформления. Меняем то и другое в соответствии с нашими требованиями. В примерах шаблонов очень подробно объяснены в комментариях кода все примененные стили, что дает возможность их легкого изменения.

После или в процессе создания файлов можно посмотреть их отображение в различных установленных на компьютер браузерах. Для этого используется команда меню File->Preview in Browser-> выбранный браузер.

На сегодня все. В следующий раз я расскажу, как перенести созданные файлы на хостинг с помощью той же программы Dreamweaver CS5.

Вы можете подписаться на ленту новостей на моем сайте. И тогда вы ничего не пропустите.

Adobe Dreamweaver CS3. Руководство пользователя — часть 12

Например, для отображения цвета фона параграфов и пунктов списка можно создать таблицу стилей со


В представлении «Дизайн» откройте страницу, к которой хотите прикрепить новые стили.

Выберите меню «Текст» > «Стили CSS» > «Время конструирования»

В диалоговом окне «Таблицы стилей времени разработки» нажмите на кнопку «+» над текстовым полем

«Показывать только во время разработки», выберите только что созданную таблицу стилей и нажмите кнопку

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Таблицы стилей времени разработки».
Теперь таблица стилей прикреплена к документу. Если таблица стилей была создана с использованием

предыдущего образца, всем параграфам и элементам списка в ней будет задан атрибут display:block, что

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

Реализация движения элементов AP

Сведения о реализации движения элементов AP

Динамический HTML (или DHTML) обозначает сочетание HTML с языком сценария, что позволяет изменять

стиль или установки положения HTML-элемента. Временные шкалы в Dreamweaver используют динамический

HTML для изменения свойств элементов AP и изображений с течением времени. Временные шкалы используются

для создания анимаций, не требующих никаких элементов ActiveX, внешних модулей или Java-апплетов (но

использующих JavaScript).
Примечание. Слово «динамичный» в разных web-контекстах имеет разные значения. Не путайте

динамический HTML c идеей динамической web-страницы, подразумевающей web-страницу, динамично

создаваемую серверным кодом перед предоставлением посетителю.
Временные шкалы позволяют изменять позицию, размер, степень видимости и порядок наложения слоев

элемента AP. (Функции временных шкал элементов AP работают только в браузерах версии 4.0 и более поздних.)

Временные шкалы также полезны для других событий, происходящих после загрузки страницы. Например,

временные шкалы могут изменять исходный файл тега изображения таким образом, чтобы с течением времени

изображения на странице менялись.
Для просмотра кода JavaScript, сгенерированного временной шкалой, откройте представление «Код» области «Окно

документа». Код временной шкалы находится в функции MM_initTimelines() внутри тега сценария в разделе

заголовка документа.
При редактировании HTML-кода документа, содержащего временные шкалы, убедитесь, что ничего из

относящегося ко временным шкалам не перемещено, не переименовано и не удалено.

Dreamweaver CS 5: описание

Название: Dreamweaver CS5.5
Тип издания: лицензия
Назначение: Веб програмирование.
Разработчик: Adobe
Год: 2011
Платформа: PC
Версия: CS 5.5 11.5.0

Язык интерфейса: Multi
Таблетка: Есть

Системные требования: Windows
Процессор Intel® Pentium® 4 или AMD Athlon® 64
Microsoft® Windows® XP с пакетом обновления SP2 (рекомендуется пакет SP3); Windows Vista® Home Premium, Business, Ultimate или Enterprise с пакетом SP1 либо Windows 7
512 Мб оперативной памяти
1 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на съемные устройства хранения флэш)
Разрешение монитора 1280×800 с 16-разрядной видеокартой
Широкополосное интернет-соединение, необходимое для онлайн-услуг и проверки Subion Edition (при необходимости) на постоянной основе.

Инструкция по установке: В файле Readme.txt

Описание: Программное обеспечение Adobe® Dreamweaver® CS5.5 — передовое средство разработки и редактирования веб-сайтов на базе отраслевых стандартов, которое позволяет создавать проекты для настольных ПК, смартфонов, планшетов и других устройств в визуальном режиме и с помощью кода.
Полная информация по ссылке:

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL