Temel Düzeyde HTML ve HTML5 Eğitimi
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6 students enrolled

Temel Düzeyde HTML ve HTML5 Eğitimi

Sıfırdan ve temelden başlayarak HTML ve HTML5 öğreniyoruz.
New
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6 students enrolled
Last updated 5/2020
Turkish
Current price: $15.99 Original price: $24.99 Discount: 36% off
12 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 4 articles
  • 13 downloadable resources
  • 1 Practice Test
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Temel HTML Etiketleri ve Etiketlerin Özellikleri
  • HTML5 ile Gelen Yeni Etiketler ve Özellikleri
  • Basit CSS Ekleme
  • Basit bir web sayfası oluşturma ve yayınlama
Requirements
  • Temel Bilgisayar Bilgisi
Description

Web sitesi yapmayı merak ediyorsunuz ve nereden başlayacağınızı bilmiyorsanız en temelden yani HTML konusundan başlamalısınız. İnternet sitelerinin arkaplanda ne kullandığına bakmazsanız, tarayıcıda görünen kısmının arkaplanında HTML vardır. Sizlere bu eğitimde sıfırdan HTML yapısını ve etiketlerini öğreterek, HTML5 ile değişen özelliklerden bahsediyor ve örneklerle etiketleri açıklıyorum. Ayrıca CSS konusuna da kısa giriş yaparak örneklerle konuları pekiştiriyoruz.

Basit olarak kursumuzu özetlersek aşağıdaki başlıkları içermektedir.

  • HTML Yapısı nasıldır?

  • Sayfadaki yazıları nasıl biçimlendiririz?

  • Tablo nasıl oluşturulur?

  • Resim nasıl eklenir?

  • Başka sayfa yada sitelere nasıl bağlantı verilir?

  • image map nasıl tanımlanır?

  • Sayfamıza nasıl CSS kodları ekleriz?

  • CSS yapısı, etiket, class ve id css nasıl yazılır?

  • Form nasıl oluşturulur? HTML5 ile gelen yeni form özellikleri neler?

  • HTML5 ile neler değişti?

  • HTML4 sayfasını nasıl HTML5 yaparız?

  • Sayfamıza ses ve video dosyası nasıl eklenir?

  • canvas, svg ve picture etiketleri nedir?

  • Geolocation APIsini kullanarak konum bilgisini nasıl gösteririz?

  • Sürükle & Bırak (Drag & Drop) nasıl yapılır?

  • Responsive web sayfası nasıl yapılır?

  • Özel sembolleri ve karakterleri sayfamıza nasıl ekleriz?

  • Domain ve Hosting nedir?

  • Hazırladığımız dosyaları nasıl sitemize yükleriz?

Who this course is for:
  • Web Tasarım Dünyasına girmek isteyenler
  • HTML ve HTML5'i öğrenmek isteyenler
  • Web Sitesi Yapmak İsteyenler
  • HTML öğrenmek için farklı kaynak denemiş ama hala öğrenememiş olanlar
Course content
Expand all 43 lectures 06:15:04
+ Giriş
3 lectures 09:15

Hoşgeldiniz.

Preview 02:16

HTML nedir ve ne işe yarar? HTML yazarken hangi programlar gerekir?

HTML Nedir? Gerekli programlar
02:45

İlk kodumuzu yazarak Merhaba diyeceğiz.

HTML Yapısı ve İlk Kodumuz
04:14
+ Temel Etiketler
13 lectures 01:51:01

Başlık etiketlerini ve yatay çizgi etiketini öğreniyoruz.

Preview 04:56

Başlık etiketlerini kullanarak ekrana yazılar yazalım.

Başlıkları Test Edelim
3 questions

Paragraf etiketini, satır başı etiketini öğrenecek ve şiir yazacağız.

Paragraflar
07:45

Yorum satırı nedir? Nasıl eklenir? Ve alıntı yapmanın etiketlerini öğreniyoruz.

Yorum ve Alıntılar
15:21

Yazılara basit şekiller vermek için kullanabileceğimiz bütün etiketleri öğreniyoruz.

Yazı Şekillendirmeleri
12:55

CSS konusuna genel olarak giriş yaparak, bazı css kodlarını öğreniyoruz.

HTML Dosyasına CSS Tanımlama
06:10

Sayfamızdan başka sayfalara, sitelere bağlantılar verelim.

Linkler
06:59

Sayfamıza resimler ekleyelim.

Resimler
07:22

Tablolar ekleyerek içeriğe düzen verelim.

Tablo Oluşturma
08:49

Numaralı yada numarasız listeler oluşturalım.

Listeler Oluşturma
11:44

Sayfamızda başka sayfaları gösterelim.

HTML Iframe
02:13

HTML yapısındaki head etiketi içerisine neler eklendiğini öğreniyoruz.

Head ve Meta Etiketi
09:53

