2008年12月28日

CSSでサイト作り

お気づきの方もいるかもしれませんが、
以前よりちょこちょことサイト&ブログのタグを修正しています。

今まではマイクロソフトの“FrontPage”という
タグを自分で全部書き込まなくてもワード感覚でサイトが作れる
自動作成系のソフトでサイトを作っていたのですが、
ある日Operaでサイトチェックをしたら、IEでは表示されていたのに
Operaではtableのborderが表示されていない・・・orz
更に先日アクセスアップの方法のページでも紹介している、
Another HTML-lint gatewayでむりょっちゃお!TOPをチェックした時に、
−57点というすごい低い得点で・・・orz
そんなこんなで「ちゃんと1からサイトを作り直そう!」と思い、
本当ちょこっとずつですがタグを全部手打ちで修正しているところです。


今回サイトのタグを修正するに当たって、
初めて真面目にCSSを勉強しました。

CSSとはCascading Style Sheetsの略で、
主にWebページのデザイン面に関する設定をする言語です。
ブログなんかに良く使われています。

勉強をする前は、CSSって煩雑でよく解らないと思っていましたが
いざ勉強をしてみるとこれが面白い、面白い!!
TOPページは今まで何重にもtableタグを重ねてデザインしていたのですが、
CSSならtableタグを使わずにほぼ同じデザインを作ることが出来ました☆

まだ「使いこなせてる!」というレベルには至っていませんが、
仕組みは理解できてきて、
ブログの大幅なカスタマイズもすごく容易になりました♪

今回勉強させていただいたサイト様は
HP作りに役立つサイトでも紹介している
CSSレイアウト実践講座
2step 脱テーブルスタイルシート講座
超初心者のためのスタイルシート講座
 ・・・です。
このサイト様を見つけたおかげで今まで???だった
DIVタグも使いこなせるようになりましたヽ(*´∇`*)ノ

サイト作り初心者さんには難しいかもしれませんが、
サイト作りに慣れてきた!という方はCSSも覚えてみたら楽しいと思います。


CSSを覚えたおかげでサイト作りがより楽しくなりました☆
これからもCSSを活用して行きたいと思います↑↑↑
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/24847960
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

 

 

(C)無料でWEBサイトを作っちゃお! poco, All rights reserved.