初心者webデザイナーさんのための、ホームページ制作無料講座です。Dreamweaver8を使ったXHTML+CSSコーディングの方法を紹介します。
スタイルシート初心者の方に役立つように作ってみました。
※Adobe® Dreamweaver® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
|
Tweet |
|
今回は、CSSのソースを直接書いてみます。 Dwの設定で、コードヒントが出るようにしておくと、入力したいスタイルの最初の1文字か2文字を打っただけで、ヒントのところに飛ぶので、 プルダウンメニューからスタイルを選択することができます。 (弊害として楽してしまうので手打ちのみでやる方法の覚えが悪いと言えばそうなんですが・・・私は一人で仕事していて、ソフトに頼ったほうが効率良いならがんがん利用してヨシと思ってます^^) 動画中に出てくるマージンの指定で margin:0px 0px 20px 0px; のように指定しているのは、丁寧に書くと、margin-top とかmargin-leftみたいに ひとつずつ書いてもいいんですが、一括で指定する場合は、 上・右・下・左 と、上から時計回りに指定すると覚えれば良いです。 ***** ↓モモンガの森では、webデザイナーを目指している方を応援しています! モモンガの森 Dreamweaverで作るスタイルシートwebデザイン 最近こんなホームページ作りました 長野県駒ヶ根市 美容室A2 森の365日にも遊びに来てください 森の365日 |