概要
「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 ファイルをアップロードしよう
サポート
ダウンロード
ダウンロード
（2021年8月23日更新）
本書のサンプルファイルをダウンロードできます。
データは，圧縮ファイル形式でダウンロードできます。圧縮ファイルをダウンロードしていただき，適宜解凍してご利用ください。
- ダウンロード
- サンプルファイル
サイトのアップロード方法
FTPクライアントソフトを設定しよう
本文使用の図版データ
（2022年9月29日更新）
本書をご購入いただいた方は，本書で紹介している図版データをダウンロードいただけます。以下の圧縮ファイルをダウンロードしていただき，適宜解凍してご利用ください。
なお，本書を用いた講義用のスライドにのみ使用を許諾しております。それ以外のデータの一部または全てを無断で複製・変更・使用することはできません。ご注意ください。
ご購入の証明として，以下に表示される本書内の特定箇所の文字列をキーワードとして入力してください。