せっかく学ぶのなら、プロ志向のHTMLを！

ウェブデザイン制作の現場で役立つHTMLを奥深くまで徹底解説。ウェブサイトの基本的なしくみから、要素を使いこなすための知識まで、じっくりと学習することができます。ただHTMLを書くだけではなく、アクセシビリティやユーザビリティの視点を知ることで、よりよいコーディングに自らたどりつけるようになります。現役講師による会話形式のやさしい解説つきで、はじめてHTMLを学ぶ方でも挫折しません。また、HTMLを学んだことはあるけれど、ゼロから書きはじめる自信がない方、次の1冊で確実なコーディング力をつけたいと望む方にも、おすすめです。これ1冊で、ウェブページの先頭から末尾まで、HTMLを自力で書けるようになります！

CSS設計は多くの現場で導入されていますが、いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。

そこで本書は、CSSのさまざまな設計手法を紹介しつつ、考え方や実践のポイントを明確化します。そのうえでボタン、ラベル、カード、テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ、さらにはそれらの組み合わせ方まで、実践的なコードを紹介します。

代表的な設計手法である「BEM」と、著者が開発した設計手法「PRECSS」によって対比的な解説を加えており、思考をなぞることで最適解が炙り出されることでしょう。

駆け出しのウェブ開発者、フロントエンドエンジニアの方に、ぜひ読んでいただきたい1冊です。

HTMLとCSSの使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML＆CSSの基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい！」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Webデザイナーとして活躍している方にもおすすめの1冊です。

1章　HTMLとCSSのしくみ

2章　Webページをつくる

3章　文章を書く

4章　文字を強調する、装飾する

5章　リンクを設定する

6章　リストやメニューをつくる

7章　画像を表示する

8章　画像、音声、動画を埋め込む

9章　表をつくる

10章　フォームをつくる

11章　ボックスを使って見た目を変える

12章　レイアウトやデザインを変える

13章　段組や複数カラムのレイアウトをつくる

14章　パソコン以外でも見やすい表示にする

15章　ソーシャルメディアや外部サイトと連携する

本書では、業務でWebサイトをコーディングしていく人を対象として、必要なCSSの知識、CSS設計の基本、CSSを効率的に書くためのSassの基本を解説しました。後半はサンプルサイトのコーディングプロセスを通して、実践的な制作ノウハウを学びます。なるべく実際の案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。

サンプルサイトのデータは本書サポートサイトからダウンロード可能。