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

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

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





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





Едно малко обяснение

Ето как работи: 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 е безплатен и не изисква уеб хостинг, колко голям може да бъде вашият сайт? Отговорът: не много .

огледайте вашия Mac безжично на вашия roku

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

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

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

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

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

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

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

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

твърдият диск няма да стартира Windows 10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отидете по -далеч и направете още по -добри сайтове, като подобрите познанията си за HTML и CSS, преди да създадете сайт Itty Bitty! Или проверете нашия преглед на InMotion хостинг за друг начин да хоствате вашия сайт.

Дял Дял Туит електронна поща Как да почистите вашия компютър с Windows с помощта на командния ред

Ако на вашия компютър с Windows има малко място за съхранение, почистете боклуците, като използвате тези бързи помощни програми за командния ред.

Прочетете Напред
Свързани теми
  • интернет
  • Програмиране
  • HTML
  • Уеб разработка
За автора Християнска бонила(83 статии са публикувани)

Кристиан е скорошно допълнение към общността MakeUseOf и запален читател на всичко - от плътна литература до комиксите на Калвин и Хобс. Страстта му към технологиите се съчетава само с неговото желание и желание да помогне; ако имате въпроси относно (най -вече) нещо, не се колебайте да изпратите имейл!

Още от Christian Bonilla

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате