• ポイントキャンペーン

HTML & CSSとWebデザインが1冊できちんと身につく本

  • ただいまウェブストアではご注文を受け付けておりません。
  • サイズ B5判/ページ数 288p/高さ 24cm
  • 商品コード 9784774190648
  • NDC分類 547.48
  • Cコード C3055

出版社内容情報

「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる本書はWeb制作の基礎言語であるHTMLやCSSの書き方だけでなく、多くのWebサイトが採用している4つのレイアウト手法を学ぶことで、1冊を読み終えると各言語の知識とWebデザインの基礎が身につく作りとなっています。Webデザインの新しい手法を積極的に紹介しつつ、実際の制作現場で使われている堅実な手法もバランスよく取り入れ、学習用ではない「現場で役に立つ」実践的なテクニックを数多く盛り込みました。また、Webサイト制作を楽しく学ぶため、サンプルサイトの見映えにもこだわりました(完成後は手を加えて読者のプロフィールサイトとして利用可能)。ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような体験型の独習書です。サンプルデータのダウンロードサービス付き。

内容説明

「4つのレイアウトパターン」と「レスポンシブデザイン」を、実際に手を動かして作りながら、サイト制作の基本が学べる!ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような、体験型の独習書です。

目次

1 知っておきたいサイトとデザインのきほん知識
2 サイト制作の前に準備しておくこと
3 知っておきたいHTMLのきほんと書き方
4 知っておきたいCSSのきほんと書き方
5 フルスクリーンページを制作する
6 シングルカラムページを制作する
7 2カラムページを制作する
8 グリッドレイアウトページの制作と動画の埋め込み
9 問い合わせページを制作する
10 マルチデバイス対応ページを制作する

著者等紹介

服部雄樹[ハットリユウキ]
愛知県名古屋市出身。2014年までインドネシア・バリ島で活動し、世界各国のクリエイターと交流。多くの海外案件に携わる。帰国後、服部制作室を設立。Webサイトの制作だけでなく、Jimdo、g.o.a.tなど各種WebサービスのテンプレートデザインやUI設計、セミナー登壇、書籍の執筆など精力的に活動中(本データはこの書籍が刊行された当時に掲載されていたものです)
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。

感想・レビュー

※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。

コルチャック

19
サンプルや書籍自体のデザインが洗練されていて、内容も非常にわかりやすい、がまたすぐに忘れると思うので再読予定。Webクリエイター初心者はCSSとの格闘なので血肉になるまで読もうと思います。2018/03/08

hit4papa

14
HTML、CSSのおらさい(およびHMTL5、CSS3の理解)を兼ねて、本書を手にとりました。アピールポイントにあるとおり、4つのレイアウトパターン(フル・スクリーン、シングルカラム、2カラム、グリット)がサンプルをもとに学べるようになっています。レスポンシブデザインにもページを割いているので、(内容をすっかり忘れたとしても)Webサイト制作でつまずいた時、参照するには十分な教科書と思います。基本までで本書の約半分のページを費やすので、ここにメリットを見いだせないなら他の書籍をあたった方がよいかも。2018/10/09

なつ

12
とても分かりやすい。一瞬も躓く気がしませんでした。これまでなかった頭の使い方を学べたので、読書としても面白かったのでした。2020/04/16

sakakendo

7
写経してるだけでかっこいいデザインのホームページができてよかった2019/08/01

つぶあん派

6
4つのレイアウトパターンを、実際に作りながら学んでいくスタイルの本。idとclassの使い分けを今までよくわかっていなかったのですが、この本で初めて感覚が掴めました。Progate→この本とやると良いです。floatでレイアウト崩れるとかよくやらかしてたのですが、この本が一番なぜそうなるのか答えをくれました。初歩・基本を学ぶなら最適です。2018/10/04

外部のウェブサイトに移動します

よろしければ下記URLをクリックしてください。

https://bookmeter.com/books/12142022
  • ご注意事項