HTML5 & CSS3 しっかり入門教室 ゼロからよくわかる、使える力が身につく。(エイチティーエムエルファイブシーエスエススリーシッカリニュウモンキョウシツ ゼロカラヨクワカルツカエルチカラガミニツク)
- 著者:
- 山崎 響(ヤマザキ ヒビキ)
- 出版社:
- 翔泳社
- 出版日:
- 2018年07月20日頃
- ISBN:
- 9784798154558
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
【挫折せずに学び通せる!】
→初学者がつまづきやすいポイントをおさえながら、解説していきます。
【サンプルを動かしながら学べる!】
→サンプルをダウンロードして、実際に動かして確認しながら学べます。
本書は HTML と CSS による Web 制作をゼロから学べる教科書です。
初心者の方でも読み進められるように、サンプルデータを使いながら
HTML と CSS による Web サイトのつくり方を丁寧に解説していきます。
また基本だけでなく、 Web に動きを与える jQuery や、スマートフォンなどにも対応した
レスポンシブ Web についても解説するので、現場ですぐに使える技術も身に付きます。
著者はスクールの人気講師で、普段から初心者生徒と対話形式で授業を行なっており、
「初心者がどこにつまずきやすいか」がよくわかっていることが強みです。
本の中でも随所に「つまずきポイント」を設けることで、
初学者へのフォローをしながら解説していきます。
最初の学習書として、オススメの 1 冊です。
Part1 準備編
Chapter01 Web ページの基礎知識
Part2 実践編
Chapter02 HTML の基礎
Chapter03 Web ページを構築する
Chapter04 CSS の基礎
Chapter05 HTML に CSS を適用する
Part3 発展編
Chapter06 jQuery で Web ページを動かす
Chapter07 Web ページをマルチデバイスに対応させる
Chapter08 Web ページをサーバーにアップロードする
Appendix 用語集
技書の森解説
Web 制作を始めたい人が最初にぶつかるのは「何をどの順番で覚えればいいのか」という問題です。本書はその道筋を整理し、 HTML5 によるマークアップの基本から CSS3 によるレイアウト・装飾、そして簡単なレスポンシブ対応まで一本の流れで学べる入門書です。章ごとにサンプルページを少しずつ組み上げていくハンズオン形式のため、完成物が目に見える安心感を持ちながら読み進められます。
著者の山崎響氏はゼロからの独学者を想定して執筆しており、タグの意味やプロパティの効果を「なぜそうなるのか」のレベルで言葉にしている点が特徴です。ただし、 JavaScript やサーバーサイドの知識には踏み込まないため、本書だけで動的なサイトを作れるようにはなりません。あくまで「静的ページを正しく構造化し、意図どおりに見た目を整える」段階を固めるための一冊であり、そこが固まっていない状態で先へ進んでも土台のない積み上げになります。 Web 制作の最初の足場として、過不足のない入門書です。
この本に興味がある方におすすめ
この本に関連
関連記事
本屋のプログラミングコーナーの歩き方
本屋のプログラミング書コーナーに行くと、棚いっぱいの本に圧倒されます。どこを見ればいいか、どう選べばいいかを初心者向けに案内します。
Amazon レビュー星 5 でも合わない本がある - 技術書選びの落とし穴
Amazon で星 5 の技術書が自分には合わなかった経験はありませんか。レビュー評価だけで本を選ぶリスクと、自分のレベルに合った技術書を見つける 4 つの判断基準を紹介。
本についてくるダウンロード素材を使い倒す
プログラミングの本には、サンプルコードや素材のダウンロード特典がついていることがあります。この特典を活用するだけで、学習効率が大きく変わります。
関連用語
HTML
Web ページの構造を記述するマークアップ言語。Web を成り立たせる基礎技術
SPA
ページ遷移なしに動的にコンテンツを更新する Web アプリケーションのアーキテクチャ
Core Web Vitals
Google が定義した Web ページのユーザー体験を測定する 3 つの指標 (LCP, INP, CLS)
PHP
Web 開発で広く使われるサーバーサイド言語。動的な Web ページ生成を得意とする
スクレイピング
Web ページから必要な情報を自動で抽出する技術。データ収集を効率化する
ページネーションとは - API のカーソル方式とオフセット方式の比較
ページネーションは大量データを分割して返す手法。オフセット方式とカーソル方式の違い・パフォーマンス特性・REST/GraphQL での実装パターンを解説