Anasayfa / Web Tasarım

Web Tasarım

CSS Liste Oluşturma

CSS listesi özellikleri, sıralı listeler için farklı liste elemanı işaretçileri, sırasız listeler için farklı liste elemanı işaretçileri, liste elemanı işaretçisi olarak da bir resim atama işlemlerini gerçekleştirir. HTML ‘ de iki tip liste vardır: 1.Sırasız liste: Liste elemanları “.”  ile işaretlenir. 2.Sıralı liste: Liste elemanları harf ya da rakamla işaretlenir. …

Devamı »

Bootstrap 4 Nedir ve Kullanımı

Bootstrap Nedir? Bootstrap daha hızlı ve kolay web geliştirme için ücretsiz bir Css ve JavaScript kütüphanesidir. Bootstrap ayrıca, size Responsive(Duyarlı) tasarımlar oluşturma yeteneği de sunar. Responsive(Duyarlı) Web Tasarımı Nedir? Responsive web tasarımı, küçük cihazlardan(telefonlardan) büyük masaüstlerine kadar tüm cihazlarda iyi görünmek için kendilerini otomatik olarak ayarlayan web siteleri oluşturmaktır. Bootstrap 3 …

Devamı »

HTML Table Kullanımı

Bu Derste, nasıl Tablo ekleyebileceğimizi ve tabi ki eklediğimiz tabloları nasıl biçimlendirebileceğimizi anlatmaya çalışacağım. Tablo ,Tr ve Td etiketleri 1. Her tablo için bir Table etiketi açılır ve tablo bittiğinde bu etiket kapatılır. 2.Tabloda yer alan her bir satır için Tr etiketleri açılır. 3.O satırda bulunan sütun sayısı kadar Td etiketi …

Devamı »

HTML Block ve Inline Elementleri

Block: Block(blok) değeri alan bir eleman, bulunduğu satırı kaplar ve kendinden gelen sonraki elemanı yeni bir satırda başlatır. Inline: Inline(satır) değeri alan elemanlar ise bir alt satıra geçmeyerek aynı satırda sıralanır. Block elementler daha çok paragraflar gibi bölüm olan yapıları elde etmek için kullanılır. Inline elementler de bu paragraflar içerisindeki …

Devamı »

JQUERY UI Accordion Kullanımı

Accordion etiketini kullandığımızda bize katlanabilir paneller içerisinde bilgi sunmamızı sağlar. Mesela accordion etiketinin kullanımına bir göz atalım: JQuery kodlarımız : HTML kodlarımız :    Active Metodu Accordion özelliğinde active metodunu kullandığımızda işleve verdiğimiz değer otomatik olarak yazılan sayısal değere karşılık gelen <div>’i ekran açıldığında etkin kılar. (Active metodu sayısal değerle çalışır ve varsayılan …

Devamı »

JQuery UI Button Kullanımı

Düğmeleri gruplamak için, Düğme, “Buttonet” adı verilen ek bir widgetla sağlanır. “Buttonet”, bir konteyner elemanı (radyo düğmelerini içerir.) seçerek ve .buttonset () öğesini çağırarak kullanılır. Button () yöntemi iki şekilde kullanılabilir : $(selector, context).button (options) $(selector, context).button (“action”, params)  I.$(selector, context).button (options) : Düğme (seçenekler) yöntemi, bir HTML öğesinin düğme …

Devamı »

DatePicker Örnekleri

JQuery UI Elementi Örnekleri Datepicker   Tarih eklemek için kullanılır. Giriş formatı “dd.MM.yyyy” (örn: 13.09.2013) şeklindedir. Tarih bilgisi klavyeden girilebileceği gibi, açılır pencere içerisindeki takvim üzerinden fare ile de seçilebilir. Bir kaç örnek üzerinde inceleyelim.   1) Animations : İstenilen animasyon çeşidi seçilip datapicker özelliğine uygulanır. Bir kaç farklı animasyon çeşitleri vardır …

Devamı »

HTML img Kullanımı

Merhaba arkadaşlar bu yazıda sizlere HTML içinde img etiketinin kullanımını göstereceğim. HTML’de sayfaya resim eklemek için img etiketi kullanılır. img etiketi nasıl kullanılır bir bakalım.

Devamı »