Adobe Dreamweaver'da Bir Görüntüye Bağlantı Nasıl Eklenir: 7 Adım

İçindekiler:

Adobe Dreamweaver'da Bir Görüntüye Bağlantı Nasıl Eklenir: 7 Adım
Adobe Dreamweaver'da Bir Görüntüye Bağlantı Nasıl Eklenir: 7 Adım

Video: Adobe Dreamweaver'da Bir Görüntüye Bağlantı Nasıl Eklenir: 7 Adım

Video: Adobe Dreamweaver'da Bir Görüntüye Bağlantı Nasıl Eklenir: 7 Adım
Video: Mıhlama Nasıl Yapılır? Ölçüsü kıvamı tam kuymak tarifi 2024, Mart
Anonim

Web siteleri oluştururken akılda tutulması gereken bazı şeyler vardır, bunlardan biri sitenizi izleyiciler için ilginç hale getirmektir. Bir HTML düzenleme programı olan Dreamweaver ile bir görüntüyü bağlantıya dönüştürmek kolaydır. Bu makale size bunun nasıl yapıldığını gösterecek!

adımlar

Adobe Dreamweaver Adım 1'de Görüntüye Bağlantı Ekleme
Adobe Dreamweaver Adım 1'de Görüntüye Bağlantı Ekleme

Adım 1. Dreamweaver'ı açın

Mevcut bir dosyayı açın veya yeni bir site tanımlayın ve henüz yapmadıysanız yeni bir HTML dosyası oluşturun.

Adobe Dreamweaver Adım 2'de Görüntüye Bağlantı Ekleme
Adobe Dreamweaver Adım 2'de Görüntüye Bağlantı Ekleme

Adım 2. Yeni bir HTML dosyası oluşturduğunuzda, Dreamweaver sizin için zaten temel bir web sayfası yapısı oluşturacaktır

İmlecinizi ve etiketleri arasında bir yere girin.

Adobe Dreamweaver Adım 3'te Görüntüye Bağlantı Ekleme
Adobe Dreamweaver Adım 3'te Görüntüye Bağlantı Ekleme

Adım 3. İstediğiniz resmi ekleyin

Bunu yapmak için üç alternatif yöntem vardır:

  • En üstteki 'Ekle' paneline gidin. 'Görüntü' üzerine tıklayın ve beliren alt menüden 'Görüntü' seçeneğini seçin.
  • Sağa doğru, üstünde 'Ekle' ve 'Dosyalar' yazan bir çubuk var. 'Seç'i ve ardından açılır menüden 'Ortak'ı tıklayın. Şimdi, 'Görüntü' üzerine tıklayarak resmi ekleyin. Bu çubuk görünmezse, 'Kompakt' veya 'Genişletilmiş' çalışma alanının yazılı olduğu yere tıklayın. Dreamweaver'ın varsayılan ayarlarını sıfırlamak için 'Kompakt'ı ve ardından 'Kompakt'ı Sıfırla'yı tıklayın.
  • Klavyenizde Ctrl+Alt+I tuşlarına basın.
Adobe Dreamweaver Adım 4'te Görüntüye Bağlantı Ekleme
Adobe Dreamweaver Adım 4'te Görüntüye Bağlantı Ekleme

Adım 4. 'Genişlik' ve 'Yükseklik' alanlarına piksel sayısını girerek resminizin boyutunu ayarlayın

Adobe Dreamweaver Adım 5'te Görüntüye Bağlantı Ekleme
Adobe Dreamweaver Adım 5'te Görüntüye Bağlantı Ekleme

Adım 5. Resminizin nasıl göründüğünü görmek için 'Tasarım' moduna gidin

Web sitenizde gerçekte nasıl görüneceğini görmek için 'Canlı'yı tıklayın.

Adobe Dreamweaver Adım 6'da Görüntüye Bağlantı Ekleme
Adobe Dreamweaver Adım 6'da Görüntüye Bağlantı Ekleme

Adım 6. Resme tıklayın

Adobe Dreamweaver Adım 7'de Görüntüye Bağlantı Ekleme
Adobe Dreamweaver Adım 7'de Görüntüye Bağlantı Ekleme

Adım 7. Ctrl+S tuşlarına basarak web sayfanızı kaydedin (Kaydet) veya Ctrl+⇧ Shift+S (Farklı Kaydet).

İpuçları

  • Görüntünüzdeki bir düğme veya sadece bir şekil gibi olmasını istiyorsanız, Photoshop gibi bir görüntü düzenleme programı ile arka planı web sayfanızdakine benzer bir şekilde değiştirin.
  • küçük tıklayın Küre tarayıcınızda görüntülemek için üstteki simge.

Önerilen: