프레젠테이션 중에 내 웹 사이트를 사용할 수 있도록하려면 어떻게해야합니까?


12

다음 주에 온라인 프리젠 테이션을 진행할 준비가되었습니다.

이 웹 사이트는 HTML 및 CSS 전용 (DB 없음)이며 현재 공유 호스팅 계정에 있습니다.

이제 공유 호스팅이 (상대적으로) 안정적이지만 최근에 일부 변경 사항이 적용되어 웹 사이트를 사용할 수없는 것으로 나타났습니다.

프리젠 테이션 아침에 이런 일이 일어나지 않기를 원하므로 그런 일을 준비하는 가장 좋은 방법은 무엇입니까?

내 도메인이며 www.presentation.mydomain.com가능한 경우 (문제가 발생하더라도)이를 유지하고 싶습니다.

나는 몇 가지 대안을 생각했다.

  • 두 개의 다른 도메인 또는 서버에서 내 사이트를 호스팅합니다 (하지만 도메인 이름은 어떻습니까?)

  • USB 스틱에 휴대용 XAMPP 버전이 있습니까?

  • 가능한 페일 오버 사이트 / 위치

최신 정보:

프레젠테이션은 내 것이 아닌 랩톱에서 수행됩니다. 소프트웨어를 설치할 수 없습니다.


사이트를 127.0.0.1로 차단하십시오 (Windows의 경우 호스트 파일을 통해). 그런 다음 해당 사이트로 이동하면 Apache가 localhost를 제공합니다. 나는 내 dev에 컴퓨터에서이 작업을 수행 : P
user3459110

2
USB 스틱 시나리오를 위해 HTTrack 을 사용하여 오프라인으로 완전히 다운로드 하시겠습니까?
Uwe Keim

데모 데모 방지 ... 데모 오류는 머피의 법칙만큼이나 예측 가능합니다. PHP 응용 프로그램이 아니라면 휴대용 컴퓨터에서 로컬로 호스팅하고 127.0.0.1에서 도메인을 가리키는 호스트 파일 항목을 추가하면 트릭을 수행합니다.
Fiasco Labs

답변:


14

일반적으로 다른 파일, CSS 및 JavaScript를 참조하더라도 원시 HTML 파일을보기 위해 서버가 필요하지 않습니다. 파일을 두 번 클릭하면 로컬 파일 시스템에서 시스템의 기본 브라우저로 열립니다.

그러나 정적 내용에 다른 파일이나 다른 리소스에 대한 절대 참조가없고 <a href='http://mysite.com/extra.html'>상대 참조 만 포함되어 있는지 확인해야 할 수도 있습니다 ( <a href='extra.html'>). 어쨌든 좋은 습관입니다.

랩톱의 하드 드라이브에 내용을 미리 복사하여 사용하는 것이 가장 좋습니다. 갑자기 다른 컴퓨터를 사용해야 할 경우를 대비하여 USB 스틱 또는 CD 디스크에 동일한 내용을 가져옵니다.


나는 이것을 시도했고 그것은 고마워 작동하지만, 내가 사용할 랩톱에 액세스 할 수는 없지만 임의의 PC가있는 USB에서 잘 작동합니다. css 및 js 파일이있는 것처럼 서버가 필요한지 확실하지 않았습니다. 감사!
jonboy

2
@johnny_s CSS와 JS는 모두 클라이언트 (일명 브라우저)에서 실행됩니다. 서빙이 필요하지 않습니다.
Ryan

11

사이트는 정적이므로 하나의 솔루션은 CloudFlare 를 사용 하는 것입니다. 사이트가 다운 된 경우 (올바른 구성으로) 캐시 된 페이지를 계속 제공 할 수 있기 때문입니다. 문제가 있으면 투명합니다.

랩톱을 사용할 수없는 경우 사이트 사본을 랩톱이나 메모리 스틱에 보관하십시오. 모두 잘못되면 localhost도메인 이름 대신 프리젠 테이션을 완료 할 수 있습니다. 최후의 해결책이 될 것입니다.

추신 : 물론 휴대용 웹 사이트를 구현하려면 어디에서나 상대 경로를 구현해야합니다. 즉 '루트에서 상대적'이라는 의미의 앞선 '\'입니다. 잊지 마십시오. 그렇지 않으면 링크가 현재 directoy와 관련됩니다.


CloudFare에 대해 들어 본 적이없는 @JVerstry에게 감사드립니다. 또한 원래 질문을 업데이트했습니다. 랩톱을 가지고 있지 않으므로 소프트웨어 등을 설치할 수있는 사전 액세스 권한이 없습니다.
jonboy

@johnny_s 답변을 업데이트했습니다. 프리젠 테이션 사본을 USB 메모리 스틱에 넣어서 모두 잘못 될 경우 노트북에 연결할 수 있습니다.
Jérôme Verstrynge

감사합니다 @JVerstry-XAMPP 또는 이와 유사한 USB로 USB를 설치한다는 의미입니까?
jonboy

2
일반적으로 웹 서버에 업로드 할 파일을 USB 스틱으로 복사하지 마십시오. 그런 다음 브라우저에서 index.html 페이지를여십시오 (두 번 클릭하면 충분 함). XAMPP 등을 설치할 필요가 없습니다.
Jérôme Verstrynge

1
Hosts를 사용하여 localhost ip (127.0.0.1)를 선택한 도메인에 매핑 할 수 있습니다. 이렇게하면 로컬 서버에서 실행할 때 주소 표시 줄의 추악한 숫자를 피할 수 있습니다. 서버없이 로컬에서 파일을 실행할 때 차단 된 컨텐츠 (js, active / x, flash 등)에 문제가 발생할 수 있으므로 먼저 테스트하십시오. 무작위 팝업과의 싸움은 전문가가 아닌 것처럼 보입니다.
PTwr

6

웹 사이트가 HTML 및 CSS 전용 인 경우 호스트가 필요하지 않습니다. 여분의 WAMP 환경에 사용할 USB 스틱에 꽂고 플러그를 꽂은 기계에서 실행하십시오.

USB 스틱을 잃어 버릴 염려가 있다면 웹 호스트가 적합한 백업입니다.


1
이것은 갈 길입니다. 스틱에 휴대용 서버를 설치할 수도 있습니다. 그러나 순전히 HTML과 CSS이므로 그럴 필요가 없습니다.
jay_t55

5

인터넷 페이지를 로컬로 열고 브라우저에 표시 할 수 있습니다.

다른 도메인 이름을 표시하려는 경우 XAMPP를 사용하여 로컬 웹 서버를 열 수 있습니다. 웹 사이트를 호스팅하고 시스템의 호스트 파일에 다음 줄을 추가하여 도메인을 maschine의 로컬 호스트로 지정하십시오.

127.0.0.1    www.presentation.mydomain.com

여기서 호스트 파일이 OS에서 어디에 있는지 확인할 수 있습니다.


나는이 해결책을 좋아한다!
jonboy

5

Amazon S3를 사용하여 정적 컨텐츠를 호스팅 할 수 있습니다. 방법에 대한 지침 은 http://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.html 을 참조 하십시오 .

기본적으로 AWS 계정에 가입하고 웹 사이트를 S3에 업로드 한 다음 URL과 같은 URL을 통해 액세스 할 수 있습니다 <bucket-name>.s3-website-<AWS-region>.amazonaws.com. CNAME을 사용하여 버킷에 대한 사용자 정의 도메인을 생성하면을 통해 버킷에 액세스 할 수 있습니다 presentation.mydomain.com.

S3 프리 티어, 5GB 및 1 년에 한 달에 최대 20000 개의 요청을 처리해야합니다. 출처 : http://aws.amazon.com/free/

https://chadthompson.me/2013/05/static-web-hosting-with-amazon-s3/ 는 스크린 샷을 사용하여 프로세스를 단계별로 안내합니다.

프리젠 테이션을 위해 인터넷에 액세스 할 수있는 도메인이 필요하지 않은 경우 Prinsig의 답변에 따라 웹 사이트 사본이있는 USB 드라이브를 사용하는 것이 가장 간단한 방법입니다.


4

사이트의 버전 관리를 위해 Git을 사용하고 있다면 ... (판단하지 말고 중요한 프로젝트라면 좀 그렇습니다!)

Github의 "프로젝트 페이지"에서 전체 웹 사이트를 호스팅 할 수 있습니다. (일명 Github Pages )

사이트 코드를 git push하는 것이 정말 간단합니다 . 기본적으로라는 지점으로 푸시하면 gh-pages사이트가 자동으로 게시되고 푸시하면 업데이트됩니다!

프로젝트의 Github에서의 환매 특약 페이지 인 경우 그래서 https://github.com/imausername/mysupersite 그런 다음 공공 프로젝트에 Github의 페이지 iamusername.github.io/mysupersite에있을 것입니다


