- Dreamweaver ユーザーガイド
- はじめに
- Dreamweaver と Creative Cloud
- Dreamweaver のワークスペースとビュー
- サイトの設定
- ファイルの管理
- レイアウトとデザイン
- CSS
- ページコンテンツとアセット
- ページプロパティの設定
- CSS 見出しプロパティおよび CSS リンクプロパティの設定
- テキストの操作
- テキスト、タグ、属性の検索と置換
- DOM パネル
- ライブビューでの編集
- Dreamweaver でのドキュメントのエンコード
- ドキュメントウィンドウでのエレメントの選択および表示
- プロパティインスペクターでのテキストプロパティの設定
- web ページのスペルチェック
- Dreamweaver での区切り線の使用
- Dreamweaver でのフォントの組み合わせの追加と変更
- アセットを使用した作業
- Dreamweaver での日付の挿入と更新
- Dreamweaver でのお気に入りアセットの作成と管理
- Dreamweaver でのイメージの挿入と編集
- メディアオブジェクトの追加
- Dreamweaver でのビデオの追加
- HTML5 ビデオの挿入
- SWF ファイルの挿入
- オーディオエフェクトの追加
- Dreamweaver での HTML5 オーディオの挿入
- ライブラリ項目の操作
- Dreamweaver でのアラビア語およびヘブライ語のテキストの使用
- リンクおよびナビゲーション
- jQuery Widget と効果
- web サイトのコーディング
- Dreamweaver でのコーディングについて
- Dreamweaver のコーディング環境
- コーディングの環境設定
- コードカラーリングのカスタマイズ
- コードの記述と編集
- コードヒントとコード補完機能
- コードの折りたたみと展開
- スニペットでコードを再利用する
- 構文チェックコード
- コードの最適化
- デザインビューでのコードの編集
- ページのヘッドコンテンツの操作
- Dreamweaver でのサーバーサイドインクルードの挿入
- Dreamweaver でのタグライブラリの使用
- Dreamweaver へのカスタムタグの読み込み
- JavaScript ビヘイビアーの使用(基本操作)
- JavaScript に組み込まれているビヘイビアーの適用
- XML および XSLT について
- Dreamweaver でのサーバーサイド XSL 変換の実行
- Dreamweaver でのクライアントサイド XSL 変換の実行
- Dreamweaver での XSLT の文字エンティティの追加
- コードのフォーマット
- 製品間ワークフロー
- テンプレート
- Dreamweaver テンプレートについて
- テンプレートおよびテンプレートから作成されたドキュメントの認識
- Dreamweaver テンプレートの作成
- テンプレート編集可能領域の作成
- Dreamweaver でのリピート領域およびテーブルの作成
- テンプレートの任意の領域の使用
- Dreamweaver での編集可能なタグ属性の定義
- Dreamweaver でネストされたテンプレートを作成する方法
- テンプレートの編集、更新、削除
- Dreamweaver での xml コンテンツの書き出しおよび読み込み
- 既存のドキュメントでのテンプレートの適用または削除
- Dreamweaver テンプレートでのコンテンツの編集
- Dreamweaver でのテンプレートタグのシンタックスルール
- テンプレート領域のハイライト表示の環境設定
- Dreamweaver でテンプレートを使用する利点
- モバイルとマルチスクリーン
- 動的サイト、ページおよび web フォーム
- web アプリケーションについて
- アプリケーション開発のためのコンピューター設定
- データベース接続のトラブルシューティング
- Dreamweaver での接続スクリプトの削除
- 動的ページのデザイン
- 動的コンテンツソースの概要
- 動的コンテンツのソースの定義
- ページへの動的コンテンツの追加
- Dreamweaver での動的コンテンツの変更
- データベースのレコードの表示
- Dreamweaver でのライブデータの入力とトラブルシューティング
- Dreamweaver でのカスタムサーバービヘイビアーの追加
- Dreamweaver を使用したフォームの作成
- フォームを使用したユーザーからの情報の収集
- Dreamweaver での ColdFusion フォームの作成と有効化
- web フォームの作成
- フォームエレメントの HTML5 サポート強化
- Dreamweaver を使用したフォームの開発
- アプリケーションのビジュアル開発
- web サイトのテスト、プレビュー、パブリッシュ
- トラブルシューティング
Dreamweaver についてよく寄せられる質問への回答
基本
Adobe Dreamweaver は、web デザイナーとフロントエンド開発者のための最高水準の統合ツールです。強力なデザインサーフェスとクラス最高のコードエディターを堅牢なサイト管理ツールで統合することにより、web サイトを簡単にデザイン、コード作成、管理できるようになりました。
Dreamweaver 2017 は設計が刷新され、インターフェイスが新しくなって高速かつ柔軟なコードエンジンを搭載。Web デザイナーとフロントエンド開発者のための最高水準の統合ツールセットを使用し、あらゆるサイズの画面で美しく表示される web サイトを容易に制作、コーディング、管理できます。Adobe Dreamweaver 2017 のこのリリースでは、まったく新しいコードエンジン、暗めのテーマと明るめのテーマを選択できる更新されたユーザーインターフェイス、CSS プリプロセッサーなどの最新の web ワークフローのサポートを含む機能が強化されています。
Bootstrap を標準サポートしたことにより、サイズ、画面解像度、向きに関係なく、あらゆるブラウザーに応じて拡大縮小するレスポンシブな web サイトを構築できます。Adobe CreativeSync テクノロジーとの緊密な連携により、デザインアセットを Photoshop、Illustrator などのツールから簡単に操作できるほか、Adobe Stock でストック写真を参照してアクセスすることもできます。
Dreamweaver は Adobe Creative Cloud の一部であるため、最新アップデートをすべて準備ができ次第使用できます。詳しくは、Creative Cloud を参照してください。
Dreamweaver は、サイトを表示しながらコーディングできるユニークな web 開発ツールです。
- Dreamweaver の新しいコーディングエンジンにより、高速でさらに柔軟なコーディング環境が実現。コードヒントは初心者が HTML、CSS、その他の web 標準を学習するのに役立ちます。自動インデントやコードの色分けなどのビジュアルコンポーネント、サイズ変更可能なフォントを利用することで、エラーが減り、コードが読みやすくなります。
- Dreamweaver では、コードカラーリングやコンパイルの機能をすべて備えた一般的な CSS プリプロセッサー(Sass、LESS、SCSS など)がサポートされます。そのため、作業時間を節約しながら、より見やすいコードを作成できます。
- 一度に複数のコード行を記述すると、ブレットリストの作成、一連の文字列の更新、複数の編集の同時実行などの作業を迅速に行えます。
- クイック編集により、HTML ファイル内の関連 CSS をインライン編集できるので、修正にかかる時間を短縮できます。
- クイックドキュメントで時間短縮。直接コードビューで CSS プロパティの関連 web Platform Docs 参照情報を表示できます。
- ファイルを高速に読み込んで開きます。高性能の整理された新しいデベロッパー向けワークスペースにより、プロジェクトの進捗が大幅に効率化されます。
- コードの編集をリアルタイムにプレビューできます。ブラウザーを手動で更新する必要はありません。
- ファイルを web サーバーにプッシュ送信するには、Dreamweaver の FTP 機能を使用します。
詳しくは、新機能のページを参照してください。
詳しくは、Dreamweaver のバージョン比較のページを参照してください。
Dreamweaver を他の数々の Creative Cloud ツール(Adobe Photoshop、Illustrator、Animate など)と連携して、美しい現代的な web サイトを作成できます。また、Creative Cloud ライブラリと連携することで、アセットの共有や他のユーザーとの共同作業も行えます。
アニメーションを OAM 形式に書き出し、Dreamweaver で読み込むことができます。詳しくは、Dreamweaver へのアニメーションコンポジションの読み込みを参照してください。
はい。Dreamweaver のサイト固有のコードヒント機能では、Joomla、Drupal、Wordpress などのフレームワークで作業中しているときにコードヒントが表示されます。詳しくは、コードヒントとコード補完機能を参照してください。
技術的な質問
詳しくは、システム要件のページを参照してください。
はい。詳細情報 ›
はい。詳細情報 ›
Dreamweaver 2017 では、複数のタイプのドキュメントを開いて編集できます。Dreamweaver で開いて編集できるドキュメントファイルタイプの一部を次に示します。
- HTML ドキュメント
- サーバーサイドインクルード
- JavaScript ドキュメント
- PHP ファイル
- XML ファイル
- SQL ファイル
- SVG ファイル
- Json ファイル
- ライブラリファイル(*.lbi)
- テンプレートファイル(*.dwt)
- スタイルシート(*. css、*. less、*. sass、*. scss)
- Active Server Pages と Active Server Plus Pages
- ColdFusion テンプレート
- マニフェスト(*.appcache)
- ディレクトリ設定ファイル(*.htaccess)
- テキストファイル(*.txt)
Dreamweaver のすべての機能は、web 制作の最新の規格に合わせて HTML5 コードを生成します。コードエディターを使用すると、制作のニーズに合わせてコードを作成して編集できます。
はい。Dreamweaver では、モバイルファーストのレスポンシブ web サイト向け Bootstrap フレームワークがサポートされています。また、Dreamweaver には、ビジュアルメディアクエリーや可変グリッドレイアウト管理など、レスポンシブデザインに便利な機能が含まれています。
はい。Dreamweaver CS6 の以前のインストールがある場合は、そのまま使用を続けることができます。Creative Cloud のメンバーシップに登録すると、以前のバージョンの Dreamweaver をいつでもダウンロードして、Dreamweaver の現在のインストールと併用できます。
無料体験版
無償の Creative Cloud メンバーシップでは、Dreamweaver および Creative Cloud に含まれる他のアプリケーションの 7 日間体験版をダウンロードできます。コンプリートプランにアップグレードすると、すべての Creative Cloud アプリケーションのフルバージョンをダウンロードできます。
はい。Creative Cloud web サイトで購入することで、試用版から Creative Cloud コンプリートプランまたは単体プランサブスクリプションに変換できます。メンバーシップを購入すると、デスクトップ製品の試用版は、再起動後、自動的にライセンスされます。
購入オプション
購入オプションについて詳しくは、Creative Cloud プランのページを参照してください。Creative Cloud コンプリートプランのメリットについて詳しく知ることもできます。
Dreamweaver の使用
Dreamweaver のラーニングとサポートのページをご覧ください。初めて使用するユーザーにもわかりやすいようにチュートリアルやビデオで順を追って説明します。アドビの製品サポートやコミュニティフォーラムで専門家のサポートを受けることもできます。
Dreamweaver の web マニュアルと PDF 版は、Dreamweaver ヘルプのページをご覧ください。
フィードバックは、Dreamweaver フォーラムにお寄せください。サポートが必要な場合は質問をすることもできます。
新機能や機能改善の要望を送るには、こちらのフォームを使用してください。Dreamweaver のヘルプメニューからもこのリンクにアクセスできます(ヘルプ/バグ/機能リクエストを送信)。