Design&IDEA<br> いちばんよくわかる HTML5 & CSS3デザインきちんと入門

個数:
電子版価格
¥2,728
  • 電子版あり

Design&IDEA
いちばんよくわかる HTML5 & CSS3デザインきちんと入門

  • ウェブストアに2冊在庫がございます。(2025年06月30日 03時21分現在)
    通常、ご注文翌日~2日後に出荷されます。
  • 出荷予定日とご注意事項
    ※上記を必ずご確認ください

    【ご注意事項】 ※必ずお読みください
    ◆在庫数は刻々と変動しており、ご注文手続き中に減ることもございます。
    ◆在庫数以上の数量をご注文の場合には、超過した分はお取り寄せとなり日数がかかります。入手できないこともございます。
    ◆事情により出荷が遅れる場合がございます。
    ◆お届け日のご指定は承っておりません。
    ◆「帯」はお付けできない場合がございます。
    ◆画像の表紙や帯等は実物とは異なる場合があります。
    ◆特に表記のない限り特典はありません。
    ◆別冊解答などの付属品はお付けできない場合がございます。
  • ●3Dセキュア導入とクレジットカードによるお支払いについて
    ●店舗受取サービス(送料無料)もご利用いただけます。
    ご注文ステップ「お届け先情報設定」にてお受け取り店をご指定ください。尚、受取店舗限定の特典はお付けできません。詳細はこちら
  • サイズ B5判/ページ数 273p/高さ 26cm
  • 商品コード 9784797388541
  • NDC分類 547.48
  • Cコード C0055

出版社内容情報

これから本気で学びたい人の最高の教科書!レスポンシブWebデザインが“当たり前”の時代の、新しいHTML・CSSの書き方ガイド

現在のHTML・CSSの書き方は、少し前までのHTML・CSSの書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、HTMLを組むときの考え方からCSSの実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。

<本書の対象読者>
● これからWebサイト制作を学びたい初心者の方
● 最新のHTML・CSSの書き方を知りたい経験者の方
● フレックスボックスを使ったページレイアウトについて知りたい方

CHAPTER 1 Webサイトの仕組みを知ろう

SECTION 1 Webサイトが表示される仕組み
SECTION 2 URL
SECTION 3 Webサイトに使われるファイルの種類
SECTION 4 Webサイトのファイル・フォルダ構造
SECTION 5 Webサイトの制作環境を整えよう


CHAPTER 2 HTMLの基礎知識とマークアップの実践例

SECTION 1 HTMLとは
SECTION 2 HTMLの書式
SECTION 3 HTMLドキュメントの構造
SECTION 4 マークアップの考え方トレーニング


CHAPTER 3 CSSの基礎知識とページデザインの実践例

SECTION 1 CSSの基礎知識
SECTION 2 CSSの書式
SECTION 3 ページにCSSを適用するトレーニング


CHAPTER 4 テキストの装飾

SECTION 1 見出しや本文のフォントサイズを調整する
SECTION 2 読みやすい行間にする
SECTION 3 段落のテキストをリード文だけ太字にする
SECTION 4 表示するフォントを設定する
SECTION 5 テキストの行揃えを変更する
SECTION 6 2行目以降を1文字下げる
SECTION 7 テキスト色を変更する
SECTION 8 見出しにサブタイトルをつける


CHAPTER 5 リンクの設定と画像の表示

SECTION 1 テキストにリンクを追加する
SECTION 2 テキストリンクにCSSを適用する
SECTION 3 画像を表示する
SECTION 4 画像にリンクをつける
SECTION 5 画像にテキストを回り込ませる


CHAPTER 6 ボックスと情報の整理

SECTION 1 インラインボックスとブロックボックス
SECTION 2 箇条書き(リスト)のマークアップ
SECTION 3 リストを情報の整理に使う
SECTION 4 上手な

の使い方
SECTION 5 CSSのボックスモデル
SECTION 6 パディング、ボーダー、マージンの設定
SECTION 7 2つ以上のボックスを並べる
SECTION 8 ボックスのデザインを調整する


CHAPTER 7 テーブル

SECTION 1テーブルを作成する
SECTION 2アクセシビリティを考慮したテーブル
SECTION 3 テーブルのデザインバリエーション


CHAPTER 8 フォーム

SECTION 1 フォームとデータを送受信する仕組み
SECTION 2 さまざまなフォーム部品
SECTION 3 標準的なフォームの例


