書籍概要

今すぐ使えるかんたん

今すぐ使えるかんたん
ホームページ　HTML&CSS入門

著者
発売日
更新日

概要

ホームページ作りに必須のHTMLとCSSを，基本から学ぶことのできる入門書です。HTML・CSSを基礎からしっかりと，大きな図面で解説。ホームページの仕組みを学びながら手を動かして作っていく，はじめての人でもわかりやすい入門書です。かっこいいホームページを自分で知識ゼロからつくってみたい人におすすめの一冊です。

こんな方におすすめ

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

目次

  • CD-ROMについて
  • サンプルファイルの使い方
  • 不要なソフトをインストールしよう

第1章　ホームページづくりをはじめよう

  • Section01　ホームページって何？
  • Section02　ホームページの仕組み
  • Section03　どんなホームページを作るか考えよう
  • Section04　パソコンに作業場を作ろう
  • Section05　テキストエディターを設定しよう

第2章　基本のホームページを作ろう

  • Section06　HTMLって何？
  • Section07　HTMLファイルを作ろう
  • Section08　HTMLの基礎を作ろう
  • Section09　文字コードを指定しよう
  • Section10　ホームページにタイトルを付けよう
  • Section11　文章を段落ごとに分けよう
  • Section12　文章に見出しを付けて読みやすくしよう
  • Section13　自由に改行しよう
  • Section14　テキストの一部を強調しよう
  • Section15　外部のサイトにリンクを設定しよう
  • Section16　表を作ろう
  • Section17　箇条書きにしよう

第3章　画像を使いこなそう

  • Section18　画像をホームページで使おう
  • Section19　ホームページ用に写真を編集しよう
  • Section20　ホームページ用の画像を作ろう
  • Section21　文章に画像を入れよう

第4章　ホームページを装飾しよう

  • Section22　CSSって何？
  • Section23　CSSの基本的な使い方を覚えよう
  • Section24　CSSを使おう
  • Section25　文字の色を変えよう
  • Section26　背景の色を変えよう
  • Section27　ホームページの背景に画像を使おう
  • Section28　文字を大きくしよう
  • Section29　新しいCSSファイルを追加しよう
  • Section30　見出しの文字の太さを変えよう
  • Section31　箇条書きの行頭文字を変えよう
  • Section32　リンクの下線を消そう
  • Section33　見出しの文字に影を付けよう

第5章　ホームページを見やすくレイアウトしよう

  • Section34　CSSでレイアウトを調整しよう
  • Section35　文字列を好きな位置で揃えよう
  • Section36　行間を空けて文章を読みやすくしよう
  • Section37　文字間の空きを調節しよう
  • Section38　枠線で文字列を囲もう
  • Section39　セルに余白を作ろう
  • Section40　見出しや段落の間隔を空けよう
  • Section41　文章の幅を調整しよう
  • Section42　画像のまわりに文章を配置しよう
  • Section43　横並びのメニューバーを作ろう
  • Section44　ページを２段組にする準備をしよう
  • Section45　2段組にレイアウトしよう

第6章　ホームページを大きくしよう

  • Section46　新しいページを作ってリンクさせよう
  • Section47　トップページを作ろう
  • Section48　写真集のページを作ろう
  • Section49　写真集のページをレイアウトしよう
  • Section50　リンク集を作ろう
  • Section51　リンク集のページをレイアウトしよう
  • Section52　自己紹介のページを作ろう
  • Section53　ページ同士をリンクさせよう

第7章　ホームページを公開しよう

  • Section54　ホームページの公開に必要な作業
  • Section55　無料ホームページサービスを使おう
  • Section56　ファイルを転送しよう
  • Section57　作ったホームページを確認しよう
  • Section58　ホームページを更新しよう

第8章　ホームページをもっとパワーアップさせよう

  • Section59　リンクの文字の色を変えよう
  • Section60　ポイントすると画像が半透明になるしくみを作ろう
  • Section61　アニメーション効果を付けよう
  • Section62　目に見えない部分も強化しよう
  • Section63　スマートフォンでもきれいに表示しよう
  • Section64　ホームページにアイコンを追加しよう
  • Section65　ホームページにGoogleマップを表示しよう
  • Section66　Facebookのいいね！ボタンを設置しよう
  • Section67　YouTubeのアカウントを作成しよう
  • Section68　動画をホームページに埋め込もう

Appendix

  • Appendix01　ホームページがうまく表示できないときには？
  • Appendix02　HTMLの要素とCSSのプロパティ
  • Appendix03　おもな特殊文字
  • Appendix04　CSSで使う単位
  • Appendix05　Webページでの色の指定
  • Appendix06　ホームページ用語集

サポート

ダウンロード

電子版用ダウンロード

電子版用に，付録CD-ROM収録コンテンツを以下から入手できます。ダウンロードには電子版本紙に掲載されているIDとパスワードが必要です。

正誤表

本書の以下の部分に誤りがありました。ここに訂正するとともに，ご迷惑をおかけしたことを深くお詫び申し上げます。

（2016年4月26日更新）

P.6　目次

誤 不要なソフトをインストールしよう
正 必要なソフトをインストールしよう

P.82　手順2のコード部分

誤 
src="image/logo.jpg"
正 
src="image/logo.png"

P.162　側注

誤 4-48
正 6-48

補足情報

（2019年5月16日更新）

書籍の7章で紹介している，Yahoo!ジオシティーズがサービスを終了したため書籍通りに操作できなくなっています。
同等の機能を利用できるWebサービスの使い方をまとめたPDFを用意したので，当該箇所を読み替えてご利用ください。

商品一覧