ฉันจะแน่ใจได้อย่างไรว่าเว็บไซต์ของฉันจะพร้อมใช้งานในระหว่างการนำเสนอ


12

ฉันมีงานนำเสนอออนไลน์ที่ต้องทำในสัปดาห์หน้าและฉันพร้อมที่จะไป

เว็บไซต์เป็น HTML และ CSS เท่านั้น (ไม่มีฐานข้อมูล) และปัจจุบันอยู่ในบัญชีโฮสติ้งที่ใช้ร่วมกันของฉัน

ตอนนี้แม้ว่าโฮสติ้งที่ใช้ร่วมกันของฉันจะมีความน่าเชื่อถือ แต่ค่อนข้างสังเกตได้ว่าเมื่อเร็ว ๆ นี้พวกเขาทำการเปลี่ยนแปลงบางอย่างและเว็บไซต์ของฉันไม่สามารถใช้งานได้ในบางครั้ง

ฉันไม่ต้องการให้สิ่งนี้เกิดขึ้นกับฉันในตอนเช้าของงานนำเสนอดังนั้นฉันจึงถามว่าวิธีที่ดีที่สุดในการเตรียมตัวสำหรับสิ่งนั้นคืออะไร?

โดเมนของฉันคือwww.presentation.mydomain.comและฉันต้องการเก็บไว้ถ้าเป็นไปได้ (แม้ว่าปัญหาเกิดขึ้น)

ฉันคิดถึงทางเลือกสองสามทาง:

  • โฮสต์ไซต์ของฉันบนสองโดเมนหรือเซิร์ฟเวอร์ที่ต่างกัน (แต่ชื่อโดเมนล่ะ)

  • มีรุ่น XAMPP แบบพกพาบนแท่ง USB (อีกครั้งชื่อโดเมน?)

  • ไซต์ / ตำแหน่งที่ล้มเหลวที่เป็นไปได้

ปรับปรุง:

การนำเสนอจะดำเนินการบนแล็ปท็อปไม่ใช่ของฉัน ดังนั้นฉันไม่สามารถติดตั้งซอฟต์แวร์ใด ๆ


เพียงปิดกั้นเว็บไซต์เป็น 127.0.0.1 (ผ่านโฮสต์ไฟล์หากบน windows) จากนั้นถ้าคุณไปที่ไซต์นั้น apache จะให้บริการ localhost ฉันทำสิ่งนี้กับเครื่อง dev ของฉัน: P
user3459110

2
อาจใช้HTTrackเพื่อดาวน์โหลดออฟไลน์ทั้งหมดสำหรับสถานการณ์ USB stick ของคุณใช่ไหม
Uwe Keim

การป้องกันการสาธิตปีศาจ ... การสาธิตผิดพลาดเป็นไปตามคาดการณ์ของกฎของเมอร์ฟี เนื่องจากไม่ใช่แอปพลิเคชัน php การโฮสต์ในเครื่องแบบพกพาและการเพิ่มรายการไฟล์โฮสต์ที่ชี้โดเมนของคุณที่ 127.0.0.1 จะเป็นการหลอกลวง
Fiasco Labs

คำตอบ:


14

โดยปกติคุณไม่จำเป็นต้องใช้เซิร์ฟเวอร์ใด ๆ เพียงแค่ดูไฟล์ HTML ดิบแม้ว่าพวกเขาจะอ้างอิงไฟล์อื่น ๆ CSS และ JavaScript เพียงคลิกสองครั้งที่ไฟล์ใดก็ได้และมันจะเปิดขึ้นพร้อมเบราว์เซอร์เริ่มต้นของเครื่องของคุณจากระบบไฟล์ในเครื่อง

