24 сентября 2008 г., Пекин – Сегодня компания Adobe (Nasdaq: ADBE) объявила о выпуске знакового для отрасли продукта – семейства продуктов Adobe® Creative Suite® 4. Этот продукт можно использовать во всех творческих рабочих процессах и он является ведущим в отрасли программным обеспечением для проектирования и разработки. Благодаря фундаментальному прорыву в рабочем процессе устраняются барьеры между дизайнерами и разработчиками. Новая линейка продуктов Creative Suite 4 включает в себя сотни инновационных функций, позволяющих всесторонне усовершенствовать творческий процесс печати, Интернета, мобильных устройств, интерактивного производства, аудио и видео. Этот продукт поднимает технологию Flash всей линейки продуктов на новый уровень интеграции и выразительности. На сегодняшний день это крупнейшая версия программного обеспечения Adobe, включая версии Adobe Creative Suite 4 Design, версии Creative Suite 4 Web и Creative Suite 4 Production Premium, Adobe. Мастер-коллекция и 13 основных продуктов, 14 интегрированных технологий и 7 услуг.
Итак, я загрузил официальную предварительную версию DreamWeaver CS4 для тестирования. О распаковке и установке сказать особо нечего. Я просто чувствую, что скорость установки намного выше, чем у более ранней версии DreamWeaver CS3. После завершения установки я обнаружил, что версия DreamWeaver CS4 значительно выше. интерфейс стал лучше, чем раньше.
Помимо изменений интерфейса, эта версия является важной вехой и содержит множество обновлений, таких как:
советы по коду для фреймворков Ajax и JavaScript.
Редактирование Adobe InContext
Набор данных HTML
Интеграция Subversion®
Лучшие практики CSS и т. д., дополнительную информацию можно найти на официальной странице функций.
Здесь я в основном познакомлю вас с некоторыми новыми возможностями JavaScript.
1. Внешние ссылки на код JavaScript.
Мы знаем, что для различных целей мы обычно не пишем код JavaScript непосредственно на странице, а помещаем его во внешний js-файл. Преимущество этого заключается не только в облегчении управления JavaScript на всем сайте. помогите многим людям. С помощью клиентского кэширования js-файлов сокращаются потери трафика сетевой передачи js-файлов, которые редко изменяются.
Кроме того, по таким причинам, как сотрудничество нескольких человек и простота управления, гибкие изменения и многоуровневое кодирование, мы должны стараться как можно больше разделять структуру, производительность и поведение. При обычном написании кода вы можете использовать много слов, таких как.
< a onclick="alert_me('это ссылка')" href="#">Нажмите, чтобы предупредить меня</a>
Однако такой код делает это путем объединения поведения с базовой структурой кода. Мы рекомендуем добавлять события для полного разделения его на код JavaScript. Эту операцию также можно выполнить с помощью DreamWeaver CS4.
В DreamWeaver CS4 эта функция предусмотрена. Вы можете найти ее в [Команды]->[Внедрить JavaScript].
Чтобы протестировать эти две функции, мы написали следующий код:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<тип сценария="текст/javascript">
функция alert_me (сообщение)
{
оповещение (сообщение);
}
</скрипт>
</голова>
<тело>
<a href="#" onclick="alert_me('это ссылка')">Нажмите, чтобы предупредить меня</a>
</тело>
</html>
Вы можете видеть, что в этом коде не только функция JavaScript отображается на странице, но и ее поведение напрямую связано с тегом HTML. На этом этапе используйте [Команды]->[Внедрить JavaScript], чтобы открыть DreamWeaver CS4 как. Как вы можете видеть из предоставляемых нами инструментов, есть два варианта, которые соответственно соответствуют разделению только блоков кода JavaScript на странице во внешние файлы и в то же время разделению JavaScript в HTML-коде:
Мы выбираем «Экстернализовать JavaScript и присоединить ненавязчиво", то есть разделение блоков кода и кодов в тегах происходит одновременно. После завершения выполнения команды код страницы имеет следующий вид:
< !DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" " http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Untitled-15.js" type="text/javascript"></script>
</голова>
<тело>
<a href="#" id="a1">Нажмите, чтобы предупредить меня</a>
</тело>
</html>
Таким образом, соответствующая работа выполняется автоматически.
2. Советы по коду JavaScript.
Никогда не существовало особенно удобной IDE для разработки JavaScript. Aptana — это инструмент разработки JavaScript, основанный на Ecplise, который предоставляет функции подсветки кода и подсказок кода. Теперь DreamWeaver CS4 также предоставляет эту функцию. Когда мы создаем встроенные объекты JavaScript, он. уже доступен для подсказки кода.
Кроме того, DreamWeaver CS4 также предоставляет подсказки об ошибках кода. При возникновении ошибки в коде в верхней части окна появляется желтая полоса подсказок, а в левой части кода — номер строки.
3. Поддержка сторонних библиотек JavaScript.
Упомянутая выше Aptana также обеспечивает поддержку различных сторонних библиотек JavaScript, таких как Prototype, jQuery, YUI, ExtJS и т. д. DreamWeaver CS4 также обеспечивает поддержку. Сначала мы вводим библиотеку Prototype, а затем при попытке вводим новый Ajax. Для создания приложения Ajax DreamWeave CS4 предоставляет подсказки по коду для методов членов класса Ajax.
Источник статьи: http://www.hanguofeng.cn/archives/web-client/dreamweaver-cs4-new-feture-javascript.