XAMPPをデフォルトインストールするとドキュメントルートはhtdocsに設定され、ブラウザで　http://localhost/　にアクセスするとページがみれる。

1つのサイトだけ構築するには http://localhost/ でアクセスすればいいが、複数サイトを構築す場合フォルダを掘らなければならない。そうすると本番環境とディレクトリの階層構造が変わる場合があるので、面倒だ。

色々と調べたらapacheのhttpd-vhosts.confとwindowsのhostsファイルをちょこっと編集して仮想サイトが発行できるようなので手順をメモしておく。

まずはapacheのhttpd-vhosts.confの設定。

XAMPPをデフォルトインストールした場合、「C:\Program Files\xampp\apache\conf\extra」以下にhttpd-vhosts.confってファイルがある。それをテキストエディタで開き、

のコメントアウトを解除する。

あとはサンプルを見習って下記のように追記すればOK

色々と設定できるようですがDocumentRoot と ServerNameの設定だけで十分かと。

DocumentRoot

サイトを構築するフォルダまでの絶対パス。

ServerName

アクセスするURL。上記の場合、http://localhost/ と http://hoge1/ でアクセスできるようになる。

localhostはXAMPPのページにアクセスするため残しておいたほうが便利かと思われる。

次は、IPとホスト名の対応を設定できるhostsファイルの設定。

ローカルのDNSサーバみたいなものでしょうか。 hostsファイルとは？によると外部より先に参照されるようですね。XPの場合、「C:\WINDOWS\system32\drivers\etc」以下にあるのでテキストエディタで開いて

以下に追記。

とこんな感じ。コレでブラウザに http://hoge1/ と入力すればアクセス可能です。

Dreamweaverでのプレビュー

Adobe Dreamweaver CS6 Windows版でプレビューするにはサイトの管理->詳細設定->テストサーバでアクセスを「ローカル/ネットワーク」テストサーバフォルダをドキュメントルートに。上記設定なら「C:\Program Files\xampp\htdocs\hoge1\」となります。URL接頭辞にはアクセスURL「http://hoge1/」を入力してやれば「F12」でプレビュー可能です。