Itty Bitty ile Hosting Ücretsiz Bir Web Sitesi Nasıl Oluşturulur

İlan

Programlama ile çevrimiçi yaratıcılık sınır tanımaz. Her gün, İnternet'teki programcılar, becerilerini halk için küçük projeler oluşturmak için kullanıyorlar. Google için eski tasarımcı ve Dropbox Nocholas Jitkoff'un şu anki başkan yardımcısı tarafından oluşturulan bir web sitesi olan Itty Bitty, bu tür küçük bir projedir.

Itty Bitty sitesini kullanarak, web barındırma hizmetiniz olmasa bile ücretsiz olarak küçük bir HTML web sitesi oluşturabilirsiniz.

Küçük Bir Bitty Açıklaması

Şöyle çalışır: itty.bitty.site URL'leri aracılığıyla yükleyerek küçük siteler oluşturur. Başka bir deyişle, siteniz bağlantısı içinde saklanır ve sunulur.

Bu nedenle, Itty Bitty kullanılarak oluşturulan web siteleri kesinlikle hiçbir web hosting gerektirmez. URL, sitenin tüm verilerini tutar: neye benzediğini, ne söylediğini vb.

Itty Bitty bağlantınızı aldıktan sonra normalden biraz daha büyük olacağını göreceksiniz. Tüm web siteniz bu.

Link için Link

Itty Bitty tarafından oluşturulan gerçek site çok az bir arayüze sahiptir. Unutmayın, sitedeki her ek sayfa sitenin kendisi kullanılarak oluşturulur.

Bu sayfadan, basit bir sayfa oluşturmak için hemen temel HTML'yi kullanmaya başlayabilirsiniz.

Daha sağlam bir Itty Bitty sitesi oluşturmak istiyorsanız, bir HTML belgesini doğrudan web sitesine sürükleyip bırakabilir veya mevcut bir projeyi doğrudan bilgi istemine bağlayabilirsiniz.

Belgeniz veya bağlantınız CSS veya JS gibi diğer programlama dillerini kullanıyor olsa da, yine de Itty Bitty sitenize yüklenecektir. Bununla birlikte, Itty Bitty'yi kullanmanın ana avantajı (ve bir adresten yüklenebilmesinin ana nedeni) sayfanızın belirli, küçük bir boyutta tutulması gerektiğidir.

Bir Küçük Bitty Sitesi Ne Kadar Küçük?

Itty Bitty ücretsiz ve hiçbir web hosting gerektiriyorsa, siteniz gerçekten ne kadar büyük olabilir? Cevap: çok değil.

Site, web sitenizin boyutunu pencerenin sağ üst kısmında sunar. Sitelerin boyutu dalgalanabilirken, bağlantınızın boyutu da dalgalanacaktır. Bazı siteler birkaç bayttan daha büyük bağlantıları paylaşmanıza izin vermez, bu da daha büyük siteleri paylaşma yeteneğinizi sınırlayabilir.

Neyse ki, içerik oluşturucu maksimum bayt boyutlarını gönderdi birçok popüler platformun farklı platformların hangi boyutlarda yer alacağını açıklaması mümkün:

Örneğin, bir web sitesini Bitly kullanarak kısaltmak istiyorsanız, çok küçük bir web sitesi oluşturmanız gerekecektir. Bu Microsoft Edge için de geçerli. Bununla birlikte, yalnızca tarayıcılarda paylaşmak istiyorsanız, çok daha büyük bir site oluşturabilirsiniz.

Linkten Itty Bitty Sitesine

HTML dosyalarını doğrudan içine bırakarak veya site içeriğini doğrudan yazarak da Itty Bitty siteleri oluşturabilirsiniz, ancak daha önce tarafından yapılan bir Codepen projesini kullanarak göstereceğim Dudley Katlı.

Codepen, Itty Bitty kullanarak sitenizi oluşturmanın en kolay yoludur. Codepen kullanıcılara hem kullanımı kolay bir geliştirici ortamı hem de uygun bir bağlantı süreci sağlar.

Yukarıdaki, güçlü bir HTML omurgasının ve diğer ince programlama eklentilerinin nasıl basit bir web sitesi oluşturabileceğinin harika bir örneğidir. Neyse ki, yukarıda listelenen birçok platformda paylaşmak için yeterince küçük.

Bir Codepen projesini bir Itty Bitty sitesine dönüştürmek için Kalemin bağlantısını Itty Bitty sitesine yapıştırın. Sonra fareyi grinin üzerine getirin başlıksız bölümüne gidin ve metni sitenizi yansıtacak şekilde düzenleyin.

