Skip navigation
Currently Being Moderated

Dreamweaver CS6 for HTML5?

Aug 24, 2012 8:39 AM

Tags: #cs4 #dreamweaver #css #html5 #cs6

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

 
Replies
  • Currently Being Moderated
    Aug 24, 2012 9:14 AM   in reply to MFitz721

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 10:37 AM   in reply to MFitz721

    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-responsiv e-web-design/

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 11:10 AM   in reply to MFitz721

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 12:39 PM   in reply to MFitz721

    MFitz721 wrote:

    Should I upgrade to CS6 from CS4 given this conversation? I was thinking about only upgrading Dreamweaver,

    What do you currently own?

     

    You're aware that if you own a Creative Suite that you must upgrade to another Suite? i.e You cannot upgrade individual components of a Suite e.g. Dreamweaver only.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 4:35 PM   in reply to MFitz721

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 6:54 PM   in reply to Nancy O.

    Nancy,

    This is better known as "Responsive Design."  Read more about it below:

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

     

    I had bookmarked this on MacBook Pro 17, iPad, iPhone and MacPro 12-core for further reference read. I am in middle of some website updates with responsive web design perspective.

     

    In that link you provided us, I agree with many posters' comment there, in general, I had not seen/read anything that is well-written and documented with unbiased perspective. The author on that article link has touched many topic, examples and all.

     

    I think Adobe should put this link as a frame of reference, for all Adobe web customers to see/read/learn benefit from this.

     

    Cheers,

    Brian

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 8:36 PM   in reply to CaramelMacchiato

    CaramelMacchiato wrote:

     

    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.

    Dec 31, 2012.

     

    After that date, CS3 and CS4 customers can no longer upgrade to CS6 at upgrade prices. They must pay full price as if they had never owned any Adobe software before.

     

    http://www.adobe.com/au/products/creativesuite/faq/upgrade-policy.html

     

    "Take advantage of our special introductory upgrade pricing on Creative Suite 6 for customers who own CS3 and CS4 individual products and suite editions. This temporary upgrade offer is valid through December 31, 2012. After that date, only customers who own CS5 or CS5.5 products will qualify for upgrade pricing to CS6."

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 25, 2012 1:28 PM   in reply to John Waller

    As John said, time is running out on upgrade pricing.  Your other option is to subscribe to the Creative Cloud for $50 USD/month which gives you access to 17 products including Dreamweaver CS6.

    http://www.adobe.com/products/creativecloud.html

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 25, 2012 2:04 PM   in reply to John Waller

    Hello John.

     

    In a word, thanks!

     

    Brian

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 27, 2012 8:47 AM   in reply to MFitz721

    I haven't used any online services for this to recommend but I am sure some of them will cost a small fee to give you an accurate view - you can try googling "website testing mobile devices" and see what solutions are around. For a very accurate view, you may need to download the individual emulators for Android, Windows and iOS (you can normally get these straight from the software site by signing up as a developer).

     

    Alternatively, Adobe has Device Central in CS4 and up. It may help as well but may not have all the devices required - especially as Adobe discontinued support in April this year. They have PhoneGap in CS6 and also have the multi-screen preview.

     

    If you are going to be doing a lot of mobile developing, then getting back to your initial question, an upgrade may help you in this department - but essentially the learning of HTML5 needs to be done by you.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 27, 2012 9:59 AM   in reply to MFitz721

    In truth, on-line simulators are not 100% reliable because touch screens and mobile browsers have their own quirks which you won't see using a PC browser.  If you plan to develop for certain mobile devices, you need to borrow or invest in those devices to test on.

     

    Visit your local Apple Store and check your sites on iTouch/iPhone/iPads.

     

    iPhone simulator - (on-line)

    http://www.testiphone.com/

     

    Opera Mini Mobile Simulator (on-line)

    http://www.opera.com/mini/demo/

     

    Google Android Emulator (download)

    http://developer.android.com/guide/developing/tools/emulator.html

     

    Palm OS Emulator (download)

    http://www.tucows.com/preview/261443

      

    Blackberry Smartphone Simulators (download)

    http://na.blackberry.com/eng/developers/resources/simulators.jsp

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 30, 2012 9:57 AM   in reply to MFitz721

    You can only upgrade from what you have now.  IOW, if you currently own a suite of products, you must upgrade to a suite of products; not a single product.

     

    The full scale version of DW CS6 costs $399 USD.

    http://www.adobe.com/products/dreamweaver/buying-guide.html

     

    I can't tell you if it's worth it or not.  That's a judgement call only you can make.

     

    You can join Creative Cloud free for 30 days to try it out. 

    Or just download DW6 and test it for 30 days.    Then decide.

    http://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver&loc=en _us

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 31, 2012 9:58 AM   in reply to MFitz721

    If you want to create a site that will work seamlessly on all devices

    you might want to look at Adaptations:

     

    http://www.projectseven.com/products/templates/pagepacks/adaptations/e xamples/layout-01.htm

     

    While it's not free, it is quite a bit less expensive than a Dreamweaver

    upgrade and does come with actual support

     

    --

    Al Sparber - PVII

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points