SBクリエイティブ

スラスラわかるHTML&CSSのきほん 第3版

狩野 祐東:著者

累計10万部のベストセラーが、現代のトレンドに対応して大改訂!

1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版!
第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。

これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの、充実の内容です!

最新のHTML Living Standardに準拠。Windows/Mac対応。

Chapter01 Webサイト制作を始める前に
01 Webサイトとその構成要素
02 Webブラウザの機能と種類
03 Webサイトを公開するまで
04 制作に使うアプリのインストール

Chapter02 HTMLの基礎
01 HTMLはWebページを制作するための言語
02 HTMLの基本的な書式
03 親子、子孫、兄弟 ~HTMLの階層関係

Chapter03 制作の準備と基本のHTML
01 Webサイト制作の準備
02 すべてのページに共通するHTMLタグ

Chapter04 テキストの表示
01 見出し
02 段落
03 番号なしリスト(非序列リスト)
04 要素のグループ化
05 コメント文
06 ヘッダーにナビゲーションを設置
07 キーボードで入力しにくい文字の表示
08 テーブル(表)

Chapter05 リンクと画像の挿入
01 サイト内リンクと相対パス
02 外部サイトへのリンクと絶対パス
03 ページ内リンク
04 画像の挿入
05 画像+リンク

Chapter06 CSSの基礎
01 HTMLの「見た目」を整えるCSS
02 CSSの基本的な書式
03 主なセレクタと書き方
04 CSSを書く場所
05 CSSファイルの作成とHTMLとの関連付け

Chapter07 テキストのスタイル、背景色、ボックスモデル
01 CSSのコメント
02 ページ全体のフォントやテキストの設定
03 個別のテキストのスタイル変更
04 リンクテキストのスタイル
05 テキストと画像の行揃え
06 背景色の設定
07 ボックスモデル① マージンとパディング
08 ボックスモデル② ボーダー
09 メインコンテンツを中央揃えに
10 画像の伸縮

Chapter08 スタイルの上書き、フレックスボックス、テーブルの整形
01 スタイルの上書き
02 繰り返す背景画像
03 デフォルトCSSの調整 ~リストの「・」をなくす
04 ナビゲーションを横に並べる
05 繰り返さない背景画像
06 背景画像の表示方法を調整
07 テーブルの整形

Chapter09 2ページ目以降のHTMLとグリッドレイアウト
01 ホームページ以外のファイルを作成
02 各ページにヒーロー画像を表示する
03 番号付きリスト ~アクセスページのHTMLを編集
04 メニューページのHTMLを編集
05 メニューページのスタイルを設定

Chapter10 フォームを使うページの作成
01 フォームの基礎知識
02 お問い合わせページの概要
03 フォーム全体の親要素
04 セレクトリスト
05 ラジオボタンとチェックボックス
06 テキストフィールド
07 テキストエリア
08 送信ボタン
09 ラベル
10 フォームのスタイル
11 送信ボタンのスタイル

Chapter11 モバイル端末に対応する
01 レスポンシブデザイン
02 ビューポートの設定
03 メディアクエリとブレイクポイント
04 ナビゲーションを調整
05 メインコンテンツの左右にスペースを作る
06 ホームページのヒーロー画像のサイズを調整
07 メニューページの列数を変更

Chapter12 Webサイトを公開する
01 Webサイト公開までの準備
02 Webサーバーに接続
03 ファイルのアップロード
04 Webサイトの最終確認

定価:2,420円(本体2,200円+10%税)

書籍情報

  • 発売日:2022年7月9日(土)
  • ISBN:978-4-8156-1165-1
  • サイズ:B5変
  • ページ数:336
  • 付録:-
累計10万部突破のベストセラー待望の改訂版

HTMLとCSSの知識ゼロから、Webサイトを作って公開できる!
すべての作業と手順を紙面上で確認しながら進められます!

・丁寧な操作説明と解説で納得しながらどんどん理解できる
・最新のHTML Living Standard準拠
・Windows、Mac両対応

  • PC・スマホに両対応のサイトが作れる!

    まったくの初心者の方でも、ストーリーに沿って作業していくだけで、PCとスマホに両対応した、本格的なサイトが作れます。

  • HTMLとCSSの基礎から無理なく学べる!

    HTMLとCSSの知識は、詰め込みすぎずに、大事なポイントを丁寧に解説。自分で書いたコードの意味をきちんと理解しながら進められます。

  • 実際の画面と見比べながら作業できる!

    小さな単位で少しずつサイトを作り上げていきます。全手順を紙面に掲載しているので、自分のPC画面と見比べながら着実に作業できます。

  • つまずきポイントを徹底フォロー!

    初学者がつまずきやすいポイント、疑問に思うことを丁寧に拾って、こまかく解説を用意。スラスラと快適に学習できます。

  • 現代的なテクニックを紹介!

    HTMLの構造化や、フレックスボックス、グリッドレイアウト、レスポンシブデザインへの対応など、現在主流で定番のテクニックが使いこなせます。

  • サイトを公開する方法まで解説!

    作ったデータをWebサーバーにアップロードして、インターネットにサイトを公開する手順まで丁寧に解説しています。

著者紹介

著者・狩野 祐東

アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後会社勤務を経てフリーランス。2016年に株式会社Studio947を設立。Webサイトやアプリケーションのユーザーインターフェースデザイン、開発を数多く手がける。各種セミナーや研修講師としても活動中。 主な著書に『スラスラわかるHTML&CSSのきほん第2版』『いちばんよくわかるHTML5&CSS3きちんと入門』(SBクリエイティブ)『WordPressデザインレシピ集』『HTML5&CSS3デザインレシピ集』(技術評論社)『知識ゼロからはじめるゆっくり・ていねいJavaScript』(ソシム)ほか多数。

関連商品のご案内

もっと見る

試し読み新着お届け

もっと見る