試してみよう Dreamweaver CS5.5：スマートフォンサイトの制作に挑戦しよう！
Adobe Dreamweaver CS6 体験版 ダウンロード
サンプルコードから始めるjQuery Mobile
スマートフォンサイトの作成に挑戦したことはありますか？
Dreamweaver CS5.5のjQuery Mobileのサンプルコードを利用すれば、簡単にスマートフォンサイトの作成にとりかかることができます。
まずはサンプルトコードを触ってjQuery Mobileを体験してみましょう。
起動時に表示される画面から「詳細情報」を選択します。
Dreamweaver CS5.5の起動時に表示されるウインドウから「詳細情報」を選択します。
jQuery Mobileのサンプルページを選択します。
「サンプルから作成」→サンプルフォルダー「モバイルスターター」→サンプルページ「jQuery Mobile （ローカル）」と選択し、「作成」ボタンをクリックします。
jQuery Mobileのサンプルコードが表示されます。
jQuery MobileやCSSが読み込まれた状態でHTMLが表示されます。（この画面では左に「コードビュー」、右に「デザインビュー」を表示しています。）
ライブビュー機能を使って表示を確認してみましょう。
画面上部のボタンから「ライブビュー」を選択してみましょう。ブラウザで実行した時と同じ状態でプレビューできます。画面の遷移なども実行できます。
jQuery Mobileを利用すると、HTMLに要素や属性を足していくだけでスマートフォンサイトを構築することができます。リファレンスを参考に手を加えてみましょう。また、Dreamweaver CS5.5の挿入パネルを活用すれば、簡単に要素の追加ができます。挿入パネルについては、次回詳しく見ていきましょう。
