Anasayfa / Web Tasarım

Web Tasarım

CSS Dersleri 3: Font ve Text Özellikleri

css dersleri

Css derslerimize kaldığımız yerden devam ediyoruz, bu dersimizde CSS ile Text ve Font özelliklerini anlatmaya çalışacağım. Öncelikle bu derste sıklıkla css seçicileri kullanacağımızı belirtmek isterim. Eğer bu konuyla ilgili yeterli bilgi sahibi değilseniz …. Konulu derse göz atmanızı tavsiye ederim. CSS ile Font ve Text Özellikleri Burada tüm text ve ...

Devamını Oku

CSS Dersleri 2: Seçiciler ve Gruplama

css dersleri

Css eğitim serisinin ilk dersinde css nedir, niçin css kullanmalıyız, yazım kuralları ve kodları nereye yazacağız konularına değinmiştik. Bu dersimizde ise css seçicileri (selectors) ve seçicilerin gruplanması konularına değineceğim. Öncelikle bir css kodunun neye benzediğini kısaca hatırlayalım. Yukarıda ki resimde de görüldüğü üzere h1 ile belirtilen kısım css seçicisidir. Seçici ...

Devamını Oku

CSS Dersleri 1: CSS Nedir?

css dersleri

CSS, kısaca web sayfalarında kullanılan html elementlerinin ekranda nasıl görüneceğini tanımlamak için kullanılan stil kodlarıdır. İngilizce Cascading Style Sheet kelimelerinin baş harflerinden bu kelime ortaya çıkmıştır. Günümüzdeki web sayfalarının bu denli geniş bir tasarım yelpazesine sahip olmasın da CSS’in payı büyüktür. Niçin CSS Kullanmalıyız? CSS tasarımcıya büyük ölçekte zaman kazandırır. ...

Devamını Oku

Html Dersleri 6: Form Oluşturma

html nedir?

Html derslerimizin altıncısı olan form oluşturma işlemleri ile devam ediyoruz. Eğer önceki dersleri takip etmek istiyorsanız html dersleri linkinden faydalanabilirsiniz. Formlar kullanıcının web sitesiyle etkileşime girmesi açısından önemlidir. Etkileşime girmek derken site içerisinde arama yapma, yazılara yorum ekleme, kullanıcı girişi yapma, resim veya dosya ekleme gibi işlemlere diyoruz. Formlar olmasaydı sayfalar sadece ...

Devamını Oku

Html Dersleri 5: Listeleme Etiketleri

html nedir?

Html derslerimizin beşincisi olarak listeleme etiketlerini düşündüm. Listeleme etiketleri derken kelime işlemci programlarında aşina olduğunuz sıralı liste ve madde işaretli listeler htmlde de sıklıkla kullanılır. Bu etiketler verilerin düzgün şekilde gösterilmesinin yanında her türlü menünün (yatay,dikey ve açılır menü) yapısında da temel taş olarak yer alırlar. <ol>, <ul> ve <li> ...

Devamını Oku

Html’de CSS & Jquery Kullanarak Slider Oluşturma

slider

Günümüzde bir çok web sitesinin anasayfasında rastladığımız, yeni eklenen içeriklerin hızlı ve dikkat çekici şekilde görüntülenmesini sağlayan slider yapımını anlatacağım. Sliderimızı oluşturmak için bir adet html sayfamız, slideri görselleştirmek için css dosyamız ve etkileşimi sağlamak içinse javascript dosyasına ihtiyacımız olacak. Bu dosyaları oluşturduğunuzu varsayarak direk kodlara geçiyorum. index.html dosyası içindeki head kısmında ...

Devamını Oku

Html Dersleri 4: Tablolarla Çalışma

html nedir?

Html derslerine uzun bir aradan sonra kaldığım yerden devam etmek istiyorum. Bugün html ile tablo oluşturmak için gerekli etiketlerden bahsedeceğim. Tablolar web sayfalarında verilerin düzenli şekilde gösterilmesi için kullanılırlar. Lafı fazla uzatmadan bir tablo oluşturmak için gerekli olan temel etiketlere göz atalım. Table etiketi: Bir tablo oluşturmak için gerekli kodların ...

Devamını Oku

Html Dersleri 3: Bağlantı (Link) Oluşturma

html nedir?

Html derslerimizin üçüncüsü sayfalarımız arasında gezinti yapmak için kullandığımız, aslında web sitelerinin temelini oluşturan bağlantı oluşturma etiketi. Web sayfaları yalnızca tek bir sayfadan oluşmaz. anasayfa, ürünler, kategoriler, iletişim gibi bölümlerin her biri farklı bir web sayfasıdır. Birinden diğerine geçiş yapmak içinse bunlar arasında bağlantı oluşturmak gerekir. Aşağıdaki resimde görüleceği üzere ...

Devamını Oku

Html Dersleri 2: Metin Düzenleme Etiketleri

html nedir?

Bu yazımda Html ile metin düzenleme ve biçimlendirme işlemlerinin nasıl yapılacağı anlatacağım. Eğer html, body, head gibi etiketlerin ne anlama geldiğini bilmiyorsanız, ders 1’i inceleyebilirsiniz. Peki metnin biçimlendirilmesi ne demek? Biçimlendirme yazdığımız yazıların boyutu, şekli, rengi, yazı tipi, kalınlığı gibi özelliklerin değiştirilmesi anlamına gelir. Not: Tüm metin biçimlendirme etiketleri <body> ...

Devamını Oku

Html Dersleri 1: Html’e Giriş, Html Nedir?

html nedir?

Html web sayfaları hazırlamak için kullanılan bir işaretleme dilidir. Halihazırda kullandığımız web tarayıcıları (Internet Explorer, Firefox, Chrome v.b) bu kodları anlayarak görsel web sayfalarına dönüştürürler. Html bir programlama dili değildir. Html dili bize temel olarak; yazı, görsel ve video gibi öğeleri sayfa içersine yerleştirme ve konumlandırma, bu sayfaların web tarayıcılarında ...

Devamını Oku