htmlの練習
Dreamweaverのコードビューを使ってhtmlとcssをタイピングし、初めてのホームページを作成しました。html辞典を参考にいくつかの代表的なタグを使ってマークアップしcssを装飾していくという基礎を学びました。tableタグとimgタグについては別ページを作成し、リンクでページが移動する様子も試しました。
Dreamweaverのコードビューを使ってhtmlとcssをタイピングし、初めてのホームページを作成しました。html辞典を参考にいくつかの代表的なタグを使ってマークアップしcssを装飾していくという基礎を学びました。tableタグとimgタグについては別ページを作成し、リンクでページが移動する様子も試しました。
サンプル差宇土デザインの「cafe wie」です。シンプルなデザインですが、div idによるデザインレイアウトと基礎的なタグを扱ったマークアップ、簡単なcssによる装飾を学ぶ事ができます。幅のある具ロックレベル要素の左右マージンをautoにすることで中央揃えにすいたり、ある方向だけにタイル貼りすることで画像をデザインしたりする基礎的な事を網羅しています。画像はダウンロードしました。
「cafe wie」を基本構造とし、fireworksを使ってタイトル画像、ページの飾りを作り、使用しました。footerにも画像をつけ、さらにdescにはhoverもつけました。全体のトーンを考えた上での色の指定やフォントも行いましたが、画像を作ることに夢中になり、全体のバランスを欠いてしまいました。またhtml練習のときと背景色もテーマも変えなかったので、今回も変化に乏しいページになってしまいました。フッターの画像は後にやらないでと言われたペンツール作。やっぱり浮きますね。