今すぐ使えるかんたんシリーズ今すぐ使えるかんたん
ホームページ HTML＆CSS入門
［改訂第3版］

［表紙］今すぐ使えるかんたん ホームページ HTML＆CSS入門［改訂第3版］

紙版発売
電子版発売

B5変形判／224ページ

定価1,980円（本体1,800円＋税10%）

ISBN 978-4-297-14357-2

電子版

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

書籍の概要

この本の概要

本書は豊富なビジュアルと細かな入力＆操作解説で，シンプルなページを作成しながらHTMLとCSSが学習できる入門書です。「お茶のある生活」をテーマとした①トップページと②お茶紹介の記事ページ，③関連サイトへのリンク集ページ，④写真ギャラリーページ，⑤自己紹介の5ページ構成のサイトをチュートリアル形式で作成し，ホームページサービスで公開するまでを解説します。本書はWindows 11，HTML Living Standard，CSS3に対応しています。

こんな方におすすめ

  • ホームページを作ってみたい人
  • HTMLやCSSの基礎をわかりやすい解説で学びたい人

本書のサンプル

本書の一部ページを，PDFで確認することができます。

目次

第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　２段組みのレイアウトに変えよう

第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　ホームページがうまく表示できないときには？