Javascript konusuna basit bir giriş yapıyoruz.

HTML ve Javascript
02:44

Resim haritası (image map) ile bir resme tıklanabilir alanlar eklemeyi öğreniyoruz.

Preview 14:10

En başından itibaren neler öğrendiğimize bakalım.

Neler öğrendik?
9 questions
+ HTML Formlar
3 lectures 51:34

Form ne işe yarar, nasıl oluşturulur?

Formlar
07:41

Formlardaki elemanları öğreneceğiz.

Form Elemanları
13:19

Form elemanlarından input ve seçeneklerini öğreneceğiz.

Input Seçenekleri ve Özellikleri
30:34
Form etiketi ve elemanlarını kullanarak; Metodu Post olacak ve Gönder butonu yer alacak şekilde aşağıdaki başlıklarda basit bir form tasarlayınız. Adınız Soyadınız Telefon Numaranız Email Adresiniz Mesajınız
Basit İletişim Formu
2 questions
+ Temel CSS
3 lectures 26:54

CSS yazım şekli nasıldır? Kısa anlatıyorum.

CSS Yazım Şekli
02:08

Etikete stil verme, class ve id kavramları nedir? Basit olarak CSS yazıyoruz.

Etiket, class ve ID css yazımı
15:19

Renk Adı, RGB, RGBA, HEX renk tanımlamaları nedir?

Renk Kavramı
09:27
+ Video ve Ses
4 lectures 18:50

HTML5 Video ve ses formatları nelerdir?

Video ve Ses Formatları
01:52

Bir web sayfasına video dosyası nasıl eklenir?

Video Ekleme
06:13

Bir web sayfasına ses dosyası nasıl eklenir?

Ses Ekleme
04:14

Video dosyasına alt yazı nasıl eklenir? object ve embed etiketleri nasıl kullanılır?

Preview 06:31
+ HTML5
7 lectures 01:15:11

HTML 5 gelince neler değişti? HTML5 ile yeni gelen etiketler nelerdir?

HTML5 ile Neler Değişti?
19:51

Eski HTML sayfasını HTML5 haline nasıl getirebiliriz?

HTML4 'den HTML5'e geçiş
06:44

HTML 5 ile gelen özelliklerden biri olan Canvas ve JavaScript kullanarak çizimler yapabiliriz.

Canvas
12:53

SVG ile şekiller nasıl çizilir? Örneklerle işleyelim.

SVG
09:12

Farklı cihazlar veya ekran boyutları için farklı resimler göstermeyi nasıl yapıyoruz?

Picture
06:24

Bu web sayfası konumunuza erişmek istiyor nasıl yapılır?

Geolocation
05:09

HTML5 ile gelen sürükle ve bırak (drag&drop) konusunu örneklerle açıklıyorum.

Sürükle ve Bırak
14:58
+ Diğer Konular
5 lectures 01:11:54

HTML ile yapabileceklerimiz aslında çok geniş. Bu dersimizde resim kullanmadan bazı sembolleri nasıl ekleriz onları öğreneceğiz. Şaşırmaya hazır olun.

Semboller, Özel Karakterler ve İkonlar
15:00

Web siteleri genellikle birden çok katmandan oluşur. Yapı Etiketleri = Anlamı olan etiketler.

Katmanlar
16:38

Her çözünürlükte ve cihazda çalışan sayfalar nasıl yapılır?

Responsive Web Tasarımı
13:50

Bir sayfanın içeriğinin, vermiş olduğunu hizmetin herkes tarafından eksiksiz ulaşılabilir, algılanabilir, değerlendirilebilir ve kullanılabilir olması, duruma, ihtiyaçlara ve tercihlere yanıt verebilecek esneklikte olması gereklidir. Bunu erişilebilirlik ile sağlayabilirsiniz.

Erişilebilirlik
08:26

HTML de yer alan, önceki derslerde anlatılmayan diğer etiketleri hep beraber tanıyalım ve kullanalım.

Diğer Etiketler
18:00
+ Uygulamalar
1 lecture 01:34

Başlık etiketleri, paragraf etiketi, yatay çizgi ve satır başı etiketlerini içeren örnek uygulama.

Uygulama -1 : Makale Yayınlama
01:34
+ Yayınlama
4 lectures 08:49

Domain (Alan Adı) ve Hosting (Site Barındırma) nedir? Ne işe yarar?

Domain ve Hosting Nedir?
03:20

Sitemizi hazırladık. Artık yayınlamaya hazırız. Dosyaları yüklemek için hazırlamak ve FTP ile hostinge gönderme adımı nasıl yapılır? Dikkat etmemiz gereken neler var?

Dosyaları Yükleme ve Yayın
04:57

Başka kurslarda görüşmek üzere.

Sonsöz
00:25

Eksik konularınızı tespit etmek için bu testi tamamlayınız.

Bu kursta neler öğrendik?
15 questions
Bonus
00:07