mobile-logo
Top

Bölüm Tag

  • All
  • Analiz
  • Dijital pazarlama
  • Dijital, İyi Şeyler Podcast
  • E-Ticaret
  • Eğitim
  • Growth hacking
  • İnceleme
  • Kişisel
  • Rehber
  • Reklam
  • Sosyoloji
  • Teknoloji
  • Wordpress

HTML5 ses dosyaları çalmak için de bir satandart sunmakta.

Web’te ses/audio

Şu ana kadar, web sayfaları üzerinde ses çalmak için bir standart yoktu.

Günümüzde ise, çoğu ses parçası flash gibi eklentilerle çalışmakta. Bununla beraber, tüm tarayıcılar aynı eklentiyi desteklememekte.

HTML5 audio elementi ile bir ses parçası standardı getirmekte.

Audio elementi ses parçalarının çalınmasını sağlar, veya bir ses akışının çalınmasını.

Audio Türleri

Varsayılan olarak, audio elementine uygun 3 tür mevcut:

TürIE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
Ogg VorbisHayırEvetEvetEvetHayır
MP3EvetHayırHayırEvetEvet
WavHayırEvetEvetEvetEvet

 

Nasıl Çalışır

Ses çalabilmek için tüm ihtiyacınız olan şey:

<audio src=”song.ogg” controls=”controls”>
</audio>

Control özelliği play, pause, ve volume gibi yani çal, duraklat ve ses gibi kontrol düğmelerini sağlar.

<audio> ve </audio> etiketleri arasına audio elementini desteklemeyen tarayıcılar için uyarı yazsıı konulabilir.

Yukarıdaki Ogg dosyası örneği Firefox, Opera ve Chrome’da düzgünce çalışmaktadır.

Internet Explorer ve Safari’de de çalabilmesi için  türü mp3 olan bir dosya eklemelisiniz.

Audio elementi çoklu kaynağa sahip elementleri kabul etmekte. Source(kaynak) elementleri farklı ses dosyalarına bağlanabilmekte. İlk tanınan formatı çalacaktır tarayıcılar:

 

Tüm <audio> Özellikleri

Continue reading

by

Web üzerinde video

Şu ana kadar, bir web sayfası üzerinde video göstermenin standardı yoktu.

Günümüzde, flash gibi bir eklenti ile videolar gösterilmekte. Bununla beraber, tarayıcıların hepsi aynı tür eklentilere sahip değiller.

HTML5 video eklemek için bir standart belirlemekte, video elementi ile.

Video Formatları

Varsayılan olarak, video elementince desteklenen 3 tip format mevcut:

FormatIEFirefoxOperaChromeSafari
OggNo3.5+10.5+5.0+No
MPEG 49.0+NoNo5.0+3.0+
WebMNo4.0+10.6+6.0+No
  • Ogg = Ogg dosyaları Theora video codec’i  ve Vorbis audio codec’i ile çalışır.
  • MPEG4 = MPEG 4 dosyaları H.264 video codec’i ve AAC audio codec’i ile çalışır.
  • WebM = WebM dosyaları VP8 video codec’i ve Vorbis audio codec’i ile çalışır.

Nasıl çalışır?

HTML5’te video göstermek için, ihtiyacınız olan şey:

<video src=”movie.ogg” controls=”controls”>
</video>

Control özelliği oynatmayı eklemek için, durdurmayı, ve de ses kontrollerini…

Continue reading
by

HTML, XHTML ve HTML Dom ‘da yeni standart HTML 5 olacaktır. Bir önceki versiyon 1999’da çıkmıştır. O zamandan bu yana ise çok şey değişmiştir.

HTML5 hala bir değişim sürecinde. Bununla beraber çağdaş birçok tarayıcı bazı HTML5’e ait  standartları sunmakta.

HTML5, W3c(World Wide Web Konsorsiyumu) ile WHATWG(Web Hypertext Aplication Technology Worgking Group) ‘un ortak çalışmasının sonucu.

WHATWG web formları ve uygulamaları ile, W3C de XHTML 2.0 ile uğraşıyordu. 2006’da, yeni bir HTML versiyonunda birleşmeye karar verdiler.

Belirlenmiş bazı HTML5 kuralları;

  • Yeni özellikler HTML,CSS, DOM ve Javascript’e göre olmalı,
  • Harici eklentilere ihtiyaç azaltılmalı,
  • Daha iyi hata işleme,
  • Script’leme yerine daha fazla işaretleme,
  • HTML5 cihazlardan bağımsız olmalı,
  • Geliştirme süreci halk tarafından görünür kılınmalı
    Continue reading
by

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.

HTML dökümanlarında başlıklar önemlidir.

HTML Başlıkları

Başlıklar <h1> ‘den <h6>’ya kadar tanımlanır. <h1> en önemli başlığı tanımlar, <h6> ise en az önemliyi. Tarayıcılar otomatik olarak başlıklardan önce ve sonra boşluk bırakır buna “a margin” denir.

Bunun örneklerini yapmıştık daha önceki derslerden birinde.

Başlıklar önemlidir

Sadece başlıklar için başlık etiketlerini kullanmalısınız. Yazıyı büyük ya da kalın yapmak için değil. Arama motorları web sayfanızın içeriğini ve yapısını index’ler başlık etiketlerini kullanarak.  Kullanıcılar sayfalarınızın içeriğini kopyalayarak aldığından beri de başlıklar belgenin yapısını gösterir olmuştur. ( yani word’e yapıştırdığında otomatik olarak başlık olarak algılanacak h etiketleriniz)

h1 başlıkları ana başlığınız olarak kullanılmalı, ardından h2, sonra h3 diye giderek takip etmeli.

Continue reading
by

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.

Temel etiketler

Bir web sayfası için temel etiketler şunlardır;

<html>

<head>

<title>Burası başlık,yukarıdaki Ne Fark eder ki yazan yer gibi(tarayıcıda)</title>

</head>

<body>

</body>

</html>

Bu etiketleri uygulamayı unutmayın. Bunları yeni metin.txt’ye gördüğünüz gibi yazıyorsunuz. CTRL+S ile metin belgesine kayıt edin ilk önce ki yazdıklarınız kaybolmasın. Ardından farklı kaydet ile index.html’yi değiştirin. Ve index.html’yi çift tık ile tarayıcıda gösterin. Yazdığınız kodlar ile sayfa bembeyaz olacak yalnız tarayıcıda title etiketinde yazan yazı gözükecektir.

HTML’de başlıklar

Html’de başlıklar(headings) <h1>’den <h6>’ya kadar gider. En büyük olan 1 numaralı, en küçük olan 6 numaralıdır.

Örnek olarak bunları da uygulayabilirsiniz. Uygulayacağınız başlık etiketlerini <body> ile </body> arasına yazmalısınız. Body etiketi web sayfasının tamamen beyaz görünen kısmını temsil eder. Örneklerimiz;

<h1>Bu başlık h1 etiketine sahip.</h1>

<h2>Bu başlık h2 etiketine sahip.</h2>

<h3>Bu başlık h3 etiketine sahip.</h3>

<h4>Bu başlık h4 etiketine sahip.</h4>

<h5>Bu başlık h5 etiketine sahip.</h5>

<h6>Bu başlık h6 etiketine sahip.</h6>

 

HTML’de paragraf

Continue reading

by

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.

Html Dersleri, 1.bölüm

HTML nedir?

