こんにちは、さち です。
今日は HTML, CSS(スタイルシート)の勉強になるサイトと参考書を紹介しようと思います。
紹介というか私が良く見てるところをまとめておいて使いやすくしておこうという
なんとも自分のための企画です(笑)
もしこのサイトをこのページを見てくださっている方々にも参考のお役に立てられれば幸いです。
その名の通りカッコイイサイトをカテゴリー別に検索することができます。
みんなの知識 ちょっと便利帳
色々な種類の資料があるページです。私が参考にさせてもらっているのは色について書かれているこのページです。
HTMLタグ や CSS(スタイルシート)プロパティ の一覧とその見本が紹介されています。タグ打ちでHTMLを作成している人はとっても重宝すると思います。
HTMLタグ や CSS(スタイルシート)プロパティ の一覧とその見本に加え、さらに簡単な Java Script ソースなども紹介されています。JavaScript は本格的には勉強する予定はないけどちょっとサイトに活かしてみたいという人にはちょうどいいくらいの感じかなと思います。
HTMLの文法が正しいかどうかをチェックしてくれるサイトです。気に入らないチェックははずすこともできます。ちなみに満点は100点です。
ez-HTML の開発者様のサイトです。ez-HTMLの詳しい使い方が書かれています。私はこのページがとても CSS の参考になると思います。
ホームページ作成ソフトの Dreamweaver の使い方が分かるページです。私は Dreamweaver は使っていないのですがこのページがとても参考になりました。
ホームページ作成のテクニックなど、ワンランク上を学びたい人に役立つサイトです。
本でも学びたい人用に管理人さちが実際に買ったおすすめの本を紹介します!
スタイルシートスタイルブック
CSS入門と書いてありますが、
CSSのルールの基礎をある程度覚えた人のための本という感じです。
本の内容としては、
実在するサイトを見ながらCSSを利用するポイントや活用テクニックの解説が進んでいきます。
JavaScriptを使わないマウスオーバー,丸角のボックスレイアウトなどは
本当に感心してしまいました。
CSSを覚えたけど実際にどんな形で使っていくべきか、
SEOとサイト訪問者の使いやすさを実現するための
HTMLとCSSの記述ポイントなどが書かれた実践向けの本です。
HTML と CSS の編集に便利なフリーソフトを使ってみたい人はこちら
→表示を確認しながらHTMLを編集(alphaEDIT)
→HTMLタグ打ち支援のHTMLエディタ(ez-HTML)
→CSS 編集に強いソフト(STYLE NOTE)
ウェブアプリの作成(PHPプログラミング)について学んでみたい人はこちらもどうぞ
コメント