概要
本書は豊富なビジュアルと細かな入力&操作解説で,シンプルなページを作成しながらHTMLとCSSが学習できる入門書です。「お茶のある生活」をテーマとした①トップページと②お茶紹介の記事ページ,③関連サイトへのリンク集ページ,④写真ギャラリーページ,⑤自己紹介の5ページ構成のサイトをチュートリアル形式で作成し,ホームページサービスで公開するまでを解説します。本書はWindows 11,HTML Living Standard,CSS3に対応しています。
こんな方におすすめ
- ホームページを作ってみたい人
- HTMLやCSSの基礎をわかりやすい解説で学びたい人
目次
第0章 事前準備
- 事前準備01 サンプルファイルの使い方
- 事前準備02 必要なソフトをインストールしよう
第1章 ホームページづくりをはじめよう
- Section 01 ホームページのしくみを知ろう
- Section 02 ホームページをつくる手順を学ぼう
- Section 03 パソコンに作業場をつくろう
- Section 04 テキストエディターの準備をしよう
第2章 文章を表示するホームページをつくろう
- Section 05 HTMLファイルをつくってみよう
- Section 06 ホームページの基本部分をつくろう
- Section 07 文字を正しく表示しよう
- Section 08 ホームページにタイトルをつけよう
- Section 09 文章を段落ごとに分けよう
- Section 10 見出しをつけて読みやすくしよう
- Section 11 改行を入れて読みやすくしよう
- Section 12 文章の一部を強調しよう
- Section 13 箇条書きで文章をまとめよう
第3章 ホームページをつなぐリンクを設定しよう
- Section 14 リンクの張り方を学ぼう
- Section 15 外のホームページにリンクを張ってみよう
- Section 16 同じページ内にリンクを設定しよう
第4章 ホームページを装飾しよう
- Section 17 スタイルシートの書き方を学ぼう
- Section 18 スタイルシートを使ってみよう
- Section 19 文字の色を変えよう
- Section 20 背景の色を変えよう
- Section 21 文字のサイズを変えよう
- Section 22 見出し文字の太さを変えよう
- Section 23 新しいCSSファイルを追加しよう
- Section 24 箇条書きの記号を変えよう
- Section 25 リンク文字の下線を消そう
- Section 26 見出し文字に影をつけよう
第5章 画像をホームページに掲載してみよう
- Section 27 画像用のフォルダーをつくろう
- Section 28 ホームページ用に写真サイズを調整しよう
- Section 29 ホームページのタイトルを画像でつくろう
- Section 30 ホームページの中に画像を配置しよう
- Section 31 画像のまわりに文章を配置しよう
第6章 表をホームページに掲載してみよう
- Section 32 表全体を作成しよう
- Section 33 表の見出し行をつくろう
- Section 34 罫線の太さを設定しよう
- Section 35 背景に色をつけてみよう
- Section 36 罫線と文字のあいだを整えよう
第7章 ホームページを見やすくレイアウトしよう
- Section 37 文字を好きな位置で揃えよう
- Section 38 行間を開けて文章を読みやすくしよう
- Section 39 文字と文字のあいだを調整しよう
- Section 40 見出しと段落のあいだを空けよう
- Section 41 画像のまわりの余白を調整しよう
- Section 42 文章の幅を調整しよう
- Section 43 横並びのメニューをつくろう
- Section 44 レイアウトを変更してみよう
- Section 45 2段組みのレイアウトに変えよう
第8章 いろいろなページをつくってみよう
- Section 46 テンプレートファイルをつくろう
- Section 47 ギャラリーページをつくろう
- Section 48 ギャラリーページをレイアウトしよう
- Section 49 ページどうしをリンクさせよう
第9章 ホームページを公開しよう
- Section 50 レンタルサーバーサービスを利用しよう
- Section 51 ファイルを転送しよう
- Section 52 つくったホームページを確認しよう 192
- ホームページをWebブラウザーで確認する
- Section 53 ホームページを更新しよう
第10章 ホームページをさらに工夫してみよう
- Section 54 ポイントすると画像が半透明になるようにしよう
- Section 55 スマートフォンでもきれいに表示しよう
- Section 56 ホームページにGoogleマップを表示しよう
- Section 57 YouTubeに動画をアップロードしよう
- Section 58 YouTube動画をホームページに表示しよう
付録 Appendix
- Appendix 01 ホームページがうまく表示できないときには?
サポート
ダウンロード
本書のサンプルファイルを圧縮ファイル形式でダウンロードできます。適宜展開してご利用ください。
(2024年9月9日更新)
- ダウンロード
- サンプルファイル