Web Tasarım Dünyasına Merhaba : Bootstrap & Html5 & CSS

Bootstrap, Html5 ve CSS
4.5 (52 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.
529 students enrolled
$50
Take This Course
  • Lectures 71
  • Length 8 hours
  • Skill Level All Levels
  • Languages Turkish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 Turkish

Course Description

Web Tasarım Dünyasına Merhaba 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.


What are the requirements?

  • Sublime Text Editör

What am I going to get from this course?

  • Html kodlamayı öğreneceksiniz.
  • Html 5 ile gelen yeni özelikleri öğreneceksiniz.
  • Css Kodlamayı öğreneceksiniz.
  • Kısa zamanda sıfırdan Web Sitesi tasarlayabileceksiniz.

Who is the target audience?

  • Sıfırdan Web Sitesi tasarlamak isteyenler.
  • Html ve Css öğrenmek isteyenler.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Kurs Tanıtımı
Preview
02:16
Section 1: Html 5
07:15

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

07:06

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

Html Dökümanları Hakkında
2 pages
05:54

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 Etiketinin Diğer Bileşenleri
3 pages
10 questions

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

05:17

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ı

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

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ı


06:47

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

07:27

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

06:13

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


10:02

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

13:56

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

04:18

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

09:43

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

08:29

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

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
Section 2: Stil Şablonları - CSS
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
Section 3: Html 5 ile Gelen Yenilikler
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
Section 4: Tasarım Çalışmaları (Layouts)
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
Section 5: Bootstrap ile Web Tasarımı
06:08

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.

04:10

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

06:54

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.

11:42

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

09:55

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

05:33

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

07:46

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

06:17

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

07:04

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

10:02

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

05:23

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

06:00

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

06:28

Ç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.

05:42

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.

04:28

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sadık Turan, 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...

Ready to start learning?
Take This Course