Bir Web Sitesinde Arka Plan Resmi Nasıl Yapılır

İçindekiler:

Bir Web Sitesinde Arka Plan Resmi Nasıl Yapılır
Bir Web Sitesinde Arka Plan Resmi Nasıl Yapılır

Video: Bir Web Sitesinde Arka Plan Resmi Nasıl Yapılır

Video: Bir Web Sitesinde Arka Plan Resmi Nasıl Yapılır
Video: Css Arka Plan Resmi Ekleme (Full olarak) 2024, Kasım
Anonim

Site kurmanın temellerini kendi başınıza öğrenebilirsiniz, bu konuda internette ve kitaplarda yeterli bilgi var. Bununla birlikte, ilk aşamada, genellikle bir veya başka bir etiketin kullanımında zorluklar ortaya çıkar. Gerçekten de, en yaygın bileşenler, herhangi bir web sitesi yazarken gerekli oldukları için en iyi şekilde hatırlanır.

Bir web sitesinde arka plan resmi nasıl yapılır
Bir web sitesinde arka plan resmi nasıl yapılır

Talimatlar

Aşama 1

Arka plan resminiz olarak kullanmak istediğiniz resmi seçin. Çizimin üzerine metin eklemeyi düşünüyorsanız, bu durumda, doğada birbirine yakın olan birkaç rengin kullanıldığı aşırı renk değişimi olmayan seçeneklerle kendinizi sınırlamanız önerilir. Prensip olarak, dalgalanmaları ortadan kaldırmak için içerik için bir "arka plan" oluşturabilirsiniz - ve sorun başarıyla çözülecektir.

Adım 2

Adobe Photoshop kullanarak görüntüyü düzeltin. İşiniz bittiğinde, Dosya menüsünden Web İçin Kaydet komutunu seçin ve istediğiniz klasörü seçin. Bu site için kullanılacak ilk resimse, otomatik olarak bir "Görüntüler" klasörü oluşturulur.

Aşama 3

Etikete arka plan = "resme giden yol" özniteliğini yazın. Kayıt örneği: veya. Aynı zamanda etiketin kodda sadece bir kez görünmesi gerektiğini, çarpılmaması gerektiğini unutmayın.

4. Adım

Değişiklikleri not defterine kaydedin, tarayıcıda "Yenile" düğmesini tıklayın. Duvar kağıdı ekranda görünecektir. Resmin boyutları web sayfasının parametrelerinden daha küçükse, tüm alanı doldurmak için resim gerektiği kadar çoğaltılacaktır. Bu eksikliği gidermenin iki yolu vardır:

• Adobe Photoshop programını kullanarak gerekli resim parametrelerini piksel olarak ayarlayın ("Görüntü" - "Görüntü boyutu");

• html kodunda gerekli boyutları ayarlayın.

Örneğin genişlik 1250 piksel ve yükseklik 650 piksel ise, resmin yerleştirileceği tablo hücresi için gerekli nitelikleri eklemeniz gerekir.

Etikette boyutu ayarlayamazsınız - resim her zaman tam boyutta görüntülenecektir.

Adım 5

Arka plan resmi eklemek için ccs analogu:

arka plan görüntüsü

VÜCUT {

arka plan resmi: url (resimler / bg.jpg);

}

"background-image: url (images / bg.jpg)" özelliği, arka plan resminin yoludur.

Önerilen: