初心者webデザイナーさんのための、ホームページ制作無料講座です。Dreamweaver8を使ったXHTML+CSSコーディングの方法を紹介します。
スタイルシート初心者の方に役立つように作ってみました。
※Adobe® Dreamweaver® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
|
Tweet |
|
ドリームウィーバーでの、スタイルシートデザインの作り方、前回の続きです。 多少繰り返しになりますが、コード画面での折り返しタグの使い方もやってみます。 なるべく手打ちコーディングに近いやり方にしたほうが早くできます。 動画では、cssパネルでスタイルを追加する方法にしてますが、慣れてきたら、直接cssファイルに手打ちで追加していって、あとでプレビュー見ながら微調整する方法の方が速くできます。 cssのコード編集画面でもヒントの窓が開くので、簡単に入力できます。 もう一つ、今回はロゴを右寄せにするのもやってみました。 表示:ブロック(display: block;) にしているのは、imgはインライン要素なので、ブロック要素に変えると、フロートで右寄せにできるからです。 ************************ モモンガが作っているメイクアップ講座のサイトはこちらで見ることができます メイクアップ講座TAKIZAWA メイクアップの講座を受けたときの感想をこちらでもかいています。興味の有る方はどうぞ~~。 モモンガの森 素敵な隠れ家サロンで、メイクアップ講座 いやはや。。プロの技は習ってみるもんです。女性はメイクが上手になったら一生の宝ですね。。。 |