# data[].attributes.headline
19092017 web tasarım dersinde öğrendiklerim

# data[].attributes.subject
19092017 web tasarım dersinde öğrendiklerim

# data[].attributes.body
Bugün web tasarım dersinde ilk günümüzdü. Adada da olduğu gibi sitemizi tasarlarken nelere dikkat etmemiz gerktiğini öğrendik.örneğin sıcak renkler çok fazla kullanıldığında sıkıcı bir hal alır veya çok fazla renk kullanıldığında hoş bir görüntü yokluğunu en fazla 4 renk kullanmamız gereklilerin öğrendik olan bu çok sıra karmaşık görüntüyle yorluğunu ve sitelerin tasarım şablonlarını çıkarmayı öğrendik.

# data[].attributes.body
bugün derste IPadresinin değişebilir ancak MAC adresinin değişmeyeceğiini öğrendik. ayrıca site yaparken ziyaretçilerin ilgisini çekecek şekilde olması geretiğini öğrendik. site adresimizde de özel karakter ve

# data[].attributes.body
bugün derste birçok şey öğrendik mesela bilgisayar da bulunan IP adreslerinin değişebileceğini anca internete çıkarken kullandığımız MAC adresinin değişmeyeceğini öğrendik

# data[].attributes.body
bugünki derste seçtiğim sitenin şablonu;

# data[].attributes.body
seçtiğim sitenin logosunda 2 renk kullanılmış üstte menü çubuğu var ama çok yoğun reklam siteye girdiğimizde ilk dikkatmizi çekiyor bu yönden siteye giren ziyaretçi aşağa  tarafa bakmak yerine siteden çıkabilir

# data[].attributes.body
sitedeki dikkat çekme yöntemi gayet başarılı. yanı sıra en alt kısımda olan başa dön çubuğu da ziyaretçilerin hoşuna gidecktir ve steyi daha kullanışlı hale getirecektir

# data[].attributes.body
bugünkü derste sitümde yerinde duruyoruz onu öğrendik onunla ilgili sıralı ve sırasız lstelerin nası yapıldığını öğrendik ve son olarak da yazdığımız yazının boyutunu rengini biçiminde ayarlamayı öğrendik ve bütün yaptığım uygulamalar buraya atacağım.

# data[].attributes.body
yazı biçimleri öğrendik örnek aşağdaki yazıda nasılsın kelimesini kalın iyim kelimesini italik ve sen kelimesni altı çizili yaptık

# data[].attributes.headline
arama motorlarında etkili arama yöntemleri

# data[].attributes.subject
arama motorlarında etkili arama yöntemleri

# data[].attributes.body
Arama yapacağınız cümleyi çok iyi belirleyin.Ne kadar çok kelime kullanırsanız o kadar net ve istediğiniz sonuçlar alabilirsiniz.Aradığınız cümlenin birebir aynısını barındıran sitelere ulaşmak istiyorsanız cümlenin başına ve sonuna çift tırnak“ işareti koyun Arama yaptığınızda dönen sonuçlardan istemediğiniz bir kelimeyi çıkarmak için başına -işareti koyarsanız artık istemediğiniz sayfalar görüntülenmeyecektir.İstediğiniz kelimelerin başınada + koyarsanız o kelimeleri barındıran siteler her türlü karşınıza gelecektir.

# data[].attributes.body
sayfalar arasında geçiş yapmayı öğrendik

# data[].attributes.body
bugün uzun yazılarda yukarı kısayoldan nasıl çıkacağımızı öğrendik

# data[].attributes.headline
bugün okula gitmedim ama meta etiketi öğrenilmiş

# data[].attributes.subject
bugün okula gitmedim ama meta etiketi öğrenilmiş

# data[].attributes.headline
bugn derste bağlantı oluşturma yani köprüleri öğrendik.sayfa içi bağlantıları için html kodlarını kullanırken sayfa dışında bir bağlantı oluşturmak için ise     kullanılır

# data[].attributes.subject
bugn derste bağlantı oluşturma yani köprüleri öğrendik.sayfa içi bağlantıları için html kodlarını kullanırken sayfa dışında bir bağlantı oluşturmak için ise     kullanılır

# data[].attributes.headline
bugün derste tablo oluşturmayı öğrendik. tablo oluşturma etiketi:    tablolar satır ve sütünlardan oluşur bu satır ve sütunlar ise hücreleri oluşturur

# data[].attributes.subject
bugün derste tablo oluşturmayı öğrendik. tablo oluşturma etiketi:    tablolar satır ve sütünlardan oluşur bu satır ve sütunlar ise hücreleri oluşturur

