はじめてサイト作りに挑戦する人も、昔ホームページを作っていた人も、テンプレートを使うからＨＴＭＬとＣＳＳの基本がわかる！イラスト、小説、写真ｅｔｃ．を載せて自分だけのサイト作り！

------------------------------------------------ Chapter 1 ------------------------------------------------ 最初に知っておきたい　ウェブサイトの基礎知識 STEP 01 ウェブサイト表示の仕組み STEP 02 ウェブサイト制作に必要なもの STEP 03 プログラミング用テキストエディタを用意しよう STEP 04 レンタルサーバーを借りてみよう Column 個人サイトにオススメのレンタルサーバー STEP 05 テンプレートのつかいかた Column Javascript って何？ STEP 06 ウェブサイト作成から公開までの流れ STEP 07 実際にカンタンなHTMLを書いてインターネット上に公開してみよう Column レスポンシブデザインって何？ ------------------------------------------------ Chapter 2 ------------------------------------------------ サイトの構成・デザインを考えよう STEP 01 どんなページが必要？ STEP 02 テンプレートの選び方 STEP 03 文章が読みやすいデザイン STEP 04 イラストや写真をキレイに見せるデザイン Column 大量の画像を展示したいときのTips fuwaimgの使い方 Column 名前変換フォームやメールフォームを作るには ------------------------------------------------ Chapter 3 ------------------------------------------------ ウェブサイトの骨組みをつくる　HTMLの基本を知ろう STEP 01 HTMLの役割 STEP 02 HTML基本のルール STEP 03 HTMLの基本構成 STEP 04 最近のウェブサイトのよくあるHTML構成 STEP 05 見出しタグを使ってみよう STEP 06 文章をマークアップしてみよう Column 現在は廃止、もしくは非推奨になったタグ STEP 07 画像を表示してみよう STEP 08 リンクを貼ろう STEP 09 リストタグを活用しよう STEP 10 テーブルタグで表を作ってみよう STEP 1 1 コメントを活用して分かりやすいHTMLを書こう STEP 12 サイトのメニューを編集してみよう STEP 13 ブロックを増やしたり減らしたりしてみよう STEP 14 よく使うHTMLタグリスト ------------------------------------------------ Chapter 4 ------------------------------------------------ デザインにもこだわりを！　CSSの基本を知ろう STEP 01 CSSの役割 STEP 02 CSS基本のルール STEP 03 CSSでもコメントを活用しよう STEP 04 文字の装飾にまつわるCSS STEP 05 背景の設定 STEP 06 フォントの指定 Column テンプレートのフォントを変更してみよう STEP 07 余白の設定 STEP 08 レスポンシブ対応部分の編集方法 STEP 09 自分好みのデザインのパーツを作ってみよう STEP 10 CSSが効かないときは STEP 11 よく使うCSSプロパティリスト ------------------------------------------------ Chapter 5 ------------------------------------------------ もっと楽しくサイト制作！　便利なツールを使ってみよう STEP 01 テキストエディタの便利な機能を活用しよう STEP 02 HTML・CSSタグのジェネレータを活用しよう STEP 03 配色ツールを利用してみよう STEP 04 Twitterタイムラインを埋め込んでみよう STEP 05 フリー素材を活用しよう Column SVGファイルって何？ STEP 06 CSS編集で困ったときはデベロッパーツール Column スマホやタブレットからサイトを更新する ------------------------------------------------ Chapter 6 ------------------------------------------------ サイト公開まであと一歩！ STEP 01 ブラウザで表示を確認してみよう STEP 02 表示が崩れたり、不具合が起きた場合の対処法 STEP 03 ファビコンを設定しよう STEP 04 Twitterカードの見た目を設定しよう STEP 05 サイトを公開しよう STEP 06 安全にサイトを運営するために ------------------------------------------------ APPENDIX ------------------------------------------------ 本書の特典テンプレート テンプレートで楽しくカスタマイズ！ 知っておくと便利！　HTML&CSSにまつわる用語集