อย่างไรก็ตามคุณอาจจำเป็นต้องตรวจสอบว่าเนื้อหาสแตติกของคุณไม่มีการอ้างอิงที่แน่นอนไปยังไฟล์อื่น ๆ หรือทรัพยากรอื่น ๆ ( <a href='http://mysite.com/extra.html'>) และมีเพียงการอ้างอิงสัมพัทธ์ ( <a href='extra.html'>) มันเป็นการปฏิบัติที่ดีอยู่แล้ว

ที่ดีที่สุดคือการคัดลอกเนื้อหาล่วงหน้าลงในฮาร์ดไดรฟ์ของแล็ปท็อปที่จะใช้และทดสอบการนำเสนอ นำเนื้อหาเดียวกันใน USB stick หรือ CD disk ในกรณีที่คุณจะต้องใช้เครื่องอื่นในทันที


ฉันได้ลองแล้วและใช้งานได้แม้ว่าฉันจะไม่สามารถใช้งานแล็ปท็อปที่ฉันจะใช้งานได้ แต่ก็ใช้งานได้ดีกับ USB ที่มีพีซีแบบสุ่ม ไม่แน่ใจว่าฉันต้องการเซิร์ฟเวอร์หรือไม่เพราะเห็นว่าฉันมีไฟล์ css และ js ขอบคุณ!
jonboy

2
@johnny_s CSS และ JS ทั้งหมดทำงานในไคลเอนต์ (เบราว์เซอร์ aka) ไม่จำเป็นต้องให้บริการ
Ryan

11

เนื่องจากไซต์ของคุณเป็นแบบคงที่โซลูชันหนึ่งคือการใช้CloudFlareเนื่องจากยังสามารถให้บริการหน้าที่แคชถ้าไซต์ของคุณหยุดทำงาน (ด้วยการกำหนดค่าที่เหมาะสม) มันจะโปร่งใสหากมีปัญหา

และเก็บสำเนาไซต์ของคุณไว้ในแล็ปท็อปหรือในเมมโมรี่สติ๊กถ้าคุณไม่สามารถใช้แล็ปท็อปของคุณได้ หากทุกอย่างผิดพลาดคุณจะยังสามารถใช้การนำเสนอของคุณให้เสร็จlocalhostแทนที่จะใช้ชื่อโดเมนของคุณ มันจะเป็นทางออกสุดท้าย

PS:แน่นอนว่าในการติดตั้งเว็บไซต์พกพาเราควรใช้เส้นทางสัมพัทธ์ทุกที่ซึ่งมี 'ญาติ' นำ 'ความหมาย' จากราก ' อย่าลืมมันมิฉะนั้นลิงก์จะสัมพันธ์กับ directoy ปัจจุบัน


ขอบคุณ @JVerstry ฉันไม่เคยได้ยิน CloudFare มาก่อน ฉันได้อัปเดตคำถามเดิมของฉันแล้วฉันไม่ได้เป็นเจ้าของแล็ปท็อปดังนั้นจะไม่สามารถเข้าถึงการติดตั้งซอฟต์แวร์อื่น ๆ ได้ก่อน
jonboy

@johnny_s ฉันได้อัปเดตคำตอบแล้วคุณสามารถใส่สำเนาของงานนำเสนอลงในหน่วยความจำ USB ซึ่งคุณสามารถเสียบเข้ากับแล็ปท็อปนั้นได้หากทุกอย่างผิดพลาด
Jérôme Verstrynge

ขอบคุณ @JVerstry - คุณหมายถึงติดตั้งบน USB ด้วย XAMPP หรือคล้ายกัน?
jonboy

2
ไม่เพียงคัดลอกไฟล์ที่ปกติแล้วคุณจะอัปโหลดบนเว็บเซิร์ฟเวอร์ของคุณใน USB stick จากนั้นเปิดหน้า index.html ด้วยเบราว์เซอร์ของคุณ (การดับเบิลคลิกที่หน้านั้นก็เพียงพอแล้ว) ไม่จำเป็นต้องติดตั้ง XAMPP หรืออะไรก็ตาม
Jérôme Verstrynge

