Skip to main content
Inspiring
August 24, 2012
Question

Dreamweaver CS6 for HTML5?

  • August 24, 2012
  • 3 replies
  • 22026 views

Wow, 27 minutes hold-time to call Adobe for pre-sales support!

I'm a long-time Dreamweaver user currently using CS4. My customers are increasingly asking me to develop websites that will display properly on Androids and iPhones (less often Blackberries).

1. Would a site I create in CS6 as HTML5 automatically display properly on mobile devices? What other things (if any) do I need to do or consider? Anything I should read first?

2. Can anyone recommend a website emulator that will show me what my development sites will look like in every commonly used mobile device so I can rest-assured?

3. How different is developing a site in HTML5 using CS6 from HTML/CSS using CS4? Big learning curve or minor?

4. Can I continue to keep DW8 installed? (I have some older sites in HTML - no CSS that I need this for)

Thanks for reading this.

Matt

This topic has been closed for replies.

3 replies

Inspiring
August 24, 2012

MFitz721,

In my humble opinion, get the latest version of Dw CS6. You will NOT regret this.

Yes, I know there are many good advice in this forum discussion. From my perspective, since I have upgraded to EVERY Adobe Creative Suite release the latest version of CSx. In my case, I own Master Collection (upgraded from Design Premium a couple years ago). Every upgrade to new one makes a lot sense for me. Thus, this make more rapid workflow with more pleasant experience all together.

Not necessarily for every one to buy Master Collection, but just a standalone app is good too. If that works nicely for you with only one app. That works good for you, but I would think it would makes a lot sense to upgrade to CS6.

Nancy, I don't seem to find the info about Adobe plans to cut off on CS4 upgrad to CS6... when is the 'cut off' date, so MFitz721 doesn't get any surprise.

Yes, MFitz721, tell me about Adobe customer service experience - they are horrible!!!

You know where you can get some help.. RIGHT HERE! So you have come to the right place.

MFitz721Author
Inspiring
August 25, 2012

Thanks for the feedback everybody. You've given me a lot to research and think about. Too bad my pricing options aren't a 10 minute phone call away.

Matt

Nancy OShea
Community Expert
Community Expert
August 24, 2012

Hi Matt,

To elaborate a bit on what Rik already said, any standard compliant site you create should display reasonably well in iPhones, iPads, Androids & Blackberries.  If it doesn't, your layout/design approach may be in question.

Can you show us an example of a site you've developed that doesn't display properly in mobile devices?

That said, optimizing layouts for mobiles, tablets & desktops requires additional skill with CSS Media Queries and the ability to create different stylesheets for the various device widths you are targeting.  This is better known as "Responsive Design."  Read more about it below:

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Nancy O.

Nancy O'Shea— Product User & Community Expert
MFitz721Author
Inspiring
August 24, 2012

Thanks for the replies.

Nancy,

Should I upgrade to CS6 from CS4 given this conversation? I was thinking about only upgrading Dreamweaver, but I hadn't heard of Adobe Browser Lab. I think I'll either need that or some other online emulator. Adobe's Browser Lab might be part of the CS6 Suite, right?.

Several sites that are of concern are:

http://www.ISPG.com
http://www.UltraWizTools.com
http://www.Deltron.com (although I'm going to be building a new version of this one soon)

They all passed validation of XHTML 1.0 Transitional.

Thanks again!

Matt

Rik Ramsay
Participating Frequently
August 24, 2012

MFitz721 wrote:

Should I upgrade to CS6 from CS4 given this conversation? ...Adobe's Browser Lab might be part of the CS6 Suite, right?.

Browser Lab has been around since CS4 but you need to add the extension in to Dreamweaver:

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2101022

Or you can use it online:

browserlab.adobe.com

They also have a testing application for mobile devices called Shadow that may be more use:

http://labs.adobe.com/technologies/shadow/

As I mentioned before, there is no need to upgrade your CS to update your websites. If however, you are a visual designer and know little code, CS6 will help you more. If you code everything by hand, your CS will make little difference.

Rik Ramsay
Participating Frequently
August 24, 2012

1. No. Dreamweaver does not "help" as such with HTML5 - that knowledge comes from you. It has the tags included which helps a little but ultiimately you need to learn how HTML5 works on phones and learn about responsive design / media queries. The fluid grid layout in CS6 may help if you use design view more than code view.

2. Adobe Browser Lab

3. HTML5 is not drastically different to HTML4 but there is a learning curve. If you are very familiar with HTML and code by hand now, HTML5 should be relatively straight forward. There are plenty of resources about the coding elements.

Whether you use CS4 or CS6 makes little difference to the code - again this comes from you. However CS6 does have a fluid grid site which would help if you use design view a lot.

4. Don't see why not, but why? Older sites will open in the new Dreamweavers. Again, HTML code is HTML code. Dreamweaver is just an editor. You can build an HTML5 site in TextEdit if you want.