In My Circle

せんがんが、よしなしごとをつづります。

デザインの学校 これからはじめるHTML&CSSの本

本を書きました!
デザインの学校 これからはじめるHTML&CSSの本』(技術評論社)です。
この本は、まったくの入門者(パソコンの操作も初心者に近い)方向けの書籍です。見開きごとに5、6手順でテンポよく操作が解説されていて、そのとおりに進めていくと最後にはこんなページが完成します。

本を書くのはまだまだ慣れないのでいつも周囲に迷惑をかけてしまうのですが、今回もまたとんでもなく時間がかかっちゃいました…。というのも、担当編集者さんや監修のロクナナさんを巻き込んで「ああでもない、こうでもない」とディスカッションしつつ、かなり丁寧に進めたからなのですね。

いかに分かりやすく説明するか。
応用がきかないTips集ではなく、基礎をしっかり学んでもらえる内容にするにはどうすればいいか。
自分なりに知恵をしぼった一冊です。

このブログを読んでくださっている方は中級者以上が多いので参考にならないかもしれませんが、新人さんの教育に使ったり、Web制作に興味があるお友達などに薦めていただけたらうれしいです。

なお、教育関係のお仕事に就いている方、教科書採用をご検討いただく可能性があれば献本いたします。
問合せフォームからご連絡くださいませ!

目次

Webページについて知ろう

  • Webサイトの構成について知ろう
  • Webページを作成するために必要なもの
  • Webサイト制作の流れを知ろう
  • Webページを表示するソフトを知ろう

HTMLの基本を理解しよう

  • 実際に書いてみよう
  • ページタイトルを決めよう
  • お約束を入力しよう
  • HTMLファイルを保存しよう
  • テキストを追加しよう
  • Webブラウザで確認しよう

Webページを作ろう

  • 見出しを設定しよう
  • 段落を設定しよう
  • 文章を改行して読みやすくしよう
  • 箇条書きを設定しよう
  • 画像を埋め込もう

サブページを作ろう

  • ページを複製しよう
  • 表を作成しよう
  • ページ同士を連携しよう
  • 外部サイトへのリンクを設定しよう
  • メール送信用のリンクを設定しよう

CSSの基本を理解しよう

  • CSSの基本
  • セレクタを理解しよう
  • ページの背景色を設定しよう
  • テキストの大きさと色を設定しよう
  • CSSファイルを保存しよう
  • HTMLにCSSを読み込もう

CSSでレイアウトしよう

  • HTMLをグループ化しよう
  • 幅と高さを設定しよう
  • 左右に配置しよう

ページをデザインしよう

  • 背景画像を設定しよう
  • テキストや画像の周りに余白を付けよう
  • リンク画像に付いた枠線を消そう
  • 箇条書きの見た目を変更しよう
  • 箇条書きの余白をなくそう
  • 枠線を付けよう

CSSでテキストをデザインしよう

  • リンクテキストのスタイルを変更しよう
  • テキストと背景のバランスを調整しよう
  • テキストを画像の横に回り込ませよう
  • テキストを中央に寄せよう

Webページを公開しよう

  • Webサーバを準備しよう
  • FTPクライアントソフトを設定しよう
  • ファイルをアップロードしよう
  • ブラウザで確認しよう

付録

  • 本書で作成したWebページ
  • メモ帳の設定
  • テキストエディットの設定
  • ファイルの拡張子を表示する
  • よく使うタグ一覧
  • 練習問題解答

カテゴリ:In My Circle, 告知, 書いた Posted by 千貫りこ on 2012年5月4日