Bir Web Sitesi İçin Açılış Sayfası Nasıl Oluşturulur: 8 Adım (Resimlerle)

İçindekiler:

Bir Web Sitesi İçin Açılış Sayfası Nasıl Oluşturulur: 8 Adım (Resimlerle)
Bir Web Sitesi İçin Açılış Sayfası Nasıl Oluşturulur: 8 Adım (Resimlerle)

Video: Bir Web Sitesi İçin Açılış Sayfası Nasıl Oluşturulur: 8 Adım (Resimlerle)

Video: Bir Web Sitesi İçin Açılış Sayfası Nasıl Oluşturulur: 8 Adım (Resimlerle)
Video: E-mail nasıl yazılır? Sakın bunları yapma! 🤯 2024, Nisan
Anonim

Yani web sayfanıza bir açılış sayfası mı koymak istiyorsunuz? Sıçrama sayfaları, web sitenizi markalaştırmanın harika bir yoludur. Bu Nasıl Yapılır, epeyce HTML ve CSS bildiğinizi varsayar ve bazı temel JavaScript'leri de biliyorsanız yardımcı olabilir.

adımlar

Bir Web Sitesi için Giriş Sayfası Oluşturun 1. Adım
Bir Web Sitesi için Giriş Sayfası Oluşturun 1. Adım

Adım 1. Anahat sayfanızı oluşturun

kullanabilirsin harici CSS (Basamaklı Stil Sayfası), ancak bu örnekte bir iç stil sayfası. Bu nedenle, temel etiketlerinizle başlamanız gerekir:

Hoş geldin!

Bir Web Sitesi İçin Açılış Sayfası Oluşturun 2. Adım
Bir Web Sitesi İçin Açılış Sayfası Oluşturun 2. Adım

Adım 2. Bölümdeki CSS ve başlık bilgilerini doldurun

Açıkça ihtiyaçlarınıza göre değerleri değiştirmeniz gerekecektir:

Hoş geldin!

gövde {arka plan rengi: #DCDCDC}

Atlandı…

Not:

Yazı tipleri için bir CSS özelliği eklemek isteyebilirsiniz.

Bir Web Sitesi İçin Giriş Sayfası Oluşturun Adım 3
Bir Web Sitesi İçin Giriş Sayfası Oluşturun Adım 3

Adım 3. Ana sayfaya geçmek için komut dosyasını ekleyin

Bu bölüm isteğe bağlıdır ve otomatik olarak devam etmesini istemiyorsanız, basitçe atlayabilirsiniz.

Atlandı…

window.onload=zaman aşımı;

işlev zaman aşımı(){

window.setTimeout("redirect()", 5000)}

işlev yeniden yönlendirme(){

window.location="Ana Sayfa.htm"

dönüş}

Atlandı…

Atlandı…

Notlar:

Numara 5000 anlamına geliyor

Adım 5. saniye. Bunu daha kısa veya daha uzun süreler için değiştirin. Yönlendirme dosyasının adını ana sayfanızın adıyla değiştirin.

Bir Web Sitesi İçin Giriş Sayfası Oluşturun 4. Adım
Bir Web Sitesi İçin Giriş Sayfası Oluşturun 4. Adım

Adım 4. Bir başlık ekleyin

Bu muhtemelen web sitenizin adı olmalıdır ve arama motorlarının bulmasını kolaylaştırmak için onu etiketler içine almalısınız.

Bir Web Sitesi İçin Açılış Sayfası Oluşturun Adım 5
Bir Web Sitesi İçin Açılış Sayfası Oluşturun Adım 5

Adım 5. Bir resim ekleyin

Bu, sitenizin ne hakkında olduğunu göstermelidir. Yine kullanabilirsiniz

Image
Image

etiket.

Atlandı…

Notlar:

Bu adım, başlık görüntüsünü dosyayla aynı klasöre kaydettiğinizi varsayar. .htm dosya ve adlandırılmış "sıçrama resmi.jpg". Görüntünün merkez gibi ekranda başka bir yerde olmasını tercih ederseniz, CSS konumlandırma ekleyebilirsiniz.

Adım 6. Bir düğme ekleyin

Bu düğme, ziyaretçilerin ana sayfaya daha hızlı ulaşmasının bir yolu olacaktır. Tıkladıklarında hemen ana sayfaya yönlendirilirler. Alternatif olarak, ana sayfaya bir bağlantı sağlayabilirsiniz.

Atlandı…

Not:

değiştirebilirsiniz "değer" düğmede görüntülenen metni değiştirmek için öğe.

Bir Web Sitesi İçin Giriş Sayfası Oluşturun 7. Adım
Bir Web Sitesi İçin Giriş Sayfası Oluşturun 7. Adım

Adım 7. Biraz metin ekleyin

Bu hoşunuza giden herhangi bir şey olabilir. Genellikle "Ziyaretiniz İçin Teşekkür Ederiz" türünden bir selamlama veya "Oluşturan…" şeklindedir.

Atlandı…

Ziyaret ettiğiniz için teşekkürler!

Notlar:

Metin için CSS'yi kullanabileceğiniz yer burasıdır. Bir başlık kullanabilirsiniz (

) yerine isterseniz.

Bir Web Sitesi için Giriş Sayfası Oluşturun 8. Adım
Bir Web Sitesi için Giriş Sayfası Oluşturun 8. Adım

Adım 8. Artık çalışan bir açılış sayfanız var

Şimdi CSS kullanarak güzelleştirmenin ve canlı hale getirmenin tam zamanı!

Video - Bu hizmet kullanılarak YouTube ile bazı bilgiler paylaşılabilir

İpuçları

  • İstediğiniz kadar içerik ekleyin, ancak çok meşgul etmeyin.
  • İsterseniz ses ve video ekleyebilirsiniz, ancak bu, bazı insanlar için uzun bir yükleme süresine neden olur.
  • HTML veya CSS hakkında fazla bilginiz yoksa, bu işlemi daha basit hale getirmek için Blogger gibi rehberli bir düzenleyici kullanabilirsiniz.

Önerilen: