はじめてのDREAMWEAVER CS3 Win&Mac両対応

概 要

本書は、Webオーサリングツール(Webページ制作ソフト)のスタンダードであるDREAMWEAVER CS3の入門書です。DREAMWEAVERはプロ仕様のため高性能で機能が多く、初心者は戸惑いがちです。そこで本書では、はじめてDREAMWEAVERを使う方でもわかりやすいようフルカラーの図表を使って、Webページの制作手順を解説しました。DREAMWEAVERのインストールや初期設定から、テーブルの挿入、セルの分割・結合、テンプレートとして保存する方法、外部スタイルシートの作り方・リンクの方法、Excel表の貼り付け方、サーバへの転送手順、Flashムービーの挿入、Flashボタンの挿入、HTMLコードの編集画面の使い方までをやさしく図解しています。

著者 西真由
価格 本体1480円(税別)
ISBN 978-4-7980-1785-3
発売日 2007/10/25
判型 B5変
色数 4色
ページ数 240
CD/DVD
対象読者 入門
シリーズ はじめての...
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

CHAPTER 1 Webの本体を作成する

1 CHAPTER1の概要

これから作成するWebサイトの構造

CHAPTER1でやること

2 作業フォルダを作成するには

ハードディスクに作業フォルダを作成する

必要な素材を作業フォルダにコピーする

3 作業フォルダをローカルサイトへ登録するには

作業フォルダをローカルサイトに登録する

4 新しいドキュメントを作成するには

新規ドキュメントのタイプを設定する

新しいドキュメントを3ページ作成する

5 ドキュメントを開くには

[ファイル]パネルから1つのドキュメントを開く

[ファイル]パネルから複数のドキュメントを開く

ドキュメントの表示を切り替える

6 テキストを入力するには

段落を挿入しながらテキストを入力する

テキストの途中で改行を挿入する

7 テキストをコピー・移動するには

テキストをコピー/移動する

8 テキストに見出しのスタイルを設定するには

テキストに見出しのスタイルを設定する

9 イメージを挿入するには

イメージを挿入する

10 ドキュメントを保存するには

現在開いているドキュメントを上書き保存する

すべてのドキュメントを一括保存する

11 ブラウザでイメージを確認するには

ブラウザでプレビューする

プレビューするブラウザを追加する

12 ドキュメントを閉じるには

現在開いているドキュメントを閉じる

すべてのドキュメントを閉じる

CHAPTER 2 Webページのナビゲーションを作成する

13 CHAPTER2の概要

CAHPTER2で作成するWebページ

本体のための新規ドキュメントを作成する

14 テーブルを挿入するには

テーブルを挿入する

15 テーブル編集の準備をするには

ヘッダーメニューを非表示にする

拡張テーブルモードで表示する

16 セルを結合・分割するには

セルを結合する

セルを分割する

17 仮のイメージを挿入するには

イメージプレースホルダーを挿入する

イメージプレースホルダーの書式を変更する

18 ハイパーリンクを設定するには

同じサイト内のWebページへハイパーリンクを設定する

インターネットのWebページへハイパーリンクを設定する

19 同じWebページへハイパーリンクを設定するには

アンカーポイントを作成する

アンカーポイントにハイパーリンクを設定する

20 メールを受け取るためのリンクを設定する

メールソフトが起動する電子メールリンクを設定する

CHAPTER 3 テンプレートを使用して本体とナビゲーションを合体する

21 CHAPTER3の概要

CAHPTER3で作成するWebページ

CHAPTER3で使用する素材データを準備する

22 テンプレートとして保存するには

CHAPTER2のドキュメントをテンプレートとして保存

23 テンプレートに編集可能領域を設定するには

テンプレートに編集可能領域を設定する

24 テンプレートにドキュメントを読み込むには

テンプレートにドキュメントを読み込むには

テンプレートの編集可能領域にpage2.htmlのドキュメントを適用

テンプレートの編集可能領域にpage3.htmlのドキュメントを適用

25 ドキュメントにタイトルをつけるには

3つのドキュメントにタイトルをつける

26 テンプレートを更新するには

イメージを入れ替えてテンプレートを更新する

CHAPTER 4 スタイルシートを設定する

27 スタイルシートの概要

スタイルシートとは

スタイルシートの定義

28 CHAPTER4を操作するための準備

[ファイル]パネルからドキュメントとテンプレートを開く

CHAPTER4で使用する素材データを準備する

29 外部スタイルシートを作成するには

外部スタイルシートを作成する

外部スタイルシートを作業フォルダに保存する

30 外部スタイルシートをリンクするには

テンプレートに外部スタイルシートをリンクする

31 テンプレートを更新するには

テンプレートを更新する

32 ページのスタイルを設定するには

ページ(body)にタグスタイルを設定

ページのタグスタイルを定義して適用する

33 イメージの枠線を取るスタイルを設定するには

イメージ(img)にタグスタイルを設定

イメージのタグスタイルを定義して適用する

34 見出しのスタイルを設定するには

見出し1(h1)にタグスタイルを設定

見出し1のタグスタイルを定義して適用する

見出し2(h2)にタグスタイルを設定

見出し2のタグスタイルを定義して適用する

35 本文のスタイルを設定するには

セル(td)にクラススタイルを設定

本文が入力されたセルにクラススタイルを定義して適用する

36 商標のスタイルを設定するには

