2013年2月22日、エムディーエヌコーポレーションから「基礎から覚える、深く理解できる。Webデザインの新しい教科書」が発売されました。
目次
基礎から覚える、深く理解できる。Webデザインの新しい教科書
この本は、わたくし赤間と、こもりまさあきさんとの共著でリリースした本です。
Webサイト制作の初心者の方に向けて「本当に必要な正しい基礎」を伝えるWebデザインの入門書です。全体は8章構成で、WWWやインターネットの仕組みを皮切りに、Webサイト制作のワークフロー、HTMLとCSSの技術的な解説、小規模のWebサイトを公開・運用するまでの基礎知識を、系統立ててわかりやすく解説しています。
これからWebデザインをはじめる、基礎知識を身につけたい方に向けての書籍です。
この本をお買い求めいただけるサイト
オンラインでは、Amazonやインプレスダイレクトでお買い求めいただくと、送料無料です。実際の店舗では、コンピューター関連の書籍を取り扱うお店（ヨドバシカメラ、ジュンク堂、未来屋など）で、お手にとっていただけます。
Kindle版はこちら
AmazonのKindle端末はもちろんのこと、iPadやiPad miniのKindleアプリ（無料）でもご利用いただけます。
基礎から覚える、深く理解できる。Webデザインの新しい教科書
Facebookページ
Facebookページを準備しました。いいねとか、応援していただけると嬉しいです。よろしくお願いします！
この本の掲載内容
1章から8章まで、系統立ててWebデザインに必要な事項を解説しています。最新の技術というよりも、「そもそもこういった意味で」とか、「いろはの“い”」的な内容が中心です。
Web制作を始める人たちの一助になれば、幸いです。ぜひ「基礎から覚える、深く理解できる。Webデザインの新しい教科書」をよろしくお願いします！
Lesson 1 Webデザインの世界を知る
- インターネットとWWWの歴史
- WebページがWebブラウザに表示されるまでの仕組み
- 多様化するWebブラウザのことを知ろう
- Webデザインって何をすること？
- 実際のWebサイトができるまで
- Webサイト制作にはどんな人たちが関わるのか？
- Webサイト制作のために必要な技術
- Webサイト制作に必要なツール
- これからのWebデザイン
Lesson 2 Webサイトを設計する
- Webサイトは何のためにあるのか？
- Webサイト全体の構成を見てみよう
- Webページの構造を分析してみよう
- Webページを一般的な文書に置き換えてみよう
- 文書のアウトラインを考えてみよう
- 情報を多様な環境で取得しやすくすることの大切さ
- 情報の意味を伝えるために必要なHTML
- ワイヤーフレームを使って情報を視覚的に配置する
- HTMLをデザイン・レイアウトするCSS
- 高度なインタラクションを追加するJavaScript
- これからのWebサイト設計
Lesson 3 HTMLの役割とできること
- HTMLとはどんなもの？
- テキスト情報に意味を与えるマークアップ
- HTMLファイルをWebブラウザで表示してみよう
- 要素（タグ）と属性の違い
- HTMLの基本構造
- head要素とbody要素の違い
- head要素の中に入る要素
- ブロックレベル要素とインライン要素
- 見出しを表すh要素と段落を意味するp要素
- 文字列に意味を与えるインライン要素
- 引用や出典を示す要素
- 強制改行を意味するbr要素と水平の区切り線を表すhr要素
- 情報の削除を示すdel要素と修正を意味するins要素
- 画像を挿入するimg要素
- 文書同士をつなげるa要素
- 文書の制作者などを示す要素
- リストを表現する要素
- 情報をグループ化するdiv要素とspan要素
- 表組みを作るための要素
- フォームを作るための要素
- 文章をマークアップしてみよう
- HTML5とはどんなもの？
- HTML5で新しく追加された要素
Lesson 4 CSSの役割とできること
- CSSとはどんなもの？
- CSSで情報をデザインする
- HTMLはブラウザにどう表示されている？
- HTMLにCSSを適用するには？
- セレクタとはどんなもの？
- よく使われるセレクタ
- 覚えておきたいCSSのルール
- CSSを書いてブラウザで表示してみよう
- プロパティを性質の違いで大きく2つに分類してみる
- 文字や背景に色をつけてみよう
- 背景に画像を表示する
- 文字のサイズを設定する
- 書体（フォント）を指定する
- 文字の行間や開始位置を調整する
- リンクの色を変更する
- マウスの状態に応じてリンクのスタイルを変えるには？
- 疑似要素の使い方と効果
- CSSを書く前に覚えておきたいボックスモデル
- 内容の幅と高さを指定する
- 情報の含まれるブロックにボーダーを設定する
- パディングを調整する
- 隣接するブロックとの間隔を調整
- 情報をブロック単位で並べる
- 文書構造順に積み木感覚でブロックを配置
- floatプロパティによる回り込みの解除
- 意図した場所にブロックを配置
- CSSによるレイアウトの実践
- displayプロパティによる要素の表示状態の切り替え
- 背景画像を使って文字を画像に置き換える
- リストを装飾する
- テーブルを装飾する
- フォームを装飾する
- 次世代の規格「CSS3」について
Lesson 5 Webサイトを構成する素材
- Webサイトで使う素材
- 著作権とライセンス
- テキストと文字コード
- Webサイトの標準的な色空間
- 画像を構成する単位「ピクセル」
- 画像フォーマットについて
- Webサイトに使える映像素材や音声素材
Lesson 6 Webサイトを表現する色
- カラーモードの違い
- 色の三属性
- 色指定の方法
- 代表的な配色技法
Lesson 7 Webサイトを公開する
- ホスティングサービスの種類と選び方
- Webサイトの公開前に確認すること
- Webサイトの品質を確認する
- ローカル環境でWebサイトをチェックする
- サーバーとクライアントの関係
- 制作したWebデータの送信に利用するFTP
- FTPクライアントでデータをアップロードする
- ブラウザで表示確認する
Lesson 8 Webサイトを運用する
- ソーシャルメディアと連携する
- Googleにサイトを登録するには？
- アクセス解析でWebサイトの効果を測定する
- Webサイトの調査、改善を行うには？
- サーバソフトウェアのアップデートとセキュリティ対策
ぜひとも、応援していただければ幸いです！
コメント