# data[].attributes.body
1-Zemin özellikleri
2-font özellikleri
3-kutu modeli özellikleri
4-tablo özellikleri
5-pozisyon özellikleri
6-liste özellikler
Kısaca zemin özelliklerinden bahsedeyim: arka plana resim yada renk ekleyebiliriz bunu yaprkende Background-color ile arka plan rengi belirleriz Background-image ile de resimi ekleyebiliriz
Font özellikleri de yazının biçimi boyutu ile ilgilidiir

# data[].attributes.body
Yatay menü yaparken
display:block özelliğni kullanmıştık yatay menüde ise en önemli nokta etiketine
display:inline özellik ve değer uygulamamız gerekir.Dikey menü yaparken  açılır menü yaparken dikkat etmemiz gereken en önemli nokta menünün pozisyonudur.yine açılan menüden de yararlanırız.

# data[].attributes.body
bugün derste tablo oluşturma ve tabloları ögredim.
bir tablo oluşturuken <table> etiketi ile başlayıp  </table>
etiketi ile biter.
<table>,etiketinde:
border,bordercolor,bgcolor,background,width,height,colspan,rowspan,cellspacing ve cellpadding değerleri vardır
sablolar satır ve sütunlardan oluşur.satır ve sütunların kesiştiği kutuya ise hücre adı verilmektedir.

# data[].attributes.body
Bugün derste köprü oluşturma bi diğer adıyla bağlantı oluşturabilemyi öğrendim.
HTML kodlarını sayfa içi bağlantıda kullanırız.Bağlantı eklerken açılacak olan sayfanın veya dosyanın dosyanın açılacağı pencereyi belirlemek için target kullanılır.

# data[].attributes.body
Get metodunda alınan parametreler ve içlerindeki bilgiler adres satırında görünür. Post metodunda alınan parametreler ve içlerindeki bilgiler adres satırında görünmez.Get metodunda yapılan işlemler tarayıcının geçmişinde görünür. Post metodunda yapılan işlemler tarayıcı geçmişinde saklanmaz.Get ile yaptığınız işlemlere oğrudan erişebilir ve görüntüleyebilirsiniz, Post ile direk erişemez ve görüntüleyemezsiniz.

# data[].attributes.body
Bugün sitelerimiz  için form yaptk ilerileyen süreçte bu formu daha da düznli hale getireceğim.

# data[].attributes.body
Bugün tamamen notepadden farklı bir uygulamaya geçtik dreamweawer adlı yeni bir uygulama üzerinden kodları yazmaya başladık ve artıj herşey kolaylaşmaya başladı.3 çeşit css var :
1. Genel
2. Yerel
3. Harici
bildirimler süslü parantezle başlar
arada eşittir yerine iki nokta(: ve ;) vardır.
Stil şablonları:
1-)Kutu modeli özellikleri
2-)Font özellikleri
3-)Zemin özellikleri
4-)Tablo özellikleri
5-)Liste özellkileri
6-)Pozisyon özellikleri

# data[].attributes.body
Bugğn derste temel işlemleri öğrendik yani:
Çalışma Ekranları;
Web tasarım editöründe kodlarla ya da tasarımla çalışabiliriz. Bunun için uygulama araç çubuğunda yer alan mizanpaj sekmesi tıklanır.
Web tasarım editöründe 4 tane çalışma ekranı vardır.
Bunlar;
KOD:Web sayfasının sadece kodları görüntülenir.
Bölünmüş KOD:Web sayfasının kodları iki sayfaya bölünmüş halde görüntülenmektedir.
TASARIM:Web sayfasının tasarım hali görüntülenir.
Tasarım ve KOD:Web sayfasının tasarım görünümü ve kodları bir arada görüntülenir.

ARAÇ ÇUBUKLARI VE PANELLER:
Web tasarım editörü çalışma alanı belgeleri ve nesne özelliklerini görüntülememize olanak verir. Çalışma alanı, araç çubuklarına birçok özellik yerleştirerek daha hızlı çalışmamızı sağlar.

Uygulama Çubuğu: Çalışma alanının üst kısmında menüler, çalışma alanı değiştiricisi ve diğer uygulama alanı denetçisi bulunur.

Belge Penceresi: Düzenleme ve hazırlama sırasındaki dosyayı gösterir.

Belge Araç Çubuğu: Çalışma alanının farklı görünümleri (Kod görünümü, Tasarım görünümü), tarayıcıda ön izleme gibi sık kullanılan özelikler ve çeşitli görüntüleme özellikleri bulunur.

Çalışma Alanı Değiştiricisi: Oluşturduğumuz çalışma alanları ya da var olan çalışma alanları bulunur. Yeni çalışma alanları oluşturma ve düzenleme işlemleri bu menü altında bulunur.

