Site Tasarımı nasıl yapılır?

Şimdi divlerle bir örnek site yapalım?

basit bir internet sayfası yaptım gelelim bunu nasıl yaptım aşama aşama anlatmaya;
1.ilk önce ınsert menüsünden div oluştur tıklayıp resimdeki aşamaları tekrarlıyoruz!!

Şimdi ilk divimiz eklenmiş oldu all divi en üstteki örnekde görebilirsiniz.
Sıra geldi banner divimizi eklemeye;

Artık banner divimizde eklenmiş oldu.
Sıra geldi menü divimizi oluşturmaya;

Artık bundan sonrakileride menü divi gibi işlem sırasıyla giderseniz yapmış olursunuz.
Kusura bakmayın gerisini yazamadım tek tek vaktim kalmadı artık bir sonraki dersde eksikleriniz olursa telafi ederiz.

Devamını Oku

Adobe Dreamweaver ile css nasıl kullanılır?

Öncelikle dersime hoşgeldiniz!

Öncelikle css'de sınıflandırmaları öğrenelim?
3 şekilde sınıflandırma vardır css'de bunlar:
1.Html tag: Seçilen html koduna ayar yapmamızı sağlar.
2.Class(sınıf): Yazılara tek bir sınıf vererek sürekli kod yazmaktan kurtarır.
3.Id(özel isim): Herhangi bir öğeye isim vererek sadece ona özel ayar yapmamızı sağlar.
Artık css'de neler var öğrendik şimdi gelelim css paneline


Css panelini aktif edelim önce window>css styles tıklıyoruz ve aktif oluyor.


Şimdi css oluşturalım:

Karşımıza böle bir ekran gelicek ben burdan örnek olarak "ıd" seçiyorum ;

Şimdi css sayfamız oluştu artık ben 1. olanı seçtim

Artık Css kullanmayı öğrendik bir sonraki derse hazırsınız demektir.

Devamını Oku

Adobe Dreamweaver ınsert(çizim) paneli ne işe yarar?

Öncelilikle hoşgeldiniz!
İlk önce görünür hale getirebilmek için window>ınsert panel tıklanır aktif hale geçer.Karşınıza bunun gibi ekran gelmesi gerekir.

Şimdi gelelim bunları tanımaya ?

Bunları öğrendiyseniz artık sonraki derse hazırsınız demektir :)

Devamını Oku

Sitenizi arama motorlarında çıkartmanın 4 yolu ?

Son zamanlarda seo artık çok önemli hale geldi işte artık sizde burdan sitenizin seo ayarının nasıl ustaca yapıldığını öğreneceksiniz.Bu sayede siteniz Sitenizi arama motorlarında üst sıralarda olmuş olucak.

Bu linkden ileri düzey seo ayarlarının nasıl yapıldığı öğrenebilirsiniz.

seo ayarı tıkla

Devamını Oku

Adobe Dreamweaver Sayfalara Sablonlari Uygulamak

Adobe Dreamweaver Sayfalara Şablonları Uygulamak

Bu dersimizde hazırlamış olduğunuz şablonu nasıl uygularız onu öğrenicez.

Devamını Oku

Adobe Dreamweaver Sayfaları Şablonlara Ayırmak

Adobe Dreamweaver Sayfaları Şablonlara Ayırmak

Bu dersimizde önemli bir konu olan şablonlara ayırmayı öğrenicez.Neden önemli çünkü hiç kimse yaptığı bir sayfayı tekrar tekrar yapmak istemez.Bu yüzden nasıl yapıldığını dikkatlice izleyerek öğrenebilirsiniz.

Devamını Oku

Adobe Dreamweaver Sablonlar Nasil Duzenlenir

Adobe Dreamweaver Şablonları Düzenlemek

Bu dersimizde önceden hazırlamış olduğunuz şablonumuzu nasıl düzenleriz onu öğrenicez.Önemlidir dikkatlice izleyin.

Devamını Oku

Adobe Dreamweaver Sablondan Sayfa nasıl olusturulur

Adobe Dreamweaver Şablondan Sayfalar Oluşturmak

Bu dersimizde Hazırladığımız şablonlardan internet sayfalarımızı nasıl oluştururuz onları öğrenicez.Şablonları dikkatlice öğrendiyseniz artık uygulama işlerinide yapabilirsiniz.

Devamını Oku

Adobe Dreamweaver Sablon Nasıl Olusturulur

Adobe Dreamweaver Şablon Nasıl Oluşturulur

Bu dersimizde Sablon nasıl oluştururuz onu öğrenicez.Dikkatlice izlemeniz yeterlidir.Kolay gelsin

Devamını Oku

Adobe Dreamweaver Fireworksdan Html Olusturma

Adobe Dreamweaver Fireworks dan HTML Oluşturma

Tasarım işlerinden Fireworksda html nasıl olustururuz onları öğrenicez.

Devamını Oku

Adobe Dreamweaver Sablonlara Giris dersi

Adobe Dreamweaver Şablonlara Giriş

Bu dersimizde Sablon nedir?Ne amacla kullanılır onları öğrenicez.Dikkatle izleyiniz.

Devamını Oku

Dreamweaver Dersleri 5 Dreamweaver ın Basit ve Kullanılabilir Özellikleri

Dreamweaver Dersleri 5 Dreamweaver ın Basit ve Kullanılabilir Özellikleri

Devamını Oku

Dreamweaver Dersleri 3 Dreamweaver da CSS İle Çalışmak

Dreamweaver Dersleri 3 Dreamweaver da CSS İle Çalışmak

Devamını Oku

Dreamweaver Dersleri 4 Basit Web Sayfası İskeleti Oluşturmak

Dreamweaver Dersleri 4 Basit Web Sayfası İskeleti Oluşturmak

Devamını Oku

Dreamweaver Dersleri 2 Dreamweaver Kullanmanın Avantajları

Dreamweaver Dersleri 2: Dreamweaver Kullanmanın Avantajları

Devamını Oku

Dreamweaver Dersleri 1 Dreamweaver Tanıtımı

Dreamweaver Dersleri 1: Dreamweaver Tanıtımı

Devamını Oku

Html-Ders 15 : İnternet Sayfalarına Link Verme

Html-Ders 15 : İnternet Sayfalarına Link Verme

Devamını Oku

Html-Ders 14 : Sayfa İçi Link Verme

Html-Ders 14 : Sayfa İçi Link Verme

Devamını Oku

Html-Ders 13 : Sayfalar Arası Bağlantı

Html-Ders 13 : Sayfalar Arası Bağlantı

Devamını Oku

Html-Ders 12 : Linkler-Giriş

Html-Ders 12 : Linkler-Giriş 

Devamını Oku

Html-Ders 11 : Açıklama Satırları

Html-Ders 11 : Açıklama Satırları

Devamını Oku

Html-Ders 10 : Numarasız Listeler_Belirsiz Tipler

Html-Ders 10 : Numarasız Listeler_Belirsiz Tipler 

Devamını Oku