Adobe Dreamweaver CS6 スーパーマニュアル

概 要

Web作成の超定番である「Adobe Dreamweaver CS6」の使い方を基本から応用までわかりやすく解説した初心者~中級者向けの解説書です。Dreamweaver CS6では、多くの機能が追加・ブラッシュアップされました。また、月額料金で利用できるクラウドサービスの提供がはじまり、より多くの人が気軽に利用できるようになっています。本書は、はじめてDreamweaverを触る人にもわかるように、基本操作からjQuery Mobile、レスポンシブWebデザイン、HTML5、CSS3、ユーザー環境にないフォントを表示させるWebフォントなどの新技術の利用方法まで、Dreamweaverの多彩な機能や操作手順を図表を使って丁寧に解説しています。便利で検索しやすい索引付きで、知りたい機能がすぐにわかります。

著者 小藤貴之、オブスキュアインク
価格 本体2200円(税別)
ISBN 978-4-7980-3641-0
発売日 2013/3/16
判型 B5変
色数 4色
ページ数 304
CD/DVD
対象読者 初級
シリーズ
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

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

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

サポート

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

サポート情報へのリンク

目次

第1章 CS6 の特徴と新機能

Tips001 Dreamweaverとは

Tips002 Dreamweaverの主な特徴(1)

Tips003 Dreamweaverの主な特徴(2)

Tips004 Dreamweaver CS6の新機能(1)

Tips005 Dreamweaverの新機能(2)

Tips006 Dreamweaverの新機能(3)

Tips007 Dreamweaverの新機能(4)

第2章 基本操作をマスターする

Tips008 Dreamweaver CS6の起動

Tips009 Dreamweaver CS6の終了

Tips010 Dreamweaver CS6の起動画面

Tips011 ワークスペースを選ぶ

Tips012 ツールバーの基本操作01:ツールの表示

Tips013 ツールバーの基本操作02:ツールの移動

Tips014 ツールバーの基本操作03:スタイルレンダリングツールバー

Tips015 ツールバーの基本操作04:ドキュメントツールバー

Tips016 ツールバーの基本操作05:標準ツールバー

Tips017 ツールバーの基本操作06:コーディングツールバー

Tips018 パネルとは?

Tips019 パネルの基本操作

Tips020 パネルのサイズを変更する

Tips021 パネルをグループ化する

Tips022 パネル内のタブを入れ替える

Tips023 パネルメニューを使う

Tips024 パネルを個別に閉じる

Tips025 パネルのアイコン化

Tips026 メニューバーとは

第3章 作業環境(ワークスペース)を活用する

Tips027 開発者1

Tips028 開発者2

Tips029 Business Catalyst

Tips030 従来のワークスペース

Tips031 コーダー

Tips032 コーダー2

Tips033 デザイナー

Tips034 デザイナー2

Tips035 デュアルスクリーン

Tips036 リキッドレイアウト

Tips037 モバイルアプリケーション

Tips038 ワークスペースをリセットする

Tips039 新規のワークスペースを作成する

Tips040 ワークスペースを管理する

第4章 サイト管理とファイル操作

Tips041 ローカルサイトの設定

Tips042 リモートサーバーへの接続

Tips043 サイト管理のオプション

Tips044 バージョンコントロール

Tips045 テストサーバーの設定

Tips046 Dreamweaverサイト設定の書き出し

Tips047 Dreamweaverサイト設定の読み込み

Tips048 ファイルのチェックアウト

Tips049 ファイルのチェックイン

Tips050 ファイルとフォルダの管理

Tips051 ファイルの違いを比較する

Tips052 サイト内のファイルとフォルダのクローク

Tips053 クロークの有効/無効

Tips054 サーバへファイルを送信する

Tips055 サーバからファイルを取得する

第5章 ページコンテンツの設定

Tips056 Dreamweaver CS6のファイルタイプ

Tips057 レイアウトの作成

Tips058 サンプルからページを作成する

Tips059 様々な種類のページを作成する

Tips060 テキストのフォーマット??フォーマットとカラーの設定

Tips061 テキストのフォーマット??テキストの整列とインデント

Tips062 CSSルールの作成

Tips063 HTMLフォーマットの設定

Tips064 イメージの挿入

Tips065 イメージのサイズ変更

Tips066 イメージプレースホルダーの挿入

Tips067 イメージプレースホルダーの置換

Tips068 イメージプレースホルダーのプロパティ設定

Tips069 イメージの編集

Tips070 用意されたレイアウトからのページ作成

Tips071 可変グリッドレイアウトを使用したページの作成

