Temel HTML - HTML5 Dersleri

HTML ile web sayfaları oluşturacağın temel eğitim serisi

Ratings: 4.71 / 5.00




Description

HTML nedir?

İngilizce Hyper Text Markup Language cümlesinin baş harflerinden oluşur. İşaretleme dili olan Html, web sayfalarının hazırlanmasında kullanılan sistemdir. Bir programlama dili olmayan Html bilgisayarlarımızda kullandığımız web sitelerinin oluşturulmasında kullanılır. Chrome, Fİrefox ve İnternet Explorer gibi tarayıcılar html kodlarını işleyerek bu kodları web sayfasına dönüştürür.

HTML Neler Sunuyor?

- Görsel, yazı ve video gibi içeriklerin web sayfasına konumlandırılmasını sağlamaktadır.

- Oluşturulan bu içeriklerin doğru şekilde internet sitelerinde görüntülenmesini sağlar.

- Arama motorlarına web siteleri hakkında bilgi verir.

Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri ya da word gibi ortalarda bir metin editörü html sayfaları oluşturabilir. Kod yazmayı daha kolay hale getirmek için dreamwear, sublime Text ve notepad++ gibi araçlar kullanılabilir. Yazılan html kodları kaydedilirken htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.

HTML5 Nedir, Nasıl Kullanılır ve Faydaları Nelerdir ?

HTML5, web siteleri oluşturmak için kullanılan hiper-metin işaretleme dilinin son sürümüdür. Önceki sürümleri ile aynı özellikleri sunmakla birlikte, fırsatlar dünyasının kapılarını açmak için birçok yeni özellikleri bulunmaktadır. Ancak, bazı web yöneticileri zaman harcamaya değmez korkusuyla, HTML5 diline geçiş yapmakta şüpheciler. Eğer siz de hala şüpheci olanlardansanız, aşağıda listelenen HTML5 dilinin üstün faydalarından bazılarına göz atmanızda fayda var.


HTML5 Dilinin Fayfalarını Maddeler Halinde Sıralıyoruz


1) Dahili ses / video oynatabilme

Bir önceki HTML sürümlerinde web yöneticileri ses ve videoyu oynatmak için, Adobe Flash Player, Quicktime veya Silverlight gibi üçüncü parti programları kullanmak zorunda kalırlardı. Bu da sık sık hatalarla sonuçlanırdı. Web tabanlı medya oynatma işlemi hatalarla sonuçlanan web sayfalarının doğmasına sebep olurdu. HTML5 video ve ses yürütmek için tam destek ile bu sorunu çözmüştür.

2) Çevrimdışı önbelleğe alma

Geçmişte sitenin ziyaret edildiğini varsayarsak; HTML5 de ziyaretçilerin aktif internet bağlantısı olmadan bir web sayfasında belirli öğeleri yükleyebilirsiniz. Bir ziyaretçinin internet bağlantısı kopsa bile o sitenin temel unsurları yüklenebilir, web sitesi çalışır durumda görüntülenebilir.

HTML5 ile, web yöneticileri ziyaretçilerin kullandığı tarayıcıların hangi dosyaları saklayacağını tanımlarak tasarruf sağlayabilir. Çevrimdışı önbelleğe alma HTML5 ile bütünüyle yeni olan bir şeydir.

3) Temiz Kod

Dağınık HTML kodlu uzun bir sayfaya bakarak nefret mi ediyorsunuz? Kötü kod ile inşa edilmiş bir web sitesinde temel değişiklikleri yapmaya çalışmak bile bir kabusa dönüşebilir. HTML5 geliştiriciler için daha kolay temiz kod sunmak için geliştirilmiş, aynı zamanda gelişmiş arama motoru optimizasyonu için tasarlanmıştır. Arama motorlarının bir web sitesinin içeriğini daha kolay 'anlayabilmesi' genellikle daha yüksek arama sıralaması olarak geri kazanç sağlar.

4) Çapraz Tarayıcı Uyumluluğu

HTML5'in bir dördüncü faydası ise Firefox, Internet Explorer, Chrome, Safari ve Opera dahil olmak üzere önemli web tarayıcılarının tümüyle çapraz uyumlu olmasıdır. Bu durum bahsi geçen tarayıcıların HTML5'in tüm öğelerini destekleneceği anlamına gelmez, fakat bu durumda dahi en azından doküman türü okumak mümkün olabilmektedir.

5) Mobil Optimizasyon

Hala HTML5 kullanmak için başka bir nedene ihtiyacınız varsa, bunlardan birisi de mobil web siteleri ve uygulamaları oluşturulması için optimize edilmiş olmasıdır. Duyarlı (responsive) web siteleri, mobil cihazların her türlü çözünürlükleri arasında tam işlevsellik sunan HTML5 kullanılarak inşa edilmiştir. Yatay kaydırmaya gerek kalmadan, mobil internet kullanıcıları daha verimli olarak web sitelerine göz atabilir.

HTML5 Kullanarak Güncel Siteler Oluşturabilirsiniz

HTML5 yalnızca temiz bir kodlama sağlamakla kalmaz; işinizi kolaylaştırmanın beraberinde tarayıcıların sitenizi doğru biçimde görüntülemesine yardımcı olur. İçerdiği güncel kod parçacıkları sayesinde oldukça verimli bir içerik oluşturmanıza olanak sağlar.


------------------------------------------------------------------------------


Web tasarım, web programlama ve yazılım alanında kendisini geliştirmek isteyen üniversite, lise ve ortaöğretim öğrencisi her birey bu kurs ile yazılıma ilk adımı atabilir. Kursun içeriği Temel HTML : Elementler, Etiketler, Biçimlendirme, Bağlantılar, Tablolar, Formlar ile başlayıp devam etmekte..., HTML5 : Anlamlandırma, Giriş tipleri, Form Elementleri, Video, Audio ile devam etmekte...,

Kursa katılan herkes bu bilgiler hakkında gerekli bütün bilgilere sahip olup kendi web uygulamalarını geliştirebilecek seviyeye gelecektir. Kurs HTML ile başlayıp HTML5 ile devam etmektedir bütün konulara değinmeye çalıştım her birini örneklendirdim ve açıkladım umarım sizler için faydalı olur. Kurs sonunda yorumlarınızı ve değerlendirmelerinizi bekliyorum. Ayrıca bir sorun yaşamanız halinde sorularınızı sistem üzerinden bana iletmeniz halinde birlikte çözüm bulabiliriz. Umarım kurs hepiniz için faydalı olur.





What You Will Learn!

  • HTML temel seviyeden giriş yaparak temel mantık anlatılacak
  • HTML5 ile yapılabilecek işlemler anlatılıp örneklendirilecek

Who Should Attend!

  • Web tasarım bölümü öğrencileri
  • Bilgisayar mühendisliği öğrencileri
  • Yazılım mühendisliği öğrencileri
  • Web tasarıma ve web geliştirme meraklısı herkes
  • Yazılıma giriş yapmak isteyen herkes