サイト作成の勉強方法としては、実際に制作していくのが手っ取り早いです。
市販本を読みながら、試行錯誤し、ウェブブラウザ(インターネットエクスプローラーとかファイヤーフォックスなどのソフトのことです)で確認しながらで自分が書いたタグがどう反映されていくのかを一つずつチェックしていきます。
初心者の方は最初はなんて気の遠くなるような作業なんだと思うかもしれません。
実際私もHTMLやCSSの勉強を始めた頃はそうでした。
特に、CSSの「id」「class」といった部分が出てくると使い方など理解するまでに時間が掛かりました。
といっても、色々なサイトのHTMLソースをチェックしたり、本に書いていることをそのまま写して書いてみたりしているうちに理解できるようになりました。
このサイトも左にサイドバーを付けて、真ん中にメインコンテンツという2段組みにしているのですが、この構成にテーブルタグは使用せず、CSSの「id」や「class」を使用することによって、HTML自体のソースを非常に軽いものにしています。
まずはHTMLのタグの名前と、使い方を実際のサイト作成を通して覚えながら、デザインは全てCSSのほうで書き、これをHTMLに連携させるということを実感として覚えて行って欲しいと思います。
おすすめ出来る書籍を以下に掲載しておきます。
できるホームページHTML入門 Windows対応 (初心者向け)
ホームページ作成は初めてという方にお勧めです。ソフトを使用せずに、メモ帳から手作業でHTMLを学習していきますので、基本事項がきっちりと学べます。
この本1冊でホームページの仕組みが理解できます。
できるホームページスタイルシート入門―Windows対応 (初心者向け)
CSSの基本がこれ一冊でマスターできます。HTMLとの連携が最初は分かりにくいところですが、この本に沿って分かるまで何度も作業を行いながら練習することで上達していきます。
プロとして恥ずかしくないスタイルシートの大原則 (中・上級者向け)
私がデザインやCSSを記述するときに非常に参考にしている本です。色々なCSSが記述されていますので、自サイトに合ったデザインが選べ、応用できます。
プロとして恥ずかしくないPhotoshopの大原則 (中・上級者向け)
プロとしてシリーズのフォトショップ版です。画像にこだわる方には参考になる一冊です。
プロとして恥ずかしくないIllustratorの大原則 (中・上級者向け)
プロとしてシリーズのイラストレーター版です。挿絵などを自分で描きたい方には参考になる一冊です。
1億稼ぐ「検索キーワード」の見つけ方 (初・中級者向け)
インターネットビジネスで、どんなキーワードをどうやって選ぶのか、検索経済におけるキーワードの重要性が非常に分かりやすく書かれています。キーワードの重要性が理解できます。
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト (中・上級者向け)
正しい知識として、一通り目を通してみると良いかも知れません。私はさっと目を通しただけでした。
アフィリエイトSEO対策テクニック (初・中級者向け)
単純なアフィリエイトサイトのテクニックだけでなく、ホームページ運営のコツや、考え方など、広い観点からサイトの具体例を挙げて説明してくれているので、非常に分かりやすく、突っ込んだ内容になっています。