1
คุณสามารถแมป localhost ip (127.0.0.1) กับโดเมนที่คุณเลือกโดยใช้โฮสต์ด้วยวิธีนี้คุณจะหลีกเลี่ยงหมายเลขที่น่าเกลียดในแถบที่อยู่เมื่อเรียกใช้จากเซิร์ฟเวอร์ภายใน เมื่อเรียกใช้ไฟล์ในเครื่อง (โดยไม่ใช้เซิร์ฟเวอร์) คุณอาจพบปัญหาเกี่ยวกับเนื้อหาที่ถูกบล็อก (js, active / x, flash ฯลฯ ) ดังนั้นทดสอบก่อนการต่อสู้กับป๊อปอัปแบบสุ่มจะดูไม่เป็นมืออาชีพ
PTwr

6

หากเว็บไซต์เป็น HTML และ CSS เท่านั้นคุณไม่จำเป็นต้องมีโฮสต์ เพียงแค่โยนมันลงบนแท่ง USB ที่คุณจะใช้สำหรับสภาพแวดล้อม WAMP ที่ซ้ำซ้อนและเรียกใช้จากเครื่องใดก็ตามที่คุณเสียบเข้ากับ

หากคุณกังวลเกี่ยวกับการสูญเสียก้าน USB การโฮสต์เว็บจะเป็นการสำรองข้อมูลที่เหมาะสม


1
นี่คือวิธีที่จะไป คุณสามารถทำได้แม้กระทั่งติดตั้งเซิร์ฟเวอร์พกพาที่ติดได้เช่นกัน แต่เนื่องจากเป็น HTML และ CSS ล้วนๆจึงไม่จำเป็นต้องทำเช่นนั้น
jay_t55

5

คุณสามารถเปิดหน้าอินเทอร์เน็ตในพื้นที่และแสดงในเบราว์เซอร์ของคุณ

หากคุณต้องการแสดงชื่อโดเมนอื่นคุณสามารถใช้ XAMPP เพื่อเปิดเว็บเซิร์ฟเวอร์ท้องถิ่น โฮสต์เว็บไซต์ของคุณที่นั่นและชี้โดเมนไปยัง localhost ของคุณบน maschine โดยเพิ่มบรรทัดต่อไปนี้ไปยังไฟล์ hosts ของคุณในระบบของคุณ:

127.0.0.1    www.presentation.mydomain.com

ที่นี่คุณจะพบว่าไฟล์โฮสต์อยู่ที่ไหนบนระบบปฏิบัติการของคุณ


ฉันชอบวิธีนี้!
jonboy

5

คุณสามารถโฮสต์เนื้อหาสแตติกโดยใช้ Amazon S3 ดูhttp://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.htmlสำหรับคำแนะนำเกี่ยวกับวิธีการ

โดยทั่วไปคุณลงทะเบียนสำหรับบัญชี AWS อัปโหลดเว็บไซต์ของคุณเป็น S3 และจากนั้นสามารถเข้าถึงได้ผ่านทาง URL <bucket-name>.s3-website-<AWS-region>.amazonaws.comเช่น นอกจากนี้คุณยังสามารถสร้างโดเมนที่กำหนดเองสำหรับถังที่มี CNAME presentation.mydomain.comซึ่งก็จะช่วยให้คุณสามารถเข้าถึงได้ผ่านทาง

คุณควรได้รับการคุ้มครองด้วยระดับฟรี S3, 5GB และสูงสุด 20,000 คำร้องต่อเดือนเป็นเวลาหนึ่งปี ที่มา: http://aws.amazon.com/free/

https://chadthompson.me/2013/05/static-web-hosting-with-amazon-s3/เสนอแนวทางที่ดีของกระบวนการด้วยภาพหน้าจอ