セル(td)にクラススタイルを設定

商標が入力されたセルにクラススタイルを定義して適用する

37 回り込みのスタイルを設定するには

イメージ(img)にクラススタイルを設定

イメージにクラススタイルを定義して適用する

38 リンクのスタイルを設定するには

リンク(A)に擬似クラスを設定

リンクに擬似クラスを定義して適用する

39 スタイルシートを編集するには

[CSSルール定義]ダイアログを表示して編集する

プロパティにより編集する

スタイルの属性を削除する

外部スタイルシートを表示して修正する

40 Excelの表データを貼り付けるには

Excelで作られた表データを貼り付ける

41 スタイル定義を外部スタイルシートへ移動するには

ドキュメントに記述されたスタイル定義を外部スタイルシートに移動する

42 [CSSルール定義]ダイアログのリファレンス

[タイプ]カテゴリ

[背景]カテゴリ

[ブロック]カテゴリ

[ボックス]カテゴリ

[ボーダー]カテゴリ

[リスト]カテゴリ

[位置]カテゴリ

[拡張]カテゴリ

CHAPTER 5 サイトを転送する

43 転送設定をすには

転送設定を作成する

44 ローカルサイトをサーバーへ転送するには

サイトを転送する

45 Webページを更新するには

修正したドキュメントを更新する

46 サイトを整理する前の準備

サイトの整理とは

ローカルサイトをバックアップする

47 ファイルを整理するには

ファイル名を変更する

フォルダを作成してファイルを分類する

48 破損リンクをチェックして修正するには

破損リンクをチェツクして修正する

49 未使用ファイルをチェックして削除するには

単独ファイルをチェックして削除する

50 ローカルサイトとリモートサイトを同期して同じ状態にするには

ローカルサイトとリモートサイトを同期する

ローカルサイトとリモートサイトを同じ状態にする

CHAPTER 6 Webページをアレンジする

51 CHAPTER6を操作するための準備

CHAPTER6で作成するWebページ

CHAPTER6で使用する素材データを準備する

52 テンプレートを切り離すには

テンプレートを切り離す

53 Flashムービーを挿入するには

Flashムービーを挿入する

Flashムービーの動きを確認する

Flashムービーのサイズを変更する

54 Flashムービーのパラメータを設定するには

Flashムービーのパラメータを設定する

55 FlashVideoを挿入するには

FlashVideoを挿入する

56 Flashボタンを挿入するには

Flashボタンを挿入する

Flashボタンの書式を設定する

その他の場所にもFlashボタンを挿入する

57 コードを編集するには

コードビューを表示して特定範囲のコードをコピーする

58 JavaScriptのコードを外部ファイルに書き出すには

JavaScriptコードを外部ファイルに書き出す

JavaScriptの外部ファイルをWebページに書き込む

59 プルダウン式のメニューバーを作成するには CS3

spryを使用したメニューバーの作成

メニューバーを挿入する

メニューバーの大項目を編集する

メニューバーの中項目を編集する

メニューバーのスタイルを変更する

60 レイアウトモードでテーブルを編集するには

レイアウトモードの特徴

レイアウトモードに切り替えて段組のレイアウトを作成する

スペーサーイメージを挿入してレイアウトセルの幅を固定する

標準モードに戻してスタイルを設定する

CHAPTER 7 スタイルシートによるレイアウトを作成する

61 スタイルシートによるレイアウトについて

CHAPTER7で作成するWebページ

62 CHAPTER7を操作するための準備

CHAPTER7で使用する素材データを準備する

[ファイル]パネルからドキュメントを開く

段落に見出しを設定する

段落にリストマークを設定する

段落にリンクを設定する

63 ドキュメントをブロック単位に分けるには

IDを付けてDivタグでブロック単位に分ける

64 メインのスタイルを設定するには

「#main」にIDスタイルを設定

65 ヘッダのスタイルを設定するには

「#main #header」にIDスタイルを設定

66 ヘッダの見出し3スタイルを設定するには

「#main #header h3」にIDスタイルを設定

67 コラムのスタイルを設定するには

「#main #column」にIDスタイルを設定

68 コラムの見出し4スタイルを設定するには

「#main #column h4」にIDスタイルを設定

69 コラムの段落スタイルを設定するには

「#main #column p」にIDスタイルを設定

70 コンテンツのスタイルを設定するには

「#main #contents」にIDスタイルを設定

71 コピーライトのスタイルを設定するには

「#main #copyright」にIDスタイルを設定

72 コピーライトの段落スタイルを設定するには

「#main #copyright p」にIDスタイルを設定

73 ナビゲーションのスタイルを設定するには

「#main #navi」にIDスタイルを設定

74 ナビゲーションのリストスタイルを設定するには

「#main #navi ul」にIDスタイルを設定

75 ナビゲーションのリストマークのスタイルを設定するには

「#main #navi il」にIDスタイルを設定

76 ナビゲーションのリンクのスタイルを設定するには

「#main #navi a」にIDスタイルを設定

77 ナビゲーションのリンクスタイル

(マウスオーバー)を設定するには

「#main #navi a:hover」にIDスタイルを設定

78 Webページを仕上げるには

外部スタイルシートをリンクする

スタイル定義を移動する

79 リンク先のページを作成するには

表示中タブのスタイルを定義する

表示中タブのWebページを作成する

クラススタイルを適用

PR

秀和システム