プレゼンテーション中に自分のウェブサイトを確実に利用できるようにするにはどうすればよいですか?


12

来週行うオンラインプレゼンテーションがあり、すべて準備ができています。

WebサイトはHTMLとCSSのみ(DBなし)であり、現在、共有ホスティングアカウントにあります。

今、私の共有ホスティングは(比較的)信頼できますが、最近、彼らがいくつかの変更を行っており、私のウェブサイトが時々利用できなくなっていることに気付きました。

プレゼンテーションの朝にこのようなことをしたくないので、そのようなことを準備するための最善の方法は何ですかと尋ねています。

私のドメインはwww.presentation.mydomain.com、問題が発生した場合でも、可能であればこれを保持したいと思います。

私はいくつかの代替案を考えてきました。

  • 2つの異なるドメインまたはサーバーでサイトをホストします(ただし、ドメイン名はどうですか?)

  • USBスティックにポータブルXAMPPバージョンがあります(これもドメイン名ですか?)

  • 可能なフェールオーバーサイト/場所

更新:

プレゼンテーションは私のラップトップではなく、ラップトップで行われます。そのため、ソフトウェアをインストールできません。


サイトを127.0.0.1にブロックするだけです(Windowsの場合はhostsファイルを使用)。次に、そのサイトにアクセスすると、apacheはlocalhostを提供します。開発マシンでこれを行います:P
user3459110 14

2
HTTrackを使用して、USBスティックシナリオ用にオフラインで完全にダウンロードすることもできますか?
ウーヴェ・ケイム

デモデーモンの防止...デモがうまくいかないことは、マーフィーの法則と同様に予測可能です。phpアプリケーションではないため、ポータブルマシンでローカルにホストし、ドメインを127.0.0.1にポイントするhostsファイルエントリを追加するとうまくいきます。
Fiasco Labs 14

回答:


14

通常、生のHTMLファイルが他のファイル、CSSおよびJavaScriptを参照している場合でも、生のHTMLファイルを表示するためにサーバーは必要ありません。任意のファイルをダブルクリックするだけで、ローカルファイルシステムのマシンのデフォルトブラウザで開きます。

ただし、静的コンテンツに他のファイルまたは他のリソースへの絶対参照がなく(<a href='http://mysite.com/extra.html'>)、相対参照のみが含まれているかどうかを確認する必要がある場合があります(<a href='extra.html'>)。とにかく良い習慣です。

使用するラップトップのハードドライブにコンテンツを事前にコピーし、プレゼンテーションをテストすることをお勧めします。突然別のマシンを使用する必要がある場合に備えて、USBスティックまたはCDディスクに同じコンテンツを持ち込みます。


私はこれを試しましたが、おかげで動作します。使用するラップトップにはアクセスできませんが、ランダムなPCのUSBで正常に動作します。cssファイルとjsファイルがあるので、サーバーが必要かどうかはわかりませんでした。ありがとう!
jonboy 14

2
@johnny_s CSSとJSはすべてクライアント(別名ブラウザー)で実行されます。サーブは不要です。
ライアン14

11

サイトは静的であるため、1つのソリューションはCloudFlareを使用することです。サイトがダウンした場合でも(適切な構成で)キャッシュページを提供できるためです。問題がある場合は透明になります。

また、ラップトップを使用できない場合は、ラップトップまたはメモリスティックにサイトのコピーを保存します。すべてがうまくいかない場合でもlocalhost、ドメイン名ではなくを使用してプレゼンテーションを終了できます。それが最後の手段となるでしょう。

PS:もちろん、ポータブルWebサイトを実装するには、あらゆる場所に相対パスを実装する必要があります。つまり、「ルートからの相対」を意味する先頭の「\」を使用します。それを忘れないでください。さもないと、リンクは現在のディレクトリに関連します。


@JVerstryに感謝します。CloudFareを調べたことがありません。元の質問も更新しました。ラップトップを所有していないので、ソフトウェアなどをインストールするための事前のアクセス権はありません。
jonboy14年

@johnny_s答えを更新しました。プレゼンテーションのコピーをUSBメモリスティックに置いて、すべてがうまくいかない場合にラップトップに接続することができます。
ジェロームヴェルストリンジェ14

@JVerstryに感謝します-XAMPPまたは同様のUSBにインストールするつもりですか?
jonboy 14

2
通常、USBスティック上のWebサーバーにアップロードするファイルをコピーするだけではありません。次に、ブラウザでindex.htmlページを開きます(ダブルクリックすれば十分です)。XAMPPなどをインストールする必要はありません。
ジェロームヴェルストリンジェ14

1
Hostsを使用して、localhost ip(127.0.0.1)を選択したドメインにマッピングできます。これにより、ローカルサーバーから実行するときにアドレスバーのbarい数字を避けることができます。ファイルをローカルで(サーバーなしで)実行すると、ブロックされたコンテンツ(js、active / x、flashなど)で問題が発生する可能性があるため、最初にテストしてください。
PTwr 14

6

WebサイトがHTMLとCSSのみの場合、ホストは必要ありません。冗長WAMP環境に使用するUSB​​スティックにそれを投げて、プラグインしたマシンから実行します。

USBスティックの紛失が心配な場合は、Webホストが適切なバックアップになります。


1
これが道です。ポータブルサーバーをスティックにインストールすることもできます。しかし、純粋にHTMLとCSSであるため、その必要はありません。
jay_t55 14

5

インターネットページをローカルで開き、ブラウザに表示するだけです。

別のドメイン名を表示する場合でも、XAMPPを使用してローカルWebサーバーを開くことができます。そこでWebサイトをホストし、システム上のホストファイルに次の行を追加して、ドメインのドメインをローカルホストにポイントします。

