Posts tagged "dreamweaver"

7 Useful Adobe Dreamweaver Webinars

Dreamweaver-ers! Earlier this year we launched a webinar series to provide an overview of the core Dreamweaver CC features, as well as featuring key extensions and our ongoing modernization efforts.

We have found these webinars to be a good communication channel between the team and the community to communicate feature enhancements, issues, future plans, etc. Please review the table below and check out anything that strikes your interest!

 

Webinar Title Recording Link
What’s New In Dreamweaver CC http://bit.ly/10Wo08P
CSS Designer in Dreamweaver CC http://bit.ly/1aqCgty
Faster Theming of Dynamic, CMS based Sites in Dreamweaver CC http://bit.ly/1aqCpwY
Building Mobile Apps Using Dreamweaver CC http://bit.ly/19kPZUw
Building Responsive Design in Dreamweaver CC http://bit.ly/15k53PQ
Dreamweaver Extensions: Fluid Grid Layout & Bootstrap Extension http://bit.ly/18UDLNc
Dreamweaver CC Update http://bit.ly/1eEaHj1

 

We hope you enjoy these sessions and find them useful. Sign up for a Creative Cloud membership and gain access to rich learning content and tutorials for all Adobe products – including Dreamweaver CC.

 

Best,
Tareq Aljaber
Product Marketing Manager

 

 

Edge Web Fonts integration with Adobe Dreamweaver

With Adobe Dreamweaver 12.2 CCM release, the choice of fonts has become wider and better! Integration of Edge Web Fonts with Dreamweaver gives you access to a vast web font library made possible by contributions from Adobe, Google, and foundries around the world, for free.  What’s more? Designer or the end user need not necessarily have these fonts installed on their systems — the web browsers render the text with the fonts at run-time.

Here are the quick steps to use Edge Web Fonts: Continue reading…

Dreamweaver Creative Cloud update (12.1) – FAQs

Why did Adobe re-organize the Insert panel?

In broad terms, Insert options have been added, deprecated, or re-organized to streamline workflows, reduce clutter, and ensure compliance with the latest and most popular trends in web design. To help you focus on the page and avoid distraction from colorful elements in the user interface, color options for Insert icons have been deprecated.

While you may need to re-familiarize yourself with the user interface changes in the short term, we are confident that you will recognize their value as you get up to speed with the new workflows.

The reasons for re-organizing the Insert panel in this update are listed below.

  • Sync the ordering of options in the Insert panel with the Insert menu to improve speed of their discoverability.
  • Deprecate Insert options that required multiple-clicks. These options can be quickly and easily configured using the Property Inspector or the Code view.
  • As part of enhanced HTML5 support in Dreamweaver, new HTML5 elements introduced in the Insert options. Options that have ceased to be important or are no longer part of best web practices have been deprecated.
    For example, the table options under Layout category have been moved to Common because tables are no longer used for layout.
  • Similar options available under multiple categories have been moved to a single category that best relates to the options.
    For example, some of the Spry options were previously available under the Data category as well.  Such Spry options have been removed from the Data category.
  • Options that were rarely used have been deprecated.
    For example, the placeholder option for Insert option has been deprecated because of its limited usage.
  • Streamline workflow for Insert options such that the experience is the same irrespective of the mode in which you insert the option.
    For example, in Dreamweaver CS6, different dialog boxes were displayed when you insert Text Area based on whether the focus was on the design or code view.

For comprehensive information on changes to Insert options in Dreamweaver 12.1, see Changes to Insert options | Creative Cloud

Is Adobe biased towards subscription users?

From the page Adobe Creative Cloud / FAQ 

Is Creative Cloud a replacement for Adobe’s traditional creative products and suite editions?

Adobe believes that Creative Cloud is a better way to get your desktop tools because you get access to the latest updates and features as soon as they’re available, plus services that tie the new publishing workflows together. Adobe will continue to develop and sell individual CS products, and customers can purchase them through the Adobe online stores and select retail and online stores.

Are there any differences between the Creative Suite software included in my Creative Cloud membership and the software I buy in the box?

Yes, the software included in Creative Cloud membership is different from the software you buy in the box. It gives you everything in the traditional licensed version plus exclusive access to new features. This means that as soon as our engineering teams can finalize new features — such as the features we recently released for Illustrator, and many other new features to come — we will release them through special software editions available only to paying Creative Cloud members. So no more waiting between major releases to get new features.

Why don’t I see my previously installed Extensions?

See the blog post Dreamweaver extensions don’t appear after updating Dreamweaver to 12.1

Missing custom keyboard shortcuts and Favorite icons

Your custom keyboard shortcuts and Favorites in the Insert icon panel are lost after an update. For icons, you will have to note down your Favorites before you update, and add them again after you complete installing the update.

For keyboard shortcuts, ensure that you export them before you install the update.

  1. Select Edit > Keyboard Shortcuts
  2. Click “Export set as HTML” button.

After you upgrade, refer to the exported file to set the shortcuts again.

HTML keywords not localized in Property Inspector

  • HTML keywords are no longer localized in the Property Inspector. They appear in English only.

Dreamweaver extensions don’t appear after updating Dreamweaver to 12.1

The menu items in Dreamweaver are listed in the menus.xml file. When you add an extension, an entry for the extension is made in the menus.xml file.

Menu organization is changing in this release because a new menus.xml file will overwrite the previous menus.xml file. Because the previous menus.xml file – which contained Dreamweaver extensions – will be overwritten, menu entries corresponding to these extensions will no longer be displayed after the update.

