1. トップ > 
  2. 書籍一覧 > 
  3. インターネット/ホームページ/SNS > 
  4. ホームページ作成 > 
  5. よくわかるHTML5 & CSS3の解説書

よくわかるHTML5 & CSS3の解説書

表紙fkt1402
定価 3,024 円 (本体 2,800 円)
型番 FKT1402
ISBNコード 978-4-86510-180-5
仕様 B5変型判 318ページ
添付 なし
発売日 2014年12月3日
  • おすすめPDF1
  • おすすめPDF2
  • 立ち読みPDF

ご購入

電子書籍

電子書籍版はありません

本書は、インターネットやWebサイトの構造、HTML5&CSS3の基礎から最新情報までを解説したテキストです。これからは避けて通ることのできない、スマートフォンサイト作成に必要な情報や、Webサイト作成に使えるツールや便利なサイトなども紹介しています。本書で解説しているサンプルのソースコードもダウンロードして使用できるので、Webの専門家はもちろんのこと、初めてホームページの管理を任された方にも、ぴったりな一冊です。

最新のHTML5 & CSS3の知識を習得!

HTML5とCSS3の知識を身につけることができます。HTML5とCSS3の項目には、はっきりわかるアイコンを掲載し、新技術のみを知りたい方も、手元に持っておきたくなる一冊です。

やりたいことや、操作内容がわかる!

そのタグを使用するとホームページがどのように表示されるのかを解説しています。「Before/After」の画面もその違いが分かりやすいように掲載しているので、効果がひと目でわかる構成です。

困ったときにすぐ調べられる・使える

HTMLやCSSを機能別に掲載しているので、自分のやりたいことをすぐに見つけられます。また、解説しているサンプルのソースコードをダウンロードできるので、すぐに活用できます。

スマートフォンサイトの知識も習得

スマートフォンサイト作成のテクニックや情報を「スマホナビ」として掲載しています。スマートフォンサイトを作る方にも最適です。

はじめに

第1章 Webサイト制作のための準備

  • 1 Webサイトの仕組みを理解しよう
  • 2 Webページの構成を理解しよう
  • 3 Webブラウザを選ぼう
  • 4 テキストエディタを選ぼう
  • 5 FTPクライアントをインストールしよう

第2章 HTMLとCSSの役割

  • 6 HTMLの役割を知ろう
  • 7 HTMLの種類を知ろう
  • 8 CSSの役割を知ろう
  • 9 CSSの種類を知ろう
  • 10 HTMLの書き方をマスターしよう
  • 11 HTMLのルールや注意点を理解しよう
  • 12 CSSの基本文法を理解しよう

第3章 ページの全体の骨組み

  • 13 HTMLの全体構造を把握しよう
  • 14 Webページにタイトルを付けよう
  • 15 Webページのキーワードや説明文を設定しよう
  • 16 Webページの情報を指定しよう
  • 17 CSSを読み込ませよう
  • 18 Webページの背景を設定しよう

第4章 見出し・本文・リスト

  • 19 HTML5の7種類の要素を理解しよう
  • 20 見出しを記述しよう
  • 21 段落を指定しよう
  • 22 重要な文章を強調しよう
  • 23 文章を引用しよう
  • 24 漢字にルビを振ってみよう
  • 25 そのほかのインライン要素を知ろう
  • 26 ハイパーリンクの仕組みと指定方法を知ろう
  • 27 Webページ内の特定の場所にリンクする
  • 28 テキストリンクの色を変更しよう
  • 29 色を指定しよう
  • 30 ソースコードを表示させよう
  • 31 フォントサイズを指定しよう
  • 32 行間を調整しよう
  • 33 インデントを指定しよう
  • 34 CSSでフォントの太さを変更しよう
  • 35 フォントの種類を変更しよう
  • 36 そのほかのテキスト関連のプロパティを理解しよう
  • 37 縦書き用のフォントを指定しよう

第5章 画像の配置

  • 38 画像形式と特徴を理解しよう
  • 39 画像ファイルをページに挿入しよう
  • 40 画像ファイルの幅や高さを指定しよう
  • 41 画像を中央揃えにしよう
  • 42 画像に枠線を付けてみよう
  • 43 見出しに画像を配置しよう
  • 44 図版やキャプションを配置しよう
  • 45 画像にリンクを指定しよう

第6章 テーブルの作成

  • 46 テーブル構造を理解しよう
  • 47 テーブルの行をグループ化しよう
  • 48 テーブルの幅や高さを指定しよう
  • 49 セルの余白、間隔を指定しよう
  • 50 ボーダーや背景色を指定しよう
  • 51 テーブルの列をグループ化しよう
  • 52 セルを結合させよう
  • 53 テーブルキャプションを指定しよう

第7章 フォームの作成

  • 54 入力フォームとフォーム部品について知ろう
  • 55 テキストの入力欄を指定してみよう
  • 56 送信ボタンを指定してみよう
  • 57 ラジオボタンを指定してみよう
  • 58 チェックボックスを指定してみよう
  • 59 選択メニューを指定してみよう
  • 60 各部品をグループ化してみよう
  • 61 フォームのデザインを指定してみよう

第8章 ページ内のレイアウト

  • 62 レイアウトの種類について理解しよう
  • 63 複数の要素をグループ化しよう
  • 64 余白を設定してみよう
  • 65 枠線を設定してみよう
  • 66 中央揃えを設定してみよう
  • 67 テキストを画像の周辺に回り込ませよう
  • 68 画像とテキストの間隔を調整しよう
  • 69 フロートレイアウトを作成しよう
  • 70 カラムレイアウトを作成しよう
  • 71 テキストや画像を自由に配置しよう

第9章 マルチメディア・モバイル・ソーシャル

  • 72 様々なメディアを使用しよう
  • 73 動画を配置してみよう
  • 74 YouTube動画を配置してみよう
  • 75 音声を配置してみよう
  • 76 Googleマップを埋め込んでみよう
  • 77 Flashアニメーションを配置しよう
  • 78 ソーシャルメディアと連携させよう
  • 79 「いいね!」ボタンを設置しよう
  • 80 ツイートボタンを設置しよう
  • 81 「+1」ボタンを設置しよう
  • 82 ソーシャルボタンをまとめて設置しよう

第10章 ページの作成

  • 83 Webページを作成してみよう
  • 84 コーディングに入る前の準備をしよう
  • 85 トップページを作成しよう
  • 86 HTMLのテンプレートを作成しよう
  • 87 Webページ全体の枠組みを作成しよう
  • 88 お問い合わせページを作成しよう
  • 89 ナビゲーションを作成しよう
  • 90 サイドバーとフッターエリアを調整しよう

付録

  • 付録1 HTMLの要素と分類
  • 付録2 HTML5の要素と配置のルール
  • 付録3 色見本の一覧
  • 付録4 HTML5のコンテンツモデル

索引

書籍学習用データ

正誤表

正誤表はありません

▲ ページの先頭へ