Как создать сайт без хостинга с помощью Itty Bitty

Как создать сайт без хостинга с помощью Itty Bitty

С программированием онлайн-творчество не знает границ. Каждый день программисты в Интернете используют свои навыки для создания небольших проектов для общественности. Itty Bitty, веб-сайт, созданный бывшим дизайнером Google и нынешним вице-президентом Dropbox Ночоласом Джиткоффом, является одним из таких небольших проектов.





Используя сайт Itty Bitty, вы можете бесплатно создать крошечный HTML-сайт, даже если у вас нет веб-хостинга.





Крошечное объяснение

Вот как это работает: itty.bitty.site создает небольшие сайты, загружая их через их URL-адреса. Другими словами, ваш сайт хранится и отображается в его ссылке.





Из-за этого веб-сайты, созданные с помощью Itty Bitty, не требуют абсолютно никакого веб-хостинга. Сам URL-адрес содержит все данные о сайте: как он выглядит, о чем говорит и т. Д.

Вы заметите, что как только вы получите ссылку на Itty Bitty, она будет немного больше, чем обычно. Это весь ваш сайт.



Фактический сайт, созданный Итти Битти, имеет очень минимальный интерфейс. Имейте в виду, что каждая дополнительная страница на сайте создается с использованием самого сайта.

С этой страницы , вы можете сразу начать использовать базовый HTML для создания простой страницы.





Если вы хотите создать более надежный сайт Itty Bitty, вы можете либо перетащить HTML-документ прямо на веб-сайт, либо связать существующий проект прямо в приглашении.

Хотя ваш документ или ссылка могут использовать другие языки программирования, такие как CSS или JS, они все равно будут загружены на ваш сайт Itty Bitty. Тем не менее, основное преимущество использования Itty Bitty (и основная причина, по которой его можно загружать с адреса) заключается в том, что ваша страница должна иметь определенный небольшой размер.





Насколько мал этот битовый сайт?

Если Itty Bitty бесплатна и не требует веб-хостинга, насколько большим может быть ваш сайт на самом деле? Ответ: не очень .

где я могу купить щенка

Сайт представляет вам размер вашего сайта в правой верхней части окна. Хотя сайты могут меняться в размере, это также означает, что размер вашей ссылки также будет изменяться. Некоторые сайты не позволяют вам делиться ссылками размером более нескольких байтов, что может ограничить вашу возможность делиться более крупными сайтами.

К счастью, у создателя есть опубликовал максимальные размеры байтов Для многих популярных платформ можно объяснить, какие размеры подходят для разных платформ:

Например, если вы хотите сократить веб-сайт с помощью Bitly, вам придется создать очень маленький веб-сайт. То же самое и с Microsoft Edge. Однако, если вы хотите только поделиться им в браузерах, вы можете создать сайт гораздо большего размера.

Хотя вы также можете создавать сайты Itty Bitty, перетаскивая HTML-файлы непосредственно в них или напрямую вводя содержимое сайта, я продемонстрирую использование проекта Codepen, ранее созданного Дадли Стори .

Codepen - это самый простой способ создать свой сайт с помощью Itty Bitty. Codepen предоставляет пользователям как простую в использовании среду разработчика, так и удобный процесс связывания.

Вышеупомянутое является фантастическим примером того, как сильная основа HTML - и другие тонкие программные дополнения - могут создать простой веб-сайт. К счастью, он достаточно мал, чтобы использовать его на многих перечисленных выше платформах.

Чтобы преобразовать проект Codepen в сайт Itty Bitty, вставьте ссылку Pen на сайт Itty Bitty. Затем наведите указатель мыши на серый без названия раздел и отредактируйте текст, чтобы он отражал ваш сайт.

Затем нажмите на меню в правом верхнем углу окна.

как увеличить баран на windows 7

Здесь вы создаете ссылку на свой Itty Bitty. Хотя может показаться, что вы только что создали веб-сайт, у вас есть!

