書籍概要

今すぐ使えるかんたん

今すぐ使えるかんたん
ホームページ HTMLCSS入門
[改訂第3版]

著者
発売日
更新日

概要

本書は豊富なビジュアルと細かな入力&操作解説で,シンプルなページを作成しながら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日更新)

ダウンロード
サンプルファイル

商品一覧