Follow #ソシム販売部Twitterアイコン

Dreamweaver HTML5&CSS3

  

Dreamweaver+HTML5&CSS3レッスンブック

エビスコム

最新版DreamweaverとHTML5&CSS3をいっしょに学べる

定価
2,948円(本体価格 2,680円)
  • 発売日
    2012年6月26日
  • 判型/ページ数
    B5変型/320ページ(オール4C)
  • ISBN
    978-4-88337-827-2
  • 備考
    DVD-ROM(Win&Mac体験版、サンプルデータ収録)
キーワード:
/ / / /

ステップ・バイ・ステップ形式で最新版Dreamweaver CS6の操作とHTML5&CSS3の知識が自然に身に付く。Dreamweaverをこれから学びたい方、Dreamweaverをまだ十分使いこなせていない方に最適。
また、1つのHTMLファイルでスマートフォンやタブレットにも対応できる話題の「レスポンシブWebデザイン」についても事例を使って紹介。

そのほか、Dreamweaver CS6の最新機能なども網羅
●可変グリッドレイアウト、jQuery Mobileなど、新機能にも対応
●スニペットやテンプレートを活用した効率的なWebデザインができる

ソフトウェアをお持ちでない方でも安心!30日間の無料体験版で学べます。

<付属DVD-ROMの内容>
■Windows版Dreamweaver CS6の30日間無料体験版(機能制限なし)
■Macintosh版Dreamweaver CS6の30日間無料体験版(機能制限なし)
■本書で使用するサンプルデータ(各種素材データ、HTML5&CSS3ソース)

Chapter 1 [イントロダクション]Dreamweaverで効率よくページを作成するために

STEP 1 ワープロやDTPソフトとDreamweaverの違い
STEP 2 Webページの作法

Chapter 2 [基本編]文字の表示とデザイン

STEP 1 Dreamweaverを使ってみる
STEP 2 ページの新規作成
STEP 3 文字を入力する
STEP 4 見出しを指定する
STEP 5 デザインしたい箇所をインスペクトモードで選択する
STEP 6 CSSのルールを作成してデザインを指定する
STEP 7 IDで区別してデザインを指定する
STEP 8 文章中の語句のデザインを指定する

Chapter 3 [基本編]レイアウト

STEP 1

でマークアップする
STEP 2 ボックスを罫線で囲む
STEP 3 ボックスの横幅を指定する
STEP 4 ボックスの配置を指定する
STEP 5 ボックスの余白を調節する
STEP 6 ボックスに下線を引く
STEP 7 ボックスの背景色を指定する
STEP 8 区切り線を挿入する

Chapter 4 [基本]画像とアップロード

STEP 1 画像を挿入する
STEP 2 画像まわりの余白サイズを調節する
STEP 3 背景画像を表示する
STEP 4 リンクを設定する
STEP 5 リンクのデザインを指定する
STEP 6 ブラウザでの表示を確認する
STEP 7 ページをアップロードする

Chapter 5 [サイト構築編]段組みレイアウトとナビゲーション

STEP 1 下準備
STEP 2 クラス名を利用して同じスタイルシートを適用する
STEP 3 セレクターのグループ化を利用して同じスタイルシートを適用する
STEP 4 3段組みのための準備
STEP 5 スニペットで増やすためのパーツを作成する
STEP 6 スニペットで同じデザインのパーツを増やす
STEP 7 3段組みでレイアウトする
STEP 8 ナビゲーションバーを作成する
STEP 9 外部スタイルシートを利用する

Chapter 6 [サイト構築編]テンプレートの活用とコンテンツページの作成

STEP 1 テンプレートを作成する
STEP 2 テンプレートを利用してページを作成する
STEP 3 テンプレートを編集して複数ページをまとめてカスタマイズする
STEP 4 2段組みのレイアウトを設定する
STEP 5 子テンプレートを作成する
STEP 6 子テンプレートを利用してページを作成する
STEP 7 IDを指定してページごとにデザインを変える
STEP 8 表示位置や重なり順を指定してレイアウトする
STEP 9 テーブル(表組み)を作成する
STEP 10 フォームを作成する

Chapter 7 [応用編]スマートフォン&タブレット

SAMPLE 1 レスポンシブWeb デザインの設定
SAMPLE 2 可変グリッドレイアウトを利用したページ作成
SAMPLE 3 jQuery Mobileを利用したページ作成

Chapter 8 [応用編]HTML5&CSS3

SAMPLE 1 HTML5による論理構造のマークアップ
SAMPLE 2 HTML5によるビデオの表示
SAMPLE 3 HTML5によるフォームの機能拡張
SAMPLE 4 トランジション機能を利用したアニメーションの設定

正誤情報

お問い合わせ

本書に関するお問い合わせは、下記のボタンをクリックしてお問い合わせフォームよりお問い合わせください。

この書籍を問い合わせる

[ この書籍をシェアする ]

関連する書籍

カテゴリから本を探す

シリーズから本を探す

本を探す