Как только вы нажмете копировать ссылку вариант, вы можете вставить ссылку в свой браузер, чтобы просмотреть сайт. Также важно отметить: по умолчанию сайты Itty Bitty можно отправлять с помощью QR-кода.

Это позволяет использовать множество опций, таких как прикрепление физического справочника к потерянным устройствам.

Поздравляем, теперь у вас есть готовый к размещению ссылки веб-сайт без сервера и бесплатный!

Вы также можете создать ссылку без помех, используя инструмент сокращения ссылок. Я буду использовать Bitly, который не только позволяет сокращать ссылки, но также позволяет настраивать ссылку с помощью собственного текста, если вы зарегистрируетесь для бесплатной учетной записи.

Наш исходный пример Codepen слишком велик, чтобы его можно было сжать с помощью Bitly, поэтому вот еще один фантастический проект от JT рули . Я просто выполнил описанный выше процесс, чтобы преобразовать это Pen в сайт Itty Bitty.

Как только у вас будет ссылка, перейдите в Bitly . Вставьте ссылку на заставку Bitly или войдите в свою учетную запись и выберите Создавать кнопка. Введите ссылку в следующем окне.

Как только вы вставите ссылку, она будет автоматически преобразована. Затем настройте ссылку по своему усмотрению с помощью редактора Bitly, если вы вошли в систему.

Меняю исходную ссылку на ITTYBITTYEXAMPLE. Теперь вы можете перейти к bit.ly/ITTYBITTYEXAMPLE как и любой другой сайт --- за исключением, конечно, того, что он бесплатный и не требует веб-хостинга или обслуживания сервера.

Безопасность для сайтов Itty Bitty

Хотя это крутой и гениальный способ создания небольших HTML-сайтов, он не лишен недостатков. Вы можете злоупотреблять сайтом Itty Bitty так же легко, как и любым другим. Это означает, что сайты могут раздражать вас такими функциями, как предупреждения.

Поскольку сайт все еще находится в экспериментальной фазе, не обязательно полагаться на него как на основной метод обеспечения безопасного присутствия в Интернете.

Незначительные возможности безграничны

Креативность, которую можно найти в Интернете, часто впечатляет. Однако он редко бывает таким простым, доступным и легким в использовании, как Itty Bitty. Хотите продемонстрировать небольшое приложение? Возиться с элементами div? Все это легко сделать с помощью сайта Itty Bitty.

Более того, вы не ограничены определенным количеством сайтов. Возьмите заметку от создателя сайта Ночоласа Джиткоффа и добавьте ссылку на сайт внутри сайта, чтобы получить исчерпывающий, многостраничный пояснительный веб-сайт. Или сделайте ASCII бульдог . Возможности невелики по размеру, но безграничны по объему, так что попробуйте этот небольшой онлайн-эксперимент сегодня!

Пойдите дальше и сделайте сайты еще лучше, улучшив свои знания HTML и CSS, прежде чем создавать сайт Itty Bitty! Или проверить наш обзор хостинга InMotion для другого способа разместить ваш сайт.

Делиться Делиться Твитнуть Эл. адрес Как очистить компьютер с Windows с помощью командной строки

Если на вашем ПК с Windows не хватает места для хранения, удалите ненужные файлы с помощью этих быстрых утилит командной строки.

Читать далее
Похожие темы
  • Интернет
  • Программирование
  • HTML
  • Веб-разработка
Об авторе Кристиан Бонилья(Опубликовано 83 статей)

Кристиан недавно присоединился к сообществу MakeUseOf и заядлый читатель всего, от плотной литературы до комиксов Кальвина и Гоббса. Его страсть к технологиям сочетается только с его желанием и желанием помочь; если у вас есть какие-либо вопросы, касающиеся (в основном) чего-либо, не стесняйтесь писать по электронной почте!

Ещё от Christian Bonilla

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться