基金訓練webデザイン講座25日目

基金訓練WEBデザイン授業内容

自分のPC内にテストサーバーをつくる

自宅PCにXAMPPをインストールしたけど、
MySqlは動いたけど、Apacheが動いてくれない。。。（涙）
なぜだろう？？PCが古いからかな？


XAMPP（ザンプまたはエグザンプ）をインストール

下記をセットでインストールできる。

XAMPP.exeをダウンロード

最新版はPC環境によっては動作しない場合がある
ダウンロード先
→学校では「xampp-win32-1.7.3.exe」または「xampplite-win32-1.7.3.exe」
※FileZilla FTP ServerとTomcatは入れない。

  • exeファイルをダブルクリック。

インストール場所：Cドライブ※「マイドキュメント」には入れない！

  • 「Install」ボタンをクリック。→3分位でインストール完了。
  • コマンドプロンプトの画面が出る。
  • 質問が出る→「Enter」、「Enter」、「Enter」、「Enter」
  • Exitが出たら→x「Enter」
  • コマンドプロンプト画面が消える。→完了！
XAMPPを起動
  • デスクトップにつくったXAMPPのショートカットから起動。
  • Apachiの「start」ボタンを押す。
  • 緑で「Running」と表示されればok!
  • Webサーバーにアクセス→ブラウザで「http://localhost/」と入力。
  • 「日本語」を選択。
  • メニューの「セキュリティ」をクリック。
  • 「パスワード」を設定する。(cookieは有効のまま。その下もYESのまま。)
  • 「パスワード」を有効にするため、再起動→

起動中の「Apache」と「MySQL」を「stop」して、再度「start」させる。

  • 「セキュリティ」設定画面に戻り、メニューの「ツール」の「phpMyAdmin」をクリック。
  • 「phpMyAdmin」にログイン。

→ユーザ名：root、パスワード：さっき設定したパスワード。

※XAMPPを終了させるときは「stop」ボタンを押して、「Exit」ボタンで終了すること。Windowの右隅の×印で消すのはNG!

Dreamweaverでテストサーバーを設定

「XAMPP」フォルダ内に「javascript」フォルダを作る。

→C/xampp/htdocs/javascript/

Dreamweaverで新規サイト作成。

サイトの設定

  • サイト名：WEBサーバー（任意）
  • ローカルサイトフォルダー：C:\xampp\htdocs\javascript\

サーバーの設定

  • 「+」を押して基本情報を入力
  • サイト名：WEBサーバー（任意）
  • 使用する接続：ローカル/ネットワーク
  • サーバーフォルダー：C:\xampp\htdocs\javascript
  • Web URL：http://localhost

ここまで設定したら→「保存」。

  • リモートのチェックをはずして、「テスト」にチェック。→「保存」
  • ファイルのウインドウのプルダウンメニューを「ローカルビュー」から「テストサーバー」に変更」→javascriptフォルダが赤くなる。→ok!
  • Dreamweaverでこの「javascript」のフォルダ内にファイルを作って作業します。