ステップバイステップで学ぶCSS設計の教室(仮)[森本恭平]
  • Googleプレビュー

現場のプロが本気で教える HTML/CSSデザイン講義
ヤフー株式会社 森本 恭平

2,786円(税込)送料無料

獲得ポイント:

この商品が関連するクーポン・キャンペーンがあります

※エントリー必要の有無や実施期間等の各種詳細条件は、必ず各説明頁でご確認ください。

楽天ブックス初めてご利用の方限定!

初めてご利用&条件達成でポイント最大5倍!

電子書籍版でもご購入可能です!

楽天Kobo 電子書籍版 現場のプロが本気で教える HTML/CSSデザイン講義 1,393円
紙書籍版 現場のプロが本気で教える HTML/CSSデザイン講義 2,786円

商品基本情報

商品説明

向こう5年は通用する、本格プロの技術

●本書の特色
CSSの設計からHTMLへの実装までが体系的に学べる
現場で実績のあるサンプルコードが手に入る

●こんな読者に向いています
・Webの専門学校を卒業し、制作会社に入社した人/Webエンジニア
・自分のWebサイト作成に限界を感じている人
・HTML/CSSマークアップ力をもう一段高めたい人
・最前線の現場でHTML/CSSがどう書かれているのかを知りたい人
・CSS設計の理論と実践を学びたい人

デザインの変更に強く、再利用が容易なWebサイトを作ろう!
マルチデバイス対応や頻繁なデザイン変更など、Webサイトに対する要求の多様化により、将来の拡張やメンテナンスを視野に入れた「CSS設計」のニーズが開発の現場で高まっている。
本書では、仕事でWebサイト作る人に必須の知識となる、CSS設計の基礎的な概念からその実装方法を、サンプルページを通して体系的に解説。導入から設計の基礎、Webサイトへの実装までが学べる。


■Chapter1 Gulpを使った開発環境の構築
●1-1 ダウンロードファイルについて
●1-2 開発環境を構築しよう

■Chapter2 HTML/CSSとSassの基本
●2-1 HTML
●2-2 CSS
●2-3 Sass

■Chapter3 美しいCSSを書くためのHTMLマークアップ 〜CSS設計〜
●3-1 デザインカンプを確認し、CSS設計を理解しよう
●3-2 サイト制作の下準備をしよう
●3-3 Headerを作成しよう

■Chapter4 Sassを使ったサイト制作 その1(ヘッダーなど)
●4-1 Headerのスタイルを作成しよう
●4-2 レイアウトを作成しよう

■Chapter5 Sassを使ったサイト制作 その2(メインコンテンツやフッターなど)
●5-1 メインイメージを作成しよう
●5-2 コンテンツ部分を作成しよう
●5-3 フッターを作成しよう
●5-4 フォルダを整理しよう

■Chapter6 プロらしく「魅せる」テクニック 〜トップページの総仕上げ〜
●6-1 アイコンフォントを活用しよう
●6-2 WebFontを利用しよう
●6-3 突発的な修正に上手に対応しよう
●6-4 Webページをレスポンシブ化しよう

■Chapter7 パーツの組み合わせによる「高速」Webページ制作
●7-1 キャンペーンページを作成しよう
●7-2 サイドバーのある画面を作ろう

■Appendix HTMLの基本
●A-1 HTMLとマークアップについて

【内容情報】(出版社より)
●本書の特色
CSSの設計からHTMLへの実装までが体系的に学べる
現場で実績のあるサンプルコードが手に入る

●こんな読者に向いています
・Webの専門学校を卒業し、制作会社に入社した人/Webエンジニア
・自分のWebサイト作成に限界を感じている人
・HTML/CSSマークアップ力をもう一段高めたい人
・最前線の現場でHTML/CSSがどう書かれているのかを知りたい人
・CSS設計の理論と実践を学びたい人

デザインの変更に強く、再利用が容易なWebサイトを作ろう!
マルチデバイス対応や頻繁なデザイン変更など、Webサイトに対する要求の多様化により、将来の拡張やメンテナンスを視野に入れた「CSS設計」のニーズが開発の現場で高まっている。
本書では、仕事でWebサイト作る人に必須の知識となる、CSS設計の基礎的な概念からその実装方法を、サンプルページを通して体系的に解説。導入から設計の基礎、Webサイトへの実装までが学べる。
■Chapter1 Gulpを使った開発環境の構築
●1-1 ダウンロードファイルについて
●1-2 開発環境を構築しよう

