パソコン書・ビジネス書出版のソーテック社

ソーテック社 | パソコン・ビジネス書籍出版

Yahoo!Googleで上位ランクするための 新版 SEO完全計画

Google検索

Google

WWW を検索
sotechsha.co.jp を検索
知りたい機能がすぐ見つかる! Dreamweaverの逆引き便利帳 CS4/CS3対応 for Windows & Macintosh
 Dreamweaverは、アドビシステムズ社が販売しているWebオーサリングツールです。
FlashやPhotoshopなど他のAdobe製品とは異なり、Web制作ではDreamweaverなどのオーサリングソフトがなくても、HTML・CSSの知識があれば、テキストエディタなどでオーサリングが行えてしまうため、必ずしも必要なソフトではありません。
しかしながら、Dreamweaverを用いることで、ヒューマンエラーを削減できたり、作業時間を大幅に短縮できたり、複数のユーザー間で作業の情報を共有できたりなど、オーサリング業務をスムーズに行える大変便利なソフトでもあります。

 Dreamweaver CS4では、HTMLファイルを開くと、それに関連しているCSSやJavaScriptなどのファイルが上下2階層まで表示され、ワンクリックでファイルを開いて編集できる「Related Files」機能や、HTMLの各要素にどのようなCSSルールが適用されているのかを表示して、簡単に該当個所を開いて編集できる「Code Navigator」機能、Webブラウザを開かなくてもDreamweaver上で、Webブラウザで表示した時同様にJavaScriptやFlashの挙動も正確に確認できる「Live View」機能が追加されました。
また、コードヒントには、HTMLとCSSの他にJavaScriptのコードヒントも追加されております。

 本書では、実際に制作の現場で役に立つ機能を、逆引きでご紹介させていただいております。現場により業務フローは様々かと思いますが、Dreamweaverの機能を的確に活用するのとしないのとでは、作業効率が大きく変わってきます。コーダーの方のみではなく、プロジェクトリーダーの方にも是非目を通して頂き、少しでもプロジェクトを円滑に回す手助けになれれば幸いです。

(本書「はじめに」より)
カバーイメージ
著者:星野文秀
B5変形・320ページ・オールカラー
本体価格:2,380円+税
ISBN978-4-88166-685-2
 
本の購入はこちらからどうぞ
アマゾンで購入 セブンネットショッピングで購入 楽天ブックスで購入
サポートページへ
目次を表示する ≫
Introduction
Dreamweaverのインターフェース
HTML・CSSとは
Webページができるまで

PART1 ドキュメントの基本設定
SECTION 01-01 新規サイトを定義する/作成する
SECTION 01-02 定義したサイトの情報を編集/削除する
SECTION 01-03 定義したサイトの情報を共有/バックアップする
SECTION 01-04 新規ドキュメントを作成/保存する
SECTION 01-05 新規HTML作成時にCSSも読み込む
SECTION 01-06 ページの「タイトル」「キーワード」「詳細」を設定する
SECTION 01-07 ファイル名を変更・移動・削除する
SECTION 01-08 変更されたリンクを自動で更新するようにする
SECTION 01-09 IEプレビュー時の警告メッセージを非表示にする
SECTION 01-10 デザイン時に適用する外部CSSファイルを切り替える
SECTION 01-11 DreamweaverのサンプルCSSを利用する
SECTION 01-12 HTMLに関連するCSS、JavaScriptなどのファイルをワンクリックで開く

PART2 FTPの設定
SECTION 02-01 ローカルサイトとリモートサイトを同期する
SECTION 02-02 任意のファイルを同期の対象から外す
SECTION 02-03 ファイルを送信/受信する
SECTION 02-04 サイト全体を送信/受信する
SECTION 02-05 最新のファイルのみ送信/受信する
SECTION 02-06 特定の期間内に更新したファイルを選択する
SECTION 02-07 作業中のファイルをサーバーに保存する
SECTION 02-08 FTPサーバー上のファイルを直接編集する
SECTION 02-09 FTPのログを保存する
SECTION 02-10 複数のユーザーでファイルを更新する
SECTION 02-11 複数ユーザー間で更新情報を共有する

PART3 レイアウト
SECTION 03-01 レイアウト枠を作る
SECTION 03-02 レイアウト枠を自在に配置する
SECTION 03-03 複数のAPエレメントを組み合わせる
SECTION 03-04 複数のAPエレメントのサイズや位置を揃える
SECTION 03-05 APエレメントをテーブルに変換する
SECTION 03-06 フレームを作成/保存する
SECTION 03-07 フレームに表示するドキュメントを指定する
SECTION 03-08 フレームを細かく設定する

PART4 コンテンツ
SECTION 04-01 見出しを設定する
SECTION 04-02 段落を設定する
SECTION 04-03 テキストを改段落/改行する
SECTION 04-04 テキストを強調する
SECTION 04-05 リストを作成する
SECTION 04-06 仮のイメージを挿入する
SECTION 04-07 画像を挿入する
SECTION 04-08 画像を編集する
SECTION 04-09 テーブルを挿入する
SECTION 04-10 テーブルを編集する
SECTION 04-11 テーブル内のデータをソートする
SECTION 04-12 タブやカンマで区切ったデータを読み込む
SECTION 04-13 フォームを挿入する
SECTION 04-14 生年月日のドロップダウンメニューを挿入する
SECTION 04-15 テキストフィールドの入力内容にバリデートをかける
SECTION 04-16 テキストフィールドに隠れる初期値を挿入する
SECTION 04-17 クローズボタンを挿入する
SECTION 04-18 日付・時刻を挿入する
SECTION 04-19 特殊文字を挿入する
SECTION 04-20 テーブルのデータをtxtデータに書き出す
SECTION 04-21 Wordのデータを活用する(Windowsのみ)
SECTION 04-22 Excelのデータを活用する(Windowsのみ)
SECTION 04-23 Flash(swf)を挿入する
SECTION 04-24 Flashムービーを挿入する