이것에 감사합니다, 나는 git에 대한 지식이 거의 없으며 프레젠테이션이 며칠 만에 배우는 데 조금 늦을 수도 있습니다. 큰 답변 주셔서 감사합니다!
jonboy

1
또는 수은. 또는 최소한 Dropbox. 그러나 중요한 프로젝트는 항상 일종의 버전 관리하에 있어야합니다.
Wayne Werner

1
@johnny_s Git은 "git"후 정말 간단합니다.;) 15 분이 남았다면 try.github.com에서 가십시오
unknownprotocol

4

너무 복잡한 답변이 너무 많습니다.

이 웹 사이트는 HTML 및 CSS 전용 (DB 없음)이며 현재 공유 호스팅 계정에 있습니다.

Apache가 필요하지 않습니다. XAMP (또는 이와 유사한 것)가 필요하지 않습니다. cloudflare, dropbox 또는 기타 타사 서비스가 필요하지 않습니다. (github? 프리젠 테이션을 원하십니까?)

휴대용 저장 장치 만 있으면됩니다. USB 키, 외장 드라이브 등

프리젠 테이션에 상대 링크 만 포함되어 있는지 확인해야합니다. 방법은 다음과 같습니다.

  1. 공유 호스팅 계정에서 컴퓨터로 폴더를 복사하십시오.
  2. 네트워킹을 비활성화합니다. Wi-Fi를 끄거나 이더넷 케이블 등을 분리하십시오. 또는 랩탑을 들고 계단이나 주차장과 같이 Wi-Fi가없는 곳으로 가십시오.
  3. 폴더를 열고 첫 번째 index.html 파일을 두 번 클릭하여 올바르게 표시되는지 확인하십시오.

모든 것이 괜찮다면 갈 수 있습니다. 그렇지 않은 경우 추가 지시 사항에 대한 설명을 추가하십시오.


어쨌든 버전 제어에 git을 사용해야하므로 Github에 푸시하지 않겠습니까?
daviewales

@daviewales이 답변에 동의하지 않습니다. 왜 네트워킹을 비활성화합니까?
윌리엄 에드워즈

@WilliamDavidEdwards ^^ 그건 내 대답이 아닙니다. 방금 댓글을 달았습니다.
daviewales

@daviewales 죄송합니다. 댓글을 더 이상 수정할 수 없습니다.
William Edwards

1

웹 사이트를 사용할 수 있도록 라운드 로빈 DNS를 사용할 수 있습니다. 두 개의 서로 다른 IP를 가진 두 개의 호스팅 패키지를 주문하고 부하 분산을 위해 라운드 로빈 DNS를 사용할 수 있습니다. 한 IP가 오프라인 상태이면 트래픽이 다른 IP로 리디렉션됩니다.

다른 방법은 CloudFlare 입니다. 안정성을 높이기 위해 CloudFlare + 라운드 로빈 DNS를 사용할 수 있습니다 . CloudFlare는 웹 사이트에 보안 및 분석 기능을 추가하는 무료 (계획도 지불 한) 서비스입니다. CDN을 사용할 수도 있습니다. 실제로 웹 사이트를 최적화합니다. 그러나 가장 좋은 점은 사이트가 다운되면 캐시 된 버전을 표시 할 수 있다는 것입니다. 네임 서버를 변경하기 만하면됩니다. 웹 사이트에서 이에 대한 자세한 정보를 찾을 수 있습니다.

한 가지 더 있습니다 :

이제 공유 호스팅이 (상대적으로) 안정적이지만 최근에 일부 변경 사항이 적용되어 웹 사이트를 사용할 수없는 것으로 나타났습니다.

호스트가 장애 조치 서버 또는 다른 것을 사용하지 않는 경우 다른 호스트를 검색하는 것이 좋습니다. 가능하면 웹 사이트를 항상 사용할 수 있어야합니다.


1

메모장 문서에 파일을 작성 foo.html하거나 그 줄을 따라 저장 하거나 열 수 있으며 인터넷에 의존하지 않습니다. HTML 또는 CSS가 많으므로 어떻게 될지 모를 수 있습니다).


1

그리고 마지막으로, 표시하려는 모든 웹 페이지의 스크린 프린트를 만드십시오. 이봐, 그것은 나를 위해 일했다. Power Point에 넣거나 이름 / 시퀀스별로 정리하십시오. 머피의 법칙에는 한계가 없습니다!

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.