127.0.0.1    www.presentation.mydomain.com

ここで、hostsファイルがOSのどこにあるかを確認できます。


私はこの解決策が好きです!
jonboy 14

5

Amazon S3を使用して静的コンテンツをホストできます。方法のガイドについては、http://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.htmlを参照してください。

基本的に、AWSアカウントにサインアップし、WebサイトをS3にアップロードしてから、などのURLからアクセスできます<bucket-name>.s3-website-<AWS-region>.amazonaws.com。CNAMEを使用してバケットのカスタムドメインを作成することもできますpresentation.mydomain.com。これにより、を介してバケットにアクセスできるようになります。

S3の無料利用枠、5GB、1年間で1か月に最大20000件のリクエストに対応する必要があります。ソース:http : //aws.amazon.com/free/

https://chadthompson.me/2013/05/static-web-hosting-with-amazon-s3/は、スクリーンショットを使用したプロセスの優れたウォークスルーを提供します。

プレゼンテーションのためにドメインをインターネットにアクセスする必要がない場合は、Prinsigの回答によると、Webサイトのコピーを含むUSBドライブを使用するのが最も簡単な方法です。


4

サイトのバージョン管理にGitを使用している場合...(判断するためではありません...しかし、それが重要なプロジェクトである場合は、そうすべきです!)

Githubの「プロジェクトページ」でWebサイト全体をホストできます。(別名Githubページ

サイトコードをgit pushするだけで本当に簡単 です。基本的には、というブランチにプッシュするgh-pagesと、サイトは自動的に公開され、プッシュすると更新されます!

だからあなたのプロジェクトのGitHubのレポページがある場合https://github.com/imausername/mysupersite そして、公共プロジェクトのGithubのページはiamusername.github.io/mysupersiteになります


このおかげで、私はgitについてほとんど知識がなく、プレゼンテーションが数日であり、それに集中しているので、今すぐgitを習得するのが少し遅れる可能性があります。素晴らしい答えをありがとう!
jonboy 14

1
または水銀。または、最低でもDropbox。ただし、重要なプロジェクトは常に何らかのバージョン管理下に置く必要があります。
ウェインワーナー14

1
Gitはそれは「gitの」あなたの後に実際にはかなり簡単です@johnny_s、あなたがスペアに15分を持っている場合)... try.github.comでそれをやってみる
unknownprotocol

4

非常に複雑な答えがたくさんあります。

WebサイトはHTMLとCSSのみ(DBなし)であり、現在、共有ホスティングアカウントにあります。

Apacheは必要ありませんXAMP(または同様の)は必要ありませんcloudflare、dropbox、またはその他のサードパーティサービスは必要ありません。(github?プレゼンテーション用?お願いします。)

必要なのは、ポータブルストレージデバイスだけです。USBキー、外付けドライブ、何でも。

必要なのは、プレゼンテーションに相対リンクのみが含まれていることを確認することです。方法は次のとおりです。

  1. 共有ホスティングアカウントからコンピューターにフォルダーをコピーします。
  2. ネットワークを無効にします。Wi-Fiをオフにし、イーサネットケーブルを取り外します。または、ラップトップを手に取り、Wi-Fiがない場所(階段や駐車場など)に移動します。
  3. フォルダを開き、最初のindex.htmlファイルをダブルクリックして、正しく見えるかどうかを確認します。

すべてがうまくいけば、行ってもいいです。含まれていない場合は、コメントを追加して手順を進めます。


とにかくバージョン管理にgitを使用する必要があるので、Githubにプッシュしてみませんか?
daviewales

@daviewalesこの答えには同意しません。ネットワークを無効にする理由
ウィリアムエドワーズ14

@WilliamDavidEdwards ^^それは私の答えではありません。私はそれについてコメントしました。
daviewales

@daviewalesごめんなさい。これ以上コメントを編集できません。
ウィリアムエドワーズ

1

Webサイトが利用可能であることを確認するには、ラウンドロビンDNSを使用できます。2つの異なるIPを持つ2つのホスティングパッケージを注文し、ロードバランシングにラウンドロビンDNSを使用できます。一方のIPがオフラインの場合、トラフィックはもう一方にリダイレクトされます。

もう1つの方法はCloudFlareを使用する方法です。CloudFlare +ラウンドロビンDNSを使用して、信頼性をさらに高めることができます。CloudFlareは、Webサイトにセキュリティと分析を追加する無料のサービスです(有料プランもあります)。CDNを使用することもできます。それは本当にあなたのウェブサイトを最適化します。しかし、最良の部分は、サイトがダウンした場合、キャッシュされたバージョンを表示できることです。必要なことは、ネームサーバーを変更することだけです。あなたは彼らのウェブサイトでそれに関する詳細な情報を見つけることができます。

もう1つあります。

今、私の共有ホスティングは(比較的)信頼できますが、最近、彼らがいくつかの変更を行っており、私のウェブサイトが時々利用できなくなっていることに気付きました。

ホストがフェールオーバーサーバーなどを使用していない場合は、別のホストを検索する方がよいでしょう。可能な場合は、Webサイトを常に利用できるようにする必要があります。


1

メモ帳のドキュメントにそれらを書いて、foo.htmlそれらの行に沿って何かを保存して開き、インターネットに依存しないと思います(確かに、CSSをそこに収める方法はわかりません多くのhtml、または任意のCSSを使用して、結果がどうなるかわからないようにすることができます)。


1

最後に重要なこととして、表示する予定のすべてのWebページのスクリーンプリントを作成します。ねえ、それは私のために働いています。それらをパワーポイントに入れるか、名前/シーケンスで整理します。マーフィーの法則には境界がありません!

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.