Dreamweaver Kayan Fotoğraf

Dreamweaver Kayan Fotoğraf: Kapsamlı Bir Kılavuz

Giriş

Dreamweaver, web geliştirme için kullanılan popüler bir yazılımdır. Kayan fotoğraflar, web sitelerine görsel ilgi ve etkileşim katmanın harika bir yoludur. Bu makale, Dreamweaver’da kayan fotoğraflar oluşturmak için kapsamlı bir kılavuz sağlayacaktır.

Kayan Fotoğrafların Avantajları

Görsel İlgi: Kayan fotoğraflar, web sitelerine görsel ilgi katarak kullanıcıların dikkatini çeker.
Etkileşim: Kullanıcılar kayan fotoğraflarla etkileşime girebilir, onları yakınlaştırabilir, uzaklaştırabilir veya kaydırabilir.
Mobil Uyumluluk: Kayan fotoğraflar, mobil cihazlarda iyi görüntülenir ve kullanıcı deneyimini iyileştirir.
SEO Dostu: Kayan fotoğraflar, web sitelerinin arama motoru sonuç sayfalarında (SERP’ler) daha üst sıralarda yer almasına yardımcı olan alternatif metin ve başlıklar eklenebilir.

Dreamweaver’da Kayan Fotoğraf Oluşturma

1. Yeni Bir Dreamweaver Belgesi Oluşturun

Dreamweaver’ı açın ve “Dosya” > “Yeni”ye gidin.
“HTML” seçeneğini seçin ve “Oluştur” düğmesine tıklayın.

2. Kayan Fotoğraf İçin Bir Bölüm Oluşturun

Belgenin gövdesine gidin ve aşağıdaki kodu ekleyin:

“`html

“`

3. Kayan Fotoğraf Ekleme

“Ekle” > “Görüntü”ye gidin.
Bilgisayarınızdan bir görüntü seçin ve “Aç” düğmesine tıklayın.
Görüntü, “kayangoruntu” bölümüne eklenecektir.

4. Kayan Fotoğraf Efektleri Ekleme

Görüntüyü seçin ve “Özellikler” paneline gidin.
“Efektler” sekmesine tıklayın ve aşağıdaki efektleri ayarlayın:
- Kenarlık: Görüntünün etrafına bir kenarlık ekler.
- Gölge: Görüntünün altına bir gölge ekler.
- Yuvarlatılmış Köşeler: Görüntünün köşelerini yuvarlar.

5. Kayan Fotoğrafı Konumlandırma

“Düzen” > “Konumlandırma”ya gidin.
“Konumlandırma” açılır menüsünden “Mutlak” seçeneğini seçin.
“Sol” ve “Üst” alanlarına, görüntünün konumlandırılmasını istediğiniz piksel değerlerini girin.

6. Kayan Fotoğrafı Canlandırma

“Pencere” > “Animasyon”a gidin.
“Animasyon” panelinde, “Yeni Animasyon” düğmesine tıklayın.
“Animasyon Türü” açılır menüsünden “Kaydır” seçeneğini seçin.
“Süre” ve “Gecikme” alanlarına değerler girin.
“Oynat” düğmesine tıklayın ve kayan fotoğrafın canlandığını görün.

Faydalı Siteler ve Dosyalar

Sonuç

Dreamweaver’da kayan fotoğraflar oluşturmak, web sitelerine görsel ilgi ve etkileşim katmanın kolay ve etkili bir yoludur. Bu kılavuzdaki adımları izleyerek, kullanıcıların dikkatini çekecek ve web sitenizin genel kullanıcı deneyimini iyileştirecek çarpıcı kayan fotoğraflar oluşturabilirsiniz.