書籍概要

教科書では教えてくれないHTML&CSS

著者
発売日
更新日

概要

各種講座や書籍でHTML&CSSの学習を終えても，実際の現場では，求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して，HTML&CSSで書き起こす力が弱い傾向にあります。
本書はWebページのデザインをHTML&CSSで作成するために必要なチカラを身につけて，これまでに学習してきた基礎知識を，Webデザインの現場で「使える力」にレベルアップします。

こんな方におすすめ

  • Webデザイナー初級者，中級者

サンプル

samplesample

目次

Chapter1　デザインからHTMLを作る「流れ」

Chapter2　レイアウトの大枠を組み立てる

Chapter3　メインコンテナを組み立てる

Chapter4　ヘッダーを組み立てる

Chapter5　フッターを組み立てる

Chapter6　ホームのページを組み立てる

Chapter7　カラムレイアウトとサイドバー

Chapter8　フォームが含まれるページ

サポート

ダウンロード

（2021年10月26日更新）

以下のファイルをダウンロードできます。圧縮ファイルをダウンロードしていただき，適宜解凍してご利用ください。

なお，ファイル内のデータに一部修正が入りました。10月26日以前にダウンロードされた方はお手数ですが，再度ダウンロードしてください。

ダウンロード
htmlcss.zip

正誤表

本書の以下の部分に誤りがありました。ここに訂正するとともに，ご迷惑をおかけしたことを深くお詫び申し上げます。

（2021年12月17日最終更新）

P.172内の見出し

誤 解説　モバイル向け表示ではフレックスボックスを使用しない
正 解説　PC向け表示ではフレックスボックスを解除する

（以下2021年8月19日更新）

P.272 HTML

誤
 <!--- 人気記事 --->
<h2>Popular</h2>
<div class="home-popular">
  <div class="popular-item">
    <div class="popular-photo">
      <img src="images/popular-photo1.jpg" alt="">
    </div>
    <div class="popular-text">
      <h3>カフェめぐり3年間、まじめなコーヒーと素朴なスイーツに行き着いた</h3>
      <p>ほどよい苦味が心地よいコーヒーと、卵の味が濃い……生まれました。</p>
      <div class="home-info">
        <span>東京／Japan</span>
      </div>
    </div>
  </div>
  <div class="popular-item">
    ...
  </div>
  <div class="popular-item">
    ...
  </div>
</div>
<!--- /人気記事 --->
正
<!--- 人気記事 --->
<h2>Popular</h2>
<div class="home-popular">
  <div class="popular-item">
    <div class="popular-photo">
      <a href="#"><img src="images/popular-photo1.jpg" alt=""></a>
    </div>
    <div class="popular-text">
      <h3><a href="#">カフェめぐり3年間、まじめなコーヒーと素朴なスイーツに行き着いた</a></h3>
      <p>ほどよい苦味が心地よいコーヒーと、卵の味が濃い……生まれました。</p>
      <div class="home-info">
        <span>東京／Japan</span>
      </div>
    </div>
  </div>
  <div class="popular-item">
    ...
  </div>
  <div class="popular-item">
    ...
  </div>
</div>
<!--- /人気記事 --->

商品一覧