Tips072 Dreamweaverでのリンクについて

Tips073 ドキュメント相対パス

Tips074 絶対パス

Tips075 サイトルート相対パス

Tips076 リンクのテスト

Tips077 イメージマップの作成

第6章 レイアウト&デザインの基本

Tips078 ヘッダーの設定

Tips079 メタタグの挿入

Tips080 メタタグの挿入:キーワード

Tips081 メタタグの挿入:詳細

Tips082 メタタグの挿入:更新を挿入

Tips083 メタタグの挿入:ベースのURL

Tips084 リンクの挿入

Tips085 スクリプトを挿入

Tips086 スクリプトが動かない環境でメッセージを表示する

Tips087 Divタグの挿入

Tips088 コメントの挿入

Tips089 ボールドタグの挿入

Tips090 イタリックタグの挿入

Tips091 段落の挿入

Tips092 ブロック引用の挿入

Tips093 プリフォーマットテキストの挿入

Tips094 特殊文字の挿入

Tips095 見出しの挿入

Tips096 リストの挿入

Tips097 番号リストの挿入

Tips098 リスト項目の挿入

Tips099 定義リストの挿入

Tips100 定義する用語の挿入

Tips101 定義の詳細の挿入

Tips102 省略形の挿入

Tips103 頭字語の挿入

Tips104 改行の挿入

Tips105 区切りなしスペースの挿入

Tips106 引用符の挿入

Tips107 ダッシュの挿入

Tips108 通貨マークの挿入

Tips109 著作権マークなどの挿入

Tips110 カラーについて

Tips111 テーブルを利用する

Tips112 CSS見出しプロパティの設定

Tips113 ページのタイトルプロパティの設定

Tips114 ドキュメントのエンコード

Tips115 デザインタイムスタイルシートの使用

Tips116 サンプルスタイルシートの使用

Tips117 ビジュアルエイドを使用する

Tips118 フォームについて

Tips119 HTMLフォームの作成

Tips120 テキストフィールドの挿入

Tips121 非表示フィールドの挿入

Tips122 テキストエリアの挿入

Tips123 チェックボックスの挿入

Tips124 チェックボックスグループの挿入

Tips125 ラジオボタンの挿入

Tips126 ラジオボタングループの挿入

Tips127 選択(リスト/メニュー)の挿入

Tips128 ジャンプメニューの挿入

Tips129 イメージフィールドの挿入

Tips130 ファイルフィールドの挿入

Tips131 ボタンの挿入

Tips132 ラベルの挿入

Tips133 フィールドセットの挿入

第7章 CSS の活用

Tips134 CSSレイアウトを使用したページの作成

Tips135 カスタムCSSレイアウトを選択リストへ追加する

Tips136 CSSルールを作成する

Tips137 外部CSSスタイルシートへのリンク

Tips138 複数クラスの指定

Tips139 CSSタイププロパティの定義

Tips140 書体の指定

Tips141 文字サイズの指定

Tips142 文字の太さの指定

Tips143 文字のスタイルの指定

Tips144 スモールキャップスの指定

Tips145 行間の指定

Tips146 行間の指定の注意点

Tips147 英文の大文字・小文字指定

Tips148 文字の装飾指定

Tips149 文字の色指定

Tips150 CSSスタイルの背景プロパティの定義

Tips151 背景色の指定

Tips152 背景画像の指定

Tips153 背景画像の繰り返し指定

Tips154 背景画像のスクロール指定

Tips155 背景画像の位置指定

Tips156 CSSスタイルのブロックプロパティの定義

Tips157 単語間隔の指定

Tips158 文字間隔の指定

Tips159 行の中での縦方向の表示位置指定

Tips160 行揃えの指定

Tips161 インデントの指定

Tips162 スペースの指定

Tips163 表示形式の指定

Tips164 CSSスタイルのボックスプロパティの定義

Tips165 ボックスのサイズ指定

Tips166 ボックスのフロート指定

Tips167 フロート指定の解除

Tips168 ボックスのパディング指定/ボックスのマージン指定

Tips169 CSSスタイルのボーダープロパティの定義

Tips170 ボーダーのスタイル指定

Tips171 ボーダーのサイズ指定

Tips172 ボーダーの色指定

Tips173 CSSスタイルのリストプロパティの定義

Tips174 リストマーカーのスタイル指定

Tips175 リストマーカーの画像指定

Tips176 リストマーカーの位置指定

Tips177 CSSスタイルの位置プロパティの定義

Tips178 ポジションの指定

Tips179 ポジションのサイズ指定

Tips180 ポジションの位置指定

Tips181 ボックスの表示指定