HTML web sayfalarını tanımlayan bir dildir. HTML’nin açılımı Hyper Text Markup Language’dir. Yani; geniş, text, işaretleme dili… HTML programlama dili değildir. Yalnızca işaretleme dilidir(. İşaretleme dili, işaretleme etiketleri(tags) kümesidir. HTML web sayfalarını tanımlamak için işaretler kümesini kullanır.

HTML etiketleri

HTML işaretleme etiketleri genel olarak HTML etiketleri diye kullanılır. HTML etiketleri sözcük gruplarıdır ve etraflarında çift taraflı parantez vardır.

<html> bu örnekte olduğu gibi.

HTML etiketleri genel olarak çift olarak gelir.

<b> </b> gibi.

İlk gelen etiket başlangıç etiketi, ikincisi ve / olan son etikettir. Aynı zamanda açılış(ilk) ve kapanış(son) etiketleri de denir.

Continue reading
by

Bu incelemem, Rene Descartes'in Yöntem Üzerine Konuşma'sına ait. 93 sayfa, sonda çevirmen Afşar Timuçin'in özgeçmişi var.Kitap sekiz bölüme ayrılmış. Önzözden sonra, usunu(sağduyu) iyi kullanmak ve bilimlerde doğruyu araştırmak için yöntem üzerine konuşma -bu kitabın latincedeki asıl ismi-, altı bölüm ve açıklama şeklinde. İlk yazdığım başlık...

by

İşlem menümüz

1) İlk önce tüm verilerinizi yedekleyin imkanınız varsa.

2)Sisteminize elveda deyin! Disk bölümlerini yok etme zamanı!

3) Windows 95/98/ME Serisinde Biçimlendirme işlemleri

4)Bilgisayarı(PC’yi) Diskten başlatma.

5) Fdisk ile Disk yapılandırma

6)Sistemi kurma zamanı!

7)Sistem kuruldu! Artık sürücüler yüklenmeli!

8 ) Sürücüler de yüklendi. Artık Paket programları yükleme ve bitirme vakti!

Depolama diskini yedekleme

Bilgisayarınızda(pc) sorunlar yaşamaya başladınız. Geriye kalan tek çare sistemi baştan kurmak. Ama sistemi kurmanız için yapmanız gereken ilk şey, formatlama yani biçimlendirmedir. Çoğu kişi ‘Format atçam la! Piğsiğ çöktü.’ der. 😀 Ama iş sadece format ile bitmemekte.Format atıldıktan sonra ki Windows NT4.0 ve sonrasında aynı anda gerçekleşen disk bölümleme, sistemi kurmak için disk seçimi, kurulum sürecini izleme, paket programları kurma olarak uzamaktadır. Tabi sonrasında da;  sistem güvenliğini sağlama, güncellemeleri gerçekleştirme, hızı ve görünüşü ayarlama kalıyor geriye. En son da yedekleme tabi ki!

Yedekleme olmazsa bir sonraki çöküşte verilerimizi tamamen kaybedebiliriz. Çoğu zaman eski verilerimize ulaşmak sorun olmaktadır. Hepimizin cebinde de yüklü miktarda para olmadığına göre, yüksek mühendislik çabası ile veri kurtarma ile uğraşamayacağız. Bu nedenle işlemlerin sonucunda yedekleme önemli. Diyerek sürecin nasıl olduğunu anlatayım;

1) İlk önce tüm verilerinizi yedekleyin imkanınız varsa.

İşlemlerin başında ve sonunda bu işlem olmalı, verilerimize, müziklerimize ver resimlerimize düşkünüzdür. Bunun için en basit ve yerel disklerden birine yedekleme yapabileceğiniz program O&O image backup adlı programdır. Fazla yer kaplamaz. Ama yedeğiniz kaplar tabiki. Bunu başka bir hard diske kopyalayacaksanız ve kısa süre için kullanacaksanız tavsiye ediyorum.

backup.com’da remote back up adı verilen yedekleme yöntemi de uygun. Tahmin ediyorum ki ücretlidir. Ama paraya değer, verileri kurtarmak için. Uzaktan erişim yolu ile yedekleme gerçekleşir. Bilgisayarınızın gücüne bağlı olarak, süre çok çok uzun da olabilir.

Ve en sevdiğim ve güzel seçenek ise http://www.fbackup.com/tr/ adresinde yer alan fbackup programı. Yedekler. Ücretsizdir. Yedeğinizi yerleştirir. Kolaydır kullanımı, amacınıza uygun da seçimler yapmanızı sağlar.

Continue reading
by
« Önceki sayfa