Dreamweaver CS5.5
4   MX   8   CS3   CS4   CS5   CS5.5
CS5   CS5.5
Web Premium       Web Premium
   retail           upgrade
   $1,799                  $399
 150,181               33,309

       1      =83.48
Web Premium   Web Premium
   retail       upgrade
   $1,799           $399
 150,181        33,309
 236,250        58,800
     157%          177%
HTML5
CSS3
HTML5
HTML5 Pack
    11.0.3
HTML5 Pack
HTML5
CSS3
HTML5 Pack
CSS3
video/audio




                  CSS3                            -   shop DD
 http://shopdd.blog51.fc2.com/blog-entry-932.html
HTML5 Pack
HTML5
CSS3

   CSS3
   video/audio
DWCS4    Dreamweaver
         Firefox
         Web Developer
         W3C
 DWCS5
                Validator for Dreamweaver CS5
DWCS5.5 W3C
CSS
CSS
CSS
CSS
CSS
CSS

CSS
BrowserLab
≠


BrowserLab
BrowserLab
o≠⁄
               CS4
BrowserLab
Dreamweaver
border-radius text-shadow
       Firefox 3.6           IE9 text-shadow
Safari 5        box-shadow
BrowserLab
             CS5
DwCS5
BrowserLab   a+s+
BrowserLab
Mac/Windows
BrowserLab
BrowserLab

{            }
BrowserLab

{            }
A

B   cf.

C
A

B

C
<link href="css/iphone.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 0px) and (max-width: 320px)" >

<link href="css/tablet.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 321px) and (max-width: 910px)" >

<link href="css/desktop.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 911px)" >
<link href="css/iphone.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 0px) and (max-width: 320px)" >

<link href="css/tablet.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 321px) and (max-width: 910px)" >

<link href="css/desktop.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 911px)" >
320          910


iphone.css   tablet.css desktop.css
Dreamweaver CS5.5
<link href="css/iphone.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 0px) and (max-width: 320px)" >

<link href="css/tablet.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 321px) and (max-width: 910px)" >

<link href="css/desktop.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 911px)" >




     iphone.css              tablet.css          desktop.css
<link href="css/iphone.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 0px) and (max-width: 320px)" >

<link href="css/tablet.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 321px) and (max-width: 910px)" >

<link href="css/desktop.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 911px)" >




     iphone.css              tablet.css          desktop.css
iphone.css   tablet.css   desktop.css
<link href="css/iphone.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 0px) and (max-width: 320px)" >

<link href="css/tablet.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 321px) and (max-width: 910px)" >

<link href="css/desktop.css" rel="stylesheet" type="text/css"
 media="only screen and (min-width: 911px)" >




@import url("phone.css") only screen and (max-width:480px);
@import url("tablet.css") only screen
   and (min-width:481px) and (max-width:768px);
@import url("desktop.css") only screen and (min-width:769px);
<meta name="viewport" content="width=device-width">
HTML5+CSS3
{               }


  5.5
jQuery Mobile
PhoneGap
2011 8
http://www.facebook.com/DreamweaverCS5.5Book
twitter: @swwwitch
takano@swwwitch.com

Dreamweaver CS5.5でワークフローはどう変わるのか?