Programlama Dünyası

Kayıtlar

HTML etiketine sahip yayınlar gösteriliyor

Dreamweaver İle Yatay Spry Menü Yapımı

Merhaba arkadaşlar yeni bir HTML dersinde birlikteyiz.Bu bizim ilk dreamweaverle yapacağımız çalışma olacak.Bunun için çokta zahmetsiz olmayan bir uygulama yapacağız.Önceki derslerimizde Css ile açılır menüler yapmıştık.Bunlar yatay açılır ve dikey açılır menü olarak ikiye ayrılıyordu. Burda da aynı şeyleri yapacağız bir nevi dreamweaver de kodlardan çok ekleme menüsünü kullanabildiğimiz için burada da ekle menüsünde anlatacağım.Herkese iyi dersler.Kolay gelsin İlk adım olarak ekle menüsüne girip spry menüsünü buluyoruz.Daha sonra spry menü çubuğuna tıklıyoruz. Bu dersimizde yatay yapacağımız için yatay butonuna tıklıyoruz. Ben kodlarda ufak bir değişiklik yaptım ayrıca kodları sizinle paylaşacağım.Açılır menüleri ben kendim ekledim. Şimdi çalıştırıyoruz. Basit bir çalışma yaptık sizinle.Şimdi siz mantığı kavrayın.Daha ileri derslerde ortaya tasarım da katarak spry menüler yapacağız. ÇALIŞMA KODLARI <!DOCTYPE html PUB...

Devamı

HTML İle Form Çalışması

HTML İLE BASİT FORM ÇALIŞMASI ÇALIŞMANIN KODLARI <html> <head> <title>Form Çalışması</title> </head> <body> <h1>İletişim Bilgileri</h1> Adınız:<input type="text" name="ad"><p> Soyadınız:<input type="text" name="soyad"><p> Yaşınız:<input type="text" name="yas"><p> Cinsiyet seçiniz:<input type="radio" name="durum" value="1">Bay <input type="radio" name="durum" value="1">Bayan<p> Doğum Tarihiniz:<br> <select name="gün"> <option>1998</option> <option>1997</option> <option>1996</option> <option>1995</option> </select><p> Doğum Yeriniz:<br> <select name="yer"> <option>Ankara</option>...

Devamı

HTML İle Formlar

Merhaba arkadaşlar bu gün sizinle Html ile Formlar konusunu işleyeceğiz kolay ve bir o kadarda zevkli bir konudur.Hemen dersimize başlayalım. 1-TEXT Nesnesi Basit bir kullanıma sahip mesela bir form doldururken adınız soyadınız bölümünü biliyorsunuzdur.Adımızı içine yazdığımız o kutu bizim text kutumuz. KULLANIMI Şimdi alanları çoğaltalım. 2-CHECKBOX Nesnesi Burada checked="on" otomatik işaretlemek için kullanıldı. 3-RADİO Nesnesi 4-PASSWORD(ŞİFRE) Nesnesi 5-TEXTAREA Nesnesi Ayrıca textarea kutusunda büyüklüğü ve küçüklüğü ayarlayabilirsiniz.Yani; Burada rows ile cols satır ve sütun büyüklüğünü ayarlamak için kullanılır.

Devamı

CSS İle Açılır Menü Yapımı(Ders-2)

Merhaba arkadaşlar bu gün sizinle Css ile açılır menünün diğerini göstereceğim. İlk dersimizde yatay açılır bir menü yapmıştık.Şimdi dikey açılır bir menü yapacağız ilk dersimizde kullandığımız materyalleri burada da kullanacağım. Zaten ilk adımları biliyorsunuz.Hep aynı şeyler dikey açılır bir menü olması için aslında tek fark display kodunu blok yapmak. Ayrıca float özelliğini kaldırmalısınız. Kod üzerinde gösterirsek; ÇALIŞMANIN KODLARI <html> <head> <title>Açılır Menü Yapımı</title> <style type="text/css"> .menu ul { list-style-type:none; } .menu ul li a { background-color:purple; display:block; color:white; text-decoration:none; font-weight:bold; font-family:New Times Roman; padding:3px; } .menu ul li a:hover { background-color:green; color:yellow; } </style> </head> <body> <ul class="menu"> <ul> <li><a h...

Devamı

CSS İle Açılır Menü Yapımı

Merhaba arkadaşlar bu gün sizinle Css ile açılır menü yapacağız.Nedir bu açılır menü diye sorarsanız.Mesela ürünler linkine tıkladınız ürünler linkine tıkladığınızda telefon,bilgisayar,buzdolabı gibi seçeneklerinde açılmasıdır.Hemen bunu örnek ile gösterelim. İlk önce alanlarımızı girelim. Şimdi listeleme etiketlerinin işaretlerini kaldıralım. Şimdi linkleri sola hizalayalım ve farkı görelim. Şimdi tasarımı yapalım ve alanlar arasındaki mesafeyi ayarlayalım. Şimdi üzerine gelindiğinde renk değişsin. Şeklinde olacaktır herkese iyi günler. KODLAR <html> <head> <title> Açılır Menü Yapımı </title> <style type =" text/css "> .menu ul { list-style-type:none; } .menu li { float:left; } .menu li ul { display:none; } .menu ul li a { background-color:gray; display:block; color:white; text-decoration:none; fon...

Devamı

CSS İle Menü Yapımı(Ders-2)

Merhaba arkadaşlar bu gün sizinle yatay menü yapımını işleyeceğiz.Önceki dersimizde dikey menü yapmıştık.Şimdi yatay menü yapacağız dikey menüden bir farkı yok.Kodları ve tasarımı kendime göre hazırladım işinize yarayacağını düşünüyorum herkese iyi dersler. Hemen linklerimizi yazıyoruz. Yuvarlakları kaldırıyoruz. Amacımız bunu yatay menü yapmak bunun için menüye display özelliği ekleyeceğiz.Daha sonrada inline yapacağız bu menümüzü yatay bir şekilde dizilmesini sağlayacak. Şimdi çizgilerimizi kaldıralım.Menüye biraz renk katalım :) Şimdi üzerine gelindiğinde renk değiştirsin. ...

Devamı

CSS İle Menü Yapımı

Merhaba arkadaşlar bu gün sizinle css kodları ile menü yapmayı öğreteceğim iyi dersler. Menü yaparken listeleme etiketleri ve link vermeye yarayan < a href > etiketini bolca kullanacağız. Burada listeleme etiketleri ile menü yaptık. # işareti nedir diye sorarsanız buna çapa işlemi deniyor.Bu işlem tıklandığında bir yere yönlendirilmesin diye yaptık. Çalıştığında böyle bir sonuç alırız. Şimdi linklerin önündeki yuvarlakları kaldıracağız görüntümüzü bozuyor :) Çalıştırdığımızda; Şimdi linklerin altındaki çizgileri kaldıralım onlarda görüntüyü bozuyor :) Dikkat ettiyseniz her şey bir düzen içinde ve bir sırası var sıra bozuldu mu yaptıklarımız çalışmaz. Çalıştırdığımızda; Şimdi linklerin üzerine gelindikçe renk değişsin.Ayrıca menünün arka plan rengini de değiştirelim. KODLAR <html> <head> <title> Menü Yapı...

Devamı