หากคุณไม่ต้องการให้โดเมนสามารถเข้าถึงอินเทอร์เน็ตสำหรับงานนำเสนอได้ให้ใช้ไดรฟ์ USB พร้อมสำเนาของเว็บไซต์ซึ่งเป็นวิธีที่ง่ายที่สุดตามคำตอบของ Prinsig


4

หากคุณกำลังใช้ Git สำหรับการควบคุมเวอร์ชันของเว็บไซต์ของคุณ ... (อย่าตัดสิน ... แต่คุณควรจะเป็นถ้ามันเป็นโครงการที่สำคัญ!)

คุณสามารถโฮสต์เว็บไซต์ทั้งหมดของคุณใน "หน้าโครงการ" ของ Github (aka Github Pages )

ง่ายมากเพียงแค่ คอมไพล์โค้ดไซต์ของคุณที่นั่น โดยพื้นฐานแล้วคุณจะไปที่สาขาที่เรียกว่าgh-pagesและเว็บไซต์ของคุณจะเผยแพร่โดยอัตโนมัติและอัปเดตเมื่อคุณกด!

ดังนั้นหากโครงการของคุณหน้า repo Github เป็นhttps://github.com/imausername/mysupersite แล้วประชาชนหน้า Github สำหรับโครงการของคุณจะเป็นที่ iamusername.github.io/mysupersite


ขอบคุณสำหรับสิ่งนี้ฉันมีความรู้เกี่ยวกับคอมไพล์น้อยมากและมันอาจจะช้าไปหน่อยที่จะเรียนรู้ตอนนี้เนื่องจากการนำเสนออยู่ในไม่กี่วันและฉันก็สนใจเรื่องนั้น ขอบคุณสำหรับคำตอบที่ยอดเยี่ยม!
jonboy

1
หรือ Mercurial หรือแม้แต่ Dropbox ขั้นต่ำ แต่หนึ่งควรเก็บโครงการที่สำคัญภายใต้การควบคุมเวอร์ชันบางประเภท
Wayne Werner

1
@johnny_s Git ค่อนข้างง่ายจริงๆหลังจากที่คุณ "git" มัน;) หากคุณมีเวลา 15 นาทีในการสำรอง ... ลองไปที่ try.github.com
unknownprotocol

4

คำตอบที่ซับซ้อนเกินไปมากมาย

เว็บไซต์เป็น HTML และ CSS เท่านั้น (ไม่มีฐานข้อมูล) และปัจจุบันอยู่ในบัญชีโฮสติ้งที่ใช้ร่วมกันของฉัน

คุณไม่ต้องการ Apache คุณไม่จำเป็นต้องมี XAMP (หรือคล้ายกัน) คุณไม่จำเป็นต้องมี cloudflare, dropbox หรือบริการของบุคคลที่สามอื่น ๆ (github สำหรับการนำเสนอหรือไม่โปรด.)

เพียงคุณมีอุปกรณ์เก็บข้อมูลแบบพกพา คีย์ USB ไดรฟ์ภายนอกอะไรก็ตาม

สิ่งที่คุณต้องทำคือการยืนยันว่างานนำเสนอของคุณมีลิงก์ที่เกี่ยวข้องเท่านั้น นี่คือวิธีที่คุณทำ:

  1. คัดลอกโฟลเดอร์จากบัญชีโฮสติ้งที่แชร์ไปยังคอมพิวเตอร์ของคุณ
  2. ปิดการใช้งานเครือข่าย ปิด WiFi ของคุณถอดสายเคเบิลอีเธอร์เน็ต ฯลฯ หรือเพียงแค่หยิบแล็ปท็อปของคุณแล้วไปที่ไหนสักแห่งที่ไม่มี wifi เช่นบันไดหรือลานจอดรถ
  3. เปิดโฟลเดอร์นั้นดับเบิลคลิกที่ไฟล์ index.html แรกและดูว่ามันถูกต้องหรือไม่

หากทุกอย่างเรียบร้อยคุณก็พร้อมที่จะไป ถ้าไม่เพิ่มความคิดเห็นสำหรับคำแนะนำเพิ่มเติม


