Dreamweaver の高度なサイト設定オプションについて説明します。
サイト定義ダイアログボックスの「詳細設定」にアクセスするには、サイト/サイトの管理を選択して、編集するサイトを選択し、「編集」をクリックします。
CSS プリプロセッサー
Sass、LESS、SCSS などの CSS プリプロセッサーで作業する場合は、サイト固有の CSS プリプロセッサーの設定を行うことができます。
Dreamweaver での CSS プリプロセッサーのサポートについて詳しくは、CSS プリプロセッサーを参照してください。
詳細設定
ローカル情報
初期設定イメージフォルダー
サイトのイメージを格納するフォルダーです。 フォルダーへのパスを入力するか、フォルダーアイコンをクリックして フォルダーを参照してください。Dreamweaverは、ドキュメントに画像を追加するときにフォルダーへのパスを使用します。
相対リンク
サイトで他のアセットまたはページへのリンクを作成するときに Dreamweaver が作成するリンクの種類を指定します。 Dreamweaver では、ドキュメント相対とサイトルート相対の 2 種類のリンクを作成できます。 2 種類のリンクの違いについて詳しくは、絶対パス、ドキュメント相対パスおよびサイトルート相対パスを参照してください。
初期設定では、ドキュメント相対リンクが作成されます。 初期設定を変更して「サイトルート」オプションを選択する場合は、「Web URL」テキストボックスにサイトの正しい Web URL を入力してください(以下を参照)。 この設定を変更しても、既存のリンクのパスは変換されません。この設定は、Dreamweaver を使用して画面上で作成した、新しいリンクに対してのみ適用されます。
テストサーバーを指定するか、編集/環境設定/ブラウザーでプレビューで「一時ファイルを使用してプレビュー」オプションを選択していない限り、ローカルブラウザーでドキュメントをプレビューしても、サイトルート相対リンクを使ってリンクされたコンテンツは表示されません。 これは、サーバーと違って、ブラウザーではサイトのルートを認識できないためです。
Web URL
Web サイトの URL です。 Dreamweaver はこの Web URL を使用して、サイトルート相対リンクを作成し、リンクチェックが使用されたときにリンクを検証します。
サイトルート相対リンクは、作業しているページが最終的に配置されるディレクトリ構造内の場所がわからない場合、またはリンクを含むファイルを後で再配置または再編成する可能性がある場合に便利です。 サイトルート相対リンクは、他のサイトアセットへのパスが、ドキュメントではなくサイトルートを基準としているリンクです。そのため、ドキュメントを移動した場合でも、アセットへのパスは正しいまま維持されます。
例えば、Web URL を http://www.mysite.com/mycoolsite(リモートサーバーのサイトルートディレクトリ)と指定し、リモートサーバーの mycoolsite ディレクトリ(http://www.mysite.com/mycoolsite/images)にイメージフォルダーがあるものとします。 また、index.html ファイルは mycoolsite ディレクトリにあるものとします。
index.html ファイルから images ディレクトリ内のイメージへのサイトルート相対リンクを作成すると、リンクは次のようになります。
<img src="/mycoolsite/images/image1.jpg" />
ドキュメント相対リンクはこれとは異なり、次のように簡単に表すことができます。
<img src="images/image1.jpg" />
/mycoolsite/ をイメージソースに追加すると、ドキュメントではなくサイトルートを基準にしてイメージにリンクすることになります。 イメージをイメージディレクトリから移動しないとすると、イメージへのファイルパス(/mycoolsite/images/image1.jpg)は、index.html ファイルを別のディレクトリに移動したとしても、常に正しいものになります。
詳しくは、絶対パス、ドキュメント相対パスおよびサイトルート相対パスを参照してください。
リンクの検証に関しては、Web URL はリンクがサイトの内部か外部かを判別するために必要です。 例えば、Web URL が http://www.mysite.com/mycoolsite であり、リンクチェックがページで http://www.yoursite.com という URL のリンクを検出した場合、チェックはこのリンクを外部リンクと判断して、そのように報告します。 同様に、リンクチェックは Web URL を使用して、リンクがサイトの内部にあるかどうかを判定し、内部リンクが壊れているかどうかを確認します。
大文字と小文字を区別するリンクチェック
Dreamweaver がリンクをチェックする際に、リンクの大文字・小文字がファイル名の大文字・小文字と一致するかどうかを確認します。このオプションは、ファイル名の大文字と小文字が区別される UNIX システムの場合に役に立ちます。
キャッシュを使用可能にする
リンクとサイト管理タスクの速度を向上させるために、ローカルキャッシュを作成するかどうかを示します。このオプションを選択しない場合、Dreamweaverはサイトを作成する前に再度キャッシュを作成するかどうか確認します。アセットパネル(ファイル パネルグループ内)はキャッシュが作成された場合にのみ動作するため、このオプションを選択することをお勧めします。
クロークおよびその他のカテゴリー
クローク、デザインノート、表示列、Contribute、テンプレート、JQuery、Web フォントおよびアニメーションアセットの各カテゴリーについて詳しくは、次の表の該当するトピックをクリックしてください。
| 詳細設定 | ドキュメント |
|---|---|
| クローク | Dreamweaver サイト内のファイルおよびフォルダーのクローク |
| デザインノート | Dreamweaver サイトでのデザインノートの有効化 |
| 表示列 | ファイルとフォルダーの管理 |
| Contribute | Contribute を使用した Dreamweaver サイトでのコンテンツの編集 |
| PHP | PHP 環境設定の指定 |
| Bootstrap | ブートストラップを使用したレスポンシブサイトのデザイン |
| テンプレート | Dreamweaver テンプレートについて |
| jQuery | DreamweaverでjQuery UIウィジェットを使用 |
| Web フォント | フォントリストの修正 |
| アニメーションアセット | Dreamweaver へのアニメーションコンポジションの読み込み |
| JS 構文チェック | ECMAScript 6 の構文チェック |