割引: ￥ 50 (2%)
Kindle 価格: ￥2,436

(税込)

獲得ポイント:
538ポイント (22%)

ご購入時にプロモーションが適用されます

これらのプロモーションはこの商品に適用されます:

一部のプロモーションは他のセールと組み合わせることができますが、それ以外のプロモーションは組み合わせることはできません。詳細については、これらのプロモーションに関連する規約をご覧ください。

今すぐお読みいただけます: 無料アプリ
を購読しました。 続刊の配信が可能になってから24時間以内に予約注文します。最新刊がリリースされると、予約注文期間中に利用可能な最低価格がデフォルトで設定している支払い方法に請求されます。
「メンバーシップおよび購読」で、支払い方法や端末の更新、続刊のスキップやキャンセルができます。
Kindleアプリのロゴ画像

無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません。

ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。

携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。

KindleアプリをダウンロードするためのQRコード

著者をフォロー

Mana
+ フォロー
この著者の他の本
何か問題が発生しました。後で再度リクエストしてください。

1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座 Kindle版

Mana (著) 形式: Kindle版
4.3 5つ星のうち4.3 2,530個の評価
すべての形式と版を表示
この商品には新版があります

【ご注意】本電子書籍版は「Amazon.co.jp 限定DL特典」の対象外です。ご購入の際はご注意ください。

Web制作に必要な知識がすべて身につく！

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

----------------------------------------------------------------------------
Web界隈やデザイナーに大人気！
Web関連の情報やデザインについて学べる『Webクリエイターボックス』の中の人、
Manaによる渾身のHTML＆CSSとWebデザインが学べる本
----------------------------------------------------------------------------

Webサイト制作に必要な知識がすべて身につく！
今のWebサイトの作り方が一気に学べる！

・知識ゼロから体系的に学べる！　HTMLとCSSの基本
・最新の技術に対応！　レスポンシブ、Flexbox、CSSグリッド
・手を動かしながら学べる！　プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる！

WebクリエイターボックスのManaが教える
Webサイト制作の定番＆旬のスキル。
この1冊で必要なことがすべて学べる！

コードもデザインも全部学べる！

●本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人

●目次
はじめに
本書の内容について
サンプルデータの使い方
CHAPTER1　最初に知っておこう！Webサイトの基本
　1-1 よいWebデザインとは
　1-2 様々な種類のWebサイト
　1-3 ユーザビリティとは
　1-4 Webサイトの仕組み
CHAPTER2　Webの基本構造を作る！HTMLの基本
　2-1 HTMLとは
　2-2 HTMLファイルを作ろう
　2-3 HTMLファイルの骨組み
　2-4 HTMLの基本の書き方を身につけよう
　2-5 見出しをつけよう
　2-6 文章を表示しよう
　2-7 画像を挿入しよう
　2-8 リンクをはろう
CHAPTER3　Webのデザインを作る！CSSの基本
　3-1 CSSとは
　3-2 CSSを適用させる方法
　3-3 CSSファイルを作ろう
　3-4 CSSの基本の書き方を身につけよう
　3-5 文字や文章を装飾しよう
　3-6 Webフォントを使おう
　3-7 色をつけよう
　3-8 背景を彩ろう
　3-9 幅と高さを指定しよう
　3-10 余白を調整しよう
CHAPTER4　フルスクリーンのWebサイトを制作する
　4-1 フルスクリーンとは
　4-2 フルスクリーンページの制作の流れ
　4-3 「head」を記述しよう
　4-4 「header」部分を作ろう
CHAPTER5　2カラムのWebサイトを制作する
　5-1 2カラムのレイアウトとは
　5-2 2カラムページの制作の流れ
　5-3 ページ全体の見出しを作成しよう
　5-4 フッター部分を作成しよう
　5-5 横並びの設定をしよう
CHAPTER6　タイル型のWebサイトを制作する
　6-1 タイル型レイアウトとは
　6-2 タイル型レイアウトの制作の流れ
　6-3 ページ上部の紹介文を作成しよう
CHAPTER7　外部メディアを利用する
　7-1 お問い合わせページの制作の流れ
　7-2 フォームを設置しよう
　7-3 地図を表示しよう
　7-4 Facebookプラグインを挿入しよう
　7-5 Twitterプラグインを挿入しよう
など

固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
続きを読む もっと少なく読む
Previous page
  1. 本の長さ
    283ページ
  2. 言語
    日本語
  3. 付箋メモ
    有効になっていません
  4. 出版社
    SBクリエイティブ
  5. 発売日
    2019/3/15
  6. ファイルサイズ
    120979 KB
  7. Page Flip
    有効にされていません
  8. Word Wise
    有効にされていません
  9. タイプセッティングの改善
    有効にされていません
  10. すべての詳細を表示
Next page
この本はファイルサイズが大きいため、ダウンロードに時間がかかる場合があります。Kindle端末では、この本を3G接続でダウンロードすることができませんので、Wi-Fiネットワークをご利用ください。

商品の説明

著者について

●著者プロフィール
Mana


日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇し、Webサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。

登録情報

  • ASIN ‏ : ‎ B07PS1ZJN6
  • 出版社 ‏ : ‎ SBクリエイティブ (2019/3/15)
  • 発売日 ‏ : ‎ 2019/3/15
  • 言語 ‏ : ‎ 日本語
  • ファイルサイズ ‏ : ‎ 120979 KB
  • Text-to-Speech（テキスト読み上げ機能） ‏ : ‎ 有効になっていません。
  • X-Ray ‏ : ‎ 有効にされていません
  • Word Wise ‏ : ‎ 有効にされていません
  • 付箋メモ ‏ : ‎ 有効になっていません
  • 本の長さ ‏ : ‎ 283ページ
  • カスタマーレビュー:
    4.3 5つ星のうち4.3 2,530個の評価

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
Mana

