Biçimlendirme dilinin - HTML - ve basamaklı stil sayfaları - CSS'nin yetenekleri, bir resmi diğerinin içine birçok şekilde yerleştirmenize izin verir. Elbette bu, web sayfası düzeninde bazı beceriler gerektirir ve mevcut koda göre belirli bir yöntem seçmeniz gerekir. Ancak bazı durumlarda kaynak kodunu düzenlemeden de yapabilirsiniz.
Talimatlar
Aşama 1
Sitenin sayfalarında herhangi bir değişiklik yapmadan bir resmi diğerine koymanın bir yolu var. Bunu yapmak için, sunucuda depolanan arka plan görüntüsünü düzenlemek yeterlidir - ön plan görüntüsünü yerleştirmek için herhangi bir grafik düzenleyiciyi kullanın. Bu yöntem sizin için işe yararsa, arka plan görüntüsü dosyasının depolama konumunu ve adını tanımlayarak başlayın. Bu, sayfanın kaynak kodunda bularak veya ayrı bir sekmede açıp tarayıcının adres çubuğundaki tam yola bakarak yapılabilir.
Adım 2
İçerik yönetim sisteminin veya FTP istemcisinin dosya yöneticisini kullanarak, gerekli dosyayı bilgisayarınıza indirin ve herhangi bir grafik düzenleyicide açın - örneğin, Windows ile yüklenen Paint uygulamasında.
Aşama 3
Ön plan resmini arka planın üzerine yerleştirin - bunun için Paint'te "Ana Sayfa" sekmesindeki "Ekle" açılır listesinden "Şuradan ekle" öğesini seçmeniz ve açılan iletişim kutusunda gerekli dosyayı bulmanız gerekir. Ardından, eklenen görüntünün mevcut arka plan üzerindeki konumunu ayarlayın (fare ile sürükleyin) ve sonucu kaydedin (Ctrl + S).
4. Adım
Düzenlenen resmi eskisinin üzerine yazarak geri yükleyin. Bu prosedürü tamamlar.
Adım 5
Açıklanan yöntem, eklenen resimlerin zaman zaman değiştirilmesi gerektiğinde elverişsizdir. Ardından HTML dilinin özelliklerini kullanın - örneğin, arka plan görüntüsünü, ön plan görüntüsünün yerleştirileceği sayfa öğesinin arka planı yapın. Böyle bir kap elemanı örneğin bir katman (div) olabilir. Resimleri büyük bir arka plan yapmak için, stil açıklamasını kullanmanız gerekir - div etiketinin stil özelliği. HTML kodundaki boş bir kap şöyle görünebilir:
Parantez içinde sitenizdeki arka plan resim dosyasının adresini ve adını belirtin.
6. Adım
Arka plan kabının kenarlarından dolgu miktarını ayarlamak için aynı stil özniteliğini kullanarak bir ön plan görüntüsü (img) etiketi oluşturun. Örneğin:
Burada, genişlik ve yükseklik nitelikleri görüntünün boyutlarını belirler ve dolgudan sonraki dört sayı, üstten (50) ve saat yönünde (60 - sağ, 70 -) başlayarak kabın kenarlarından piksel cinsinden dolguyu gösterir. alt, 80 - sol).
7. Adım
img etiketini bir kapsayıcıya yerleştirin:
8. Adım
Oluşturulan satırları sayfanın kaynak koduna ekleyin ve ardından girintileri değiştirerek eklenen görüntünün konumunu arka plan görüntüsünün arka planına göre ayarlayın.
