0
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      ...
Web Premium   Web Premium   retail       upgrade   $1,799           $399 150,181        33,309 236,250        58,800     1...
HTML5CSS3
HTML5
HTML5 Pack    11.0.3
HTML5 PackHTML5CSS3
HTML5 PackCSS3video/audio                  CSS3                            -   shop DD http://shopdd.blog51.fc2.com/blog-e...
HTML5 PackHTML5CSS3   CSS3   video/audio
DWCS4    Dreamweaver         Firefox         Web Developer         W3C DWCS5                Validator for Dreamweaver CS5D...
CSS
CSS
CSSCSS
CSSCSSCSS
BrowserLab
≠BrowserLab
BrowserLab
o≠⁄               CS4BrowserLab
Dreamweaverborder-radius text-shadow       Firefox 3.6           IE9 text-shadowSafari 5        box-shadow
BrowserLab             CS5
DwCS5
BrowserLab   a+s+
BrowserLab
Mac/Windows
BrowserLab
BrowserLab{            }
BrowserLab{            }
AB   cf.C
ABC
<link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px...
<link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px...
320          910iphone.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/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px...
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...
<meta name="viewport" content="width=device-width">
HTML5+CSS3{               }  5.5jQuery MobilePhoneGap
2011 8
http://www.facebook.com/DreamweaverCS5.5Book
twitter: @swwwitchtakano@swwwitch.com
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Upcoming SlideShare
Loading in...5
×

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

2,608

Published on

2011年6月23日(木)、アップルストア銀座で開催したCSS Nite in Ginza, Vol.57での鷹野 雅弘(スイッチ)のセッション。

Published in: Design
1 Comment
4 Likes
Statistics
Notes
  • 参照リンク

    ・画像を一切使わずにCSS3だけでドラえもんを描いてみた! - 裏技shop DD
     http://shopdd.blog51.fc2.com/blog-entry-932.html
    ・Validator for Dreamweaver CS5(DWCS5用の拡張機能)
     http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2188524
    ・ベンダープリフィックス付きのプロパティはまだ必要なのか?(2)
     『効率的なサイト制作のためのDreamweaverの教科書』サポートサイト
     http://dreamweaver.cc/blog/archives/post_107.html
    ・今すぐ始めようスマートフォン & タブレット対応
     http://adobe-html5.jp/
    ・『効率的なサイト制作のためのDreamweaverの教科書』(CS5.5対応・改訂版)サポートサイト
     http://www.facebook.com/DreamweaverCS5.5Book
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,608
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

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

  1. 1. Dreamweaver CS5.5
  2. 2. 4 MX 8 CS3 CS4 CS5 CS5.5
  3. 3. CS5 CS5.5
  4. 4. Web Premium Web Premium retail upgrade $1,799 $399 150,181 33,309 1 =83.48
  5. 5. Web Premium Web Premium retail upgrade $1,799 $399 150,181 33,309 236,250 58,800 157% 177%
  6. 6. HTML5CSS3
  7. 7. HTML5
  8. 8. HTML5 Pack 11.0.3
  9. 9. HTML5 PackHTML5CSS3
  10. 10. HTML5 PackCSS3video/audio CSS3 - shop DD http://shopdd.blog51.fc2.com/blog-entry-932.html
  11. 11. HTML5 PackHTML5CSS3 CSS3 video/audio
  12. 12. DWCS4 Dreamweaver Firefox Web Developer W3C DWCS5 Validator for Dreamweaver CS5DWCS5.5 W3C
  13. 13. CSS
  14. 14. CSS
  15. 15. CSSCSS
  16. 16. CSSCSSCSS
  17. 17. BrowserLab
  18. 18. ≠BrowserLab
  19. 19. BrowserLab
  20. 20. o≠⁄ CS4BrowserLab
  21. 21. Dreamweaverborder-radius text-shadow Firefox 3.6 IE9 text-shadowSafari 5 box-shadow
  22. 22. BrowserLab CS5
  23. 23. DwCS5
  24. 24. BrowserLab a+s+
  25. 25. BrowserLab
  26. 26. Mac/Windows
  27. 27. BrowserLab
  28. 28. BrowserLab{ }
  29. 29. BrowserLab{ }
  30. 30. AB cf.C
  31. 31. ABC
  32. 32. <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)" >
  33. 33. <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)" >
  34. 34. 320 910iphone.css tablet.css desktop.css
  35. 35. Dreamweaver CS5.5
  36. 36. <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
  37. 37. <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
  38. 38. iphone.css tablet.css desktop.css
  39. 39. <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);
  40. 40. <meta name="viewport" content="width=device-width">
  41. 41. HTML5+CSS3{ } 5.5jQuery MobilePhoneGap
  42. 42. 2011 8
  43. 43. http://www.facebook.com/DreamweaverCS5.5Book
  44. 44. twitter: @swwwitchtakano@swwwitch.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×