Mana

Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

WebデザイナーのManaです。 日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。 カナダやオーストラリア、イギリスの企業でWebデザイナーとして働きました。ブログ『Webクリエイターボックス』の中の人。現在はWebサイト制作の書籍執筆、インストラクターとして教育関連頑張ってます。

カスタマーレビュー

星5つ中4.3つ
5つのうち4.3つ
2,530グローバルレーティング

この商品をレビュー

他のお客様にも意見を伝えましょう
カスタマーレビューを書く
いい本ですが
5 星
いい本ですが
内容は分かりやすく有益なものですが、帯がビリビリに破れてました。写真撮ってませんが表紙カバーの角も折れ跡がついていました。腹が立ちましたが、すぐ読みたかったのでそのまま使っています。本は星5ですが、Amazonで本買うのは今後控えるかも。
非表示
フィードバックをお寄せいただきありがとうございます
申し訳ありませんが、エラーが発生しました
申し訳ありませんが、レビューを読み込めませんでした

上位レビュー、対象国： 日本

yomogieee
5つ星のうち5.0 webデザイン入門に
2024年1月18日に日本でレビュー済み
Amazonで購入
HTMLを学びたくて購入
結構深いところまで勉強できてオススメ
役に立った
 レポート
のらねこメロン
5つ星のうち4.0 ある程度のことは出来る
2024年2月4日に日本でレビュー済み
Amazonで購入
初めてHTMLとCSSをやってみましたが、書いてあることと同じことをやれば、同じような感じのものが作れるって感じで、オリジナリティを出すのは難しかったです。もっと1つ1つを詳しく説明して欲しいと感じました。
1人のお客様がこれが役に立ったと考えています
役に立った
 レポート
まいけるちゃん
5つ星のうち5.0 とにかくわかりやすい
2023年10月21日に日本でレビュー済み
Amazonで購入
初心者向けな内容がとてもわかりやすく丁寧に書かれているので読んでいてとても楽しいです　スクールに何十万も払ってしまいましたが、最初の内容を学ぶにはこの本が最強かなと思います
6人のお客様がこれが役に立ったと考えています
役に立った
 レポート
はなこ
5つ星のうち3.0 HTMLとかCSSの触りだけやりたい人向け
2024年3月16日に日本でレビュー済み
フロントで働いてる一人間の意見ですが、
本当の本当に少しかじりたいだけの人
Web興味あるけど自分に向いてるか感覚だけ知りたい人
どんなことができるか少し知れたらいい人
向けだと思います。
そういう意味での"入門"だったら☆５つでいいかもしれません。

CSSは全然足りない。配色とか載せる必要あったかな‥擬似要素とか載せた方がよくないかな。
フレックスボックスあたりは良かったけど、他でもこれ以上にわかりやすく学べたのでこの本である必要はないと思います。

あくまでこんな感じなのかと雰囲気を知る程度にはいいけど、技術的な理解は深まらないかな。
結局これだけでは圧倒的に足りないし、基礎力も微妙なので他の入門書を買いました。

あとコードはコピペすればいいという人もいるけど、コードは書いて理解して覚えるものなので基本的には一から書くのをお勧めします。
1人のお客様がこれが役に立ったと考えています
役に立った
 レポート
nirea
5つ星のうち5.0 わかりやすい、読みやすい
2023年10月10日に日本でレビュー済み
Amazonで購入
自社のWebページを作りたくて、これとWordPressの本を購入しました。HTMLのテクニカル的な事や、その前段のWebの企画やデザインのことも書いてあるので良いと思います。文章は比較的平易です。確かに良書と感じました。
　今はWordPressを使ってWebページをデザインするようになったので、この本は余り使わなくなりましたが、とりあえず手元には置いておきます。
4人のお客様がこれが役に立ったと考えています
役に立った
 レポート
のぞえま
5つ星のうち5.0 ちょっとした工夫や知識が重要だと気付かされる
2024年5月9日に日本でレビュー済み
画質が劣る時、ストライプ柄を重ねるとか、トリミングの違いで大きく印象が異なるなど参考になりました。詳しい読書メモは、のぞえまアカウント(X)にポストしています(全ての著書評価につき、一つでも学ぶ所があれば当該著書の評価が上がるよう感謝して高評価をつけております。言及していない他の箇所についての推奨意図はありません)。
役に立った
 レポート
内丸理恵
5つ星のうち4.0 未経験者には少し難しいが、使い方次第
2023年9月29日に日本でレビュー済み
Amazonで購入
総合的評価としてはわかりやすくまとめられててよかったです。

ただ、やっぱり他レビューと同じく、全くの未経験初心者の私には難しいと感じる部分も多かったので、この本一冊だけでCSSとHTMLが身につくわけではないと感じました。
もちろん書中の分からないところ、知らない情報を調べながら学ぶ上ではとてもいい教材だったと感じてます。
実際私はYouTubeやProgateで学べるところも並行しながら当書を活用しました。
7人のお客様がこれが役に立ったと考えています
役に立った
 レポート
たつや
5つ星のうち5.0 これから活用していきます。
2023年9月6日に日本でレビュー済み
Amazonで購入
これからの活用ですが、スクールと並行してテキストとして活用していきます。この手の本は複数発行されていますが、星と口コミを参考に購入しました。You tubeでも取り上げられてました。
1人のお客様がこれが役に立ったと考えています
役に立った
 レポート

問題を報告


この商品には、不適切な内容が含まれていますか?
報告
この商品は、著作権を侵害していると思いますか?
報告
この商品には、品質または書式設定の問題が含まれていますか?
報告