ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナー：マルチで行こう！
•
2 likes•1,630 views
ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナーのスライドショーです。 DreamweaverでPCサイトをマルチプラットフォーム化する制作プロセスと抑えたいTIPS、Dreamweaverの新機能の紹介になっています。 動画はこちら http://www.ustream.tv/channel/cs5wp-live
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナー：マルチで行こう！
Similar to ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナー：マルチで行こう！ (20)
More from barimi
Recently uploaded
Recently uploaded (10)
ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナー：マルチで行こう！
- 2. マルチで行こう!
- 3. 本日のアジェンダ 自己紹介 面白法人カヤックって？ 最近のWeb制作の傾向 DWを使いマルチプラットフォーム化するには お知らせ
- 4. 自己紹介 面白法人カヤック 意匠部 林真由美 @ barimi
- 5. こんなもの作ってます 1アイデア100円から 元気玉 貧乏揺すりガジェットYUREX 寝言録音iPhoneアプリ Let it Sleep
- 7. つづきはWebで！ 林真由美 ORbarimiで 検索！
- 10. どんなものを作っているの？ 声で遊ぶコミュニティ こえ部 iPhoneアプリDomino’s APP モバゲーアプリ英雄になりたい！
- 11. 最近のカヤックのWeb制作の傾向 携帯 iPhone Android PC iPad
- 12. 最近のカヤックのWeb制作の傾向
- 13. 最近のカヤックのWeb制作の傾向
- 14. 最近のカヤックのWeb制作の傾向
- 15. 最近のカヤックのWeb制作の傾向
- 16. 最近のカヤックのWeb制作の傾向
- 17. ということを踏まえて今回のテーマ
- 18. マルチで行こう! Dreamweaverを使い マルチプラットフォーム化 するには？ 素早く
- 19. 今日持って帰って欲しいこと。 DW CS5の新機能 DWの便利な使い方 マルチプラットフォーム化の基礎知識
- 22. PCのみ展開
- 24. 用意したもの：ハードウェア 漫画 ノートPC Nexus-One F-09A iPhone 3GS(撮影中)
- 25. 用意したもの：ソフトウェア
- 27. 理想の構造 新規作成
- 28. 今回のポイント 素早く 簡単に (ﾟ Дﾟ)ｳﾏｰ
- 30. 抑えておきたい！各プラットフォームの画面サイズ iPad 縦：768×1024 横：1024×768
- 31. 抑えておきたい！各プラットフォームの画面サイズ iPhone 縦：320×480 横：480×320
- 34. じゃ、幅で分けよう
- 35. なので、こうしよう。
- 36. 理想の構造：その2 新規作成
- 37. ところが… 無理じゃん!
- 38. 携帯は別HTMLにしないといけない3つの主な理由。 ファイルサイズの問題 画像込みで100kb以内。 CSSの問題 HTMLに直接記述。 JSの問題 非対応。
- 39. 現実はこうなった… 新規作成
- 44. Subversion連携強化
- 52. Subversion連携強化
- 60. Subversion連携強化
- 66. デザインビュー
- 67. ライブビュー
- 68. Device Central
- 69. ブラウザプレビュー
- 72. STEP3：携帯ページはさくっと
- 73. おすすめDOCタイプ xHTMLMobile Profile 1.0 <?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN""http://www.wapforum.org/DTD/xhtml-mobile10.dtd" ><html xmlns="http://www.w3.org/1999/xhtml">xHTML 1.0 Transitional<?xml version=“1.0” encoding=“utf-8”?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=“http://www.w3.org/1999/xhtml” lang=“ja” xml:lang=“ja”>
- 74. 携帯は完成 とりあえず、完成。
- 77. ＨＴＭＬ５が したいです。
- 80. HTML5/CSS3コードヒント属性と値(HTML5タグ)-moz, -webkit, -o (CSSプロパティ) マルチスクリーンプレビュー&メディアクエリー 最新のWebKit搭載 HTML5対応レイアウト
- 82. すごい！！
- 83. STEP3：スマートフォン用サイト制作の5つのポイント 基本1カラム リキッドレイアウト リンクエリアは大きく Viewport CSSの記述方法
- 84. レイアウト
- 85. Viewportについて
- 88. ………… 何が何だか わからない ………… ………… ………… …………
- 90. Viewportについて <meta name="viewport“ content=“ width=device-width, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
- 91. Viewportについて <meta name="viewport“ content=“ width=device-width, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" /> コンテンツの幅 ピンチできるかどうか 拡大の上限 拡大の下限
- 92. CSSの記述方法 <link media=“ only screen and (max-device-width: 480px)" href="/css/smartphone.css" type="text/css" rel="stylesheet“ />
- 93. CSSの記述方法 <link media=“screen and (min-device-width:481px)" href="pc.css" type="text/css" rel="stylesheet" /><!--[if IE]> <link href="pc.css" type="text/css“ rel="stylesheet" /> <![endif]-->
- 94. これらを踏まえまして
- 95. どうしてもここが。。。
- 96. ようせいさんが あらわれた
- 97. USBバンドの同梱JSについて
- 98. UAでソースの変換 varrules ={"rel属性で指定" : ["iPhone用変換ソース","Android用変換ソース"] }
- 100. DW機能補完ブラウザ
- 103. PC 完成 携帯 iPad iPhone Android
- 109. お手元にこんなの ありませんか？
- 110. とは？ ブラウザだけで Flashをつくる オンラインサービス ユーザー数 2万2000人 以上！ プログラムを かくと… Flashが 現れます ●Flashクリエイター ●Webデザイナー ●Webプログラマー 世界中から、ActionScriptを 使うユーザーが集まってます。
- 111. そして今回、この機能をつかって、 Flashクリエイター専門の求人情報サイト を立ち上げました。 wonderflFlash-Jobs その名も、
- 112. 国内外のFlashクリエイティブに特化した仕事、とりわけインタラクティブ要素の強い仕事を中心にご紹介 エントリーは… wonderfl へ投稿した作品を ポートフォリオとして活用できる！ アピール！ 表現力 演出力 実装力 ご利用は無料、wonderflに登録するだけ！ 詳しくは、お手元のフライヤー、または「flash Jobs」で検索！
- 113. 会社の雰囲気は？ どんなものをつくっている会社？ 企業からのメッセージ どんなスキルが必要？
- 114. flash jobs