※紹介している商品・サービス等の外部リンクには、広告を利用しているものがあります
こんにちは！
この記事では、以下の様な疑問にお答えします。
読者の方Webページを自分で作ってみたいけど、HTMLとCSSって何から覚えるの？
ぼく基本の書き方からデザインの再現、保守しやすい設計まで、段階別に厳選した6冊をご紹介します。
この記事の内容
この記事では、HTML/CSSについて学びたい方向けの本を紹介します。
- 基本の書き方を覚える本
- 思いどおりに形にできる本
- 保守しやすいコードを書く本
登録1分・完全無料
SE・ITエンジニアにおすすめの
転職エージェント3社
- 1位 レバテックキャリアIT・Web特化 ★5.0 3人に2人が年収70万円アップ。求人53,000件以上 無料で相談する
- 2位 アサイン（ASSIGN）20〜30代のキャリア設計 ★4.8 AI診断は50万人が利用。5年後から逆算して提案 無料で相談する
- 3位 ビズリーチスカウトを待つだけ ★4.6 年収1,000万円以上の求人が5割以上 無料で登録する
3社とも相談だけの利用でOKです。費用は一切かかりません。
まず基本の書き方を覚える
これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
ポチップ
HTMLとCSSの基本を、最短で押さえられる入門書です。
1冊目という位置づけどおり、前提知識がなくても読めます。
手を動かしながら1ページ作り上げる構成です。
HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版]
ポチップ
基本からデザインの考え方までを1冊にまとめた定番書です。
なぜその指定をするのかという理由まで説明されます。
増補改訂版で最新の書き方に対応しています。
思いどおりに形にする
改訂新版 HTML&CSSデザインレシピ集
よく使う表現をレシピ形式で集めた1冊です。
「こうしたい」から逆に引けるので、作業が止まりません。
手元に置いて長く使えます。
HTML/CSSブロックコーディング デザインをすらすら再現できる
ポチップ
デザインをパーツに分解して組み立てる考え方を扱った1冊です。
見本どおりに作れないという悩みに効きます。
実務で渡されるデザインカンプに対応できるようになります。
1つでも当てはまるなら、一度相談しておくと安心です
- 今の年収が、同じスキルの人より低い気がする
- 新しい技術を学んでも、業務で使う機会がない
- 転職したいが、何から始めればいいか分からない
- 自分の市場価値を一度知っておきたい
どれも、無料のエージェントに相談すれば1回で解消します。転職を決めていなくても使えるので、まずは気になったところに登録してみてください。
-
無料で相談するレバテックキャリア実務経験があり、年収を上げたい人に。3人に2人が年収70万円アップを実現しています。
-
無料で相談するアサイン（ASSIGN）20〜30代で次の一手に迷っている人に。AI診断で向いている道が見えます。
-
無料で登録するビズリーチまだ動くか決めていない人に。登録して待つだけで相場が分かります。
しつこい勧誘はありません。費用も一切かかりません。
保守しやすいコードを書く
CSS設計完全ガイド 詳細解説+実践的モジュール集
崩れにくく修正しやすいCSSの設計手法をまとめた1冊です。
クラス名の付け方など、後から効いてくる部分を扱います。
規模が大きくなるほど価値が出ます。
HTML+CSSコーディング ベストプラクティス
ポチップ
速く堅牢なコードを書くための作法をまとめた1冊です。
現場で共有される暗黙のルールが言語化されています。
仕事としてコーディングする人に向いています。
さいごに
HTML/CSSは、Web制作の入り口であり土台です。
まずは『HTML/CSS&Webデザイン1冊目の本』で基本を押さえ、そのうえで再現力や設計へ広げていくのがおすすめです。
エンジニアがフロントの基礎を知っていると、デザイナーとのやり取りが格段に楽になります。
学んだスキルの市場価値を、無料で確かめよう
登録も相談も無料です。応募の義務はありません
転職エージェントは基本的に無料で使えます。1社だけだと紹介される求人が偏るので、気になったところを2〜3社まとめて登録しておくのがおすすめです。
-
1
無料登録はこちらレバテックキャリアIT・Web特化で求人53,000件以上。3人に2人が年収70万円アップを実現しています。
-
2
無料登録はこちらアサイン（ASSIGN）20〜30代のハイエンド特化。AI診断で5年後・10年後から逆算して提案してくれます。
-
3
無料登録はこちらビズリーチ登録して待つだけ。届いたスカウトが、そのまま今の自分の市場価値になります。
まだ使ったことがなければ、まずはレバテックキャリアから試してみてください。
