テンプレートですぐできる すぐに身につく！ HTML＆CSS
書籍情報
発売日 : 2021年08月24日
著者／編集 : ガタガタ
出版社 : マイナビ出版
発行形態 : 単行本
書籍説明
内容紹介
はじめてサイト作りに挑戦する人も、昔ホームページを作っていた人も、テンプレートを使うからＨＴＭＬとＣＳＳの基本がわかる！イラスト、小説、写真ｅｔｃ．を載せて自分だけのサイト作り！
目次
------------------------------------------------
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にまつわる用語集
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にまつわる用語集
著者情報
ガタガタ
