- ベストアンサー
Dreamweaver CS5.5で簡単にjQueryを利用したホームページ作成方法
- Dreamweaver CS5.5を使用してPC用のホームページを作りたい場合、jQueryを利用することでiPadでも見ることができます。
- Dreamweaver CS5.5ではトップページやギャラリーページにおいてjQueryを使用して写真を動かすことが可能です。
- また、Dreamweaver CS5.5を利用することで簡単にFlashのような写真の動きやサムネイルをクリックすると写真が大きく表示されるようなギャラリーページを作成することができます。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ライブビューではJavaScriptが動きますので、JavaScriptで作られたライブラリ、つまりjQueryも動きます。 （本物のブラウザに比べて相当な機能制限、互換性の問題がありますが、jQueryなどのライブラリを使えば、そういう互換性は吸収してくれます。） http://www.adobe.com/jp/products/dreamweaver.html jQueryの統合の項目 （ http://www.adobe.com/jp/feature/dreamweaver/jquery-integration.modaldisplay.._s_content_s_dotcom_s_jp_s_products_s_dreamweaver.html （英語、動画）） jQuery Mobile自体がモバイル用ですので、段組み表示ができません。 もっとも、中身はJavaScriptとCSSなので、CSSファイルを書き換えたりして段組みにもできますが、jQueryMobileの仕様について熟知している必要があります。 それでいいなら、問題なく作れます。 >jQueryをやったことがないのですが、このソフトで簡単にFlashのように写真を動かしたり、 >サムネイルをクリックすると、写真が大きく表示されるようなギャラリーページが作れるのでしょうか？ jQueryとjQueryMobileは別物です。 （新たにjQueryファイル（jquery.js）を読み込む必要がないというだけで、）それ以外のギャラリー用のスクリプトファイルを用意すればできます。
その他の回答 (2)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
>No.1お礼 >PC用のjQueryの場合、作成用のソフトはないのでしょうか？ それがDreamweaverです。 jQueryはあくまでライブラリにすぎません。 http://www.amazon.co.jp/dp/B004OGTYLM/工作-キット/ http://www.amazon.co.jp/dp/B001VZHRYK/ユニバーサルプレート/ 電動のこぎりを買ったら家が造れるようになるわけではありません。
お礼
ありがとうございました。 良くわかりました。 jQueryは頑張って勉強します。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
あと、jQueryMobileというのは、 <link href="sky.css" type="text/css" rel="stylesheet"> とすると青を基調としたサイト <link href="pink.css" type="text/css" rel="stylesheet"> とすると、かわいらしい感じのサイト などとするように、「jQuery Mobile調」のサイトを作るテンプレートです。 CSSの改変についてはAmebloなどのブログカスタマイズと基本的には変わらないと思います。 HTML構造（特にrel属性やdata-*属性）がjQuery専用になっていますから、そこだけ覚えれば簡単に改変できると思います。
補足
Dreamweaver CS5.5 に入っているjQueryはモバイル用のjQuery mobileなんですね。 基本的にはPCサイト用のjQueryを作りたかったんです。それを、iPadでも見れるって感じにしたかったので。Dreamweaver CS5.5のjQueryは最初からmobile用で作るってことなんですね。 分かりました。ありがとうございます。 PC用のjQueryの場合、作成用のソフトはないのでしょうか？ やはり、どこかのサンプルを見ながら自分で作らなければならないのでしょうか？