คุณควรใช้ git เพื่อควบคุมเวอร์ชันอยู่แล้วทำไมไม่ลองใช้ Github ล่ะ
daviewales

@daviewales ฉันไม่เห็นด้วยกับคำตอบนี้ เหตุใดจึงปิดการใช้งานเครือข่าย
William Edwards

@WilliamDavidEdwards ^^ นั่นไม่ใช่คำตอบของฉัน ฉันเพิ่งแสดงความคิดเห็นกับมัน
daviewales

@daviewales ขออภัย ไม่สามารถแก้ไขความคิดเห็นได้อีก
William Edwards

1

เพื่อให้แน่ใจว่าเว็บไซต์ของคุณพร้อมใช้งานคุณสามารถใช้ round-robin DNS คุณสามารถสั่งซื้อแพ็คเกจโฮสติ้งสองชุดด้วย IP ที่แตกต่างกันสองชุดและใช้ round-robin DNS สำหรับการทำโหลดบาลานซ์ หาก IP หนึ่งออฟไลน์การรับส่งข้อมูลจะถูกเปลี่ยนเส้นทางไปที่อื่น

วิธีอื่น ๆ ที่อยู่กับCloudFlare คุณสามารถใช้CloudFlare + round-robin DNS เพื่อความน่าเชื่อถือเป็นพิเศษ CloudFlare เป็นบริการฟรี (พวกเขาชำระเงินด้วย) ซึ่งเพิ่มความปลอดภัยและการวิเคราะห์เว็บไซต์ของคุณ คุณยังสามารถใช้ CDN ของพวกเขา มันจะเพิ่มประสิทธิภาพเว็บไซต์ของคุณ แต่ส่วนที่ดีที่สุดคือหากเว็บไซต์ของคุณหยุดทำงานพวกเขาสามารถแสดงเวอร์ชันที่แคชได้ สิ่งที่คุณต้องทำคือเปลี่ยนเนมเซิร์ฟเวอร์ของคุณ คุณสามารถค้นหาข้อมูลเพิ่มเติมเกี่ยวกับสิ่งนั้นในเว็บไซต์ของพวกเขา

มีอีกสิ่งหนึ่ง:

ตอนนี้แม้ว่าโฮสติ้งที่ใช้ร่วมกันของฉันจะมีความน่าเชื่อถือ แต่ค่อนข้างสังเกตได้ว่าเมื่อเร็ว ๆ นี้พวกเขาทำการเปลี่ยนแปลงบางอย่างและเว็บไซต์ของฉันไม่สามารถใช้งานได้ในบางครั้ง

หากโฮสต์ของคุณไม่ได้ใช้เซิร์ฟเวอร์ failover หรือบางอย่างอาจเป็นการดีกว่าที่จะค้นหาโฮสต์อื่น - เว็บไซต์ของคุณควรพร้อมใช้งานเสมอถ้าเป็นไปได้


1

ฉันคิดว่าคุณสามารถเขียนลงในเอกสาร notepad บันทึกเป็นfoo.htmlหรือบางสิ่งตามบรรทัดเหล่านั้นและเปิดมันจะไม่พึ่งพาอินเทอร์เน็ต (เป็นที่ยอมรับฉันไม่แน่ใจว่าจะใส่ CSS ในนั้นได้อย่างไร HTML มากหรือ CSS ใด ๆ เพื่อให้คุณสามารถลองไม่แน่ใจว่ามันจะเปิดออก)


1

และสุดท้าย แต่ไม่ท้ายสุดให้ทำสกรีนของหน้าเว็บทั้งหมดที่คุณวางแผนจะแสดง เฮ้มันใช้งานได้สำหรับฉัน วางไว้ใน Power Point หรือจัดระเบียบตามชื่อ / ลำดับ กฎของเมอร์ฟีไม่มีขอบเขต!

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.