やさしくわかるHTML&CSSの教室
2022年8月27日紙版発売
2022年8月23日電子版発売
リブロワークス 著,鹿野壮 監修
B5変形判/256ページ
定価1,980円(本体1,800円+税10%)
ISBN 978-4-297-12958-3
書籍の概要
この本の概要
HTMLとCSSがやさしくわかる!
会話形式でやさしくわかりやすいHTML/CSSの入門書です。キャラクターと一緒に,楽しいイラストやわかりやすい例でサクサクHTMLとCSSを学んでいきます。
HTML/CSSの基本知識や文法から実践的なレイアウトまで。はじめてHTMLとCSSを学ぶ方が知りたいことが詰まっています。Webサイトをつくってみたい,管理しなきゃいけないという方は必読の内容です。
こんな方におすすめ
- HTML/CSSを学びたい方
- Webサイト(ホームページ)を作ってみたい方
- flexboxやCSS Gridを用いた新しいレイアウトを身に着けたい方
- 著者プロフィール
リブロワークス
書籍の企画,編集,デザインを手がけるプロダクション。手がける書籍はスマートフォン,Webサービス,プログラミング,WebデザインなどIT系を中心に幅広い。著書に『たった1日で基本が身に付く! Unity超入門』(技術評論社),『スラスラ読めるPython ふりがなプログラミング』(インプレス),『みんなが欲しかった! ITパスポートの教科書& 問題集 2021年度』(TAC出版)など。
Webサイト https://www.libroworks.co.jp
- 監修者プロフィール
鹿野壮(かのたけし)
フロントエンドエンジニア。九州大学を卒業後,最新のフロントエンド技術を駆使したWeb制作に携わる。JavaScript・TypeScriptが大好き。Twitter IDは「@tonkotsuboy_com」。
本書のサンプル
本書の紙面イメージは次のとおりです。画像をクリックすることで拡大して確認することができます。
目次
Chapter 1 Webサイト制作を始めよう
- Section 1 Webサイトってどうやれば作れるの?
- Section 2 HTML―Webページの本体
- Section 3 CSS―Webページの見た目を決める
- Section 4 Webサイトを構成するその他の要素
- Section 5 HTML&CSSを書くのに必要な道具を揃えよう
Chapter 2 HTML―Webページの内容を決めよう
- Section 1 HTMLはWebサイトの内容を担当する
- Section 2 まずはHTMLファイルを作ってみよう
- Section 3 タグを書いてみよう
- Section 4 何をどこに書くかを知ろう
- Section 5 文書に見出しを付けよう
- Section 6 箇条書き(リスト)を作ろう
- Section 7 画像を挿入しよう
- Section 8 他のWebページにリンクしよう
- Section 9 ページ内リンクを設定する
Chapter 3 CSS―Webページをデザインしよう
- Section 1 CSSはWebサイトの見た目をつかさどる
- Section 2 HTMLにCSSを適用する
- Section 3 CSSの基本的な書き方
- Section 4 フォントを設定する
- Section 5 文字サイズと行送りを変更する
- Section 6 文字や背景の色を設定しよう
- Section 7 テキストを中央揃えや右揃えにする
- Section 8 枠線を付けよう
- Section 9 要素の大きさと余白を整えよう
- Section 10 装飾のための要素を追加する
- Section 11 Webページ全体の幅を調整しよう
Chapter 4 セレクタを使いこなそう
- Section 1 セレクタのさらに深い世界
- Section 2 セレクタの種類を知ろう
- Section 3 見出しに連番を付ける
- Section 4 要素の順番でスタイルを変える
- Section 5 マウスホバー時に色を変える
- Section 6 デベロッパーツールで書式を確認する
Chapter 5 Webサイトに表とフォームを追加する
- Section 1 表とフォームでWebページをパワーアップ
- Section 2 表のHTMLを書こう
- Section 3 表のスタイルを設定しよう
- Section 4 セルを結合しよう
- Section 5 問い合わせフォームを作成しよう
- Section 6 フォームのスタイルを整える
Chapter 6 1カラムのWebページをレイアウトしよう
- Section 1 本格的なWebページを作るには
- Section 2 サイトとフォルダーの構成を考える
- Section 3 ページ構成に合わせてHTMLを書こう
- Section 4 各要素のスタイルを整えよう
- Section 5 背景に画像を配置しよう
- Section 6 要素のレイアウトの調整方法
- Section 7 グローバルメニューを作ろう
- Section 8 トランジションを設定する
Chapter 7 2カラムのWebページをレイアウトしよう
- Section 1 複数カラムのページデザイン
- Section 2 サイドバーのHTMLを作成する
- Section 3 サイドバーをメインコンテンツの横に並べる
- Section 4 要素の順序を入れ替える
- Section 5 スマートフォン用に表示を変える
Chapter 8 グリッドを使ってレイアウトしよう
- Section 1 より複雑なレイアウトのために
- Section 2 CSS Gridの使い方
- Section 3 もとになるHTMLを書く
- Section 4 グリッドを設定する
- Section 5 アイテムの配置を決める
- Section 6 コンテンツを作り込む
- Section 7 CSS Gridとフレックスボックスを組み合わせる
- Section 8 スマートフォンに対応する
この本に関連する書籍
-
今すぐ使えるかんたん ホームページ HTML&CSS入門[改訂第3版]
本書は豊富なビジュアルと細かな入力&操作解説で,シンプルなページを作成しながらHTMLとCSSが学習できる入門書です。「お茶のある生活」をテーマとした①トップ...
-
改訂第3版 例題30+演習問題70でしっかり学ぶ HTML+CSS標準テキスト
好評いただいた「例題30+演習問題70でしっかり学ぶ HTML+CSS標準テキスト」の改訂版です。本書は,HTMLの主要なタグの使い方を例題を通してわかりやすく紹介し,HTML...
-
やさしくわかるPythonの教室
イラスト&会話形式で楽しもう! やさしくわかるPythonの教室。 キャラクターの会話形式でやさしくわかりやすいPythonの入門書です。 キャラクターと一緒に,楽し...