デザインの学校シリーズデザインの学校
これからはじめる HTML & CSSの本
[Windows 10 & macOS対応版]

[表紙]デザインの学校 これからはじめる HTM

A4変形判/192ページ/CD1枚

定価(本体1,980円+税)

ISBN 978-4-7741-8968-0

電子版

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

「HTMLとCSSを勉強したいけれど何から手をつければいいか分からない」と悩んでいる人に向けて,基本的な書式から,よく使われるHTMLタグやCSSプロパティの意味,さらにモバイル対応まで丁寧に解説した本です。本書の手順にしたがってHTMLとCSSを記述していくことで,ウェブページを一から作りあげることができます。まずは基礎をしっかり押さえて,スムーズなステップアップにつなげましょう! 本シリーズは一流講師陣を集めた「ロクナナワークショップ」を主催するロクナナが内容を完全監修!

こんな方におすすめ

  • はじめてHTMLとCSSを学習する人

目次

Chapter 01 ウェブページについて知ろう

  • 01 ウェブサイトについて知ろう
  • 02 ウェブページを作成するために必要なもの
  • 03 ウェブサイト制作の流れを知ろう
  • 04 ウェブページを表示するアプリケーションを知ろう
  • 05 Google Chromeをインストールしよう

Chapter 02 HTMLの基本を理解しよう

  • 01 テキスト作成の準備をしよう
  • 02 実際に書いてみよう
  • 03 ページタイトルを決めよう
  • 04 文書の基本情報を記述しよう
  • 05 HTMLファイルを保存しよう
  • 06 テキストを追加しよう
  • 07 ウェブブラウザで確認しよう

Chapter 03 ウェブページを作ろう

  • 01 見出しを設定しよう
  • 02 箇条書きを設定しよう
  • 03 段落を設定しよう
  • 04 文章を改行して読みやすくしよう
  • 05 情報の種類に分けよう
  • 06 画像を埋め込もう

Chapter 04 サブページを作ろう

  • 01 ページを複製しよう
  • 02 表を作成しよう
  • 03 Googleマップを埋め込もう
  • 04 ページ同士を連携しよう

Chapter 05 CSSの基本を理解しよう

  • 01 CSSの基本を理解しよう
  • 02 セレクタを理解しよう
  • 03 テキストの色を指定しよう
  • 04 テキストの大きさを指定しよう
  • 05 CSSファイルを保存しよう
  • 06 HTMLにCSSを読み込もう
  • 07 デザインに合わせてグループ化しよう

Chapter 06 CSSでレイアウトしよう

  • 01 幅を指定して中央に配置しよう
  • 02 テキストを中央に寄せよう
  • 03 箇条書きの記号を非表示にしよう
  • 04 箇条書きの項目を横並びにしよう
  • 05 レイアウトを調整しよう
  • 06 スタイルを上書きしよう

Chapter 07 テキストをデザインしよう

  • 01 ウェブフォントを利用しよう
  • 02 表内のテキストを配置しよう
  • 03 要素を区別しよう
  • 04 リンクテキストのスタイルを変更しよう

Chapter 08 背景,影,枠線を付けよう

  • 01 枠線を付けよう
  • 02 背景画像を指定しよう
  • 03 影を付けよう
  • 04 余白を付けよう
  • 05 角を丸めよう

Chapter 09 モバイル・SNS対応して公開しよう

  • 01 モバイル対応しよう
  • 02 SNS対応しよう
  • 03 ファイルをアップロードしよう