Bir Web Sitesine Arka Plan Nasıl Eklenir: 14 Adım (Resimlerle)

İçindekiler:

Bir Web Sitesine Arka Plan Nasıl Eklenir: 14 Adım (Resimlerle)
Bir Web Sitesine Arka Plan Nasıl Eklenir: 14 Adım (Resimlerle)

Video: Bir Web Sitesine Arka Plan Nasıl Eklenir: 14 Adım (Resimlerle)

Video: Bir Web Sitesine Arka Plan Nasıl Eklenir: 14 Adım (Resimlerle)
Video: iPhone Mail Kurulumu l iOS Mail Kurulumu l Telefona Mail Kurulumu 2024, Nisan
Anonim

Arka plan, bir web sitesinin en önemli unsurlarından biridir. İyi bir arka plan, web sitesinin tonunu oluşturur ve içeriği tamamlar. Her biri farklı bir amaç için arka plan eklemenin birçok farklı yolu vardır. Bazı yöntemler, arka planı bir web sitesindeki tüm sayfalara uygulamanıza izin verirken, diğerleri arka planı yalnızca belirli bir sayfayla sınırlandırır. Bu makale size HTML veya CSS kullanarak web sitenize nasıl arka plan ekleyeceğinizi öğretir.

adımlar

Yöntem 1/2: HTML Yöntemleri

Düz Renkli Arka Plan

Bir Web Sitesine Arka Plan Ekleme Adım 1
Bir Web Sitesine Arka Plan Ekleme Adım 1

Adım 1. Düz renkli bir arka plan, bir web sitesine koyabileceğiniz en temel arka plan türüdür

Aslında, her web sitesi varsayılan bir beyaz arka planla başlar. Bununla birlikte, beyaz bir arka plan uyumlu bir renk şemasıyla kullanıldığında çok şık ve temiz görünebilirken, farklı temalarla farklı renkli bir arka plan tercih edilebilir.

Bir Web Sitesine Arka Plan Ekleyin 2. Adım
Bir Web Sitesine Arka Plan Ekleyin 2. Adım

Adım 2. Web kodunuzu açın (kaynak)

Bir Web Sitesine Arka Plan Ekleme Adım 3
Bir Web Sitesine Arka Plan Ekleme Adım 3

Adım 3. Gövde etiketine bgcolor adlı bir öznitelik ekleyin

Şimdi, vücut etiketiniz şöyle görünmelidir-

COLORNAME rengin adıdır. COLORNAME, birçok renk temsilcisi türüyle doldurulabilir-

  • (renk adı)
  • (onaltılık değer)
  • (RGB değeri)
Bir Web Sitesine Arka Plan Ekleme Adım 4
Bir Web Sitesine Arka Plan Ekleme Adım 4

Adım 4. RGB ve # ile deneme yapmak birçok gölgeye yol açabilir, ancak ilk yolu kolay olanı seçebilirsiniz

Ancak, alışılmadık bir rengi "Ultramarine Blueish Green" olarak yazmanın beyazla sonuçlanacağını unutmayın.

Arka Plan Resmi Ekleme

Bir arka plan resmi eklemek, düz renkli bir arka plandan biraz daha karmaşıktır

Bir Web Sitesine Arka Plan Ekleme Adım 5
Bir Web Sitesine Arka Plan Ekleme Adım 5

Adım 1. Arka plan özelliğini gövde etiketine ekleyin, böylece şöyle görünür-

SRC, görüntünün kaynağı olduğunda, SRC aynı klasörde veya başka bir klasör/web sayfasında olabilir.

  • (aynı klasörde)
  • (farklı bir klasör içinde)
  • (farklı bir web sayfasında)
Bir Web Sitesine Arka Plan Ekleme Adım 6
Bir Web Sitesine Arka Plan Ekleme Adım 6

Adım 2..gif/-j.webp" />

Yöntem 2/2: CSS Yöntemleri

Bir Web Sitesine Arka Plan Ekleme Adım 6
Bir Web Sitesine Arka Plan Ekleme Adım 6

Düz Renkli Arka Plan

Bir Web Sitesine Arka Plan Ekleme Adım 7
Bir Web Sitesine Arka Plan Ekleme Adım 7

Adım 1. CSS'ye düz renkli bir arka plan eklemek için bir stil niteliği ekleyin

Ayrıca Kimlikler ve Sınıflar verebilir ve hem harici hem de dahili stil sayfalarını kullanabilirsiniz.

Bir Web Sitesine Arka Plan Ekleyin 8. Adım
Bir Web Sitesine Arka Plan Ekleyin 8. Adım

Adım 2. Gövde etiketiniz şöyle görünmelidir-

COLORNAME rengin, onaltılık değerin veya RGB'nin adı olduğunda (HTML'deki düz renkli arka planın son adımlarını da unutmayın, burada da geçerlidir).

Resim Ekleme

Bir Web Sitesine Arka Plan Ekleme Adım 9
Bir Web Sitesine Arka Plan Ekleme Adım 9

Adım 1. Bir resim eklemek için, gövde etiketine stil niteliğini ekleyin

Ayrıca Kimlikler ve Sınıflar verebilir ve hem harici hem de dahili stil sayfalarını kullanabilirsiniz.

Bir Web Sitesine Arka Plan Ekleme Adım 10
Bir Web Sitesine Arka Plan Ekleme Adım 10

Adım 2. Gövde etiketiniz şimdi şöyle görünmelidir-

Bir Web Sitesine Arka Plan Ekleme Adım 11
Bir Web Sitesine Arka Plan Ekleme Adım 11

Adım 3. SRC'nin kaynak olduğunu unutmayın

Aynı klasörden, farklı klasörden veya farklı bir web sayfasından olabilir.

  • (aynı klasörde)
  • (farklı bir klasör içinde)
  • (farklı bir web sayfasında).
Bir Web Sitesine Arka Plan Ekleme Adım 12
Bir Web Sitesine Arka Plan Ekleme Adım 12

Adım 4..uzantılarını da eklemeyi unutmayın

Yinelenen Desenli Arka Plan

Bir Web Sitesine Arka Plan Ekleme Adım 13
Bir Web Sitesine Arka Plan Ekleme Adım 13

Adım 1. Tekrarlanan bir desen arka planı yapmak için yukarıdaki adımlarda söylendiği gibi bir arka plan ekleyin

Gövde etiketiniz şimdi değiştirilmelidir-

TEKRAR-AYARLARI ayarlardır. Gibi birçok tekrar ayarı olabilir-

  • (Arka plan hem dikey hem de yatay olarak tekrarlanacaktır.)
  • (Arka plan yatay olarak tekrar edecektir.)
  • (Arka plan dikey olarak tekrar edecektir.)

Sabit Görüntü Arka Planı

Bir Web Sitesine Arka Plan Ekleme Adım 14
Bir Web Sitesine Arka Plan Ekleme Adım 14

Adım 1. Sabit görüntü arka planları harika görünüyor ve siz aşağı kaydırdıkça değişmiyor

Bunları yapmak için yukarıdaki bölümdeki kodda bazı basit değişiklikler yapmanız yeterlidir. Gövde etiketinin şöyle görünmesi için ince ayarları yapın-

SRC arka plan görüntüsünün kaynağı olduğunda, KONUM görüntünün konumudur (merkezden sağ üste değişebilir); arka plan eki, bu arka plan türünün ana "katalizörüdür". Arka planın konumunu anlatmak için kullanılır ve değiştirilmemesi önerilir.

İpuçları

Önerilen: