web tasarım öğrenme günlüğüm by elif https://padlet.com/caylarelif1/86h3zs8d6voe derste öğrendiklerim en-us 2017-10-10 16:41:59 UTC 2024-10-05 11:15:41 UTC hello@padlet.com 19092017 web tasarım dersinde öğrendiklerim caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189350824 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.]]> 2017-09-20 14:33:54 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189350824 seçtiğim siteyi eleştiriyorum caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189363911 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]]> 2017-09-20 14:56:37 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189363911 seçtiğim sitenin iyi yönleri caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189366514 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]]> 2017-09-20 15:01:25 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189366514 sitelerin şablonları caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189377532 bugünki derste seçtiğim sitenin şablonu;]]> 2017-09-20 15:19:03 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189377532 kendi site şablonum caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189388684 2017-09-20 15:37:41 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189388684 sitemin maliyeti caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189399094 2017-09-20 15:56:29 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189399094 20092017 günlüğüm caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189401349 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 ]]> 2017-09-20 16:00:47 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/189401349 21092017günlüğüm caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/190239677 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]]> 2017-09-22 17:48:03 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/190239677 arama motorlarında etkili arama yöntemleri caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/190267071 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.

]]> 2017-09-22 18:47:50 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/190267071 27092017 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/191827583 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.]]> 2017-09-27 18:40:36 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/191827583 04102017 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/194993254 bugün uzun yazılarda yukarı kısayoldan nasıl çıkacağımızı öğrendik]]> 2017-10-08 13:07:04 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/194993254 04102017 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/194993388 sayfalar arasında geçiş yapmayı öğrendik]]> 2017-10-08 13:08:24 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/194993388 29092017 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/194993640 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]]> 2017-10-08 13:11:29 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/194993640 bugün okula gitmedim ama meta etiketi öğrenilmiş caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/200924643 2017-10-26 17:00:43 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/200924643 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 <ahref> </a> kullanılır caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/200925735 2017-10-26 17:02:36 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/200925735 bugün derste tablo oluşturmayı öğrendik. tablo oluşturma etiketi:<table> </table> tablolar satır ve sütünlardan oluşur bu satır ve sütunlar ise hücreleri oluşturur caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/200928567 2017-10-26 17:07:28 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/200928567 STİL ŞABLONU ÖZELLİKLERİ caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/216662322
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
]]> 2017-12-16 08:52:41 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/216662322 YATAY VE DİKEY MENÜ caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/217956942 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.]]> 2017-12-24 19:50:01 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/217956942 TABLO caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218807062 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.]]> 2018-01-04 17:57:11 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218807062 KÖPRÜ OLUŞTURMA caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218807302 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. 

]]> 2018-01-04 17:57:51 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218807302 POST VE GET caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218807741 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.]]> 2018-01-04 17:59:20 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218807741 FORM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218808554 Bugün sitelerimiz  için form yaptk ilerileyen süreçte bu formu daha da düznli hale getireceğim.]]> 2018-01-04 18:02:02 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218808554 CSS caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218809505 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]]> 2018-01-04 18:05:24 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/218809505 TEMEL İŞLEMLER caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/219506442
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.]]> 2018-01-08 19:13:07 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/219506442 ÇOKLU ORTAM BİLEŞENLERİ caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/219508296 Bugün derste sayfamıza ses film,animasyon, uygulama dosyalarını ekleyebileceğimizi öğrendik.]]> 2018-01-08 19:17:53 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/219508296 BUGÜN OKULA GİTMEDİM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/220381619 2018-01-10 20:27:10 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/220381619 CSS'DE FORM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/220381718 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]]> 2018-01-10 20:27:26 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/220381718 SİTE YAPIYORUM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/221865788 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 ]]> 2018-01-16 19:52:18 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/221865788 SİTENİN İLK HALİ caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/221867446 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.]]> 2018-01-16 19:56:18 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/221867446 SİTE Mİ FARKLI YERDE TANIMLIYORUM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230818107 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.]]> 2018-02-12 20:27:06 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230818107 VERİ TABANI caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230819084 buraya yaptğımız işlemlerin adımlarını atacığım ilk öncelikle denetim masasına girip aşağdaki adımları izliyoruz]]> 2018-02-12 20:29:29 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230819084 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230823000 2018-02-12 20:39:07 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230823000 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230823580 2018-02-12 20:40:25 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230823580 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230823756 2018-02-12 20:40:59 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230823756 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 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230824071 2018-02-12 20:41:49 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230824071 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230824737 2018-02-12 20:43:50 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230824737 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230825735 2018-02-12 20:46:27 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/230825735 ACCESS KULLANIMI caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020143 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]]> 2018-02-19 18:45:03 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020143 2.ADIM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020600 bu adımda kaydetme yeri olarak önceden açtığımız db kloserini seçiyoruz]]> 2018-02-19 18:46:34 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020600 3.ADIM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020753 bu adım da kaydetme türüne dikkat ediyoruz]]> 2018-02-19 18:47:10 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020753 4.ADIM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020899 bu adımda ekleyeceğimiz şeyin ne olduğunu belirtiyoruz örneğin tarih yada metin gibi.]]> 2018-02-19 18:47:41 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233020899 5.ADIM caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233021036 Bu adımda seçeceğimiz yere yazacağımızın ne olduğunu belirtip yazıyoruz.]]> 2018-02-19 18:48:10 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/233021036 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238341220 2018-03-05 20:24:58 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238341220 caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238342843 1.adım]]> 2018-03-05 20:28:29 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238342843 2.adım caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238342960 2018-03-05 20:28:45 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238342960 3.adım caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238343072 2018-03-05 20:28:59 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238343072 4.adım caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238343205 2018-03-05 20:29:18 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238343205 5.adı caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238343606 2018-03-05 20:30:10 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238343606 JAVASCRİPT caylarelif1 https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238344966 b]]> 2018-03-05 20:33:18 UTC https://padlet.com/caylarelif1/86h3zs8d6voe/wish/238344966