CSSからWebデザインを習得

勉強のステップ

1. Webサイトを見る
2. デフォルトCSSが適用されたページを見る
3. HTMLのソースコードを見る
4. CSSのソースコードを見る

ギャラリーサイトの活用

1. ギャラリーサイトを閲覧する
2. 気になったサイトを分類しながらブックマークする
3. ブックマークを管理する

• CSS Beauty

• CSSMania

• CSSRemix

HTMLのソースコードを見る

1. ブラウザのソース表示を実行する
2. ページの文書構造を確認する
3. ページの情報を確認する

• FirefoxのWebDeveloperを利用する

ブラウザのデフォルトCSSが適用されたページを見る

1. Firefoxで標準スタイルシートを無効にする
2. どのような順序で表示されているか確認する

WebデザイナーのCSSが適用されたページを見る

1. ウィンドウサイズを変更してみる
2. テキストズームで文字サイズを変更してみる
3. ページズームでページ全体を変更してみる

WebデザイナーのCSSソースコードを見る

1. すべてのCSSを表示する
2. スタイル情報を表示する
3. ブラウザのデフォルトCSSを無効にしてみる