Web Tasarım

Asp.Net Not Hesaplama

  <pre class="lang: decode:true "> protected void BtnCalculate_Click(object sender, EventArgs e) { double not1, not2, per1, per2, avg; not1 = Convert.ToDouble(TxtNot1.Text); not2 = Convert.ToDouble(TxtNot2.Text); per1 = Convert.ToDouble(TxtPer1.Text); per2 = Convert.ToDouble(TxtPer2.Text); av = (grade1 + grade2 + per1 + per2) / 4; LblOrt.Text = Convert.ToString(avg); if (avg < 50) { LblStatus.Text = "FAILED"; } else if(avg>=50 && avg<70) { LblStatus.Text = …

Devamını Oku...

BOOTSTRAP 4 MARGİN VE PADDİNG

HTML ve CSS düzeninde bir elemanın kenarlığı ile dışındaki nesneler arasındaki mesafeye margin(dış boşluk) adı verilir. Aynı şekilde bir nesnenin kenarlığı ile içinde bulunan içerik arasındaki boşluğa ise padding(iç boşluk) denir. Bootstrap 4’te margin ve padding için de hazır bazı özellikler bulunmaktadır. Margin => m padding => p top (üst) = > t bottom (alt) = > b right (sağ) = > r left (sol) = > l x …

Devamını Oku...

Bootstrap Şık Başlıklar oluşturmak

<div class=”container my-4″> <div class=”jumbotron”> <h1 class=”display-4″>Merhaba dünya</h1> <p class=”lead”>Bu paragrafa lead özelliği verilmiştir</p> <hr class=””> <p>Burası da normal bir paragraftır.</p> </div> <p class=”my-2″> Bootstrap4’te sayfa başlığı gibi alanlar oluşturmak için <strong>.jumbotron</strong> class özelliği kullanılır. <br> Jumbotronların içine h1 başlıkları ve sloganlar yazılarak şık bir görünüm oluşturulabilir.Slogan için kullanılan <code>p</code> etiketlerinin class parametresinee <strong>lead</strong> değeri verilerek farklı bir görünüm elde …

Devamını Oku...

abbr etiketi kullanımı

abbr etiketi için herhangi bir sınıf özelliği eklemeye gerek yoktur. Örnek: <abbr title="Türkiye Büyük Millet Meclisi">TBMM</abbr> 23 Nisan 1920'de açılmıştır.  

Devamını Oku...

Bootstrap nedir ? Nasıl Kullanılır ?

Bootstrap Nedir? Bootstrap Front-End Developerlar için geliştirilmiş açık kaynak kodlu ve ücretsiz bir CSS framework’tür. Bootstrap sayesinde masaüstü, tablet, mobil cihaz ve tüm tarayıcılara uyumlu web siteleri geliştirebiliriz. Bunun yanında bir web sitesi için gerekli olan tüm bileşenleri yapısında barındırır. (Form öğeleri, tablolar, butonlar, uyarılar, navigasyon bar, sayfalandırma, etiketler, açılan menüler vb. tasarım öğeleri.) Bu hazır bileşenleri kullanarak hem gelişmiş …

Devamını Oku...

CSS Yatay Menü Yapımı

Bu derste CSS ile web sayfası için en basit haliyle yatay menü yapımı örneğini görebilirsiniz. Örnek içinde Mouse ile menü üzerinde renk değişimini sağlamak için hover seçicisi’ de kullanılmıştır.

Devamını Oku...