著者紹介

内容

目次

CHAPTER 1 最初に知っておこう！Webサイトの基本 1-1 よいWebデザインとは 1-2 様々な種類のWebサイト 1-3 ユーザビリティとは 1-4 Webサイトの仕組み 1-5 デバイスの種類 1-6 ブラウザーの種類 1-7 制作の流れ 1-8 制作をはじめる前に CHAPTER 2 Webの基本構造を作る！HTMLの基本 2-1 HTMLとは 2-2 HTMLファイルを作ろう 2-3 HTMLファイルの骨組み 2-4 HTMLの基本の書き方を身につけよう 2-5 見出しをつけよう 2-6 文章を表示しよう 2-7 画像を挿入しよう 2-8 リンクをはろう 2-9 リストを表示しよう 2-10 表を作ろう 2-11 フォームを作ろう 2-12 より使いやすいフォームにしよう 2-13 ブロック要素でグループ分けをしよう 2-14 よく使うHTMLタグ一覧 CHAPTER 3 Webのデザインを作る！CSSの基本 3-1 CSSとは 3-2 CSSを適用させる方法 3-3 CSSファイルを作ろう 3-4 CSSの基本の書き方を身につけよう 3-5 文字や文章を装飾しよう 3-6 Webフォントを使おう 3-7 色をつけよう 3-8 背景を彩ろう 3-9 幅と高さを指定しよう 3-10 余白を調整しよう 3-11 線を引こう 3-12 リストを装飾しよう 3-13 クラスとIDを使った指定方法 3-14 レイアウトを組もう 3-15 デフォルトCSSをリセットしよう 3-16 よく使うCSSプロパティ一覧 CHAPTER 4 フルスクリーンのWebサイトを制作する 4-1 フルスクリーンとは 4-2 フルスクリーンページの制作の流れ 4-3 「head」を記述しよう 4-4 「header」部分を作ろう 4-5 コンテンツ部分を作成しよう 4-6 ファビコンを用意しよう 4-7 フルスクリーンページのカスタマイズ例 CHAPTER 5 ２カラムのWebサイトを制作する 5-1 ２カラムのレイアウトとは 5-2 ２カラムページの制作の流れ 5-3 ページ全体の見出しを作成しよう 5-4 フッター部分を作成しよう 5-5 横並びの設定をしよう 5-6 メインエリアを作ろう 5-7 サイドバーを作ろう 5-8 レスポンシブに対応させよう 5-9 カラムページのカスタマイズ例 CHAPTER 6 タイル型のWebサイトを制作する 6-1 タイル型レイアウトとは 6-2 タイル型レイアウトの制作の流れ 6-3 ページ上部の紹介文を作成しよう 6-4 タイル型レイアウトを設定しよう 6-5 レスポンシブに対応させよう 6-6 タイル型レイアウトのカスタマイズ例 CHAPTER 7 外部メディアを利用する 7-1 お問い合わせページの制作の流れ 7-2 フォームを設置しよう 7-3 地図を表示しよう 7-4 Facebookプラグインを挿入しよう 7-5 Twitterプラグインを挿入しよう 7-6 YouTube動画を挿入しよう 7-7 レスポンシブに対応させよう 7-8 OGPの設定をしよう 7-9 外部メディアのカスタマイズ例