Tips182 ボックスの重なり順の指定

Tips183 ボックスからはみ出た部分の指定

Tips184 ボックス内の特定領域の表示指定

Tips185 CSSスタイルのその他のプロパティの定義

Tips186 印刷時の改ページ指定

Tips187 カーソル形状の指定

Tips188 フィルターの指定

Tips189 CSS3トランジション効果の作成

Tips190 CSS3トランジション効果の適用

Tips191 CSS3トランジション効果の編集

第8章 コードの編集

Tips192 コードの折りたたみ

Tips193 コードの展開

Tips194 折りたたまれたコード部分の選択

Tips195 折りたたまれたコード部分を展開せずに表示する

Tips196 キーボードショートカットによるコードの折りたたみと展開

Tips197 デザインビューでページを編集する

Tips198 デザインビューで親タグ・子タグを選択する

Tips199 プロパティインスペクターでコードを編集する

Tips200 タグインスペクターで属性を変更する

Tips201 クイックタグ編集

Tips202 クイックタグ編集でコードを編集する

Tips203 クイックタグ編集でヒントメニューを使用

Tips204 コードヒントをカスタマイズする

Tips205 タグセレクターでコードを編集する

Tips206 デザインビューでスクリプトを記述する

Tips207 デザインビューでスクリプトを編集する

Tips208 プロパティインスペクターによるページ上のスクリプト編集

Tips209 Dreamweaverのタグライブラリ

Tips210 タグライブラリエディターを開く

Tips211 タグライブラリエディターを閉じる

Tips212 ライブラリ、タグ、および属性の追加

Tips213 ライブラリ、タグ、および属性の削除

Tips214 ライブラリ、タグ、および属性の編集

Tips215 コードをクリーンアップする

Tips216 タグおよびカッコの対応を検証する

Tips217 XMLドキュメントの検証

Tips218 ブラウザー互換性のチェック

Tips219 バリデーターの環境設定

Tips220 W3Cバリデーターによるドキュメント検証

Tips221 XHTML準拠ページの作成

第9章 効果の設定

Tips222 アセットとライブラリ

Tips223 サウンドの追加

Tips224 メディアオブジェクトの追加

Tips225 ビデオの追加

Tips226 Web widgetの追加

Tips227 タスクを自動化する

Tips228 WordやExcelドキュメントへのリンク

Tips229 アセットリストの作成

Tips230 アセットリストの管理

Tips231 表データの読み込み

Tips232 日時の挿入

Tips233 区切り線の使用

Tips234 SWFファイルの設定

Tips235 タグライブラリの管理

Tips236 フォントリスト

Tips237 Webフォント

Tips238 挿入パネルの使用

Tips239 Spryフレームワーク

Tips240 Spryエフェクト:表示・フェード

Tips241 Spryエフェクト:ハイライト

Tips242 Spryエフェクト:ブラインド

Tips243 Spryエフェクト:スライド

Tips244 Spryエフェクト:拡張・縮小

Tips245 Spryエフェクト:シェーク

Tips246 Spryエフェクト:スキッシュ

Tips247 Spryメニューバーの挿入

Tips248 Spryタブ付きパネルの挿入

Tips249 Spryアコーディオンの挿入

Tips250 Spry縮小可能パネルの挿入

Tips251 Spryテキストフィールド検証の挿入

Tips252 Spryテキストエリア検証の挿入

Tips253 Spryチェックボックス検証の挿入

Tips254 Spryセレクト検証の挿入

Tips255 Spryパスワード認証の挿入

Tips256 Spry再入力検証の挿入

Tips257 Spryラジオグループ検証の挿入

Tips258 組み込みビヘイビアーの使用

Tips259 「Javascriptの呼び出し」ビヘイビアーの適用

Tips260 「プロパティの変更」ビヘイビアーの適用

Tips261 「プラグインのチェック」ビヘイビアーの適用

Tips262 「APエレメントをドラッグ」ビヘイビアーの適用

Tips263 「ブラウザーウインドウを開く」ビヘイビアーの適用

Tips264 「ポップアップメッセージ」ビヘイビアーの適用

Tips265 「イメージのプリロード」ビヘイビアーの適用

Tips266 「コンテナのテキストを設定」ビヘイビアーの適用

Tips267 「ステータスバーテキストを設定」ビヘイビアーの適用

Tips268 「テキストフィールドのテキストを設定」ビヘイビアーの適用

Tips269 「エレメントの表示?非表示」ビヘイビアーの適用

Tips270 「スワップイメージ」ビヘイビアーの適用

