初心者webデザイナーさんのための、ホームページ制作無料講座です。Dreamweaver8を使ったXHTML+CSSコーディングの方法を紹介します。
スタイルシート初心者の方に役立つように作ってみました。
※Adobe® Dreamweaver® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
|
Tweet |
|
ドリームウィーバーを使ったXHTMLとCSSコーディングの実践編を何回かに分けてやってみたいと思います。 今回は、簡単な1カラムと上にヘッダー部分、真ん中にメイン、下にフッターを入れただけのデザインです。 スタイルシートのテクニックについては、ここでは語りきれないので省いてしまってます。 CSSはいろんなテクニックがあるので突っ込み処があるかもしれません・・・極力初心者にやさしい方法でやってみようと思いますので 難しかったらコメントください(^^ (1)は、だいたいのおおまかなボックスをコードで入力してしまう方法です。 まだ、スタイルはくっつけてません。 いろんな参考書を読んでいるとわかってくると思いますが、ボックスの設定の仕方には王道みたいなのがあって、 一番外側がwrapper その下にheaderとmainとfooterが来るんですが、 mainの中がサイドナビとコンテンツ部分に分かれてることも多いです。 今回の見本は、難しいサイドナビは使わずにやってみます。 ::::: モモンガはwebデザイナーを目指している方を応援してます\(@^〇^@)! モモンガの森 森の365日にも遊びに来てください 森の365日 |