Adobe Dreamweaver では、HTML ドキュメントおよびドキュメントに関連するイメージファイルや CSS ファイルなど、Web サイトを構成するすべての素材をひとつのフォルダーにまとめて管理します。このすべてを含めたフォルダーは "サイト" と呼ばれます。そして、Dreamweaver でこのフォルダーの位置を指定することを "サイトを定義する" と表現します。

通常 Web サイトを制作する際、作業用コンピューターにサーバー上のコンテンツと同じ構造を作ります。例えば Web サイトのトップページのアドレスが http://domain-name.com/dirname の場合、コンピューターに dirname フォルダーを作成し、サーバーと同じ階層構造を維持してコンテンツを制作します。

あらかじめサイトを定義しておくことにより、リンクのチェックや、サーバーとローカルコンピューターの同期など、管理に役立つ様々な機能を利用できるようになります。

新規サイトを作成する

ここでは、最小限の設定で新規サイトを作成する手順の流れを説明します。

  1. デスクトップなどの分かりやすい場所に、サイト専用のフォルダーを作成します。ここでは例としてデスクトップに「mysite」というフォルダーを作成します。

  2. mysite フォルダー内に、画像やスクリプトなどを保存するフォルダーを作成します。ここでは例として以下のようなフォルダーを作成していますが、フォルダー名は自由に設定可能です。

    • images : 画像
    • movies : 動画
    • scripts : JavaScript の外部ファイルなど
    • styles : CSS の外部ファイルなど

    注意:

    フォルダー名には半角英数字、半角記号(ハイフンとアンダーバー)以外の文字を使用しないでください。

    (例)

    • ○ images
    • ○ my-images
    • × イメージ
    • × $images

  3. Dreamweaver を起動します。

  4. サイト/新規サイトを選択します。

  5. サイト設定ダイアログボックスが表示されたら、以下の操作を行います。

    1. 「サイト名」 : 任意の名前を入力します。ここでは「My CC Website」としています。
    2. 「ローカルサイトフォルダー」 : テキストボックス右のボタンをクリックし、手順 1. で作成した mysite フォルダーを指定します。
    3. 「保存」をクリックします。
  6. 「ファイル」パネルに mysite フォルダー内の中身が表示されます。

以上で新規サイトの作成が完了です。上記の手順ではローカルフォルダーの情報のみ定義されていますが、アップロードするサーバーも指定することができます。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー