概要
学校やセミナー用のテキストとしても最適な初心者向けの入門書です。「ドリル形式」により,初めてアプリケーションを操作する人が機能やテクニックを無理なくマスターできるように工夫しました。レッスンでは,練習用ファイルを加工しながら完成作例に仕上げていきます。操作を学びながら課題を完成できるので,達成感もバッチリ。最初から最後まで迷わず(あきらめず)練習できるように丁寧に解説しています。最後は,総まとめとして具体的な成果物を作り上げます。魅力的な作例も満載で,初めの一歩を踏み出すのに最適な1冊です。
こんな方におすすめ
- 学生,主婦,シニア,デザイナー志望など,はじめて操作を学ぶ入門者
- 短期間で 基本をマスターしたい方
- インストラクターや先生など初心者に教える立場の方
目次
第1章 Dreamweaver の準備編
- Dreamweaverの基本画面を知っておこう
- Dreamweaverのパネルを覚えよう
- HTMLの基本を知っておこう
- CSSの基本を知っておこう
第2章 新規ページ制作の練習編
- 練習問題1 サイト定義をしてみよう
解答1:[ファイル]パネルで新規サイトを作成してみよう
【レッスンの準備】練習用データのコピーについて
【基本解説】Dreamweaver CS4のサイト定義
- 練習問題2 新規ファイルを作成してみよう
解答2:HTML ページを新規作成してみよう
- 練習問題3 ファイルを保存しよう
解答3:HTML ページを保存してみよう
【基本解説】保存したファイルの開き方を知っておこう
第3章 ページ修正の練習編
- 練習問題4 段落の文章の一部を修正しよう
解答4:[デザイン]ビューで段落の文章の一部を修正しよう
- 練習問題5 メインの画像を入れ替えてみよう
解答5:メインの画像を差し替えよう
- 練習問題6 「お知らせ」の文章に情報を追加してみよう
解答6:お知らせの文章を追加してみよう
【基本解説】テキストをタグと一緒にコピーする方法を覚えよう
- 練習問題7 HTMLにコメントの設定をしてみよう
解答7:文章をコメントに指定してみよう
- 練習問題8 ブラウザーを指定して表示を確認してみよう
解答8:プレビューするブラウザーを指定しよう
【レッスンの準備】第4章のレッスンを始める前に
第4章 HTMLタグの練習編
- 練習問題9 テキストデータをコピー&ペーストしてみよう
解答9:HTMLページにテキストデータをペーストしてみよう
- 練習問題10 ページタイトルを入力しよう
解答10:作成したHTMLページにタイトルをつけよう
- 練習問題11 ページのキーワードと詳細情報を設定しよう
解答11:キーワードと詳細を指定しよう
- 練習問題12 改行と段落の違いを知っておこう
解答12:文章を区切るコードを確認してみよう
- 練習問題13 文字をリストにしてみよう
解答13:テキストを入力してリストに設定してみよう
- 練習問題14 ソースフォーマットを適用してコードをきれいにしよう
解答14:ソースフォーマットを適用してみよう
- 練習問題15 画像を挿入して説明文を追加してみよう
解答15:画像を挿入して ALT 属性を設定しよう
- 練習問題16 ナビゲーション用のテキストを画像に変更してみよう
解答16:テキストのナビゲーションを画像に変更してみよう
- 練習問題17 画像にリンクを設定してみよう
解答17:ナビゲーションにリンクを設定してみよう
- 練習問題18 テキストを「見出し」に設定してみよう
解答18:テキストに見出しタグを指定しよう
- 練習問題19 表を作成してみよう
解答19:メニュー項目を表形式にしてみよう
- 章末問題
第5章 CSSの練習編
- 練習問題20 CSSを新規作成・保存してみよう
解答20:CSSファイルを新規作成してみよう
- 練習問題21 bodyタグにフォントや余白の設定を追加しよう
解答21:bodyタグの設定をしよう
- 練習問題22 h2タグの見出しにスタイルを適用しよう
- 解答22:h2タグにスタイルを適用しよう
【基本解説】パディング,ボーダー,マージンの概念を理解しよう
- 練習問題23 ナビゲーションにルールを適用しよう
解答23:ナビゲーション画像を横に並べよう
- 練習問題24~26ページの要素をボックスに分けて左右に2分割してみよう
解答24:コンテンツ全体をひとつのグループにしてみよう
解答25:背景画像を指定しよう
解答26:コンテンツを左右に2分割してみよう
- 練習問題27~29 写真と説明文を回り込みさせてレイアウトを整えよう
解答27:クラスタグを追加してレイアウトを整えよう
解答28:写真の回り込みを指定しよう
解答29:商品名の見出しにCSSルールを定義しよう
【基本解説】IDとclassの違いについて理解しよう
- 練習問題30 テーブルのレイアウトを調整しよう
解答30:テーブルの背景色や枠線の設定をしよう
- 章末問題
第6章 サイト管理の練習編
- 練習問題31 コピーライトの部分をライブラリに登録してみよう
解答31:ライブラリを設定してみよう
【基本解説】ライブラリについて
- 練習問題32 ライブラリの内容を更新してみよう
解答32:コピーライト表記を修正してライブラリを更新してみよう
- 練習問題33 作成したCSSをフォルダーに管理してみよう
解答33:「css」フォルダーを作成してCSSファイルを移動させよう
- 練習問題34 サイト内のリンクチェックをしてみよう
解答34:リンクチェックを実行してみよう
- 練習問題35 データをサーバーにアップロードしてみよう
解答35:リモートサイトへデータをアップロードしてみよう
【基本解説】Dreamweaver CS4でのリモートサイト定義の方法
サポート
ダウンロード
電子版用ダウンロード
電子版用に,付録DVD-ROM収録コンテンツを以下から入手できます。ダウンロードには電子版本紙に掲載されているIDとパスワードが必要です。