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

吉田 真麻(著)

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

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

ポイント:268pt (10%)
ポイントの使い方はこちら

在庫あり

\初回購入から使えるポイント500円分プレゼント/

紙の書籍を見る

今すぐ使える10%割引クーポン
(一部除外あり)

ほしい物リストに追加
  • 本製品は電子書籍【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つの代表的なレイアウトの実装例を書いた本。例がかなり実用的なので、似たレイアウトであれば内容が異なっていても実装できるように作られていて良かった。また、書きながら読み進める形式で、身に付くように作られているのも良かった。

関連リンク

関連商品

ラブダブ MON作品集 ILLUSTRATION MAKING & VISUAL BOOK

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

2023.03.16発売

ILLUSTRATION SCENE OF KOREA

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

2023.02.24発売

おすすめ特集

【2022年】SEshop人気書籍 ベスト20

【2022年SEshop人気書籍】ロングセラーのビジネス書を筆頭に、エンジニア必携書などベスト20をご紹介

最先端テクノロジー

【最先端テクノロジー特集】メタバース・NFT・ブロックチェーンの本を厳選紹介

情報処理教科書シリーズ

【2023年版】情報処理技術者試験におすすめの参考書「EXAMPRESS 情報処理教科書シリーズ」で最短合格

プレゼント本特集

出版社が選んだプレゼントにおすすめの本~誕生日やちょっとした贈り物に~

雑学本特集

面白い!ためになる!SEshop厳選雑学本特集

翔泳社のセミナー・講座

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

特集をもっと見る