Bir Web Sitesi Için Kauçuk Başlık Nasıl Yapılır

İçindekiler:

Bir Web Sitesi Için Kauçuk Başlık Nasıl Yapılır
Bir Web Sitesi Için Kauçuk Başlık Nasıl Yapılır

Video: Bir Web Sitesi Için Kauçuk Başlık Nasıl Yapılır

Video: Bir Web Sitesi Için Kauçuk Başlık Nasıl Yapılır
Video: Profesyonel Web Sitesi Nasıl Yapılır? - Ders 1 2024, Mayıs
Anonim

İnternette bir web sitesi oluştururken, bir geliştiricinin dikkate alması gereken en önemli noktalardan biri işlevselliği, çok yönlülüğü ve performansıdır. Sitenin, çok çeşitli ekran çözünürlüklerine sahip bilgisayarlarda herhangi bir tarayıcıda tam ve doğru bir şekilde görüntülenmesi için, birkaç grafik öğesinden oluşan uygun bir "kauçuk" başlık oluşturabilirsiniz.

Bir web sitesi için kauçuk başlık nasıl yapılır
Bir web sitesi için kauçuk başlık nasıl yapılır

Talimatlar

Aşama 1

Bir web sitesi için böyle bir başlık oluşturmanın ilk adımında, web'de yayınlamak için hazırladığınız görüntüyü Photoshop'ta açın ve ardından araç çubuğundaki Dilim Aracı'nı kullanarak parçalara ayırın. Başlığı, orta kısım boş olacak şekilde kesin, böylece üç grafik öğesi elde edersiniz. Bu, başlığın herhangi bir ekran çözünürlüğü için uzamasına izin verecektir.

Adım 2

Başlığı kestikten sonra, web formatı için kaydederken dosyaları optimize ederek kaydedin (Web için kaydet). Kaydetmek için istediğiniz dosya biçimini ayarlayın - örneğin, gif, jpeg veya png. Görüntünün her bir parçasını değiştirmek için, menüdeki Dilim Seçim Aracı seçeneğine tıklayın ve görüntüleri, ekrandaki görsel görüntü kalitesinde en az kayıpla boyutları mümkün olduğunca küçük olacak şekilde yeniden boyutlandırın. Düzenlenen resimlerinizi html ve resimler olarak kaydedin.

Aşama 3

Resimler kaydedildikten sonra, kaydedilen html belgesini Not Defteri ile açarak HTML kodunu düzenleyin. Not defterinde, gereksiz tüm kod satırlarını silin. Yalnızca gerekli satırları bırakın - resimlerinizin gömülü olduğu tabloyla ilgili veriler:

4. Adım

Bu satırlarda yourimage

Adım 5

Görüntünün orta kısmının esnemesi için uç görüntüleri yanlara yayarak satırlara karşılık gelen kod niteliklerini yazın. Kodda kendi genişlik ve yükseklik parametrelerinizi belirtin.

6. Adım

Oluşturulan başlık görüntülerini sitenizin kök dizinine yükleyin ve ardından sunucudaki başlık görüntülerine giden yeni yollarla HTML kodunu düzenleyin. Başlık kodunu etiketlerin arasına yapıştırın.

Önerilen: