Amazonプライム無料体験について
プライム無料体験をお試しいただけます
プライム無料体験で、この注文から無料配送特典をご利用いただけます。
非会員 | プライム会員 | |
---|---|---|
通常配送 | ¥460 - ¥500* | 無料 |
お急ぎ便 | ¥510 - ¥550 | |
お届け日時指定便 | ¥510 - ¥650 |
*Amazon.co.jp発送商品の注文額 ¥3,500以上は非会員も無料
無料体験はいつでもキャンセルできます。30日のプライム無料体験をぜひお試しください。
新品:
¥2,585¥2,585 税込
発送元: Amazon.co.jp 販売者: Amazon.co.jp
中古品 - 良い
¥1,847¥1,847 税込
配送料 ¥350 3月17日-20日にお届け
発送元: ゆずの木書店 販売者: ゆずの木書店

無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません。
ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。
携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。
【Amazon.co.jp限定】1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版] (DL特典:Webデザイナーのポートフォリオの作り方入門講座) (1冊ですべて身につく) 単行本(ソフトカバー) – 2024/3/2
購入オプションとあわせ買い
読者の圧倒的な支持! シリーズ40万部突破の大ヒット!
全国の書店員がオススメする本 第1位 受 賞(2019年度 CPU大賞)
Webサイト制作の決定版が最新情報をたくさん盛り込んで大リニューアル!
※日販売上げランキング: HTML関連書籍
Webサイト制作の決定版がリニューアル!
今のWebサイトの作り方が一気に学べる!
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインが学べる本
モバイルファースト、アニメーション、トレンドデザイン、HTML Living Standard、WebPなど
最新の情報や5年間の間に更新された情報を多数追加!
5年連続売上第1位、シリーズ累計40万部
・知識ゼロから体系的に学べる!HTMLとCSSの基本
・絶対に覚えておきたい技術! モバイルファースト、レスポンシブ、Flexbox、アニメーション
・手を動かしながら学べる!プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!
WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!
コードもデザインも全部学べる!
●本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人
・手を動かし、作りながら学びたい人
サンプルデータはWebサイトよりダウンロードできます。
CHAPTER 1 最初に知っておこう! Webサイトの基本
CHAPTER 2 Webの基本構造を作る! HTMLの基本
CHAPTER 3 Webのデザインを作る! CSSの基本
CHAPTER 4 シングルカラムのWebサイトを制作する
CHAPTER 5 2カラムのWebサイトを制作する
CHAPTER 6 タイル型のWebサイトを制作する
CHAPTER 7 外部メディアを利用する
CHAPTER 8 うまくいかない時の解決方法
- 本の長さ320ページ
- 言語日本語
- 出版社SBクリエイティブ
- 発売日2024/3/2
- 寸法1.77 x 18.2 x 23.3 cm
- ISBN-104815618461
- ISBN-13978-4815618469
よく一緒に購入されている商品
![【Amazon.co.jp限定】1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版] (DL特典:Webデザイナーのポートフォリオの作り方入門講座) (1冊ですべて身につく)](https://images-fe.ssl-images-amazon.com/images/I/81BHtZPjuvL._AC_UL116_SR116,116_.jpg)
この商品をチェックした人はこんな商品もチェックしています
出版社より

5年連続売上第1位! 圧倒的に選ばれている大ベストセラー! この1冊ですべての基本が身につく!
本書はWeb関連書籍の中で5年連続売上第1位を快走している決定版の増補改訂です。この1冊にWebサイトの仕組みから、HTMLとCSSの基本、最新のコードの書き方、Webデザインの知識、制作現場の流れといったことがギュッと詰まっています。Web サイト制作の入門時に必要な知識が一気に身につきます。
WebクリエイターボックスのManaが教えるWebサイト制作の定番&旬のスキル! 最新情報でリニューアル!
Manaが書いたやさしい入門書
大人気ブログ「Webクリエイターボックス」の管理人、Manaが書いたWebサイト制作の学習書です。Webで活躍する人に向けてずっと役立つ情報をわかりやすく書いていたから、説明がやさしくスッと頭に入ってきます。
HTMLとCSSの基本が体系的に学べる
Webの解説サイトを読むだけでは、なかなか体系的な知識は身につきません。これからWebサイトを作りはじめる人なら、HTMLとCSSの基本を体系的に理解するとよいでしょう。この本は知識ゼロから学びはじめられます。
最新情報にブラッシュアップできる
モバイルファーストやレスポンシブといった制作方法、FlexboxやWebPといった最新技術、デザインのトレンドまで学べます。初心者も、従来の方法で制作している経験者も、これから先、長く使える「今のスキル」を身につけましょう。
HTMLとCSSに加えてWebデザインのことも一緒に学べるのが画期的!
Webデザインの基本が学べる
Webページは単に形を作ればよいと言うわけではありません。美しく整えつつ「ユーザーにとって使いやすいデザインを作っていく」必要があります。Webデザインの基礎知識を学ぶことはWebサイト制作にも必ず役に立ちます。
本格的な配色見本があり、すぐ使える
色や配色はデザインを作る上で制作者がよく悩む場所です。本書では色や配色のページをに多くを割いています。色の持つ印象やイメージから、すぐに活用できる本格的な配色見本まで、詳しく解説があり学べます。
簡単なアニメーションも学べる
Webサイト制作ではパーツをアニメーションのように動かすこともあります。アニメーションの制作にもポイントがあり、デザインがあります。この本ではCSSを使った簡単なアニメーションの実装方法について学習します。
手を動かし、作りながら学べる本がパワーアップ! Webサイト制作の現場の流れが体験できる!
わからない時は動画でも学べる
はじめてコードを書く時は不安もあると思います。そんな時はQRコードから動画にアクセスしてどう書くのか見てください。本書の導入部分であるHTMLとCSSには動画の用意がありますので、流れがわかるように教えてもらえます。
練習問題で自分の理解度がわかる
本書の学習は手を動かし、自身で作っていくことで身についていきます。今回、練習問題を新たに用意しましたので、学んだ内容を実際に活用できるか試すことができます。しっかりと身につけるためにも練習問題を活用しましょう。
1つのWebサイトを作りながら学べる
後半ではシングルカラム、2カラム、タイル型、お問い合わせ、レスポンシブ対応といったよく使われるレイアウトを一緒に作っていきます。実際に1つのWebサイトを制作していくことでWebサイト制作の現場の流れが体験できます。
![]()
1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版]
|
![]()
ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座
|
![]()
1冊ですべて身につくWordPress入門講座
|
![]()
1冊ですべて身につくJavaScript入門講座
|
|
---|---|---|---|---|
カスタマーレビュー |
5つ星のうち4.4 151
|
5つ星のうち4.4 406
|
5つ星のうち4.1 323
|
5つ星のうち4.4 221
|
価格 | ¥2,585¥2,585 | ¥2,728¥2,728 | ¥2,070¥2,070 | ¥2,794¥2,794 |
特徴 | 30万部のベストセラーに最新情報を入れ込んだ増補改訂版。HTMLとCSSが体系的に学べる。手を動かし、作りながら学ぶ、Webサイトができあがる体験ができる本。Webデザインやアニメーションの基本も一緒に学べる。 | すでに完成しているサイトを見ながら1つひとつのテクニックを紐解いて学んでいく本。実際の制作現場で需要が高いテクニックを5つのWebサイトとともに学べる。 | コードを書かなくてもWebサイトができあがる体験ができる本。WordPressの基本が学べる。オリジナルテーマの開発やサイトの運営、セキュリティのことまでトータルに学べる。 | JavaScriptの基本が学べる、とことん丁寧な入門書。Web制作者、Webデザイナーに必須とも言えるアニメーションやイベントが学べる。プログラミングの学習入門書としても使える。 |
対象読者 | これからWebサイトを作り始める初心者 | HTMLやCSSの基礎学習は終えた人 | これからWebサイトを作り始める初心者。HTML,CSSといったコードを書かないでもWebサイトを作りたい人 | HTMLやCSSの基礎学習は終えた人。Web制作者、Webデザイナー、プログラミング初心者 |
学習できること | HTML・CSS・Webデザインの基本、Flexbox、CSSグリッド、モバイルファースト、レスポンシブ、HTML Living Standard、Webp、配色 | Webフォント、CSSの装飾、JavaScriptライブラリ、アニメーション、動画、効率的なCSSの管理方法 | WordPressの基本、フルサイト編集、簡単なオリジナルテーマの開発 | JavaScriptの基本、プログラミングの知識、イベント操作、ローディング・スライドメニューなどの動くアニメーション |
書籍に掲載しているサイト数 | 1 | 5 | 2 | 1 |
判型 | B5変形 | B5変形 | B5変形 | B5変形 |
ページ数 | 320 | 352 | 344 | 344 |
受 賞 | 全国の書店員がオススメする本 CPU大賞「書籍部門」大賞 受 賞(2019) | 全国の書店員がオススメする本 CPU大賞「書籍部門」大賞 受 賞(2021) | ITエンジニア本大賞2024 大賞&特別賞のダブル受 賞 |
商品の説明
著者について
日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在はWebサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。著書『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』『ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座』(いずれもSBクリエイティブ)は2019年度および2021年度のCPU大賞 書籍部門の大賞を受賞。
登録情報
- 出版社 : SBクリエイティブ (2024/3/2)
- 発売日 : 2024/3/2
- 言語 : 日本語
- 単行本(ソフトカバー) : 320ページ
- ISBN-10 : 4815618461
- ISBN-13 : 978-4815618469
- 寸法 : 1.77 x 18.2 x 23.3 cm
- Amazon 売れ筋ランキング: - 839位本 (本の売れ筋ランキングを見る)
- カスタマーレビュー:
著者について