PART5 CSSの定義・編集
SECTION 05-01 新規CSSルールを定義する
SECTION 05-02 複数のCSSルールを一度に定義する
SECTION 05-03 作成したCSSルールを適用する
SECTION 05-04 Divタグで囲んでCSSルールを定義する
SECTION 05-05 CSSルールを編集する
SECTION 05-06 ヘッダーのCSSを外部ファイルに書き出す
SECTION 05-07 一部のCSSを外部ファイルに書き出す
SECTION 05-08 タグ内のスタイルを外部ファイルに移動する

PART6 デザイン
SECTION 06-01 幅・高さを設定する
SECTION 06-02 背景を設定する
SECTION 06-03 余白・間隔を設定する
SECTION 06-04 ブロック要素を中央に配置する
SECTION 06-05 見出しなどのテキストを画像で表示する
SECTION 06-06 テキストを回り込ませる
SECTION 06-07 テキストのデザインを設定する
SECTION 06-08 リンクのデザインを設定する
SECTION 06-09 リストのデザインを設定する
SECTION 06-10 ナビゲーションのデザインを設定する
SECTION 06-11 新着情報のデザインを設定する
SECTION 06-12 テーブルのデザインを設定する
SECTION 06-13 フォームのデザインを設定する
SECTION 06-14 サブミットボタンを画像で表示する

PART7 リンク
SECTION 07-01 リンクを設定する
SECTION 07-02 絶対パスでリンクを設定する
SECTION 07-03 リンクを削除する
SECTION 07-04 ページ内の特定の個所にリンクを設定する
SECTION 07-05 画像の特定個所にリンクを設定する
SECTION 07-06 メールアドレスをリンク先に指定する
SECTION 07-07 リンク先を別ウィンドウで表示する
SECTION 07-08 ポップアップのウィンドウサイズを指定する
SECTION 07-09 リンク先のページに自動的に移動させる

PART8 テンプレート・ライブラリ
SECTION 08-01 共通のレイアウト部分をテンプレート化する
SECTION 08-02 テンプレートからドキュメントを作成する
SECTION 08-03 編集不可領域のタグ属性を編集する
SECTION 08-04 テンプレートの中にテンプレートをつくる
SECTION 08-05 共通デザイン部分を一括で編集する
SECTION 08-06 テンプレートから切り離して個別に編集する
SECTION 08-07 各ページで共通となるものを一カ所で管理する
SECTION 08-08 各ページで共通となるものを一括で編集する
SECTION 08-09 ライブラリから切り離して個別に編集する
SECTION 08-10 テンプレートのマークアップを削除する

PART9 Spry
SECTION 09-01 メニューバーを挿入する
SECTION 09-02 タブ付きパネルを挿入する
SECTION 09-03 アコーディオンパネルを挿入する
SECTION 09-04 縮小可能パネルを挿入する
SECTION 09-05 ツールヒントを挿入する(CS4のみ)
SECTION 09-06 フォームに自動チェック機能を付ける
SECTION 09-07 XMLファイルとSpryデータを関連付ける
SECTION 09-08 HTMLファイルとSpryデータを関連付ける(CS4のみ)
SECTION 09-09 テーブルの列にソート機能を付ける
SECTION 09-10 外部ファイルのデータをHTMLに読み込む(CS4のみ)

PART10 チェック
SECTION 10-01 設定されているCSSの内容を確認する(CS4のみ)
SECTION 10-02 デザインビューでjsなどをプレビューする(CS4のみ)
SECTION 10-03 jsの挙動を確認しながらデザインする(CS4のみ)
SECTION 10-04 jsの操作時におけるコードの変更を確認する(CS4のみ)
SECTION 10-05 ドキュメントの問題点をチェックする
SECTION 10-06 タグの不備をチェックする
SECTION 10-07 ブラウザの互換性をチェックする
SECTION 10-08 サイト全体のリンクをチェック/修正する

PART11 便利な機能
SECTION 11-01 スクリーンを共有して複数ユーザーで作業する(CS4のみ)
SECTION 11-02 ソースを一括で修正する
SECTION 11-03 目的のタグを選択する
SECTION 11-04 不具合のあるコードを自動で修正/表示する
SECTION 11-05 不要なタグやコメントを一括で削除する
SECTION 11-06 複数の操作を元に戻す
SECTION 11-07 一連の操作を自動で繰り返す
SECTION 11-08 よく使う一連の操作をコマンド化する
SECTION 11-09 よく使うコードをコマンド化する
SECTION 11-10 ドキュメントを開く/閉じる

PART12 Dreamweaverの基本設定
SECTION 12-01 ワークスペースを用途に合わせてカスタマイズする
SECTION 12-02 ショートカットキーをカスタマイズする
SECTION 12-03 プレビューに使用するWebブラウザを設定する
SECTION 12-04 ソースコードでインデントを使用する
SECTION 12-05 コードヒントをカスタマイズする
SECTION 12-06 ソースコードを見やすくする
SECTION 12-07 CSSのコードフォーマットを設定する
SECTION 12-08 「CSSルール」パネルで表示される機能を選ぶ
SECTION 12-09 CSSレイアウトを見やすくする
SECTION 12-10 [新規ドキュメント]ダイアログを表示しない


付録
Dreamweaverの主なショートカットキー 一覧
HTMLの主なタグ一覧
CSSの主なプロパティ一覧
CSSハック一覧

≪ 目次を隠す
※お使いのブラウザでJavaScriptが無効の場合は機能しません。