商品詳細

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

新着商品

手を動かしてわかる
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

特徴

現場でよく使うHTMLとCSSに絞り最短距離で学習

実際の業務でも使われるGoogle Chromeのデベロッパーツールを使用し、作成したWEBページを確認しながら実習を進めます。

HTMLタグやCSSプロパティをそれぞれ一つ一つ学習していくので、初心者でも安心して取り組めます。実際にレイアウトを作る手順を紹介し、その手順に沿ってWEBページを作っていくことで、学習者の「できた!」を積み上げながら楽しく実習が進められます。

WEBの知識だけで終わらない、WEBページの作り方を実践しながら理解できるテキストです。

数量:

この商品を注文する

他の商品も含め商品一覧から注文する

※「この商品を注文する」からご注文頂くためにはmyページにログインする必要がございます。