HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方【PDF版】

吉田 真麻(著)

商品番号
144290
販売状態
発売中
納品形態
会員メニューよりダウンロード
発売日
2016年11月29日
ISBN
9784798144290
データサイズ
約109.5MB
制限事項
印刷可・テキストのコピー可
キーワード
デザイン  電子書籍【PDF版】  SEO  Web制作

販売価格:¥2,948(税込)

ポイント:1,340pt (50%)
詳細はこちら

送料無料 在庫あり

紙の書籍を見る
ほしい物リストに追加
  • 本製品は電子書籍【PDF版】です。
  • ご購入いただいたPDFには、購入者のメールアドレス、および翔泳社独自の著作権情報が埋め込まれます。
    PDFに埋め込まれるメールアドレスは、ご注文時にログインいただいたアドレスとなります。
    Amazon Payでのお支払いの場合はAmazonアカウントのメールアドレスが埋め込まれます。
  • 本製品を無断で複製、転載、譲渡、共有および販売を行った場合、法律により罰せられる可能性がございます。
  • ご購入の前に必ずこちらをお読みください。
  • 本書はデータサイズが約109MBございます。モバイルデータ通信での環境下や、スマートフォン等でのご使用がいただけない場合がございます。お使いの機器の空き容量や通信環境をご確認の上ご購入ください。

フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック!

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。

現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。

実際のWeb 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。

駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。

PDF版のご利用方法

  1. ご購入後、SEshopにログインし、会員メニューに進みます。
  2. ご購入電子書籍およびデータ > [ご購入電子書籍およびダウンロードデータ一覧]をクリックします。
  3. 購入済みの電子書籍のタイトルが表示されますので、リンクをクリックしてダウンロードしてください。
  4. PDF形式のファイルを、お好きな場所に保存してください。
  5. 端末の種類を問わず、ご利用いただけます。

PART0 イントロダクション
 A 本書で作成するサイト
 B コーディングの進め方
 C デベロッパーツールの使い方
 D 本書の読み方
PART1 スタンダードレイアウト
 01 このPARTで作るサイト
 02 ベースのコーディング
 03 ヘッダーのコーディング
 04 メイン領域のコーディング
 05 サイドメニューのコーディング
 06 フッターのコーディング
PART2 グリッドレイアウト
 07 このPARTで作るサイト
 08 ベースのコーディング
 09 ボックスのコーディング
 10 中ボックスと大ボックスのコーディング
 11 ナビゲーションのコーディング
PART3 シングルページレイアウト
 12 このPARTで作るサイト
 13 ベースのコーディング
 14 ヘッダーのコーディング
 15 セクション1(ABOUT ME)のコーディング
 16 セクション2(WORKS)のコーディング
 17 セクション3(MY SKILLS)のコーディング
 18 セクション4(CONTACT)とフッターのコーディング
 19 スマートフォン対応の下準備
 20 スマートフォン対応のコーディング

各種問い合わせは以下のリンクからご連絡ください

感想・レビュー

きゅろ さん

2018-07-05

他の方も書いているように中級者向けの本。 日頃Wordpressを使ってWEBサイトを更新し、CSSは検索して見つけたコードをコピペして使っていましたが、 それで目にしていたプロパティの解説を読んで勉強になりました。 辞典みたいにばーっと羅列してあるのではなく、コーディングしていきながら解説されているので、 実際に使っていく過程をイメージできました。 今後は見つけたコードをもっと気軽に自分でカスタマイズしていけそうです。

ksk さん

2018-01-23

中級者以上向けの本。3つの事例を作りながら学んでいく本でわかりやすく、なかなかいい本であった。 問題も章末にあるので腕試しにもなる。

Predora さん

2019-08-18

タイトルの通り、3つの代表的なレイアウトの実装例を書いた本。例がかなり実用的なので、似たレイアウトであれば内容が異なっていても実装できるように作られていて良かった。また、書きながら読み進める形式で、身に付くように作られているのも良かった。

関連リンク

関連商品

アイデアとかデザインとか

販売価格:1,980円(税込)

2022.11.04発売

U35つくるひと事典

販売価格:3,300円(税込)

2022.10.24発売

CHERISH NAKAKI PANTZ作品集 ILLUSTRATION MAKING & VISUAL BOOK

販売価格:2,970円(税込)

2022.10.13発売

独学Photoshop 楽しく基本が身につくガイドブック

販売価格:2,750円(税込)

2022.09.21発売

おすすめ特集

電気工事技術者

第二種電気工事士、電験3種など、電気工事技術者関連の資格参考書はこちら

アジャイル・スクラム関連本特集

アジャイル・スクラム入門書からプロフェッショナル向け開発書、チームマネジメント論まで

Linuxおすすめ本特集

【Linux本特集】入門~達人レベルまで!クラウド時代の必須知識Linuxを学ぶおすすめの本

SQL/データベース関連本特集

初心者向けの入門書から、達人レベルの専門書まで!SQL/データベース関連おすすめ本特集

マネジメント・リーダーシップ特集

人材育成やチームビルディング、プロダクトマネジメントや業務改善など、組織を目標達成に導く書籍

翔泳社のセミナー・講座

開発・ビジネス・マーケティング・EC運営・営業支援など、幅広いジャンルの講座を開催

特集をもっと見る