WebデザイナーのManaです。 日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。 カナダやオーストラリア、イギリスの企業でWebデザイナーとして働きました。ブログ『Webクリエイターボックス』の中の人。現在はWebサイト制作の書籍執筆、インストラクターとして教育関連頑張ってます。
カスタマーレビュー
お客様のご意見
お客様はこの書籍について、わかりやすさを高く評価しています。初心者にもわかりやすく、HTMLやcssを学び直したい方にもおすすめだと述べています。また、覚えなくてはいけないことを厳選し、時間つぶしに役立つと感じているようです。デザイン面では、おしゃれなwebページをそのまま作れるだろうと期待されており、ぱらぱらと見た感じは良本だという意見もあります。一方で、世の中にはシンプルでおしゃれなwebページがあるという指摘もありますが、真似するととても歯が立たないという声もあります。
お客様の投稿に基づきAIで生成されたものです。カスタマーレビューは、お客様自身による感想や意見であり、Amazon.co.jpの見解を示すものではありません。
お客様はこの書籍について、非常にわかりやすく、実践的な内容だと評価しています。初心者でもHTMLやcssを学び直したい方にもおすすめで、覚えなくてはいけないことを厳選し、簡単に骨組みができると好評です。また、良い勉強や時間つぶしとして適していると感じているようです。
"分かりやすいのでトライ・アンド・エラーにてホームページ作成が進んでいます。人様に公開する技量に達するのはずっと先になりそうですが、良い勉強、時間つぶしになっています。" もっと読む
"タイトルの目的で購入し、満足いく内容でした。 JavaScriptを使用せずそれなりのものを作るのに適しているので、サイト作り(デザイン重視)に興味がある人の一冊目としてこれ以上のものはないと思います。..." もっと読む
"...世の中にはシンプルでおしゃれなwebページがある。それにはとても歯が立たない。HTMLのクソ標準は学べるだろう。それだけ。表とか縦書きとか便利なタグなぞは学べない。23年前の同種の本は2200円だった。それはおしゃれではないが学べる。それはフォント、動画なぞはない。..." もっと読む
"...いろいろとこの手の教則本を手にしてきましたが、実践的で「とりあえずページを作りたい」という 人には非常にわかりやすく、かつ実践的な内容になっていると思います。 「ここがよくわからない」「もうちょっと〇〇だったらな」という高度な意見も持てないほどの..." もっと読む
お客様はこの製品のデザインを高く評価しています。おしゃれなwebページをそのまま作れるだろうという意見が多く、真似できないと指摘しています。
"おしゃれなwebページをそのまま作れるだろう。しかし、真似。世の中にはシンプルでおしゃれなwebページがある。それにはとても歯が立たない。HTMLのクソ標準は学べるだろう。それだけ。表とか縦書きとか便利なタグなぞは学べない。23年前の同種の本は2200円だった。それはおしゃれではないが学べる。..." もっと読む
"おしゃれなWebサイトを作るための最低限のHTMLとCSSが載ってます。覚えなくてはいけないことを厳選してくれています。" もっと読む
"ぱらぱらと見た感じは良本そうだった。" もっと読む
"デザイン重視でサイトを作ってみたい&全くの初心者にベスト..." もっと読む
イメージ付きのレビュー

