書籍概要

デザインの学校

デザインの学校
これからはじめる Webデザインの本
[改訂2版]

著者
発売日
更新日

概要

Webデザイナーという仕事には,さまざまな知識が必要です。HTMLやCSS,JavaScriptはもちろんのこと,サーバやクラウド,インターネットやコンピュータのしくみ,画像や動画,セキュリティ。フレームワークやCMSなど,制作を行う上での便利なツールについても知っておく必要があります。本書はWebデザインを仕事にする上で知っておきたい基本の知識を,やさしい文章とイラストでわかりやすくまとめました。制作と教育を一手に請け負うロクナナワークショップだからこその,基本的かつ実践的な1冊です。

こんな方におすすめ

  • これからWebデザインの勉強を始めたい方

目次

Chapter 01 Webサイトをデザインする

  • Visual Index
  • 01 Webサイトを作る時に考えること
  • 02 Webデザインとは情報を整理すること
  • 03 Webサイトを設計していく方法
  • 04 Webサイトのプロトタイピング
  • 05 HTMLで意味を与えCSSで見た目を決める
  • 06 画像や映像・地図を入れる
  • 07 Webサイトを見つけてもらう
  • 08 ソーシャルメディアと連携する
  • 09 Webサイトを運用する
  • 10 Webサイトは見る側に依存したメディア
  • Column Webサイト制作を学習するための本の紹介

Chapter 02 最低限コレだけは! インターネットのしくみを知っておこう

  • Visual Index
  • 01 インターネットにつながるデバイス
  • 02 コンピュータのしくみ
  • 03 インターネットのしくみ
  • 04 IPアドレスとURL
  • 05 ワールド ワイド ウェブ
  • 06 インターネットの歴史
  • Column インターネットに接続する方法

Chapter 03 HTMLやCSSなど,Webブラウザ側の技術を知ろう

  • Visual Index
  • 01 Webサイトを構成する要素
  • 02 HTMLは文章の構造定義
  • 03 HTMLの見えている部分body要素
  • 04 HTMLの見えない部分head要素
  • 05 CSSでWebページを見やすくする
  • 06 Webサイトのデザインの考え方
  • 07 ユーザインターフェース
  • Column スマートフォンでの表示を確認する

Chapter 04 Webサイトの構成要素 画像・文字・映像

  • Visual Index
  • 01 ディスプレイの大きさと解像度
  • 02 画像ファイルの種類と特徴
  • 03 画像ファイルの基本はビットマップ
  • 04 ビットマップ画像を表示する
  • 05 イラストや図が得意なベクター画像
  • 06 canvas要素とWeb3D
  • 07 画面に文字を表示するフォント
  • 08 アイコンフォント
  • 09 映像(動画)の活用
  • Column 映像ファイルの転送レート

Chapter 05 動的なWebサイトを作る技術

  • Visual Index
  • 01 HTMLのフォーム要素
  • 02 JavaScript
  • 03 JavaScriptライブラリ
  • 04 HTML5 API
  • 05 外部のWebサービスを活用する
  • 06 シングルページアプリケーション
  • Column 外部のWebサービスを使うことの危険性

Chapter 06 Webサイトを保存・管理・生成する Webサーバ側の技術

  • Visual Index
  • 01 さまざまな種類のサーバ
  • 02 クラウドコンピューティング
  • 03 サーバのOS
  • 04 Webサーバ
  • 05 データベースサーバ
  • 06 Webアプリケーション
  • 07 Webアプリケーションフレームワーク
  • 08 コンテンツマネージメントシステム
  • Column これからも広がるWebデザインの世界

サポート

ダウンロード

本文使用の図版データ

(2022年10月11日更新)

本書をご購入いただいた方は,本書で紹介している図版データをダウンロードいただけます。以下の圧縮ファイルをダウンロードしていただき,適宜解凍してご利用ください。

なお,本書を用いた講義用のスライドにのみ使用を許諾しております。それ以外のデータの一部または全てを無断で複製・変更・使用することはできません。ご注意ください。

ご購入の証明として,以下に表示される本書内の特定箇所の文字列をキーワードとして入力してください。

図版データ.zip(10MB)

商品一覧