Як я можу переконатися, що мій веб-сайт буде доступний під час презентації?


12

У мене є онлайн-презентація, яку слід зробити на наступному тижні, і я все це готова до роботи.

Веб-сайт призначений лише для HTML та CSS (без БД) і наразі знаходиться на моєму спільному хостинг-акаунті.

Тепер, хоча мій спільний хостинг (відносно) надійний, я помітив, що останнім часом вони вносять деякі зміни, а мій веб-сайт часом недоступний.

Я не хочу, щоб це сталося зі мною вранці моєї презентації, тому я запитую, який найкращий спосіб підготуватися до такого?

Мій домен є, www.presentation.mydomain.comі я хотів би зберегти це, якщо це можливо (навіть якщо виникають проблеми).

Я думав про кілька альтернатив:

  • Розмістіть мій сайт на двох різних доменах або серверах (а як щодо доменного імені?)

  • Мати портативну версію XAMPP на USB-накопичувачі (знову ж таки, доменне ім’я?)

  • Можливий відмовний сайт / місцезнаходження

Оновлення:

Презентація проводитиметься на їхньому ноутбуці, а не на моєму. Тому я не можу встановити жодне програмне забезпечення.


Просто заблокуйте сайт до 127.0.0.1 (через файл хостів, якщо у Windows). Тоді якщо ви перейдете на цей сайт, апаш обслуговуватиме localhost. Я роблю це на своїй машині
розробки

2
Можливо, використовуючи HTTrack, щоб повністю завантажити його в автономному режимі для вашого сценарію USB stick?
Uwe Keim

Запобігання Демонам ... Демос виходить не так, передбачувано, як закон Мерфі. Враховуючи, що це не програма php, хостинг на локальному рівні на портативній машині та додавання запису файлів хостів, що вказує ваш домен на 127.0.0.1.
Лабораторії Фіаско

Відповіді:


14

Зазвичай вам не потрібен жоден сервер, щоб переглядати необроблені файли HTML, навіть якщо вони посилаються на інші файли, CSS та JavaScript. Просто двічі клацніть будь-який файл, і він відкриється за допомогою браузера за замовчуванням вашої машини з локальної файлової системи.

Однак вам може знадобитися перевірити, чи ваш статичний вміст не має абсолютних посилань на інші файли чи інші ресурси ( <a href='http://mysite.com/extra.html'>) і містить лише відносні посилання ( <a href='extra.html'>). Так чи інакше, це добра практика.

Найкраще було б заздалегідь скопіювати вміст на жорсткий диск ноутбука, який буде використовуватися, і протестувати презентацію. Візьміть з собою однаковий вміст на USB-накопичувач або диск CD, якщо вам раптом доведеться використовувати інший апарат.


Я спробував це, і це працює завдяки, хоча у мене немає доступу до ноутбука, який я буду використовувати, він відмінно працює на USB з випадковими ПК. Не був впевнений, потрібен мені сервер чи ні, бачачи, як у мене є файли css та js. Дякую!
jonboy

2
@johnny_s CSS і JS всі запускаються в клієнті (він же браузер). Подавати не потрібно.
Райан

11

Оскільки ваш сайт є статичним, одним із варіантів є використання CloudFlare , оскільки він все ще може обслуговувати кешовані сторінки, якщо ваш веб-сайт знижується (при правильній конфігурації). Це буде прозоро, якщо виникне проблема.

І зберігайте копію свого веб-сайту на своєму ноутбуці або на пам’яті, якщо ви не можете використовувати свій ноутбук. Якщо все піде не так, ви все одно зможете закінчити свою презентацію, використовуючи localhostзамість свого доменного імені. Це було б останньою інстанцією.

PS: Звичайно, щоб реалізувати портативний веб-сайт, слід впроваджувати відносні шляхи скрізь, тобто з провідним "\", що означає "відносне від кореня". Не забувайте про це, інакше посилання буде відносно поточної дирекції.


Дякую @JVerstry, я ніколи не чув про CloudFare, щоб це вивчити. Я також оновив своє початкове запитання, я не володію ноутбуком, тому не
матиму

@johnny_s Я оновив свою відповідь, ви можете помістити копію вашої презентації на накопичувач USB, який ви можете підключити до цього ноутбука, якщо все піде не так.
Jérôme Verstrynge

Дякую @JVerstry - ти маєш на увазі встановити його на USB за допомогою XAMPP чи подібного?
jonboy

2
Не просто копіюйте файли, які зазвичай завантажуєте на свій веб-сервер, на USB-накопичувач. Потім відкрийте сторінку 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 для відкриття локального веб-сервера. Розмістіть свій веб-сайт там і вкажіть домен на локальний господар на своїй машині, додавши наступний рядок до файлу хостів у вашій системі:

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, 5 Гб і до 20000 запитів на місяць протягом року. Джерело: http://aws.amazon.com/free/

https://chadthompson.me/2013/05/static-web-hosting-with-amazon-s3/ пропонує гарне проходження процесу із скріншотами.

