Video: PSD - CSS Döküm Nasıl Yapılır? Photoshop'tan Dreamweaver'a aktarma işlemini anlatıyoruz. 2024
sunar. Dreamweaver'ın minimalist görüntü düzenleme araçları, yeniden boyutlandırma ve kırpma gibi ilkel görüntü düzenleme yapın, bu özellikleri Properties Inspector'da bulabilirsiniz.
Dreamweaver'da resim oluşturmazsınız; bunun için Illustrator (resim, grafik metin, sayfa arka plan resimleri, gezinme) ikonlar ve benzeri) ve Photoshop (web için fotoğraf hazırlamak için) ve diğer araçlar için genel bir kural olarak, bu programlarda web için resimler hazırlamaya devam edin.
Görüntü eklemek için Tasarım görünümünde (veya imlecinizin pencerenin Tasarım tarafında olduğu halde Bölünmüş görünümde) çalıştığınızdan emin olun: İki temel yolunuz var: Makinenizden takın veya bir kopya ve Yapıştır tekniği Her iki durumda da, Tasarım görünümünde olmalısınız (Görünüm → Tasarım'yı seçin veya Bölme görünümü için seçim yapın) e Görünüm → Kod ve Tasarım) görüntüleri yapıştırırken veya katıştırırken görüntüleyebilirsiniz.
Şansınız, içine bir resim yerleştirdiğiniz HTML sayfası üzerinde bazı metinler var demektir. İlk adım, görüntünün nerede görünmesini istediğinizi bulmaktır.
Baskı tasarımından farklı olarak, web sayfalarındaki görüntüler belirli konumlara yerleştirilmez. Bu tasarımcıları delirtiyor.
Böylece, bilgisayarınızdan Dreamweaver uygulamasında açık HTML web sayfasına bir resim dosyası eklemek için şu adımları izleyin:
-
Belge penceresinde görüntünün ekleneceği noktada tıklayın.
Bu adımda, HTML kodunuzdaki görüntünün nereye ekleneceğini bulursunuz. Yine, görüntünün nerede ve nasıl görüntüleneceği CSS ile tanımlanacaktır.
-
Ekle → Görüntü'yü seçin.
-
Açılan Resim Kaynağını Seç iletişim kutusunda, bilgisayarınızdaki herhangi bir dosyaya gidin ve seçin.
Seçtiğiniz resim sitenizin klasörünün dışında ise, resmin bir kopyasını Dreamweaver sitenizin kök klasörüne kaydetmenizi isteyen yardımcı bir iletişim kutusu görüntülenir.
-
Evet'i tıklayın.
-
Farklı Kopyala Dosyası iletişim kutusunda Kaydet'i tıklayın.
-
-
Erişilebilirlik niteliklerini tanımlayın.
Varsayılan olarak, bir resim bir sayfaya son eklenmeden önce Dreamweaver Resim Etiketi Erişilebilirlik Özellikleri iletişim kutusu görünür.
Alternatif Metin alanı, bu iletişim kutusundaki iki seçeneğin en önemlisidir. Görme özürlü ziyaretçiler için okuyucu yazılımında yüksek sesle okunan metinleri görüntüler ve aynı zamanda görüntü ekranının devre dışı bırakıldığı gezinme ortamlarında görüntüler. Alternatif metin çoğunlukla büyük ve küçük harf, boşluklar ve özel karakterleri içermeli ve içermelidir.
Görme engelli ziyaretçiler veya görüntüleri desteklemeyen gezinme ortamlarındaki kişiler hedef kitlenizin parçasıysa, daha önemli resim açıklamaları içeren HTML dosyaları oluşturmayı düşünebilirsiniz.Bu tür dosyalar, Resim Etiketi Erişilebilirlik Özellikleri iletişim kutusundaki Uzun Açıklama kutusunda bir bağlantı tanımlayarak görüntüye bağlanır.
-
Resmi eklemek için Tamam'ı tıklayın.
Bu noktada, yalnızca resmi eklediniz. Resim yerleştirme ve onları çevreleyen metin de dahil olmak üzere sayfa tasarımı CSS