23
Kasım

Yazan: WEBMASTERYOLCU  |  Kategori: Uygulamalı Html Dersleri  |  Okunma: 18.296 Defa

Selamun aleyküm değerli arkadaşlar html derslerimizin sonuna geldik 20. dersimizide allahın izniyle yayınladık peki bittimi tabiki hayır sırada ftp, cpanel, veritabanı konularını öğrenerek cms sistemler nedir bunlar wordpress, joomla, phpnuke, xoops ve forum sistemleri vb, smf, phpbb vb veritabanı gerektiren sistemleri kurulum, ayar, seo, tema yükleme düzenlemelerini görüp mükemmel siteler yapacaz çevremizin site ihtiyaçlarını karşılayıp maddi açıdan kazanç sağlayacağız.

Son dersimizde sayfamızda kullanacağımız ses, müzik ve videoların eklenmesi ve özelliklerini göreceğiz

Bir Önceki Ders: Web Tasarım Dersleri Kayan Yazılar Yapmak Ders 19

İnternet Sayfalarına Ses Eklemek

Günümüzde çok kullanılmasada hala revaçta hani bir siteye girersinizde bir kaç saniye sonra müzik başlar işte bu (flash siteler hariç) bgsound etiketi ile yapılır arkadaşlar.

Bgsound ile eklenen müziklere ziyaretçileriniz müdahale edemez bgsound etiketine loop parametresi eklendiğinde müziğin kaç kez çalınacağı belirlenir 5 dersek 5 kez çalar ve son verir

NOT: loop değeri -1 yaparsanız müzik sürekli çalacaktır.

Sayfamıza Ses Ekleme Uygulaması

Uygulamada müik tekrarını ben 3 olarak verecem siz istediğiniz kadar artırın azaltın

<html>
<head>
<title>Web Tasarım Dersleri Sayfaya Ses Müzik Ekleme Ders20</title>
</head>
<body>

<bgsound src=”Fonmuzik.wma” loop=”3″ />

</body>
</html>

Yukarda dikkat etmeniz gereken src ile müziğin yolunu belirtmeniz bu konu daha önce resim eklemelerde detaylı anlattım.

Video Eklemek

Yazıda anlatacağım video ekleme türü kendi sitemiden video yayını yapmak şeklinde arkadaşlar video sitelerinde yayınlanan videoları sitemizden video sitesinin vereceği link ile kolayca yayınlanabilir.

<embed>

Sayfamızda kullanıcı kontrollü video eklemek için <embed> etiketinden faydalanacağız

<embed> Parametreleri

Parametreler ile ziyaretçilerimiz izledikleri videonun kontrolü sağlayacaklardır nedir bu parametreler aşağıda görelim.

  • Width: Video oynatıcının genişliğini piksel cinsinden ayarlar.
  • Height: Yukardaki işlemin tersine yüksekliğini ayarlar.
  • Loop: Videomuzun kaç kez tekrarlanacağını belirleriz
  • Autostart: bu parametre videonun başlangıç açılış şeklini belirler ve 2 değer alır  true dersek otomatik başlar false kullanıcı başlatır

NOT: Loop değeri videolarda 2 değer alır ve 0 (sıfır) dersek video bir kez tekrarlar 1 dersek sürekli oynayacaktır.

Video Ekleme Uygulaması

Benim yapacağım video uygulaması özellikleri video genişlik ve yükseklik 250 piksel video otomatik başlasın ve 1 kez tekrarlasın şeklinde bir uygulama yapacam sizler farklı denememeler yapınız.

<html>
<head>
<title>Web Tasarım Dersleri Sayfaya Video Ekleme Ders20</title>
</head>
<body>

<embed src=”videoadi.mpeg” width=”250″ height=”250″ loop=”0″ autostart=”true”>

</body>
</html>

Evet arkadaşlar video eklemeyide anladık sakın sunucunuzdan yayınlamayın yoksa bantwidth su gibi gider video sitelerine yükleyin videoyu oradan aldığınız linkle yayınlayın koskoca haber siteleri bile bunu yapıyor bazıları.

Bugünkü dersimi bu kadar arkadaşlar ayrıca bugün wordpress derslerimie başlıyoruz takip ettiğiniz ortam yada resmi sitemiz olan www.webmasteryolcu.com sitemizden wordpress derslerinide takip edebilirsiniz.



   Paylaş

6 Yorum yapılmış

  • 28 Mart 2011 | Cevapla

    Hocam kolay gelsin ben facebooktan video kodlarını aldım kendi siteme ekledim yalnız notfont diye uyarı veriyor ekleyip yayınlayamadım yardımcı olabilirmisiniz?

  • sohbet
    12 Nisan 2011 | Cevapla

    teşekkürler.

  • Erol
    25 Mart 2012 | Cevapla

    hocam var olan bir sitenin html sini nasıl alabiliriz mesala webmasteryolcu sitesinin html sini almak istesem önümde bulunan sayfadan bunu nasıl yapacağım

  • orhon48
    02 Mayıs 2012 | Cevapla

    explorer de görünüm içerisindeki kaynak tıkla açılan pencere sana html kodlarını verecek… chrome kullanıyorsan sağ tıkla sayfa kaynağını görüntüleye tıkla okadar
    html kodları karşına çıkacaktır (sayfa içerisinde neyin nerede olduğunu görmekse niyetin sağ tıkla öğeyi denetle de altda pencere açılacak oradan üzerine geldiğin öğenin yerinide gösterecektir 😉

  • fato
    30 Kasım 2012 | Cevapla

    teşekkürler..

  • barıs
    02 Şubat 2013 | Cevapla

    teşekkürler

Yorum yapın