Menu

実習で身につく!新しいWebデザインの教科書 ~基礎から学べるHTML&CSSデザイン~

基本情報

著者:境 祐司

定価: 2,090円(本体 1,900円+消費税 10%)

仕様:B5、359ページ、オールカラー

ISBN:978-4-88647-646-3

▼購入先を選択してください。

amazon 紀伊国屋書店 honto

▼購入先が品切れの場合は、『直接申し込み』をクリックしてください。

▼学校・法人一括購入検討のお客様は、『一括購入申し込み』をクリックしてください。

▼テキスト採用検討の見本書申し込みは、『見本書申し込み』をクリックしてください。

  

Webデザインを基礎から習得、コスパ最強の1冊!

Webデザイン、HTML、CSSの基礎、Webレイアウトの基礎と応用などを、図と写真を用いて基礎から詳しく説明しています。
数多くの実習課題を掲載しましたので、Webサイトを実際に作成しながら学習できます。

また、最近ではパソコン、スマートフォン、タブレットなど、Webサイトを閲覧するアイテムが多様化しています。
異なる画面サイズでもレイアウトやデザインを見やすく調整する「レスポンシブウェブデザイン」についても100ページにわたり、随所で解説しています。

もちろんソーシャルメディアとの連携方法も解説!

自作のWebサイトを客観的に評価する方法とチェックシートも掲載しましたので、よりわかりやすく見やすいWebサイト作成にお役立てください。

約400ページ、オールカラーで1,900円は非常にお得です!

本書の著者は、Adobe公認のエバンジェリスト(※)、インストラクショナルデザイナーです。
※Adobe Creative Cloud製品やサービスに関する豊富な知識と製作現場での経験を持ち、それらを積極的に発信・共有しているメンバー

  

目次、ダウンロード、正誤情報・追加情報

  • ▼目次

    はじめに

    本書の読み方

    Chapter1 Webデザインの基礎知識

    1-1 インターネットとWebの歴史
    1-2 Webサイトの種類
    1-3 Webブラウザーの使い方

    Chapter2 HTMLの基礎

    2-1 HTMLの基本文法
    2-2 見出しと段落を指定
    2-3 画像の種類と特性について
    2-4 画像を配置する指定
    2-5 他のページにリンクする指定
    2-6 同じページ内のリンクを指定
    2-7 表の構造と指定方法
    2-8 フォームの種類と指定方法

    Chapter3 CSSの基礎

    3-1 CSSの基本文法
    3-2 CSSを記述する場所とCSSの検証について
    3-3 CSSの「継承」と「ボックスモデル」の考え方
    3-4 ブラウザーのデフォルトCSS
    3-5 テキストとフォントの指定
    3-6 行と行の間隔を指定
    3-7 文字色と背景色の指定
    3-8 背景画像の指定

    Chapter4 Webレイアウトの基礎

    4-1 文書をHTMLで構造化する
    4-2 HTMLのアウトライン(階層構造)を確認する
    4-3 セマンティックコーディングしていこう
    4-4 ページ全体のレイアウトとナビゲーションを配置する
    4-5 Webレイアウトの基本「フロート処理」
    4-6 ページのマージンとパディングを調整する

    Chapter5 Webレイアウトの応用

    5-1 レスポンシブWebデザインの仕組みを理解する
    5-2 CSSフレームワークについて理解する
    5-3 ワイヤーフレームを描く
    5-4 プロトタイプの作成(1)~ページの構造化
    5-5 プロトタイプの作成(2)~ページの視覚表現「固定幅レイアウト」
    5-6 プロトタイプの作成(3)~コンテンツの「幅」の調整
    5-7 プロトタイプの作成(4)~ブレークポイントの設定
    5-8 レスポンシブWebデザインの応用と検証

    Chapter6 拡張技術の活用

    6-1 HTML5の周辺技術と活用方法
    6-2 Webページに動画を配置する
    6-3 WebページにGoogleマップを配置する
    6-4 JavaScriptについて理解する
    6-5 ライブラリの基礎知識と活用方法
    6-6 スライドショーを組み込む
    6-7 ソーシャルメディアと連携する方法

    Chapter7 Webサイトの検証と公開

    7-1 FTPについて理解する
    7-2 作成したWebページを「公開」する
    7-3 Webサイトの評価・検証とは?
    7-4 Webユーザビリティとアクセシビリティ
    7-5 Webサイトを総合評価する方法

  • ●実習課題の完成見本
    [本書の読者に限定して提供しています]

    本書に掲載されている実習課題の完成見本を以下のリンク先ででご確認いただけます。
    ・実習で身につく!新しいWebデザインの教科書 実習課題の完成見本
    http://design-zero.tv/scc/web/
    (新しいウインドウで開きます)
    使用している素材などは下記の「サンプルファイルのダウンロード」をご利用ください。

    ●サンプルファイルのダウンロード
    [本書の読者に限定して提供しています]

    本書に掲載されているHTMLファイルや各種サンプルのファイルを以下のリンクからダウンロードすることができます。
    ダウンロード後にzipファイルを展開してご利用ください。
    (このファイルは本書の学習用としてのみお使いください。その他の用途での使用は許可されていません)

    ・実習で身につく!新しいWebデザインの教科書 サンプルファイル:b-408_sample-1-1.zip(約177KB)

  • ●正誤情報 (更新日:2020.03.19)

    本書の文中に下記の誤りがございました。お詫びしてここに訂正いたします。
    詳しくは、下記PDFファイルをダウンロードの上、ご確認下さい。

    ・正誤表 実習で身につく!新しいWebデザインの教科書:b-408-1s-2.pdf (約120KB)