勉強嫌いのための「DreamweaverでCSSレイアウトのすすめ」
フォローデータ
先日は、CSS Nite in FUKUI(アップグレードふくい+2008)にご参加いただきありがとうございました。
当日の「勉強嫌いのための「DreamweaverでCSSレイアウトのすすめ」 にて、デモンストレーション時に使用したソースコードを公開いたします。また、内容はあまりないですが、スライド用のPDFデータも合わせて公開いたします。
- デモ1 テーブル組の疑似リストをリストタグで組みなおす
- デモ2 リンク部分をボタン風に
- デモ2への質問。 a要素の下線を消して、ボーダー下線で表示
- デモ3 商品一覧(テーブル版)
- デモ3 商品一覧(上記のテーブル版をリストタグで組みなおす)
- スライド (PDF形式 約110KB)
デモムービー
サンプルデータだけでは、Dreamweaverのパネルを使って、CSSを組む楽しさをお伝えするのは難しいと思いましたので、デモの一部をムービーにしました。
デモンストレーションを終えて
Dreamweaverというソフトを使いだしたのは、バージョン2からで、もう長い付き合いになります。このソフトがなければ、仕事はできないですし、使わない日はほとんどありません。(フリーランスのよくないところですが、100%休日ってのが極端に少ないのです。)
テーブルレイアウトからCSSレイアウトへの移行は、3年ぐらい前に行いました。勉強嫌いの私が、必要に迫られてとった方法が、「Dreamweaverでとりあえず組んでみて、ソースコードを勉強しよう!」というものでした。その後も、実務でページを組むなかで、いろんなトラブルに巻き込まれつつ、日々CSSレイアウトの勉強を続けている日々です。
ブラウザの対応状況など考えると、なかなか一筋縄ではいかないのが現状なのですが、今後、この手法が主流になるのはまちがいなく、Web制作に携わる者としては勉強せざるを得ないですね。一緒に頑張っていきましょう!
このフォローページが少しでもお役に立てれば幸いです。ありがとうございました。
宣伝を少し
財)ふくい産業支援センター にてIT研修を担当させていただいております。
Web制作実践、Dreamweaver、Flash、MovableTypeなどを2008年度も引き続き担当いたしますので、ぜひご覧くださいませ。
森 和恵 ( r360@bb.wakwak.com )
※Mixiやってます。自分のサイトより更新多しです(苦笑)。同じ趣味の方、志しの方、ぜひマイミクになってやってくださいませ。よろしくお願いします〜。
http://mixi.jp/show_friend.pl?id=60060
(c) 2008 r360studio. all rights resereved.