SBクリエイティブ

1冊ですべて身につくHTML & CSSとWebデザイン入門講座

Mana:著者 / 岡村 亮太:イラスト

【3年連続、売上第1位!】
【全国の書店員がオススメする本(2019年度 CPU大賞)第1位!】

ずっと、一番売れているHTML本!
大反響! 30刷突破、シリーズ27万部突破の大ヒット!
全国の書店員がオススメする本(CPU大賞)第1位!
2019-2021年年間売上 第1位!※
Web制作に必要な知識がすべて身につく!
※日販売上げランキング: HTML関連書籍

—————————————————————————-
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインが学べる本
—————————————————————————-

今のWebサイトの作り方が一気に学べる!

・知識ゼロから体系的に学べる!HTMLとCSSの基本
・最新の技術に対応!レスポンシブ、Flexbox、CSSグリッド
・手を動かしながら学べる!プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!

WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!

コードもデザインも全部学べる!

●本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人

CHAPTER 1 最初に知っておこう!Webサイトの基本
1-1 よいWebデザインとは
1-2 様々な種類のWebサイト
1-3 ユーザビリティとは
1-4 Webサイトの仕組み
1-5 デバイスの種類
1-6 ブラウザーの種類
1-7 制作の流れ
1-8 制作をはじめる前に

CHAPTER 2 Webの基本構造を作る!HTMLの基本
2-1 HTMLとは
2-2 HTMLファイルを作ろう
2-3 HTMLファイルの骨組み
2-4 HTMLの基本の書き方を身につけよう
2-5 見出しをつけよう
2-6 文章を表示しよう
2-7 画像を挿入しよう
2-8 リンクをはろう
2-9 リストを表示しよう
2-10 表を作ろう
2-11 フォームを作ろう
2-12 より使いやすいフォームにしよう
2-13 ブロック要素でグループ分けをしよう
2-14 よく使うHTMLタグ一覧

CHAPTER 3 Webのデザインを作る!CSSの基本
3-1 CSSとは
3-2 CSSを適用させる方法
3-3 CSSファイルを作ろう
3-4 CSSの基本の書き方を身につけよう
3-5 文字や文章を装飾しよう
3-6 Webフォントを使おう
3-7 色をつけよう
3-8 背景を彩ろう
3-9 幅と高さを指定しよう
3-10 余白を調整しよう
3-11 線を引こう
3-12 リストを装飾しよう
3-13 クラスとIDを使った指定方法
3-14 レイアウトを組もう
3-15 デフォルトCSSをリセットしよう
3-16 よく使うCSSプロパティ一覧

CHAPTER 4 フルスクリーンのWebサイトを制作する
4-1 フルスクリーンとは
4-2 フルスクリーンページの制作の流れ
4-3 「head」を記述しよう
4-4 「header」部分を作ろう
4-5 コンテンツ部分を作成しよう
4-6 ファビコンを用意しよう
4-7 フルスクリーンページのカスタマイズ例

CHAPTER 5 2カラムのWebサイトを制作する
5-1 2カラムのレイアウトとは
5-2 2カラムページの制作の流れ
5-3 ページ全体の見出しを作成しよう
5-4 フッター部分を作成しよう
5-5 横並びの設定をしよう
5-6 メインエリアを作ろう
5-7 サイドバーを作ろう
5-8 レスポンシブに対応させよう
5-9 カラムページのカスタマイズ例

CHAPTER 6 タイル型のWebサイトを制作する
6-1 タイル型レイアウトとは
6-2 タイル型レイアウトの制作の流れ
6-3 ページ上部の紹介文を作成しよう
6-4 タイル型レイアウトを設定しよう
6-5 レスポンシブに対応させよう
6-6 タイル型レイアウトのカスタマイズ例

CHAPTER 7 外部メディアを利用する
7-1 お問い合わせページの制作の流れ
7-2 フォームを設置しよう
7-3 地図を表示しよう
7-4 Facebookプラグインを挿入しよう
7-5 Twitterプラグインを挿入しよう
7-6 YouTube動画を挿入しよう
7-7 レスポンシブに対応させよう
7-8 OGPの設定をしよう
7-9 外部メディアのカスタマイズ例

定価:2,486円(本体2,260円+10%税)

書籍情報

  • 発売日:2019年3月16日(土)
  • ISBN:978-4-7973-9889-2
  • サイズ:B5変
  • ページ数:280
  • 付録:-
  • WebクリエイターボックスのManaが教えるWebサイト制作の定番&旬のスキル!

    Manaが書いたやさしい入門書

    大人気ブログ「Webクリエイターボックス」の管理人、Manaが書いたWebサイト制作の学習書です。Webで活躍する人に向けてずっと役立つ情報をわかりやすく書いていたから、説明がやさしくスッと頭に入ってきます。

  • HTMLとCSSの基本が体系的に学べる

    Webの解説サイトを読むだけでは、なかなか体系的な知識は身につきません。これからWebサイトを作りはじめる人なら、HTMLとCSSの基本を体系的に理解するとよいでしょう。この本は知識ゼロから学びはじめられます。

  • 最新の情報にブラッシュアップできる

    レスポンシブ対応やFlexbox・CSSグリッドのレイアウトなど、この数年でWebサイト制作が変わってきています。初心者はもちろんのこと、従来の方法で制作している経験者も、これから先、長く使える「今のスキル」を身につけましょう。

  • 手を動かし、作りながら学べる。Webサイト制作の現場の流れが体験できる!

    Webデザインの基本が学べる

    Webページは単に形を作ればよいと言うわけではありません。美しく整えつつ「ユーザーにとって使いやすいデザインを作っていく」必要があります。Webデザインの基礎知識を学ぶことはWebサイト制作にも必ず役に立ちます。

  • 1つのWebサイトを作りながら学べる

    フルスクリーン、2カラム、タイル型、お問い合わせ、レスポンシブ対応といったよく使われるレイアウトを一緒に作っていきます。実際に1つのWebサイトを制作していくことでWebサイト制作の現場の流れが体験できます。

  • この1冊ですべての基本が身につく!

    この1冊にWebサイトの仕組みから、HTMLとCSSの基本、最新のコードの書き方、Webデザインの知識、制作現場の流れといったことがギュッと詰まっています。Web サイト制作の入門時に必要な知識が一気に身につきます。

著者紹介

Mana
日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇し、Webサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。

関連商品のご案内

もっと見る

試し読み新着お届け

もっと見る