Insert HTML5 video and audio

You can insert HTML5 video and HTML5 audio into web pages using Dreamweaver. The video and audio elements in HTML5 specify a standard way to embed and display video and audio on a web page.

For more details on inserting HTML5 video, see Insert HTML5 video.

For more details on inserting HTML5 audio, see Insert HTML5 audio.

Insert HTML5 semantic elements from the Insert panel

Select Layout in the Insert (Window > Insert) panel for a list of semantic elements that you can insert in your HTML5 page layout. To edit the properties of inserted semantic elements, select an element and edit its properties in the Properties panel.

You can also use the Insert menu (Insert > Layout) to insert semantic tags.

The seven new semantic tags for this release: Article, Aside, HGroup, Navigation, Section, Header, and Footer.

For a tutorial on using semantic tags for page layout, see the blog article by Jennifer Marsman titled Semantic Markup and Page Layout.

HTML5 Semantics in Dreamweaver CS5.5 tutorial provides you with a perspective of using HTML5 semantic elements in Dreamweaver CS 5.5.

Import Adobe Edge Animate compositions

You can import Adobe Edge Animate compositions (OAM files) into Dreamweaver. The composition is placed at the location of the cursor.

Dreamweaver places the extracted contents of the OAM file in a folder named edgeanimate_assets by default. You can change the default location in the Site Setup dialog.

For more information, see Import Edge Animate compositions.

Support for HTML5 Canvas

The Canvas element in HTML5 is a container for dynamically generated graphics. These graphics are created at runtime using a scripting language such as JavaScript. For more information, see the article HTML5 Canvas.

The Canvas element has ID, height, and weight attributes.

  • To locate the Canvas element, select Insert > Canvas. Alternatively, open the Insert panel (Window > Insert), and select Common from the menu.
  • To edit the properties of the Canvas element, select the element and edit its properties in the Properties panel.

Enhancements to HTML5 support for form elements

As part of HTML5 support, new attributes have been added to the Properties panel for form elements. In addition, four new form elements (E-mail, search, telephone, URL) have been introduced in the Forms section of the Insert panel.

For more information, see Enhanced HTML5 support for form objects.

Live Search (Mac OS)

Use Live Search to locate files based on filename or text present in files. The site selected in the Files panel is used for search.

Live Search uses the Spotlight API in Mac OS. Any customization that you apply to Spotlight preferences is also used for Live Search. Spotlight displays all files on your computer that match your search query. Live Search searches files in the root folder of the site currently selected in the Files panel.

For more information, see Search files based on filename or content

FTP enhancements

Automatically Upload Files to Server on Save

This option allows files to be uploaded to the server even if a parallel upload or download process is in progress during the save operation. Some issues with this feature in the previous release have been fixed to make it seamless.

Continue working with Dreamweaver when downloading Business Catalyst Site

Selecting Automatic Upload Files to Server on Save does not disrupt your work with Dreamweaver when downloading the Business Catalyst site.

Enhancements to the Adobe ID Password dialog

Your Adobe ID that you selected during installation is displayed in this dialog. Options to save your password and retrieve forgotten passwords are available.

Adobe ID Password dialog
Adobe ID Password dialog

Improvements to handling fonts

The font list in the Font menu has been classified based on system fonts and web fonts. The system fonts are listed first in the menu.

  • The Web Fonts Manager (Modify > Web Fonts) dialog is renamed to Web Fonts Suitcase. You can use the Web Fonts suitcase to add web fonts to the fonts list.
  • The Add Fonts button is renamed to Add Local Font.
  • Separate icons help easily identify system fonts from web fonts.
Web Fonts Suitcase dialog
Web Fonts Suitcase dialog

Separate icons for system fonts and web fonts
Separate icons for system fonts and web fonts

Reorganized Insert menu

The options in the Insert panel and Insert menu have been reorganized. For more information, see Changes to Insert Options | Creative Cloud.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy