STUDIO GHABLI -- ホームページ作成
昨日 カウンター(昨日)   今日 カウンター(今日)   合計 カウンター(合計)
総合トップページ 管理人プロフィール ホームページ作成 自動相互リンク リンク 掲示板
ジブリが好き!       サイトマップ お問い合わせ
Google Web検索 STUDIO GHABLI内を検索
ホームページを作成し、WEBサーバにアップロードする前に、ページの動作確認を行います。
そのためには、自分のパソコンをWEBサーバにし、そこで確認するのがいいと思います。
ここでは、AN HTTP Server(フリーウェア)をセットアップし、自分のパソコンをWEBサーバにする方法をご紹介します。

※ Windows2000でインストールした場合の説明となっています。

▼ AN HTTP Serverのセットアップ ▼

1.AN HTTP Serverの入手

AN HTTP Serverをhttp://www.st.rim.or.jp/~nakata/から入手してください。
ページを下にスクロールしていくと、「自己解凍形式」をダウンロードできます。こちらのほうが、セットアップが楽だと思います。

【図1】
←こういったファイルが入手できます。

2.AN HTTP Serverのインストール

「1.AN HTTP Serverの入手」でダウンロードしたファイルをダブルクリックします。【図2】

【図2】


解凍先フォルダを指定します。【図3】
【図3】の場合でしたら、ダウンロードしたファイルと同じフォルダに「httpd」というフォルダが作成され、そこに解凍されます。
Unzipボタンをクリックしてください。

【図3】


できあがったフォルダを、「C:\Program Files」に移動します。【図4】

【図4】

3.AN HTTP Serverの実行

httpd.exeをダブルクリックしてください。
タスクバーにAN HTTP Serverのアイコンが表示されます。【図5】

【図5】


このアイコンをクリックすると、AN HTTP Serverのメイン画面が表示されます。【図6】

【図6】


※ 「×」ボタンを押すと、AN HTTP Serverが終了してしまいますので注意してください。

4.AN HTTP Serverの動作確認

インターネットエクスプローラ等のブラウザを起動してください。
アドレスに「http://localhost/readme.html」と入力し、Enterキーを押してください。
AN HTTP Serverのreadmeファイルの内容が表示されたら、正常に動作しています。(AN HTTP Serverをインストールしたフォルダにあるreadme.htmlというファイルを表示しています。)

※ 「localhost」とは、自分自身のパソコンを指す、特別な記述方法です。

5.自分のホームページを表示してみる

AN HTTP Serverをインストールしたフォルダに、自分のホームページ用のフォルダを作成します。【図7】
ここでは、「mypage」というフォルダを作成してみます。
このフォルダに、自分で作成したHTMLファイルを置いてください。

【図7】


インターネットエクスプローラ等のブラウザを起動してください。
「mypage」フォルダに「index.html」というファイルを置いた場合、アドレスに「http://localhost/mypage」、もしくは「http://localhost/mypage/index.html」と入力し、Enterキーを押してください。
うまく表示できましたか?

※ 通常、「index.html」及び「index.htm」は省略できます。
メニュー
ホームページ作成トップページ
WEBサーバを借りてみる
  ├無料レンタルサーバ
  └有料レンタルサーバ
自前WEBサーバを準備する
  └AN HTTP ServerのSetUp
WEBプログラミングに挑戦
  └PHPのセットアップ
オンラインツール
  ├簡単ボタン作成
  ├簡単METAタグ作成
  ├WinOpenSCRIPT作成
  ├四隅の丸いテーブル作成
  ├クリッカブルマップ作成
  ├スクロールバーStyle作成
  ├キーコードチェッカー
  └HTMLタグ無効化ツール
テクニック
各種資料
  ├Webカラー表
  ├フォントサンプル表
  ├JS/CSS対比表
  └特殊文字表



本サイトは、XREAさんのレンタルサーバをお借りして運営しております。

▼ 免責事項 ▼
当サイトはアフィリエイトプログラムにより、管理人が商品・サービスをセレクトしてご紹介させて頂いています。
当サイトで掲載している商品は当サイトから直接販売するのではなく商品やサービスをご紹介しているリンク先の各お店、企業からとなります。
商品に関してのご質問、価格、消費税、送料、お支払方法等の詳細などについては、リンク先の各お店・企業の情報をご覧になって下さい。
同時に特定商取引に関する法律に基づく表記もリンク先でご確認お願い致します。
当サイトに掲載している情報のご利用は、お客様の責任においてお願い致します。
リンク先のお店・企業等の間でのトラブルは当サイトでは、一切の責任を負いかねますので、ご容赦ください。

当サイトで使用の写真画像、素材の無許可転載・転用を禁止します。
Copyright 2001-2008 STUDIO GHABLI. All rights reserved.