手を動かしてわかる
HTMLとCSSの基本

商品仕様

• 販売価格：2,420円(税込) 　[本体 2,200円+税]
• B5判
• 248 頁 ・ 4色
• 想定学習時間 20時間

サポート情報

• 目次詳細
  Chapter0　学習の進め方
  
  　0-01　本テキストの目標と特徴　---------------------　 6
  　0-02　学習環境の作成手順　-------------------------　10
  
  Chapter1　ピックアップブロックの作成
  
  　1-01　Webページを作るための言語　------------------　16
  　1-02　HTMLを見てみよう　---------------------------　18
  　1-03　CSSでWebページを装飾する　-------------------　24
  　1-04　画像や段落のスタイルを設定する　-------------　36
  　1-05　リンクをボタン風のデザインにする　-----------　48
  　1-06　テキストの一部だけスタイルを変える　---------　55
  
  Chapter2　ピックアップブロックの作成2
  
  　2-01　コンテンツ領域の幅を設定する　---------------　66
  　2-02　画像と商品説明を横並びにする①　-------------　74
  　2-03　画像と商品説明を横並びにする②　-------------　81
  　2-04　見た目が変化するボタンにする　---------------　90
  　2-05　画像の上に文字を重ねて配置する　-------------　99
  　2-06　Webページ全体の背景色と文字色を設定する　---- 111
  
  Chapter3　アイテムブロックの作成
  
  　3-01　アイテムブロックのレイアウトを調整する　----- 122
  　3-02　アイテムブロックの中の要素を整える　--------- 128
  　3-03　スタイル指定を整理する　--------------------- 140
  
  Chapter4　ヘッダーブロックの作成
  
  　4-01　ヘッダーブロックを追加する　----------------- 152
  　4-02　ナビゲーションメニューをデザインする　------- 159
  　4-03　SHOPボタンとキービジュアルを調整する　------- 163
  　4-04　ヘッダーを固定表示にする　------------------- 168
  
  Chapter5　お知らせブロックの作成
  
  　5-01　お知らせブロックを追加する　----------------- 176
  　5-02　記事のリンクにアニメーションを付ける　------- 183
  
  Chapter6　フッターブロックの作成
  
  　6-01　地図を追加する　----------------------------- 192
  　6-02　フッターブロックのデザインを整える　--------- 198
  
  Chapter7　レスポンシブ対応
  
  　7-01　ヘッダーのレスポンシブ対応をする　----------- 210
  　7-02　ピックアップブロックを調整する　------------- 219
  　7-03　アイテムブロックを調整する　----------------- 229
  　7-04　お知らせブロックを調整する　----------------- 232
  　7-05　フッターブロックを調整する　----------------- 235
  
  INDEX　---------------------------------------------- 245
  
  

特徴