Как да създадете уебсайт без хостинг с Itty Bitty

реклама

С програмирането онлайн креативността не знае граници. Всеки ден програмисти в Интернет използват уменията си, за да създават малки проекти за обществото. Itty Bitty, уебсайт, създаден от бившия дизайнер за Google и настоящ вицепрезидент в Dropbox Nocholas Jitkoff, е един такъв малък проект.

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

Обяснение на Itty Bitty

Ето как работи: itty.bitty.site създава малки сайтове, като ги зарежда чрез техните URL адреси. С други думи, вашият сайт се съхранява и представя в своята връзка.

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

Ще отбележите, че след като получите връзката си Itty Bitty, тя ще бъде малко по-голяма от обикновено. Това е целият ви уебсайт.

Връзка за връзка

Действителният сайт, създаден от Itty Bitty, има много минимален интерфейс. Имайте предвид, че всяка допълнителна страница в сайта се създава с помощта на самия сайт.

От тази страница, можете веднага да започнете да използвате основен HTML код за създаване на проста страница.

Ако искате да създадете по-здрав Itty Bitty сайт, можете или да плъзнете и пуснете HTML документ директно в уебсайта или да свържете съществуващ проект директно в подкана.

Докато вашият документ или връзка може да използва други езици за програмиране като CSS или JS, те все още ще бъдат заредени с вашия сайт Itty Bitty. Въпреки това, основното предимство на използването на Itty Bitty (и основната причина тя да бъде заредена от адрес) е, че вашата страница трябва да се съхранява под определен малък размер.

Колко малък е Itty Bitty сайт?

Ако Itty Bitty е безплатен и не изисква уеб хостинг, колко голям може наистина да бъде вашият сайт? Отговорът: не много.

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

За щастие създателят има публикували максималните размери на байта възможно за много популярни платформи, за да се обясни с какви размери ще се поберат различните платформи:

Ако искате да съкратите уебсайт, използвайки например Bitly, ще трябва да създадете много малък уебсайт. Това важи и за Microsoft Edge. Ако искате само да го споделяте в браузърите, можете да създадете много по-голям сайт.

От линк към сайта на Itty Bitty

Въпреки че можете също да създавате Itty Bitty сайтове, като пускате HTML файлове директно в нея или като въвеждате директно съдържанието на сайта, ще демонстрирам с помощта на Codepen проект, предварително направен от Дъдли Стори.

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

Горното е фантастичен пример за това как силен HTML гръбнак и други фини добавки за програмиране могат да създадат прост уебсайт. За щастие, той също е достатъчно малък, за да споделя в много от изброените по-горе платформи.

За да преобразувате проект на Codepen в сайт на Itty Bitty, поставете връзката на писалката в сайта Itty Bitty. След това, мишката върху сивото неозаглавен секция и редактирайте текста, за да отразява вашия сайт.

След това щракнете върху меню в горния десен ъгъл на прозореца.

Тук създавате връзката към вашия Itty Bitty. Въпреки че може да не изглежда, че току-що сте създали уебсайт, имате!

След като щракнете върху Копирай връзка опция, можете да поставите връзката във вашия браузър, за да видите сайта. Също така важно да се отбележи: по подразбиране Itty Bitty сайтове могат да бъдат изпращани чрез QR код.

Това дава възможност за опции, като прикачване на физическа справка за загубени устройства.

Поздравления, сега имате уебсайт, готов за връзка, който е без сървър и безплатен!

Скъсете още повече Itty Bitty Link

Можете също така да създадете безпрепятствена връзка, използвайки инструмент за скъсяване на връзки. Ще използвам Bitly, което не само ви позволява да съкращавате връзки, но и ви позволява да персонализирате връзката със собствен текст, ако се регистрирате за безплатен акаунт.

Нашият оригинален пример на Codepen е твърде голям, за да се кондензира с помощта на Bitly, така че ето още един фантастичен проект на JT Helms. Просто следвах процеса по-горе, за да преобразувам тази писалка в сайт на Itty Bitty.

След като имате вашата връзка, се насочете към Bitly. Поставете връзката си в страницата за пръскане на Bitly или влезте в акаунта си и изберете създавам бутон. Въведете вашата връзка в следния подкана.

След като поставите връзката си, тя автоматично ще бъде преобразувана. След това коригирайте връзката си, както сметнете за добре, като използвате редактора на Bitly, ако сте влезли в системата.

Променям първоначалната връзка към ITTYBITTYEXAMPLE. Сега можете да се насочите към bit.ly/ITTYBITTYEXAMPLE както всеки друг сайт, освен, разбира се, че е безплатен и не изисква уеб хостинг или поддръжка на сървър.

Сигурност за сайтове на Itty Bitty

Въпреки че това е готин и гениален начин за създаване на малки HTML сайтове, това не е без недостатъците му. Можете да използвате злоупотреба с Itty Bitty сайт толкова лесно, колкото и всеки друг. Това означава, че сайтовете могат да ви дразнят с функции като сигнали.

Тъй като сайтът все още е в експериментална фаза, не е задължително да разчитате на него като основен метод за установяване на безопасно присъствие в мрежата.

Възможностите на Itty Bitty са безкрайни

Творчеството, намерено онлайн, често е впечатляващо. Рядко обаче той е толкова прост, достъпен и лесен за използване като Itty Bitty. Искате да покажете малко приложение? Да се ​​объркаш с елементи div? Всичко е лесно изпълнимо чрез сайта на Itty Bitty.

Освен това не сте ограничени до определен брой или сайтове. Вземете бележка от създателя на сайта Nocholas Jitkoff и свържете сайт в сайта за изчерпателен, многостраничен разяснителен уебсайт. Или направете ASCII булдог. Възможностите са малки по размер, но безкрайни по обхват, така че изпробвайте този малък онлайн експеримент днес!

Отидете по-далеч и направете още по-добри сайтове подобряване на познанията ви за HTML и CSS Научете HTML и CSS с тези стъпка по стъпка уроциЛюбопитни ли сте за HTML, CSS и JavaScript? Ако смятате, че имате умение да научите как да създавате уеб сайтове от нулата - ето няколко страхотни ръководства стъпка по стъпка, които си струва да опитате. Прочетете още преди да създадете Itty Bitty сайт! Или проверете нашия преглед на хостинг InMotion Пълният преглед на уеб хостинг InMotion за начинаещиНуждаете се от надежден уеб хостинг? Нашият преглед InMotion хостинг ще разкрие дали услугата е добър избор за вас. Прочетете още за друг начин да хоствате вашия сайт.