CHAPTER 9 ページ全体のレイアウトとナビゲーション

SECTION 1 実践的なコーディングのために知っておきたいCSSの知識
SECTION 2 シングルコラムレイアウト
SECTION 3 フレックスボックスを使ったコラムレイアウト
SECTION 4 ナビゲーションメニューを作成する


CHAPTER 10 レスポンシブWebデザインのページを作成しよう

SECTION 1 レスポンシブWebデザインとは
SECTION 2 レスポンシブWebデザインのサイトを作る

狩野 祐東[カノウ スケハル]
狩野祐東(かのうすけはる)UIデザイナー/エンジニア/執筆家アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後会社勤務、フリーランスを経て、2016年株式会社Studio947設立。Webサイトやアプリケーションのインターフェースデザイン、インタラクティブコンテンツの開発を数多く手がける。各種セミナーや研修講師としても活動中。主な著書に『確かな力が身につくJavaScript「超」入門』『スラスラわかるCSSデザインのきほん』『作りながら学ぶjQueryデザインの教科書』『スラスラわかるHTML&CSSのきほん」(SBクリエイティブ)など。http://studio947.net@deinonychus947著者の書籍サポートサイト『狩野祐東の本』http://www.solidpanda.com/book/

内容説明

レスポンシブWebデザインが“当たり前”の時代の、新しいHTML・CSSの書き方ガイド。現在のHTML・CSSの書き方は、少し前までのHTML・CSSの書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、HTMLを組むときの考え方からCSSの実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。

目次

1 Webサイトの仕組みを知ろう
2 HTMLの基礎知識とマークアップの実践例
3 CSSの基礎知識とページデザインの実践例
4 テキストの装飾
5 リンクの設定と画像の表示
6 ボックスと情報の整理
7 テーブル
8 フォーム
9 ページ全体のレイアウトとナビゲーション
10 レスポンシブWebデザインのページを作成しよう

著者等紹介

狩野祐東[カノウスケハル]
UIデザイナー/エンジニア/執筆家。アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後会社勤務、フリーランスを経て、2016年株式会社Studio947設立。Webサイトやアプリケーションのインターフェースデザイン、インタラクティブコンテンツの開発を数多く手がける各種セミナーや研修講師としても活動中(本データはこの書籍が刊行された当時に掲載されていたものです)
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。

感想・レビュー

※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。

シカマル

8
基礎本。分かりやすい。初心者の内は手元にあるといいかも。2017/03/09

baboocon

6
超速読で読了。HTML5とCSS3の入門書は多いけれど、それに加えてこの本のようにレスポンシブデザインまでカバーしてるのはまだ少ないのでは。わかりやすい良書だと思う。2017/01/10

ショウヤ

4
HTML5&CSSを基礎からしっかり理解できる1冊。2016/12/12

ki-luck

3
htmlとcssをこれから学ぶ方には良い。図、プログラム、説明文、余白とどれも整っており見やすい・分かり易い。「モバイルファースト」「レスポンシブWebデザイン」など最近の知識や情報も盛り込まれており良い。ただ、デザイン例などを求めて買ってしまうと、あまり参考にならない。2021/01/19

晴間あお

3
Webサイトをスマホで見る時代のHTMLとCSSの書き方がよくわかりました。新しいタグの使い方や制作するうえで参考になるサイトなど、実践で使えそうな入門知識が詰まっていて「なるほど」と思いました。とりあえずざっと読んだだけなので実際に作るときはまごつくと思いますが、本書を見返しながら作っていけば簡単なレスポンシブサイトなら作れそうです。古い知識しか持っていなかったのでいい勉強になりました。2017/05/30

外部のウェブサイトに移動します

よろしければ下記URLをクリックしてください。

https://bookmeter.com/books/11097379
  • ご注意事項

    ご注意
    リンク先のウェブサイトは、株式会社ブックウォーカーの提供する「読書メーター」のページで、紀伊國屋書店のウェブサイトではなく、紀伊國屋書店の管理下にはないものです。
    この告知で掲載しているウェブサイトのアドレスについては、当ページ作成時点のものです。ウェブサイトのアドレスについては廃止や変更されることがあります。
    最新のアドレスについては、お客様ご自身でご確認ください。
    リンク先のウェブサイトについては、「株式会社ブックウォーカー」にご確認ください。

最近チェックした商品