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

[表紙]今すぐ使えるかんたん ホームページ HTM

B5変形判/256ページ/CD1枚

定価(本体1,580円+税)

ISBN 978-4-7741-7446-4

電子版

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

書籍の概要

この本の概要

ホームページ作りに必須の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 ページを2段組にする準備をしよう
  • 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 ホームページ用語集