デザインドリルシリーズしっかり学ぶ はじめてのDreamweaverドリル CS6/CS5.5/CS5/CS4対応

[表紙]しっかり学ぶ はじめてのDreamweaverドリル CS6/CS5.5/CS5/CS4対応

B5変形判/176ページ/DVD1枚

定価(本体2,180円+税)

ISBN 978-4-7741-5663-7

電子版

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

学校やセミナー用のテキストとしても最適な初心者向けの入門書です。「ドリル形式」により,初めてアプリケーションを操作する人が機能やテクニックを無理なくマスターできるように工夫しました。レッスンでは,練習用ファイルを加工しながら完成作例に仕上げていきます。操作を学びながら課題を完成できるので,達成感もバッチリ。最初から最後まで迷わず(あきらめず)練習できるように丁寧に解説しています。最後は,総まとめとして具体的な成果物を作り上げます。魅力的な作例も満載で,初めの一歩を踏み出すのに最適な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でのリモートサイト定義の方法

著者プロフィール

両角由美(もろずみゆみ)

DTP 黎明期からMacインストラクターとして活動。専門学校・スクールでの講師を経て,スタジオイー・スペースを創業。制作プロダクション実務に携わりながら,初心者向けの専門書籍を多数執筆。主な著書に「速習 Webデザイン Dreamweaver CS4」(技術評論社),「Photoshop ザ!質感! UP ! Webデザイン速効技 60」(インプレスジャパン),「Photoshop レッスンブック」「Web制作 新人育成ガイド」(ソシム),などがある。現在は愛犬とともにイタリア・ミラノでのライフスタイルを模索中。