To display previously installed extensions, do the following:

1. Click Help > Manage Extensions.
2. In the Adobe Extension Manager, use Ctrl-click or Shift-click to select extensions that you want to enable.
3. Right-click and select Disable.
4. Right-click again, and select Enable.

FTP enhancements in Dreamweaver CS6

This blog article discusses the improvements to FTP file transfer in Dreamweaver CS6.

Dreamweaver uses multi-channel transfer to simultaneously transfer selected files using multiple channels. Dreamweaver also allows you to simultaneously use the Get and Put operations to transfer files.

If there is sufficient bandwidth available, FTP multi-channel asynchronous transfer considerably speeds up the transfer process.

Multi-channel transfer

You can now select more than one file for FTP transfer.  By default, three files are lined up for Get and Put operations.  The files that are currently being transferred are indicated by a green download arrow icon. The files pending download are indicated by an orange download arrow icon.

Multi-channel transfer in Dreamweaver CS6

Multi-channel transfer in Dreamweaver CS6

When you move your mouse over the file being transferred, the percentage of content transferred is displayed. A red error icon indicates files that were not transferred.

Asynchronous transfer

You can now simultaneously perform the Get and Put operations on different sets of files. For the status of large files being transferred, check their status in the Details section of the Background File Activity dialog box.

FTP log details

FTP log details

Adobe recommends that you do not click the Cancel button in the Finishing Get/Put Operation dialog when the operation is in progress.  During the Finishing operation, information about files transferred is captured in the dwsync.xml file.  Unlike in previous versions of Dreamweaver where the XML file was updated after every file transfer, Dreamweaver now updates the file at the end of the transfer process.

When you perform the Get/Put operation later, Dreamweaver uses the information in the dwsync.xml file to transfer only those files that are new/changed. It ignores files with no updates. This considerably speeds up the transfer process.

Note: The progress bar now indicates the number of files being transferred and not the size of the files as in previous versions of Dreamweaver. For information on the extent of the file transferred, move your mouse over the file being transferred. The information is displayed in the tooltip.

Background File Activity dialog displaying the transfer status

Background File Activity dialog displaying the transfer status

You can now perform the following operations when the asynchronous transfer is in progress:

  • Refresh the remote file list
  • Extend/collapse remote file directories
  • Open or download a file
  • Preview the file in a browser. When the transfer is in progress, Dreamweaver uses the local copy of the file for preview in a browser.

These operations have a higher priority than the transfer process. The higher priority allows you to quickly perform these operations when the transfer is in progress without having to wait for the transfer process to complete.

Separate icons for remote server and testing server

In the collapsed mode of the Files panel, it is difficult to identify whether Dreamweaver is connected to the remote or testing server. Separate icons for remote and testing servers now help identify the type of connection.  The icon for connection to the testing server is  and that for remote server is  .

Note: The above enhancements to FTP transfer work only for FTP and FTPS (Implicit and Explicit).

 

This Week in Dreamweaver Extensibility

Hi,
The Dreamweaver team is happy to announce the release of 3 extensions this week!
We got feedback on a number of issues that we could solve via extensions, so we packaged them up.
First is the HTML5 pack for Dreamweaver CS3 and CS4. We released a version for CS5 only and we heard from users that they wanted it too. This extension contains the code hinting for:

  • New HTML5 tags
  • New attributes and values for existing tags.
  • Many CSS3 features.
  • Some -moz and -webkit CSS properties.

Multi-screen Preview, Media Queries and Starter Layouts were not included since they were not fully backwards compatible.
So hopefully this will help DW users get into all the new HTML5 goodies.
Second, some CS5 users were sad to see the Validator feature go away. We got a lot of requests for this feature, so we packaged up the files to reinstate it.
After installing, you will get the old File > Validate > Markup back in the menu and the Results panel.
Fair warning: We removed it because it wasn’t totally accurate, so check with the W3C before you go live. People like this feature to find bugs in product, before they get to W3C.
And lastly, DW CS4 users that are trying out the Widget Browser, and specifically the new Spry UI widgets are getting a warning about missing widget code. DW CS4 isn’t recognizing these new widgets as Spry widgets. So we made an extension with a new translator that recognizes the new widgets and suppresses the warning.
So we hope that these new extensions will solve some issues for users. Let us know if you have other things you would like to see. We read every e-mail that comes through the wish list and it is how we saw these issues come up, so let us know!
Thanks,
Donald Booth
Dreamweaver Quality Engineering

David Powers – new PHP code hinting video

Adobe and Dreamweaver Community Expert David Powers takes us through some of the great new PHP code-hinting features in Dreamweaver CS5. When it comes to Dreamweaver and PHP, there is no better person to consult!
You can watch the video here.

Shortcut when Creating a New Document

Here’s cool trick that should help save you some time in Dreamweaver:

  1. In the Files Panel, use: right-click > New File to create a new document
  2. By default, you’ll get an HTML file named something like "untitled.html", and you’ll automatically be in Rename file mode.
  3. Change the file extension so it’s "untitled.css", and hit Enter to accept the new file name.
  4. Open the file and you’ll see that DW changed the contents so it’s the default CSS (not HTML) file!

So there’s no need to use the New Document dialog when you want to create a new document other than the default.

Note that this only works from the initial Rename mode. Also, this is not new for CS5, but I just re-remembered it today, so I thought I’d share.