はじめてのDreamweaver CS4/5/6 Win&Mac対応

概 要

アドビシステムズが販売するWebサイト作成ソフト「Dreamweaver」の操作方法を画面をつかってわかりやすく解説した入門書です。DreamweaverはWebページの作成だけでなく、サイトを管理する機能を搭載し、画像編集ソフトのFireworksやPhotoshopとの連携も可能な、プロのWebデザイナーも使用するソフトウェアです。本書では、Dreamweaver CS4/CS5/CS6の初心者を対象に、ファイルの開き方やサイトの作成方法といった基本的な操作を説明したうえで、実際に写真や文字を配置してトップページやCSSを使ったWebページを作り、インターネット上で公開する手順までを解説しています。サンプルファイルのダウンロードサービス付き。

著者 桑名由美
価格 本体1700円(税別)
ISBN 978-4-7980-3360-0
発売日 2012/6/26
判型 B5変
色数 4色
ページ数 208
CD/DVD
対象読者 入門
シリーズ はじめての...
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

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

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

サポート

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

サポート情報へのリンク

目次

CHAPTER 1 サイトを作成する

1 Dreamweaver CS6を起動・終了する

Dreamweaver CS6 を起動する

Dreamweaver CS6 を終了する

2 Dreamweaverの画面を確認する

画面各部の名称と役割

3 新規サイトを作成する

新規サイトを作成する

4 新規ファイルを作成する

新規ファイルを作成する

5 文字を入力する

文章を入力する

改行する

6 パネルを表示させる

パネルを表示させる

パネルを浮動させる

7 フォルダーを作成する

「img」フォルダーを作成する

8 ファイルを保存する

ファイルを保存する

9 ファイルを開く

ファイルを開く

「ようこそ」画面からファイルを開く

10 拡張子を表示させる拡張子を表示させる

CHAPTER 2 ページを作成する

11 ページタイトルを設定する

ページタイトルを設定する

ページタイトルを修正する

12 ページのキーワードを設定する

キーワードを設定する

13 ボックスを作成する

ボックスを挿入する

14 タイトル画像を挿入する

タイトル画像を挿入する

15 写真の明るさを補正する

明るさを補正する

16 リストを入力する

リストを入力する

17 コピーライトを入力する

フッターにコピーライトを入力する

18 区切り線を挿入する

区切り線を挿入する

区切り線を選択する

19 文字列を太字や斜体にする

文字列に太字と斜体を設定する

斜体を解除する

20 操作を取り消す

直前の操作を取り消す

取り消しを取り消す

複数の操作を取り消す

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

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

ブラウザーをリストに追加する

22 文字コードを設定する

既定の文字コードを設定する

CHAPTER 3 スタイルシートを使ってトップページを完成させる

23 CSS(スタイルシート)とは

CSS(スタイルシート)とは

CSS のメリット

24 ページ全体のフォントの種類を設定する

ページのフォントの種類を設定する

コードを簡単に記述する

25 ヘッダーにスタイルを適用する

ヘッダーにスタイルを適用する

スタイルシートファイルへのリンクの記述

26 内容全体を中央に配置する

内容全体を囲むボックスを作成する

27 ナビゲーションメニューを横並びにする

ナビゲーションメニューを横に並べる

28 ナビゲーションメニューの余白を取る

仮のリンクを設定する

ナビゲーションメニューの周囲にある余白を取る

29 ナビゲーションメニューのリンクに画像を設定する

リンクの背景に画像を設定する

30 リンクをポイントしたときに別の画像にする

リンクをポイントしたときの画像を設定する

31 ボックスの中に文章を入力する

ボックスの中に文章を入力する

段落を解除する

32 更新情報を定義リストで入力する

更新情報を入力する

33 段落にスタイルを適用する

段落にスタイルを適用する

34 サイドバーのバナーの配置を整える

バナーの位置を整える

35 2つのボックスを左右に並べる

ボックスを左に配置する

ボックスを右に配置する

36 フッターのテキストを中央に配置させる

コピーライトの文字列を中央に配置する

37 ページ上部の隙間をなくす

ページ上部の余白を取る

38 ページの背景に画像を設定する

ページ背景に画像を設定する

ボックスの背景に色を設定する

39 定義リストにスタイルを適用する

定義リストにスタイルを適用する

40 複数個所に適用できるスタイルを作成する

クラスのスタイルを作成する

