WEB TASARIMI – Ahmet Cansever
Pazartesi , 18 Aralık 2017
Anasayfa » WEB TASARIMI

WEB TASARIMI

CSS Float Kullanımı

Hazırladığımız web sayfalarında sayfa düzeni ve konumlandırması için CSS’ te float özelliği kullanılır. Sayfa yapısı içinde kullanılan öğelerin sola yada sağa yaslanması bu özellik ile sağlanabilir. float: left  Öğeleri sola yaslamak için; float: right Öğeleri sağa yaslamak için kullanılır.

Devamını oku »

CSS Kutu Modeli (Margin-Border-Padding-Content)

Tüm HTML öğeleri kutu olarak kabul edilebilir. CSS’de, ‘kutu modeli’ terimi tasarım ve düzen ile ilgili ayarlamalarda kullanılır. CSS kutusu modeli temel olarak her HTML öğesinin etrafında dolanan bir kutudur. Margin (Kenar boşlukları), Border (kenarlıklar), Padding (İç Boşluk) ve Content (içerik) lerden oluşur. Aşağıdaki resim kutu modelini göstermektedir:

Devamını oku »

CSS Örnekleri – Sınıf Seçicileri 

Bu örneğimizde CSS ile sınıf seçici kullanımını göreceğiz. Örneğimizde başlık etiketlerini Ana başlık ve Altbaşlık olarak sınıflandıracağız ve özelliklerini değiştireceğiz. Örneğimizi incelediğimizde hem alt başlıklar için hemde ana başlıklar için <h1> etiketinin kullanıldığını fakat alt başlıklar ve ana başlıklar için class ismi verilerek CSS ile biçimlendirme işleminin gerçekleştiğini göreceksiniz.

Devamını oku »

CSS Basit Örnekler 2

Bu örneğimizde CSS ile sayfa arka plan rengi değiştirme, yazı boyutu ayarlama,yazı rengi değiştirme, metnin altını,üzerini ve üstünü çizme,metin hizalama işlemlerini gösteren bir sayfa tasarlayalım. Örneğimizde kullanacağımız bazı özellikler;

Devamını oku »

CSS Basit Örnekler 1

Bu örneğimizde oluşturmuş olduğumuz HTML sayfamızda <h1>, <h2> ve <p> etiketlerine CSS ile birkaç sitil tanımlaması yapacağız. Örneğimizi incelediğimizde CSS ile arkaplan rengi değiştirme, yazı rengi değiştirme ve  metin hizalaması özelliklerinin uygulandığını göreceğiz.

Devamını oku »

CSS Border (Kenarlık) Özellikleri

CSS kenarlık özelliklerini kullanarak, öğenin kenarlık stilini, genişliğini ve rengini belirleyebiliriz. Hangi kenarlık sitilinin görüneceğini border-style özelliğini kullanarak belirleyebiliriz.

Devamını oku »

HTML Resme Link Verme

Daha önceki yazılarımızda HTML’ de Link Verme konusu hakkında bilgi vermiştik. Bu örneğimizde ise sayfamıza eklemiş olduğumuz bir resme nasıl bağlantı verebileceğimizi göreceğiz. Aslında bu işlemin yazılan bir metne bağlantı vermeden pek bir farkı yoktur. Yapılması gereken sadece metin yerine <img> etiketi kullanarak sayfamıza bir resim eklemektir. Örneğimize geçelim.

Devamını oku »

HTML Sayfa İçi Bağlantı (Link) Ekleme

Sayfa içi bağlantılar uzun metinlerden oluşan web sayfalarında sayfa içerisinde hızlı bir şekilde konumlanmayı sağlamak için kullanılmaktadır. Örnek olarak bir kitabı düşünebiliriz. Ziyaretçi sayfamızda kitabın içindekiler bölümüne bakarak istediği konuyu seçebilir ve tıkladığı bölüme kolay bir şekilde kaydırma çubuklarına gerek kalmadan ulaşabilir.

Devamını oku »

HTML Bağlantı (Link) Ekleme

HTML de <a> etiketi kullanılarak web sitesi içinde farklı sayfalara, harici web sitelerine, dosyalara yada sayfa içinde belirlenen bir alana bağlantı oluşturulabilir. <a>..</a> etiketinin en temel kullanımı aşağıdaki gibidir.

Devamını oku »

HTML Form Elemanları

Bu yazımızda HTML‘ de Form elemanlarını görerek Form etiketlerinin kullanımı ile ilgili bazı örnekler gerçekleştireceğiz. HTML‘ de kullanıcıdan giriş almak için kullanılan formları oluşturmak için aşağıdaki etiketleri kullanırız.

Devamını oku »

HTML Biçimlendirme ve Metin Düzenleme Etiketleri

Bu yazımızda HTML ile metin düzenleme etiketlerinin kullanımını göreceğiz. Metin düzenlemede kullanılan H1, H2, H3, H4, H5, H6, p, b, i, sup, sub,  nbsp, br, hr, strong, em, blockquote, s etiketlerinin ne işe yaradığını ve örnek kullanımını yazının devamında bulabilirsiniz.

Devamını oku »

Harici CSS Kullanımı

Bu yazımızda CSS kullanım alanlarından Harici stil kullanımını göreceğiz. 1- Harici  CSS Stilleri (External CSS Style) : Genellikle .css uzantısını kullanan harici dosyalardır.  Sityede head bloğu içerisinde link etiketi yardımıyla çağırılır. HTML kısmı ile CSS kısmını birbirinden tamamen ayırmış oluruz. Sayfalarımızın okunaklılığı ve yönetilebilirliği maksimum düzeye çıkacaktır. Bu nedenle en çok tercih edilen yöntemdir.

Devamını oku »

Dahili CSS Stilleri ve Kullanımı

Dahili CSS Stilleri (Internal CSS Style) :  Dahili stil kullanımı (Internal Style Sheet) olarak da adlandırılır. CSS kodumuz sayfamızın <head> kısmında, <style>…</style> etiketi içinde yer alır. Kısmen de olsa HTML ve CSS kodumuzu birbirinden ayırmış oluruz. CSS kodları HTML kodları içerisinde kullanıldığından bu stil türüne Gömülü CSS Stilleri’ de denir. Aşağıda Dahili kullanıma örnek görüyoruz. [crayon-5a382456e544e387911301/] h3 etiketine ortaya hizalama,yazı …

Devamını oku »
Wordpress Tema indir