■Chapter2 HTML/CSSとSassの基本
●2-1 HTML
●2-2 CSS
●2-3 Sass

■Chapter3 美しいCSSを書くためのHTMLマークアップ 〜CSS設計〜
●3-1 デザインカンプを確認し、CSS設計を理解しよう
●3-2 サイト制作の下準備をしよう
●3-3 Headerを作成しよう

■Chapter4 Sassを使ったサイト制作 その1(ヘッダーなど)
●4-1 Headerのスタイルを作成しよう
●4-2 レイアウトを作成しよう

■Chapter5 Sassを使ったサイト制作 その2(メインコンテンツやフッターなど)
●5-1 メインイメージを作成しよう
●5-2 コンテンツ部分を作成しよう
●5-3 フッターを作成しよう
●5-4 フォルダを整理しよう

■Chapter6 プロらしく「魅せる」テクニック 〜トップページの総仕上げ〜
●6-1 アイコンフォントを活用しよう
●6-2 WebFontを利用しよう
●6-3 突発的な修正に上手に対応しよう
●6-4 Webページをレスポンシブ化しよう

■Chapter7 パーツの組み合わせによる「高速」Webページ制作
●7-1 キャンペーンページを作成しよう
●7-2 サイドバーのある画面を作ろう

■Appendix HTMLの基本
●A-1 HTMLとマークアップについて

【内容情報】(「BOOK」データベースより)
マークアップの基本から設計、Flexレイアウトまで。5年経っても通用する、最強・最新テクニックを教えます。HTML5/CSS3対応。

【目次】(「BOOK」データベースより)
イントロダクション/1 Sassコンパイル環境の構築/2 HTML/CSSとSassの基本/3 よいCSSを書くためのHTMLマークアップーCSS設計/4 Sassを使ったサイト制作その1(ヘッダーなど)/5 Sassを使ったサイト制作その2(メインコンテンツやフッターなど)/6 プロらしく「魅せる」テクニックートップページの総仕上げ/7 パーツの組み合わせによる「高速」Webページ制作/HTMLの基礎

【著者情報】(「BOOK」データベースより)
森本恭平(モリモトキョウヘイ)
ヤフー株式会社メディア・マーケティングソリューションズグループマーケティングソリューションズカンパニーマーケッターPF開発部所属。Webエンジニア。元々営業出身だったが、独学でWeb技術を習得し、フロントエンドエンジニアへと転身。主要な業務としては、Angular.jsを中心としたJavaScriptフレームワークを使ったツールの開発を担当。またHTML/CSSを使い、全社共通のUIフレームワークの開発にも従事している

平谷奈緒子(ヒラヤナオコ)
ヤフー株式会社メディア・マーケティングソリューションズグループマーケティングソリューションズカンパニープロモーション広告開発本部デザイン部所属。Webエンジニア。ヤフー株式会社に新卒として入社後、Androidアプリ「Yahoo!スマホ最適化ツール」のデザインをはじめとして、複数のサービスで設計からデザイン、コーディングまでを担当。現在はディスプレイ広告のUI設計および実装までを主務としながら、設定管理ツールの改善や開発環境の整備を通じた業務効率の向上も担っている

中西生乃(ナカニシイクノ)
ヤフー株式会社メディア・マーケティングソリューションズグループマーケティングソリューションズカンパニープロモーション広告開発本部デザイン部所属。Webデザイナー。新卒でヤフー株式会社に入社。現在入社4年目。以来、広告主向けのポータルサイトのコーディングやディスプレイ広告のUI改善を担当(本データはこの書籍が刊行された当時に掲載されていたものです)

商品レビュー(2件)

総合評価
 

ブックスのレビュー

まだレビューがありません。 レビューを書く

楽天ブックスランキング情報

  • 週間ランキング

    ランキング情報がありません。

  • 日別ランキング

    ランキング情報がありません。

ご購入はこちらから

ご注文できない商品

2,786円(税込)

送料無料

最近チェックした商品

    ※表示を削除したい場合は閲覧履歴のページから削除お願いいたします

    ランキング:パソコン・システム開発

    ※1時間ごとに更新

    購入データ自動連携!楽天ブックス公式 無料 読書管理パプリ Readee

    このページの先頭へ