0 gün Seviye 1 Avar Teknolojileri

Sitenizi Yayınlayın

Ders 45/45 · 3 dakika · 1 soru

Bu dersin sonunda yaptığınız siteyi ücretsiz olarak internete koyup bağlantısını paylaşabileceksiniz.

Yayınlamadan önce

Yayınladığınız her şey herkese açıktır

Tam adınızı, okul adınızı, telefon numaranızı, adresinizi ve arkadaşlarınızın izinsiz fotoğraflarını sitenize koymayın. 18 yaşından küçükseniz bir yetişkinden yardım isteyin. Bu hizmetler hesap açmayı gerektirebilir ve yaş sınırları olabilir.

  • Ana sayfanın adı index.html olmalı.
  • Dosya adlarında yalnızca küçük harf kullanılmalı.
  • Bütün yollar göreli olmalı. C:\ ile başlayan yol kalmamalı.

Yöntem 1: Netlify Drop

En kolay yöntem budur.

  1. app.netlify.com/drop adresini açın.
  2. Site klasörünüzü sayfadaki alana sürükleyip bırakın.
  3. Birkaç saniye içinde sitenizin bağlantısı oluşur.

Siteyi kalıcı hale getirmek için ücretsiz bir hesap açmanız istenebilir.

Yöntem 2: GitHub Pages

Yazılım dünyasında çok kullanılan GitHub’ı da tanımış olursunuz.

  1. github.com üzerinde bir hesap açın.
  2. Yeni bir depo (repository) oluşturun.
  3. Add file > Upload files ile site dosyalarınızı yükleyin.
  4. Deponun Settings > Pages bölümüne gidin.
  5. Branch olarak main seçip kaydedin.
  6. Birkaç dakika sonra sayfada sitenizin adresi görünür.

Kendi alan adınız

siteniz.github.io gibi adresler ücretsizdir. adiniz.com gibi bir alan adı ise satın alınır ve genellikle yıllık ücreti vardır. Alan adı yalnızca adrestir, dosyalarınız aynı yerde durmaya devam edebilir.

Görev

  • Proje 3’teki sitenizi iki yöntemden biriyle yayınlayın.
  • Bağlantıyı telefonunuzda açın ve sayfaların düzgün göründüğünü kontrol edin.
  • Bütün bağlantıları ve resimleri tek tek deneyin.
Sık yapılan hatalar

Sitede resimler görünmüyor ama bilgisayarda görünüyor. Büyük ve küçük harfleri kontrol edin. Kedi.png ile kedi.png sunucuda farklı dosyalardır.

Ana sayfa açılmıyor. Dosyanın adı tam olarak index.html olmalı ve dosya klasörün en üstünde durmalıdır.

Soru

Sitenizi yayınladınız ama ana sayfa yerine hata görüyorsunuz. İlk neyi kontrol edersiniz?

  • Ana sayfanın adının index.html olduğunu :: Doğru.
  • Resimlerin alt metnini :: alt metni sayfanın açılmasını etkilemez.
  • lang değerini :: lang sayfanın açılmasını etkilemez.

Tebrikler!

HTML bölümünü bitirdiniz. Artık içerik düzenleyebiliyor, sayfaları birbirine bağlayabiliyor, form yazabiliyor ve sitenizi yayınlayabiliyorsunuz. Sıradaki adım, sitelerinizi güzelleştirmek için CSS öğrenmek.

Dersi bitirdin mi?Bu dersi tamamladın.

İlerlemen bu tarayıcıda saklanır.