Dreamweaver CC 2015のアップデート

デバイスプレビューを使う

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
デバイスプレビューを使うと、HTMLドキュメントの編集をモバイルなどのデバイスでリアルタイムに確かめられます。
講師:
02:14

字幕

このレッスンでは編集中のHTMLドキュメントを モバイル等の実機で 実際に確認することができるという 「デバイスプレビュー」という機能について ご紹介します 今画面で開いているHTMLドキュメント ビジュアルメディアクエリを使って iPhone用の320ピクセルの レイアウトにしました ちょっとボタンが重なっていますが まだ編集中ということで 実際どんな画面になっているかというと― では一旦ライブビューの表示を隠して スクロールしてみましょう 写真が入ったりとか あるいはボタン リストもまだ編集途中ですが こんな画面を作りました ではこの画面を実際にiPhoneで 確認してみたいと思います 「デバイスプレビュー」のボタンを クリックしますと QRコードが出てきますので このQRコードをiPhoneで読み取ります 読み取りができると このように表示されます 実際にスクロールしてみましょう もちろん先程と同じものが入っている訳ですが こんな感じですね では少し戻ってこの辺りを ちょっと編集してみることにしましょう こちらのDreamweaverでも スクロールをして同じ画面を用意します iPhoneは戻ってしまいましたね また改めて― では一旦ライブビューの表示を戻しましょう 「ライブビューオプション」で 「表示を隠す」になっていますので 表示を戻します そして ちょっと改行を入れてみましょうか 編集状態にして改行を入れます そして外側をクリックして確定 そうするとリアルタイムで改行が入りました このようにして実際に編集をしながら 実際のデバイスでどう見えるかを確認しながら 編集が進められるということになります このレッスンではHTMLドキュメントの編集を リアルタイムでデバイスで確認できる デバイスプレビューの機能について ご紹介しました

Dreamweaver CC 2015のアップデート

2015年6月のアップデートでDremaweaverにも新しい機能やパネル、インターフェイスが加わりました。このコースではBootstrapフレームワークやビジュアルメディアクエリーの導入、新しくなったCSSデザイナパネルとDOMパネル、コード入力を効率化したり構文チェックを行うツールなど主な新機能を解説します。

1時間44分 (25 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 1,990
発売日:2015年07月27日
アップデート日:2015年11月30日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。