Ardından, Menü pencerenin sağ üst köşesinde.

Burası, Itty Bitty'nizin bağlantısını oluşturduğunuz yerdir. Bir web sitesi yeni oluşturmuş gibi görünmese de, zaten var!

Bir kez tıkladığınızda Bağlantıyı kopyala seçeneğini tıklayarak siteyi görüntülemek için bağlantıyı tarayıcınıza yapıştırabilirsiniz. Ayrıca dikkat edilmesi gereken nokta: varsayılan olarak Itty Bitty siteleri QR kodu ile gönderilebilir.

Bu, kayıp cihazlar için fiziksel bir referans eklemek gibi bir dizi seçeneğe izin verir.

Tebrikler, artık sunucusuz ve ücretsiz olan bağlantıya hazır bir web siteniz var!

Itty Bitty Link Daha da Kısaltın

Bir bağlantı kısaltma aracını kullanarak da dağınık olmayan bir bağlantı oluşturabilirsiniz. Bitly'yi kullanacağım.

Orijinal Codepen örneğimiz Bitly kullanarak yoğunlaşmak için çok büyük, bu yüzden başka bir fantastik proje JT Helms. Bu Kalemi bir Itty Bitty sitesine dönüştürmek için yukarıdaki işlemi takip ettim.

Bağlantınızı aldıktan sonra şu adrese gidin: bitly. Bağlantınızı Bitly’nin açılış sayfasına yapıştırın veya hesabınızda oturum açın ve Oluşturmak buton. Bağlantınızı aşağıdaki isteme girin.

Bağlantınızı yapıştırdıktan sonra, bağlantı otomatik olarak dönüştürülecektir. Ardından, giriş yaptıysanız Bitly’nin düzenleyicisini kullanarak bağlantınızı uygun gördüğünüz şekilde ayarlayın.

İlk bağlantıyı ITTYBITTYEXAMPLE olarak değiştiriyorum. Artık şu adrese gidebilirsiniz: bit.ly/ITTYBITTYEXAMPLE tabii ki ücretsizdir ve web barındırma veya sunucu bakımı gerektirmez.

Itty Bitty Siteleri için Güvenlik

Bu, küçük HTML siteleri oluşturmanın havalı ve ustaca bir yolu olsa da, kusurları olmadan değildir. Bir Itty Bitty sitesini olabildiğince kolay bir şekilde kötüye kullanabilirsiniz. Bu, sitelerin uyarılar gibi özelliklerle sizi rahatsız edebileceği anlamına gelir.

Site hala deneysel bir aşamada olduğundan, güvenli bir web varlığı oluşturmanın ana yöntemi olarak siteye güvenmeniz gerekmez.

Itty Bitty Olanakları Sonsuz

Çevrimiçi ortamda bulunan yaratıcılık genellikle etkileyicidir. Bununla birlikte, Itty Bitty kadar basit, erişilebilir ve kullanımı kolay. Küçük bir uygulamayı sergilemek ister misiniz? Div öğeleriyle uğraşmak mı? Her şey Itty Bitty sitesi kullanılarak kolayca yapılabilir.

Ayrıca, belirli bir sayı veya siteyle sınırlı değilsiniz. Sitenin yaratıcısı Nocholas Jitkoff'tan bir not alın ve kapsamlı, çok sayfalı açıklayıcı bir web sitesi için bir sitedeki bir siteyi bağlayın. Veya bir ASCII bulldog. Olasılıklar küçüktür, ancak kapsamı sonsuzdur, bu yüzden bugün bu küçük çevrimiçi denemeyi deneyin!

Daha ileri gidin ve daha da iyi siteler yapın HTML ve CSS bilginizi geliştirmek Bu Adım Adım Eğiticiler ile HTML ve CSS öğreninHTML, CSS ve JavaScript'i mi merak ediyorsunuz? Web sitelerini sıfırdan nasıl oluşturacağınızı öğrenmek için bir ustalığınız olduğunu düşünüyorsanız - burada denemeye değer birkaç harika adım adım öğretici var. Daha fazla oku Bir Itty Bitty sitesi oluşturmadan önce! Veya göz atın InMotion Hosting incelememiz Yeni Başlayanlar İçin Komple InMotion Web Hosting İncelemesiGüvenilir web hosting mi ihtiyacınız var? InMotion Hosting incelememiz, hizmetin sizin için iyi bir seçim olup olmadığını ortaya çıkaracaktır. Daha fazla oku sitenizi barındırmanın başka bir yolu için.