Tips271 「フォームのバリデート」ビヘイビアーの適用

第10章 プレビューの活用

Tips272 Dreamweaver上でページをプレビューする

Tips273 ブラウザでページをプレビューする

Tips274 マルチスクリーンプレビューパネルでページをプレビューする

Tips275 ビューポートサイズの変更

Tips276 リンクのナビゲーション

Tips277 エレメントの選択

Tips278 関連づけられているHTMLコードの確認

Tips279 不可視エレメントのマーカーアイコンの表示/非表示の切り替え

Tips280 不可視エレメントの環境設定

Tips281 ライブビュー機能

Tips282 ライブビューでのライブデータを含むページの指定

第11章 モバイルデバイスの連携

Tips283 jQuery Mobileのスターターページを開く

Tips284 スターターページを利用したモバイルデバイス用アプリケーションの作成

Tips285 新しいページからモバイルデバイス用Webアプリケーションを作成する

Tips286 カスタムファイルとカスタムフォルダーを使用する

Tips287 モバイルデバイス向けのページ方向の変更

Tips288 メディアクエリーの作成

Tips289 既存のメディアクエリーファイルを使用する

Tips290 サイト全体のメディアクエリーファイルの切り替え

Tips291 メディアクエリーに基づくWebページの表示

Tips292 jQuery Mobileのページの挿入

Tips293 jQuery Mobileのリスト表示の挿入

Tips294 jQuery Mobileのレイアウトグリッド設定の挿入

Tips295 jQuery Mobileの縮小可能ブロックの挿入

Tips296 jQuery Mobileのテキスト入力の挿入

Tips297 jQuery Mobileのパスワード入力の挿入

Tips298 jQuery Mobileのテキスト領域の挿入

Tips299 jQuery Mobileのメニューの挿入

Tips300 jQuery Mobileのチェックボックスの挿入

Tips301 jQuery Mobileのラジオボタンの挿入

Tips302 jQuery Mobileのボタンの挿入

Tips303 jQuery Mobileのスライダーの挿入

Tips304 jQuery Mobileのフリップトグルスイッチの挿入

Tips305 PhoneGap Buildの準備

Tips306 Webアプリケーションのパッケージ化

Tips307 アプリケーションのエミュレート

第12章 その他の機能

Tips308 Dreamweaverテンプレートについて

Tips309 Dreamweaverテンプレートの作成

Tips310 新規にテンプレートを作成する

Tips311 テンプレートからページを作成する

Tips312 テンプレートの編集、更新

Tips313 編集可能領域の挿入

Tips314 テンプレートの削除

Tips315 編集可能領域の削除

Tips316 ドキュメントウィンドウから既存のドキュメントにテンプレートを適用する

Tips317 テンプレートからのドキュメントの切り離し

Tips318 ネストされたテンプレートの作成

Tips319 テンプレートでのリピート領域の作成

Tips320 OSのアクセシビリティ機能サポート

Tips321 アクセシビリティの高いページデザインのためのワークスペースの最適化

Tips322 キーボードによるDreamweaverの操作

Tips323 Business Catalyst Webサイトの作成

Tips324 Business Catalyst Webサイトの読み込み

Tips325 Business Catalyst Webサイトの編集

Tips326 PSD形式の画像の挿入

Tips327 PSD形式の画像のライブ更新

Tips328 Photoshopからのコピー&ペースト

Tips329 Dreamweaver用AIR拡張機能

Tips330 Adobe Bridgeを利用した画像の閲覧

Tips331 Adobe Bridgeからのファイルの挿入

Tips332 Fireworksイメージの挿入

Tips333 Fireworksイメージの編集

Tips334 Fireworksイメージの最適化

Tips335 FlashとDreamweaverの併用

Tips336 環境設定で自分の使いやすい環境に

Tips337 環境設定:一般

Tips338 環境設定:APエレメント

Tips339 環境設定:CSS スタイルシート

Tips340 環境設定:W3Cバリデーター

Tips341 環境設定:アクセシビリティ

Tips342 環境設定:ウィンドウサイズ

Tips343 環境設定:コードカラーリング

Tips344 環境設定:コードの書き換え

Tips345 環境設定:コードヒント

Tips346 環境設定:コードフォーマット

Tips347 環境設定:コピー/ペースト

Tips348 環境設定:サイト/環境設定:ハイライト

Tips349 環境設定:ファイルタイプ/エディター/環境設定:ファイルの比較

Tips350 環境設定:フォント/環境設定:ブラウザーでプレビュー

Tips351 環境設定:新規ドキュメント/環境設定:不可視エレメント

PR

秀和システム