Якщо вам не потрібен домен для доступу до Інтернету для презентації, то використання USB-накопичувача з копією веб-сайту на ньому - це найпростіший спосіб, відповідно до відповіді Prinsig.


4

Якщо ви використовуєте Git для контролю версій свого сайту ... (не для того, щоб судити ... але ви начебто повинні бути, якщо це важливий проект!)

Ви можете розмістити весь свій веб-сайт на сторінках проекту Github. (aka Pages Github Pages )

Це просто просто натиснути на ваш код код веб-сайту. В основному ви натискаєте на відділення, яке називається, gh-pagesі ваш сайт автоматично публікується та оновлюється, коли ви натискаєте!

Тож якщо сторінка репортажу Github вашого проекту є https://github.com/imausername/mysupersite Тоді відкрита сторінка Github для вашого проекту буде за адресою iamusername.github.io/mysupersite


Дякую за це, я маю дуже мало знань про git, і, можливо, вже пізно вивчити це зараз, оскільки презентація проходить через кілька днів, і я зосереджений на цьому. Дякую хоча за чудову відповідь!
jonboy

1
Або меркурій. Або навіть Dropbox як мінімум. Але завжди слід тримати важливі проекти під якимсь контролем версій.
Уейн Вернер

1
@johnny_s Git дійсно дуже просто після того, як ви «мерзотник» це;) Якщо у вас є 15 хвилин , щоб заощадити ... дати їй йти на try.github.com
unknownprotocol

4

Стільки надмірно складних відповідей.

Веб-сайт призначений лише для HTML та CSS (без БД) і наразі знаходиться на моєму спільному хостинг-акаунті.

Вам не потрібен Apache. Вам не потрібен XAMP (або подібний). Вам не потрібні cloudflare, dropbox або будь-який інший сторонній сервіс. (github? для презентації? будь ласка.)

Все, що вам потрібно, це портативний пристрій зберігання даних. USB-ключ, зовнішній привід, що завгодно.

Що вам потрібно - це підтвердити, що ваша презентація містить лише відносні посилання. Ось як це зробити:

  1. скопіюйте папку зі свого спільного хостинг-акаунта на свій комп’ютер.
  2. відключити мережу. Вимкніть свій Wi-Fi, відключіть кабель Ethernet і т. Д. Або просто підберіть свій ноутбук і вирушайте кудись, де немає Wi-Fi, як, наприклад, сходи або стоянка.
  3. відкрийте папку, двічі клацніть перший файл index.html і перевірте, чи правильно воно виглядає.

Якщо все в порядку, ви добре піти. Якщо ні, додайте коментар для подальших інструкцій.


Ви все одно повинні використовувати git для контролю версій, то чому б не перенести його на Github?
daviewales

@daviewales Я не згоден з цією відповіддю. Навіщо відключати мережу?
Вільям Едвардс

@WilliamDavidEdwards ^^ Це не моя відповідь. Я просто прокоментував це.
daviewales

@daviewales Вибачте. Не можна більше редагувати коментар.
Вільям Едвардс

1

Щоб переконатися, що ваш веб-сайт доступний, ви можете використовувати кругоспроможний DNS. Ви можете замовити два пакети хостингу з двома різними IP-адресами та використовувати DNS-круговий DNS для балансування навантаження. Якщо одна IP-адреса відсутня в режимі офлайн, трафік буде перенаправлений на інший.

Інший спосіб - із CloudFlare . Для додаткової надійності можна використовувати CloudFlare + круглобільний DNS. CloudFlare - це безкоштовна (вони теж платні плани) послуга, яка додає безпеку та аналітику на ваш веб-сайт. Ви також можете використовувати їх CDN. Це дійсно оптимізує ваш веб-сайт. Але найкраще, що якщо ваш веб-сайт знижується, вони можуть показати кешовану версію. Все, що вам потрібно зробити - це змінити своїх серверів імен. Ви можете знайти більше інформації про це на їхньому веб-сайті.

Є ще одне:

Тепер, хоча мій спільний хостинг (відносно) надійний, я помітив, що останнім часом вони вносять деякі зміни, а мій веб-сайт часом недоступний.

Якщо ваш хост не використовує сервер з відмовою або щось подібне, можливо, краще шукати іншого хоста - ваш веб-сайт повинен бути завжди доступним, якщо це можливо.


1

Я думаю, ви можете записати їх на документ в блокнот, зберегти як- foo.htmlнебудь щось у цих рядках і відкрити, це не буде покладатися на Інтернет (правда, я не впевнений, як вписати CSS туди, до якого я ніколи не робив багато html або будь-який CSS, так що ви можете спробувати не впевнений, як це вийде).


1

І, нарешті, але не менш важливо, зробіть скріншоти всіх веб-сторінок, які ви планували відображати. Гей, це працює для мене. Помістіть їх у Power Point або просто організуйте за назвою / послідовністю. Закон Мерфі не має меж!

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.