Dreamweaver CS5.5 is an update to Adobe's web design software that features improved support for HTML5 and CSS3. It allows designers to create responsive layouts that automatically adapt to different screen sizes like phones, tablets and desktops. The update also enhances the BrowserLab tool for testing websites across browsers and devices before launch.

1. Dreamweaver CS5.5

2. 4 MX 8 CS3 CS4 CS5 CS5.5

3. CS5 CS5.5

6. Web Premium Web Premium
retail upgrade
$1,799 $399
150,181 33,309
1 =83.48

7. Web Premium Web Premium
retail upgrade
$1,799 $399
150,181 33,309
236,250 58,800
157% 177%

9. HTML5
CSS3

10. HTML5

11. HTML5 Pack
11.0.3

12. HTML5 Pack
HTML5
CSS3

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

14. HTML5 Pack
HTML5
CSS3
CSS3
video/audio

16. DWCS4 Dreamweaver
Firefox
Web Developer
W3C
DWCS5
Validator for Dreamweaver CS5
DWCS5.5 W3C

17. CSS

18. CSS

19. CSS
CSS

22. CSS
CSS
CSS

24. BrowserLab

26. ≠
BrowserLab

27. BrowserLab

28. o≠⁄
CS4
BrowserLab

31. Dreamweaver
border-radius text-shadow
Firefox 3.6 IE9 text-shadow
Safari 5 box-shadow

32. BrowserLab
CS5

33. DwCS5

34. BrowserLab a+s+

35. BrowserLab

38. Mac/Windows

40. BrowserLab

43. BrowserLab
{ }

48. BrowserLab
{ }

49. A
B cf.
C

50. A
B
C

54. <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)" >

55. <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)" >

56. 320 910
iphone.css tablet.css desktop.css

60. Dreamweaver CS5.5

61. <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

62. <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

63. iphone.css tablet.css desktop.css

64. <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);

71. <meta name="viewport" content="width=device-width">

73. HTML5+CSS3
{ }
5.5
jQuery Mobile
PhoneGap

75. 2011 8

76. http://www.facebook.com/DreamweaverCS5.5Book

77. twitter: @swwwitch
takano@swwwitch.com