Panel Grupları: Çalışmanızı değiştirmenize ve izlemenize yardımcı olur. Paneli genişletmek için kullanacağımız panel üzerinde çift tıklamamız yeterlidir.

CS Live: Web tasarım editörünün internetteki sitesine ulaşmamızı sağlar.

Etiket Seçici: Belge penceresinin en altında bulunur. O an bulunduğumuz noktanın çevresindeki etiketlerin hiyerarşisini gösterir.

Özellik Denetçisi: Seçili metin ya da resmin özelliklerini görüntülememizi ve değiştirmemizi sağlar.

Dosyalar Paneli: Tanımladığınız site içindeki tüm dosya ve klasörleri yönetmenizi sağlar.

Standart Araç Çubuğu: Varsayılan olan çalışma ekranımıza gelmez. Standart araç çubuğunu göstermek için Görünüm /Araç Çubukları/Standart’ ı seçin. Bu araç çubuğunda Dosya ve Düzen menüsündeki sık kullanılan düğmeler bulunur.

# data[].attributes.body
Bugün derste sayfamıza ses film,animasyon, uygulama dosyalarını ekleyebileceğimizi öğrendik.

# data[].attributes.body
bugün derste iletişim kutusu yapmayı öğrendik.birçok web sitesinde aldığımız uyarıların aslında bizim istediğimiz şekilde olduğunu öğrendik örneğin bir şifre oluşturmak isteyen bir kişinin şifresinde ne gerektiğini belirlemek bizim elimizde olan birşey olduğunu bunu CSSle nasıl yapcağmızı bu gerekenler yapılmadığında çıkan uyarıyı bizim belirleyeciğimizi öğendik.ayrıca şifre de bir çok karakter sayının karışık yazılmasının sebebinin de güvenlik dolayısıyla olduğunu öğrendim.bununla ilgili evde minik bir uygulama yaptm tekrar amaçla onu atıyorum üstteki kırmızı ile çizili alandan formu seçip şifre kutusu eklemiş olduk ve alttaki çizili kısmıda istediğimiz şekilde tutarsızlık olmadan doldurmamız gerekmektedir ilerleyen zamanlarda siteme ekleyip buraya da atacağım

# data[].attributes.body
Bugün öğretmenin verdiği devin son kısımlarına geldim sitem için basit olsun istemedğimden dolayı şablonunu internetten indirmiştim ama daha da zorlandım ve bu hiç iyi olmadı benim açımdan bunu bitirdikten sonra yenisini yapmayı planlıyorum

# data[].attributes.body
buraya sitenin benim uğraşmadığım halini atacağım banner bölümünde biraz değişiklik yapmıştım ama yinede atmak istedim çünkü yaptığım kendi sitemle çok fazla uğraştım site de ki renk uyumu hoşuma gittiği için pek bi değişiklik yapmadım o konuda.

# data[].attributes.body
Bugün derstte konuya bşraz girişyaptık sie klasörümüzü artık yereldisk c adlı kloserde yapıyoruz detaylarını diğer ders atacağım.

# data[].attributes.body
buraya yaptğımız işlemlerin adımlarını atacığım ilk öncelikle denetim masasına girip aşağdaki adımları izliyoruz

# data[].attributes.headline
BU İŞLEMLERİ YAPTIKTAN SONRA BİLGİSAYAR UYGULAMASINA GELEREK SAĞ TIK YAPIP YÖNET SEÇENĞİNE TIKLIYORUZ ARDINDAN AŞAĞIDAKİ BASAMAKLARLA DEVAM EDİYORUZ

# data[].attributes.subject
BU İŞLEMLERİ YAPTIKTAN SONRA BİLGİSAYAR UYGULAMASINA GELEREK SAĞ TIK YAPIP YÖNET SEÇENĞİNE TIKLIYORUZ ARDINDAN AŞAĞIDAKİ BASAMAKLARLA DEVAM EDİYORUZ

# data[].attributes.body
Bugün access e biraz giriş yaptık veri tabanımızı oluşturmaya çalıştık bunun adımlarını aşağı atacağım
1.ADIM
ilk adımda dosyamızı oluşturmak için işaretli alana başvurup yerini belirliyoruz

# data[].attributes.body
bu adımda kaydetme yeri olarak önceden açtığımız db kloserini seçiyoruz

# data[].attributes.body
bu adım da kaydetme türüne dikkat ediyoruz

# data[].attributes.body
bu adımda ekleyeceğimiz şeyin ne olduğunu belirtiyoruz örneğin tarih yada metin gibi.

# data[].attributes.body
Bu adımda seçeceğimiz yere yazacağımızın ne olduğunu belirtip yazıyoruz.

# data[].attributes.body
1.adım

# data[].attributes.body
b