Temel Düzeyde HTML ve HTML5 Eğitimi

6 students enrolled

Temel Düzeyde HTML ve HTML5 Eğitimi

Sıfırdan ve temelden başlayarak HTML ve HTML5 öğreniyoruz.

New

6 students enrolled

Created by Ali Osman Kahraman

Last updated 5/2020

Turkish

Preview this course

Temel Düzeyde HTML ve HTML5 Eğitimi

$15.99 $24.99 36% off

12 hours left at this price!

30-Day Money-Back Guarantee

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

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.

Resim Haritası (Image map)

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?

Alt Yazı Ekleme ve Diğer Etiketler

Preview 06:31

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