作成したスタイルを適用する

CHAPTER 4 サブページを作成する

41 ファイルを複製する

ファイルを複製する

ファイル名を変更する

42 複製したファイルにボックスを追加する

ファイルを開く

「contents」のボックスを作成する

「main」と「sidebar」のボックスを削除する

作成したボックスのスタイルを作成する

43 見出しを作成する

見出しを作成する

44 表を作成する

表を作成する

45 表の中に文字を入力する

セルに文字を入力する

表や行列を選択する

46 行や列を挿入・削除する

行を挿入する

行を削除する

47 スタイルシートで表をレイアウトする

表を中央に配置する

48 表見出しの背景に色を付ける

表の見出しに色を付ける

49 画像を配置するスペースを作る

イメージプレースホルダーを作成する

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

50 画像の横に文章を回り込ませる

画像の横に文章を回り込ませる

画像と文章との間隔を開ける

ファイルを保存する

CHAPTER 5 リンクを設定する

51 他のページにリンクする

リンクを設定する

52 同じページの任意の箇所にリンクする

アンカーポイントを設定する

アンカーポイントをリンク先として指定する

53 電子メールのリンクを設定する

電子メールのリンクを設定する

メールアドレスのリンクを確認する

54 画像に複数のリンクを設定する

イメージマップを設定する

55 リンク先のファイルを開く

リンク先のページを開く

CHAPTER 6 スタイルシートを編集する

56 新規スタイルシートファイルを作成する

コードをコピーする

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

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

スタイルシートファイルへのリンクを確認する

スタイルシートファイルのコードの書き方

58 外部スタイルシートを編集する

コードに移動する

スタイルを変更する

59 埋め込みスタイルシートを外部スタイルシートへ移動する

スタイルを外部スタイルシートへ移動する

60 コードにコメントを挿入する

コメントを挿入する

61 スタイルシートのプロパティを無効にする

スタイルシートのプロパティを無効にする

CHAPTER 7 フォームを作成する

62 文字を入力する欄を作成する

フォームを挿入する

テキストフィールドを挿入する

63 ラジオボタンを作成する

ラジオボタンを作成する

64 選択ボックスを作成する

選択ボックスを作成する

65 チェックボックスを作成する

チェックボックスを作成する

66 長文を入力する欄を作成する

テキストエリアを挿入する

Spryで入力チェックをおこなう

67 フォームを左右中央に配置する

フォームを左右中央に配置する

68 送信ボタンを作成する

送信ボタンを作成する

リセットボタンを作成する

ファイルの送信ボタンを作成する

CHAPTER 8 ホームページを公開する

69 転送前にサイトをチェックする

サイトをチェックする

リンクをチェックする

どこからもリンクされていないファイルを削除する

70 サーバーの設定をする

サーバーを設定する

71 特定のファイルを転送対象から除外する

クロークする

クロークを実行する

特定のファイル形式を転送対象外にするには

72 ファイルをサーバーへ転送する

ファイルを転送する

73 ファイル名を変更する

ファイル名の変更とファイルを削除する

ファイルを移動する

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

[同期]ボタンをクリックする

75 リモートサイトのファイルをダウンロードする

ファイルをダウンロードする

CHAPTER 9 便利な機能を使いこなす

76 テンプレートを作成する

編集可能領域を設定する

テンプレートを作成する

テンプレートからファイルを作成する

77 Flashを挿入する

Flashを挿入する

78 Flashビデオ(FLV)を挿入する

Flashビデオを挿入する

79 Fireworksで画像を新規作成する

画像をFireworksで作成して挿入する

80 Fireworksで書き出したHTMLを挿入する

Fireworksで作成したHTMLを挿入する

挿入した画像を編集する

81 Photoshopのファイル(PSDファイル)を読み込む

PSDファイルを挿入する

82 スマートフォン用ページを作成する

スマートフォン用ページを作成する

ページを編集する

ライブビューで確認する

83 ロールオーバーイメージを作成する

ロールオーバーイメージを作成する

84 ポイントしたときに画像をシェイクさせる

ビヘイビアーパネルを表示させる

画像に効果を付ける

85 アコーディオンを作成する

Spryアコーディオンを作成する

パネルを展開させる

86 ドロップダウンメニューを作成する

Spryメニューバーを作成する

リンクを設定する

サブメニューを変更する

ライブビューで確認する

PR

秀和システム