上位レビュー、対象国: 日本
レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。
- 2024年8月31日に日本でレビュー済みAmazonで購入分かりやすいのでトライ・アンド・エラーにてホームページ作成が進んでいます。人様に公開する技量に達するのはずっと先になりそうですが、良い勉強、時間つぶしになっています。
- 2024年12月22日に日本でレビュー済みAmazonで購入これ一冊で十分とは言いませんが、基礎的な部分を学ぶならいい本だと思います。
- 2024年6月22日に日本でレビュー済みAmazonで購入タイトルの目的で購入し、満足いく内容でした。
JavaScriptを使用せずそれなりのものを作るのに適しているので、サイト作り(デザイン重視)に興味がある人の一冊目としてこれ以上のものはないと思います。
尚、著者のJavaScript本はあまり参考にはならなかったので、こちらでHTMLとCSSの基本を学び、もっといいものを作りたいと思ったときはネットでJavaScriptを勉強すると良いと思います。
- 2024年8月1日に日本でレビュー済みAmazonで購入いいと思います。
いろいろとこの手の教則本を手にしてきましたが、実践的で「とりあえずページを作りたい」という
人には非常にわかりやすく、かつ実践的な内容になっていると思います。
「ここがよくわからない」「もうちょっと〇〇だったらな」という高度な意見も持てないほどの
ど素人ですので、レベルの高い人にはどうなのかはわかりませんが。
- 2024年4月28日に日本でレビュー済みAmazonで購入おしゃれなwebページをそのまま作れるだろう。しかし、真似。世の中にはシンプルでおしゃれなwebページがある。それにはとても歯が立たない。HTMLのクソ標準は学べるだろう。それだけ。表とか縦書きとか便利なタグなぞは学べない。23年前の同種の本は2200円だった。それはおしゃれではないが学べる。それはフォント、動画なぞはない。カラフルでなくても事務的なHTMLが必要なら、この本は全く役に立たない。この本は個人の応用はできない。そのためのHTMLの書式が掲載されていない。読者を馬鹿にしている。
- 2024年7月25日に日本でレビュー済みAmazonで購入サンプルや具体例が書いてあり、読みやすくわかりやすい本です。初心者の方も、HTMLやcssを学び直したい方にもおすすめです。
- 2024年7月20日に日本でレビュー済みAmazonで購入20数年ぶりにWEB制作をやろうと思い購入。
テキストエディタやHTMLの規格などが大幅に変わっていて戸惑いましたが、本書を読みながら実際にタグを打ち込むことで、CSSやスマートフォンでの閲覧を想定したタグ打ちなどが理解できました。
現在のWEB制作を知るという意味では、個人的にはとても役立ちました。
チャプターごとに、HTMLに追加したタグはどれか、CSSに追加したタグはどれか、その結果がどうなるのかが非常にわかりやすく載っています。
また、WEBサイトを作る目的や目標の設定、コンテンツ抽出、ラフ作成など制作における一連の流れも非常に参考になりました。
【気になった点】
トップ画像に使用する画像のサイズはどれぐらいが適正なのか(横×縦サイズ、データ容量)。
画像に対する文字の回り込み設定(見逃したのかもしれませんが…)。
文字や画像のサイズ指定はpxかremそれ以外のどれが主流なのか。
見本サイトではなく、自分でサイトを作りたくなったときに、これらの情報があった方がよかったかなと感じます。
CSSのクラス名称の付け方に、業界的なルールがあるのかどうかとかも知りたかったですね。
【個人的に特に良かった点】
本書で使用しているテキストエディタ(ここではあえて名称を伏せます)がとても使い勝手が良かったこと。
CSSのクラス設定を使いまくるので、それが身につくこと。
boderの数値省略、marginやpadding、行間などにも配慮できるようになること。
スマホで見た場合の検証のやり方。
【総評】
完全なる初心者が、本書を手に取って独自のWEBサイトを作ろうとすると、足りない部分が出てくるとは思います。
が、HTMLとCSSのタグ打ちと相互の関連性については、バッチリと身につくんじゃないでしょうか。
また、タグ打ちによるコーディングだけでなくその前段階の企画とデザイン決めなどの流れ。デザインとは何かといった現場寄りのことが書かれているので、そういった考えを知ることができるので色々と役に立つと感じました。
- 2024年7月10日に日本でレビュー済みAmazonで購入全くの初心者がHTML&CSSについて学ぶのなら最初に選ぶべき本でしょう。
とはいえ、あくまでも初学者向け。もう少し進むのならワードプレスなりJavaScriptなりの本も追加で買う必要が出てきます。でもご安心を、シリーズでそれらもカバーしているので安心ですね。
CSSのパワーアップ版SCSS(Sass)について知りたい場合は続編の実践編をどうぞ。