「サイトの定義」の新規サイト登録方法

DreamWeaver4.0 操作説明

初期画面です。メニューバーの「サイト（S）」→「新規サイト」をクリックしましょう。
※「サイト（S）」→「サイトの定義」→「新規作成」をクリックでも同じです。

DreamWeaver4.0 操作説明

「ローカル情報」を入力しましょう。
ここではあらかじめ作っておいたホームページ専用フォルダの位置を指定します。フォルダの名前は「ホームページ」でも「HomePage」でも何でもいいのですが、後でフォルダ名を変更してもここで入力した情報は自動的には更新されません。ここで指定した後はなるべくフォルダ名の変更はしないでくださいね。

サイト名 ここはHTMLには関係ないのでお好きな名前を付けてください。日本語可。 ローカルルートフォルダ 右のフォルダアイコンをクリックしてください。すると「ローカルサイトフォルダを選択」パネルが現れます。 マイドキュメントなどに作っておいたホームページ専用フォルダをクリックして選択し、「開く」ボタンをクリックします。 フォルダが開きます。このまま「選択」ボタンをクリックしてください。これでOKです。もしフォルダの中にファイルがあったとしても、何も選択する必要はありませんよ。 Point: ここまで作業を終えるとフォルダの中に自動的に「_notes」というフォルダが作られます。「_notes」には主に個々のファイルの位置を示す情報が入ります。この「_notes」は削除しないでくださいね。 HTTPアドレス ホームページアドレスを記入してください。

DreamWeaver4.0 操作説明

「リモート情報」を入力しましょう。
ここではホームページを公開するために必要な情報を入力します。
ホームページを公開するためにはプロバイダなどが提供するサーバーの一部屋（ディレクトリ）を借り、そのお部屋に入るための鍵（ftp（ホスト名、アドレス、サーバー）、ID（ログイン、ユーザー名、アカウント）、パスワード（パスフレーズ））が必要でしたね。→ホームページはどこにある？
まだのお持ちでない方はこちらをご覧になってみてください→初心者さん向けレンタルサーバーリンク集

左側の「カテゴリ」から「リモート情報」をクリックして選び、「アクセス(A)：」のプルダウンメニューから「FTP」を選択してください。

DreamWeaver4.0 操作説明

レンタルサーバーからもらったお部屋の鍵（ftp（ホスト名、アドレス、サーバー）、ID（ログイン、ユーザー名）、パスワード（パスフレーズ））を入力しましょう。

アクセス(A)： 「FTP」になっていますね FTPホスト 「ftp.○○.com」や「○○.jp」などです。主にhttp://wwwの代わりに「ftp」が付いたアドレスです（付かない場合もあります。これはサーバーによりけりなので、確認してくださいね）。 ホストディレクトリ 「public_html」や「html」、「htdocs」など、レンタルサーバー側で指定があります。指定のない場合は記入の必要はありません（というか、しちゃいけないですよ）。 ログイン(L)： ID、ログインID、アカウントなどとも呼ばれます。だいたいレンタルサーバーに申請した名前がもとになっています。 パスワード(P)： レンタルサーバーから送られてくるパスワードです。 設定情報 これらの情報はすべて、レンタルサーバー側からメールなどで届きます（DIONやOCNなどの大手プロバイダは書面送付の形を取ることもあります）。 ↓「ホームページできるかな」でお世話になっている可愛いレンタルサーバーLOLIPOP! を例にあげてみましょう。 申込を終えると以下のようなメールが届きます。 >件名：【ロリポップ！】[01234]アカウント情報のご案内 > >本文： >この度は、ロリポップ！レンタルサーバーにお申し込みいただき、誠にありがとうございます。 >セットアップが完了いたしましたので、アカウント情報をお送りします。 > >◎以下の内容でセットアップいたしました。 >=================================================================== >【ホームページアドレス】　　http://laz.chu.jp >【メールアドレス】　　laz@chu.jp > >【ＦＴＰホスト】　　ftp.lolipop.jp　→「FTPホスト」欄に記入します >【ＦＴＰユーザー】　laz　→「ログイン」欄に記入します >【ＦＴＰパスワード】　******　→「パスワード」欄に記入します >※「リモート情報」に必要な情報は以上で終わりです > >【ＰＯＰ(受信)サーバー】　　mail.lolipop.jp >【ＩＭＡＰ(受信)サーバー】　mail.lolipop.jp >【ＳＭＴＰ(送信)サーバー】　mail.lolipop.jp >【メールユーザー】　　　　　laz >【メールパスワード】　　　　****** > >【Perlパス】　　　/usr/bin/perl >【Sendmailパス】　/usr/sbin/sendmail >【Rubyパス】　　　/usr/local/bin/ruby >=================================================================== >■ユーザー専用ページ >■マニュアルのご案内 >■ユーザー特典サービス >================================================================== >【簡単ホームページ作成　ホムペロリ】　http://perori.lolipop.jp >【居住型コミュニティ　ロリポヒルズ】　http://hills.lolipop.jp >【可愛いレンタルCGI!　CGI CANDY BOX! 】　http://candybox.to >================================================================== >◇お問合せに関すること >------------------------------------------------------------------- >ナウでヤングなレンタルサーバー！ロリポップ！ http://lolipop.jp/ >-------------------------------------------------------------------

