10/31 XAMPP/Dreamweaverでテストサーバーを構築

XAMPP(ザンプ)

の4つを一つのパッケージにまとめ、一括でインストールできるようにしたもの。
テストサーバーを作るためにインストールする。

  1. XAMPP1.7.7をダウンロードする。インストール先はCドライブ直下。
  2. 開くときは「管理者として実行」で開く。ダブルクリックはダメ。
  3. XAMPPコントロールパネルで「Apache」「MySQL」の「start」ボタンを押す。
  4. Webブラウザにhttp://localhost/と入力するとXAMPPの初期画面になる。
  5. 「日本語」を選択すると、サーバー関連の情報がまとまったページが表示される。
  6. セキュリティをクリック。
  7. 下にあるhttp://localhostphpをクリック。
  8. パスワードを設定。
  9. 「XAMPPを再起動。「Apache」「MySQL」を停止して、再び「start」ボタンを押す。
  10. XAMPPが起動している状態で、セキュリティ設定画面に戻り「phpMyAdmin」に移動する。
  11. ブラウザにphpMyAdminlocalhost(グレーの画面)が開く。
  12. 終了するときはExitを必ず押す。

Dreamweaverでテストサーバーを構築

  1. 新規サイト作成。サイト名入力。
  2. 管理フォルダー(ローカルサイトフォルダー)作成。Cドライブの、xamppの『htdocs』の中に新規フォルダー作る。
  3. 下記入力
  • サーバー名:テストサーバー等
  • 使用する接続:ローカル・ネットワーク
  • サーバーフォルダー:上記で設定したフォルダー
  • Web URL:http://localhost/フォルダー名』

4.ファイルパネルで「テストサーバー」を選択する。フォルダーの色が赤になっていればOK。

「Wants Cake」4ページ

明朝を指定する場合は日本語は指定しない。

font-family :
"Times New Roman","Times",serif;

このぐらいのボリュームであればCSSは1枚で良い。
CSSシグネチャ:bodyにidを付ける。
2つ以上のページを共通のcssで管理する時に、一部違うスタイルを適用するのに効果的な手法