概要

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デザインの世界

サポート

ダウンロード

本文使用の図版データ

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

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

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