DreamWeaver4.0 操作説明

「最初のサイトキャッシュが作成されます。これによりサイト内のファイルがスキャンされ、リンクの変更に応じてリンクがトラックされるようになります。」という確認メッセージが出てきます。「OK」をクリックしてください。

この場合の「キャッシュ」はお金の「cash」ではなく「cache」で、隠し場・貯蔵所の意です。処理能力を効率化・高速化するためにサイト内（フォルダ内）のファイルの位置関係を記憶します。この情報は「_notes」フォルダに収められます。

DreamWeaver4.0 操作説明

「サイト」パネルが開きました。この画面はメニューバーの「サイト」→「サイトを開く」→「○○（サイト定義したサイト名）」で出てくるものと同じです。
左側が「リモートサイト」で、インターネットの世界にあるサーバーのあなたのお部屋の中が表示されます。右側が「ローカルサイト」で、パソコンの中のホームページ専用フォルダの中が表示されます。

このパネルでは「ローカルサイト」から「リモートサイト」へアップロード（PUT）したり、逆に「リモートサイト」から「ローカルサイト」へダウンロード（GET）が簡単にできます。
また、「ローカルサイト」側でファイル名を変更するとリンクも自動的に変更になりとても便利です！ページが増えても一つ一つのファイルのリンクを直さなくて済みますよ。
※「サイト」パネル「ローカルサイト」以外でファイル名を変えても自動的には変更されませんので気をつけてくださいね。

「サイト」パネルが開いたら、早速サーバーのあなたのお部屋に接続してみましょう！
図の「リモートホストに接続」ボタンをクリックしてください。接続が完了すると黒丸印が緑色に変わり、「サイト」パネル左側に「リモートサイト」の中が表示されます。初めて接続した時は何もないので真っ白だと思いますが、黒丸印が緑色に変わっていればちゃんと接続されていますよ。

接続が完了したらファイルをアップロード（PUT）してみましょう！
「ローカルサイト」側のアップロードしたいファイルをクリックで選択し、図の「ファイルをPUTする」ボタンをクリックしてください。
その時、以下のパネルが現れることがあると思います。

これは「いまPUTするHTMLと一緒に、依存ファイルもアップロードしますか？」という意味です。
「依存ファイル」とは、画像など、HTML文書内で使用している（読み込むよう指定している）ファイルのことです。

「はい」・・・HTML文書と一緒に使用している画像ファイル等もPUTしてくれます。
「いいえ」・・・HTMLのみPUTします。

※「いいえ」を選んだ場合、使用画像がリモートホスト上に先に送られていない限りインターネット上で画像は表示されません。あくまでも画像は「呼び出す・読み込む」ものなので、PUTしない限り表示されませんよ。

※もうひとつのPUT方法→PUTの裏技

「リモートサイト」のファイルが必要な時はダウンロードしたいファイルをクリックで選択し、図の「ファイルをGETする」ボタンをクリックしてください。
リモートサイトにあるファイル＝以前PUTした古いファイル、なので、これはあまり使わないかもしれませんね。古いファイルを上書きしないよう気をつけてくださいね。

DreamWeaver4.0 操作説明

ページ数が増えてくると管理が大変になってきますよね。「ファイル名をわかりやすく変えて整理したいけど、リンク変更が面倒・・・」など。
でもDreamweaverのサイト定義をしておくと、ファイル名を変更してもリンク先を修正してくれるのでリンクが壊れません。
操作方法はいたって簡単で、「サイトを開く」→「ローカルサイト」内でファイル名を変えたいファイルをクリックで選択し、右クリック→「名前の変更」をします。

すると以下のパネルが現れます。

「キャッシュされたリンク情報を今ロードして、これらのファイル名を変更後に、破損されるリンクを確認しますか？」とあります。ここは「はい」をクリックしてください。


「新規および変更されたファイルを検索しています。Dreamweaver以外で・・・」とありますが、これはすぐに済みますので気にせず少し待っていてください。取り止めたい場合のみ「停止」してください。


「次のファイル内のリンクを更新しますか？」と訊いてきますので、「更新」をクリックしてください。
※ここで「更新」しないとリンク先は修正されず、リンクは壊れてしまいます。

これで完了です！このあと少し待つとリンクの更新が終わります。ひとつひとつのリンク先を修正する手間もなく、手軽にファイル名の変更ができますよね。

DreamWeaver4.0 操作説明

■削除したいとき：
サイト定義を削除したい時はメニューバーの「サイト（S）」→「サイトの定義」→「削除」ボタンをクリックします。

■内容に変更があったとき：
内容を変更したい時はメニューバーの「サイト（S）」→「サイトの定義」→「編集」ボタンをクリックします。すると「サイト定義」パネルが現れますので、変更箇所を記入し直します。

DreamWeaver4.0 操作説明

サイト定義をしておけば「サイトを開く」をしなくても、メニューバーの「サイト」→「PUT」で作成中のページ（ドキュメント）を簡単にアップロードできます。
この時PUTする前に必ず「ファイル」→「保存」しておいてくださいね。

※裏技というか、この方が主流なのかもしれませんが・・・（笑）