Web Tasarım Eğitimi : Html5, CSS ve Bootstrap
4.2 (60 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
548 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Tasarım Eğitimi : Html5, CSS ve Bootstrap to your Wishlist.

Add to Wishlist

Web Tasarım Eğitimi : Html5, CSS ve Bootstrap

Bootstrap, Html5 ve CSS
4.2 (60 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
548 students enrolled
Created by Sadık Turan
Last updated 1/2017
Turkish
Current price: $15 Original price: $150 Discount: 90% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 7 hours on-demand video
  • 14 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Html kodlamayı öğreneceksiniz.
Html 5 ile gelen yeni özelikleri öğreneceksiniz.
Css Kodlamayı öğreneceksiniz.
Kısa zamanda sıfırdan Web Sitesi tasarlayabileceksiniz.
View Curriculum
Requirements
  • Sublime Text Editör
Description

Kursa kısa süreliğine sadece 10$'a kayıt olabilirsiniz. Kupon kodu : webtasarimdunyasideal

Web Tasarım Eğitimi Kursumuz; Web Tasarım yapmak isteyen ancak nereden başlayacağını bilmeyen kişileri göz önünde bulunduran, sıfırdan her hangi bir ön koşula sahip olmadan başlayabileceğiniz ve Web Tasarım adına herşeyi adım adım öğreneceğiniz zengin içerikli bir kurstur.

Kursumuz ilk olarak Web Tasarımını hangi ortamlarda hangi araçlarla geliştirebileceğinizi anlatmaktadır.

Daha sonra Html kodlamayı en temelden başlayarak anlatmaya başlayıp A'dan Z 'ye tüm konuları içeren zengin içeriğiyle sizi kısa zamanda Web Tasarım dünyasına taşıyor.

Html kodlamadan sonra Html bilginizin yanında mutlaka öğrenmeniz gereken CSS konusunu tüm ayrıntılarıyla anlatıyor.

Html ve Css anlatımından sonra HTML5 ile gelen yeni özellikler anlatılmaktadır.

Daha sonra yapacağımız farklı Html Tasarımlarıyla gerçek senaryolarla oluşturduğumuz web siteleri bildiğiniz herşeyi nasıl kullanmanız gerektiğini size öğretecek.

Son zamanlarda popüler hale gelen, web tasarımında işimizi çok kolaylaştıran ve kısa zamanda mükemmel tasarımlar yapmamıza imkan sağlayan BOOTSTRAP kütüphanesi anlatılmaktadır.


Who is the target audience?
  • Sıfırdan Web Sitesi tasarlamak isteyenler.
  • Html ve Css öğrenmek isteyenler.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 71 Lectures Collapse All 71 Lectures 07:45:47
+
Kurs Tanıtımı
1 Lecture 02:16
+
Html 5
20 Lectures 02:13:47

Html 5 kodlamaya başlamadan önce bilmeniz gereken temel konular anlatıldıktan sonra html kodlaması için gereken html editörlerinden bahsediyoruz.

Preview 07:15

Html etiketlerinin nasıl kullanıldığını anlatıyoruz ve İlk Html 5 sayfamızı hazırlayıp tarayıcıda gösteriyoruz.

Preview 07:06

Html Dökümanları Hakkında
2 pages

Html Head segmesinin öğelerinden Meta etiketleri , Sayfa başlığı (title) ve harici kaynakların (Css,Javascript) nasıl sayfamıza dahil edildiğini anlatıyoruz.

Html Head
05:54

Html Head Etiketinin Diğer Bileşenleri
3 pages

Html eğitimi boyunca öğrendiğiniz ve dikkat çekmek istediğimiz yerlerle ilgili konu hatırlatıcı html testimizi çözmeniz tavsiye olunur.

Html Temel Kavramlar
10 questions

Html Blok (html block) etiketlerinin ne olduğunu anlattıktan sonra Html Block etiket grubuna dahil olan html etiketlerini örnekler üzerinde anlatıyoruz.


Html Header Etiket Kullanımı

Html Paragraf Kullanımı

Html Div Kullanımı

Html Block Etiketler
05:17

Blok Etiket Kullanımı (paragraf,başlık)
2 pages

Html Inline etiketlerinin ne olduğunu anlattıktan sonra Html Inline etiket grubuna dahil olan html etiketlerini örnekler üzerinde anlatıyoruz.


Html <Span> Etiketi Kullanımı

Html <br/> ve   Etiketi Kullanımı

Html <a> Kullanımı

Html <img> Kullanımı


Html Inline Etiketler
07:20

Sıralı ve sırasız listelerin Html kodlamayla nasıl oluşturulduğunu anlatıyoruz.

Listeler (Sıralı ve Sırasız)
06:47

Html linklerinin nasıl kullanıldığını anlatıyoruz.

Html Link
07:27

Html sayfalarında resim işlemlerinin nasıl yapıldığı anlatılıyor.


Html Image
06:13

Html sayfalarında text alanlarının görüntülerinde iyileştirme yaparken kullandığımız Html Etiketlerinin kullanımı anlatılmaktadır.

Html Text Düzenleme Etiketleri (Text Formatting)
10:02

Html'de tabloların (table) nasıl oluşturulacağını anlatıyoruz.

Html Tablolar
13:56

Html tablolarda kolon ve satır oluşturmayı öğreniyoruz.

Html Tablolar - colspan rowspan
04:18

Html tablo kullanımı ile ilgili uygulama yapıyoruz.

Html Tablolar - Uygulama
09:43

Html div kullanımı anlatılıyor.

Html Div
08:29

Html Div - Uygulama (Layout)
13:45

Html IFrame
07:34

Html Form Nedir ve Nasıl Kullanılır
2 pages

Html Formların Kullanımı
12:41
+
Stil Şablonları - CSS
26 Lectures 02:27:00
Css Giriş
06:06

css-giris.html && style.css
4 pages

Css Yazım Seçenekleri
06:22

Css Seçici Biçimleri (selectors)
09:35

Css Tanımlama Biçimleri (Syntax )
08:30

Css Arkaplan Çalışmaları (Css Background)
07:40

Css Kenarlıklar (Css Borders)
04:38

Css Text
06:47

Css Font
04:33

Css Linkler
06:05

Margin ve Padding Kavramları
07:54

Css Listeler
09:52

Css Tablolar
07:59

Css Position Kavramı Nedir ?
05:13

Css Position Uygulaması
10:12

Css Display Özelliği Hakkında
03:28

Css Display Kullanımı
06:47

Css Resim Galerisi Tasarımı
09:44

resim-galeri.html && style.css
2 pages

Css Dropdown Menu Tasarımı
07:47

cssdropdown.html && style.css
1 page

Css Formlar
09:31

form.html && style.css
3 pages

Form Tasarım Çalışması (index.html && style.css)
4 pages

Css Buton Tasarımı
08:17

cssbuton.html && style.css
2 pages
+
Html 5 ile Gelen Yenilikler
6 Lectures 27:35
Html 5 Hakkında
4 pages

Html 5 Mantıksal Etiketler (Semantic Tags)
06:13

Html 5 Form Kontrolleri
09:29

Html 5 Input Types
1 page

Html 5 Doğrulama (Validation)
06:22

Html 5 Media Etiketleri
05:31
+
Tasarım Çalışmaları (Layouts)
3 Lectures 18:37
Tasarım Çalışması (Layout-1) - Html Tasarımı
05:58

Tasarım Çalışması (Layout-1) - Css Tasarımı
12:39

layout.html && style.css
3 pages
+
Bootstrap ile Web Tasarımı
15 Lectures 01:43:32

Son zamanların en çok kullanılan en popüler css ve javascript kütüphanesi olan bootstrap kütüphanesi nedir,açıklayalım.

Bootstrap Hakkında
06:08

Popüler css ve javascript kütüphanesi olan bootstrap framework'ünin nasıl kurulduğunu anlatıyoruz.

Bootstrap Kurulumu
04:10

Bootstrap framework'ünün web sayfalarını tarayıcının çözünürlüğüne göre nasıl şekillendirdiği anlatılmaktadır.Örneğin ; mobil cihazlardan ziyaret edilen web sayfasının mobile uygun hale gelmesi.

Bootstrap Grid Sistem Tanıtımı
06:54

Bootstrap grid sistemde container , container-fluid , satır (row) ve sütün (column) kavramlarını uygulama üzerinde öğreniyoruz.

Bootstrap Grid Sistem Kullanımı
11:42

Bootstrap kütüphanesini kullanarak responsive tasarımın nasıl yapıldığını öğreniyoruz.

Bootstrap Responsive Tasarım
09:55

Bootstrap grid sistemde kolon öteleme (offsetting column) ve İç içe kolon (nesned column) kavramlarını öğreniyoruz.

Offset ve Nesned Column Kavramları
05:33

Bootstrap hazır sınıflarını kullanarak temel Html etiketlerine nasıl css stillerini uygulayabileceğimizi öğreniyoruz.

Bootstrap Typography
07:46

Bootstrap stil sınıflarını kullanarak Html Formlarını nasıl oluşturacağımız öğreniyoruz.

Bootstrap Form
10:02

Bootstrap stil sınıflarını kullanarak Html tablolarını nasıl oluşturacağımız öğreniyoruz.

Bootstrap Tablolar
07:04

Bootstrap kütüphanesindeki hazır stiller yardımıyla daha güzel listeler ve menüler oluşturuyoruz.

Bootstrap Listeler
06:17

Bootstrap Inline (satır içi) ve Bootstrap Horizontal (Yatay) formaların nasıl oluşturulduğunu anlatıyoruz.

Bootstrap Inline ve Horizontal Formlar
05:23

Bootstrap css kütüphanesini kullanarak nasıl harika temalı butonlar oluşturacağımızı öğreniyoruz.

Bootstrap Butonlar
06:00

Çoğu zaman web sayfalarında resim boyutlarını ayarlamak uğraştırıcı bir hal alabiliyor.Ancak Bootstrap Responsive Image kavramıyla resmin içinde bulunduğu çerçevenin boyutlarını almasını sağlamak artık çok kolay.Ayrıca bootstrap içinde tanımlanmış çeşitli css sınıflarıyla resimlerin görüntülerini iyileştirmek mümkün.

Bootstrap Responsive Image
06:28

Bootstrap css kütüphanesi içinde en çok kullandığımız özelliklerin başında belkide Helper Classes bölümü yani yardımcı sınıflar gelmektedir.Bootstrap yardımcı sınıflarla yazılara renk ve arkaplan uygulamak artık çok kolay.

Bootstrap Helper Classes
05:42

Bootstrap kütüphanesine ücretsiz olarak sunulan yaklaşık 250 tane Glyphicons ikonu nasıl kullanacağımızı öğreniyoruz.

Bootstrap Glyphicons (icon)
04:28
About the Instructor
Sadık Turan
4.3 Average rating
343 Reviews
4,488 Students
8 Courses
Web Developer and Teacher

Sadık Turan is a web developer for over 10 years experience of creating websites using Asp.net,Entity Framework,LINQ,Bootstrap, HTML, CSS, JavaScript.

Always try to follow last technologies to be the best on the courses he gives so my main focus is to teach technology the way it is used in industry and professional world.

As i believe many developer kits there are we always see and at first many people do not know which is good and worthwhile to learn so in the end it is possible realize of going around in the wrong places for nothing That's why in the all courses I considered which is the best and most useful Just follow the courses we gives so in the end of all courses you will be creating useful products...