HTML’den web sitesine: dosyanı canlı siteye çevir

Adım adım

1. 1

   Dosyalarını topla

   HTML dosyasını ve kullandığı her şeyi, yani görselleri, CSS ve script dosyalarını tek bir klasöre koy. Tek bir HTML dosyası da olur.

2. 2

   SiteUp’ı aç

   siteup.fyi adresine git ya da SiteUp Android uygulamasını aç. Üye olman gerekmiyor.

3. 3

   Dosyayı, klasörü ya da ZIP’i ekle

   Tek sayfa için HTML dosyası seç’e, birden fazla dosyası olan bir site için Klasör ya da ZIP’e bas. Ana sayfayı SiteUp senin için bulur.

4. 4

   Adresini seç

   benim-portfolyom gibi bir ad yaz ve benim-portfolyom.siteup.fyi adresini al; boş bırakırsan rastgele bir ad seçilir.

5. 5

   Yayınla

   Yayınla’ya bas. Siten HTTPS ile yayında olur; paylaşman için link ve QR kod hazırdır.

Dosya, link ve web sitesi arasındaki fark

Telefonundaki ya da bilgisayarındaki bir HTML dosyasını sadece sen açabilirsin. Web sitesi ise aynı dosyanın her zaman açık bir sunucuda durması ve isim.siteup.fyi gibi bir adresle ulaşılabilmesidir. HTML’i web sitesine çevirmek, dosyayı böyle bir sunucuya koyup ona bir link vermek demektir.

Buna “HTML’den link oluşturma”, “HTML to URL” ya da “HTML yayınlama” da deniyor. Hepsi aynı sonucu anlatır: herkesin tek dokunuşla açabileceği bir sayfa.

Birden fazla sayfası olan siteler

Sitende birkaç sayfa varsa hepsini tek bir klasörde tut ve sayfaları göreli yollarla birbirine bağla:

• Ana sayfa, klasörün en üstündeki index.html olmalı. Diğer sayfalar hakkimda.html ya da blog/index.html olabilir.
• Sayfaları href="hakkimda.html" ya da href="blog/" gibi göreli yollarla bağla; C:/ ya da file:// ile başlayan adresler kullanma.
• Klasörler temiz adreslere dönüşür: blog/index.html, isim.siteup.fyi/blog/ adresinde açılır.
• Kendi “sayfa bulunamadı” ekranını istiyorsan bir 404.html sayfası ekle.

Tek sayfalık uygulamalar ve oyunlar

React, Vue, Svelte ya da düz JavaScript ile yapılmış sayfalar, statik dosyalara derlendiği sürece çalışır. Derleme çıktısının olduğu klasörü yükle; bu klasörün adı genelde dist ya da build olur. Biri dosya olmayan bir adresi açtığında SiteUp senin index.html dosyanı gösterir, böylece tarayıcıdaki yönlendirmeler çalışmaya devam eder.

Linki değiştirmeden siteni güncelle

Bir yazım hatası mı buldun? Sitelerim’i aç, siteni seç ve Dosyaları güncelle’ye bas. Yeni sürümü yükle; adres ve QR kod tamamen aynı kalır. Sadece değişen dosyalar yeniden yüklenir, bu yüzden mobil internette bile güncelleme hızlıdır.

Neler çalışır, neler çalışmaz

• Çalışır: HTML, CSS, JavaScript, görseller, ses, video, fontlar, PDF’ler ve 3D modeller; site başına 50 MB ve 1000 dosyaya kadar.
• Çalışmaz: PHP, Python, Node.js sunucuları ya da veritabanı gibi sunucu kodları.
• İzin verilmez: şifre ya da kart bilgisi isteyen sayfalar ve Kullanım Politikası’nda yazan her şey.

Sık sorulanlar