スタイルシートマニア

Dreamweaver CS6 を使って作るフォトギャラリー 10のステップ | ホームページカスタマイズ Tips

Dreamweaver CS6にはブラウザのサイズに対して内容が伸縮してくれるテンプレートが備わっているようで、それを使ってのギャラリーサイトを作る方法です。
これを使えばPCサイトもタブレットサイズもスマホも一つのソースで作れてしまうという優れ物!
試しにブラウザを小さくしたり大きくしたりしてぐりぐり動かしてみましょう!
結構楽しいです。
まあ、別段中の仕組みが分かっていればCS6を使わなくても作ることはできるんですが・・・。

だけど、めんどくさがりの僕には大変重宝しそうな機能ですね。

今度、改めて中身を分析してみようかと思いますが、これできます(笑)
いや、めんどくさいんですけどね・・・・。
だから、Source Marineのサイトはスマホ対応していないんです。
だけど、最近僕が制作しているものではやってます。
なので、勉強の為に改めてソースを分析します!

参考サイト:http://www.adobe.com/inspire/2012/10/ten-steps-dreamweaver-cs6.html
デモページ:http://www.adobe.com/inspire-apps/ten-steps-dwcs6-1012/

Author:庄野英朗
Comments:1

庄野英朗

Source Marine 代表
デザイン・コーディング・PHPアプリケーションまでこなす。
マルチデザインプログラマ。

1 件のコメント

コメントを残す