Dreamweaver'a Çoklu Ortam Araçlarını Nasıl Eklersiniz?

Dreamweaver’a Çoklu Ortam Araçlarını Nasıl Eklersiniz? Merhaba arkadaşlar, Yine dreamweaver ile makalemize devam edeceğim. Bu sefer siz değerli okurlara dreamweaver’da ki çoklu ortam araçlarından bahsedeceğim. Tabii nasıl kullanıldıklarına da değineceğim. Resim Nasıl Eklenir? ile başlayalım diğerlerine de daima beraber açıklayıcı nitelikle ile değinelim. Arkadaşlar şunu da belirtmek istiyorum; Artık Notepad ile değilde dreamweaver’ın kod bölümü ile çalışıp sayfa önizlemesi yapalım ki dreamweaver’ın kodsal kısımlarında zorluk çekmeyelim   Resim Ekleme Resimler HTML belgelerine estetik anlamda çok fazla şeyler katabilir; lakin büyük boyutları nedeniyle yavaş yüklenir. Bu da ziyaretçinin sıkılmasına neden olabilir. Bu nedenle resimleri az denemeniz doğru olacaktır. Internet üstünde en aşırı uygulanan resim dosyası biçemleri GIF, JPG ve PNG’dir. Bu biçemlerin seçilmesindeki erek sayfanın yüklenmesini kolaylaştırmaktır.   Windows ortamında en aşırı uygulanan resim formatı olan BMP’lerin web üzerinde kullanılmamasının en büyük sebebi, iyi resim kalitelerine rağmen boyutlarının çok büyük olmasıdır. GIF biçemi 256 renk kullanarak ve JPG biçemi de resmin kalitesinden biraz kısarak ebat sorununu halleder. Resimler <img> etiketi aracılığı ile kullanılır. <img> etiketi ile beraber uygulanan bazı parametreler vardır. Bunlar;   src : Resmin olduğu dizini bu parametre ile bildiririz. <img src=”resim.jpg”> width : Resmin genişliğini piksel cinsinden bildirir. <img src=”resim.jpg” width=”100″> height : Aynı biçimde resmin yüksekliğini bildirir. <img src=”resim.jpg” height=”100″> border : Resmin etrafındaki çizginin kalınlığını belirtir. <img src=”resim.jpg” border=”6″> align : Yatay konum belirler; left, right, center değerlerini alır. <img src=”resim.jpg” align=”left”> alt : Mouse resmin üzerindeyken yazacağınız metni gösterir. <img src=”resim.jpg alt=”Buraya açıklama yazın.”>   Aşağıda yukarıda anlattığım konu ile ilgili bir uygulama yaptım. Aşağıdaki ekran görüntüsünden ve kodlarından yaptığım uygulamayı sizlerde görebilirsiniz.   1  <html>   2       <head>   üç  <title>Resim Ekleme</title> 4 </head>   5   <body>   altı  <img src=”…../resim.jpg”   7     width=”250”   8     height=”185”   9     border=”4”   on         alt=”Gezgin”>   11       </body> </html> Üzerine tıklayınca dilediğiniz bir adrese yeni pencere açan bir resim de ekleyebilirsiniz. Bunun için aşağıdaki kod satırını yazmanız yeterlidir. <a href=”http://www.gidilecek adres.com” target=”…..”><img src=”resim.jpg” ></a>   Ses Araçları Ekleme HTML etkileşimli ve çarpıcı dokümanlar oluşturmak için mükemmel bir ortamdır. Ses ve video görüntülerinin HTML sayfalarında kullanılabilmesi bu ortamı daha da çekimli bir konuma getirir. Seçiminize göre arka planda WAV, .AU yada MIDI ses dosyalarından birisini çalmak için Internet Explorer’da BGSOUND etietini kullanabilirsiniz. <bgsound src=’ emresupcin.mid’ loop=5> komutunu kullandığınızda “emresupcin.mid” adlı MIDI dosyası sayfa yüklendiğinde 5 defa tekrarlanacak ve sonra duracaktır.     Video Ekleme Bir AVI ve ya MOV dosyasını oynatmak için ise gene yalnızca Explorer’da işe yarayacak DYNSRC komutunu kullanmalısınız. emresupcin.Avi adlı bir video görüntüsünü ekrana yerleştirmek için aşağıdaki bu gibi bir komut kullanabilirsiniz. Deneme.Gif dosyası görüntü yüklenene kadar sayfada yer kaplayacaktır.             <img dynsrc=’ emresupcin.avi’ SRC=’ deneme.gif’ loop=infinite > Çokluortam dosyalarını Netscape’de gösterebiliriz. Fakat görsel anlamda Explorer’daki kadar başarılı olmuyor. EMBED komutuyla Netscape penceresine “gömülen” dosyalar yanında çerçeve kaydırma çubuğunu da beraberinde getiriyor. Netscape için emir şöyle:                                  <embed src=’ emresupcin.avi’ >


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar