Ana içeriğe atla

ASP.NET İLE UYGULAMA GELİŞTİRME

UYGULAMANIN TASARIMINI GELİŞTİRME

   Bu yazımda default.aspx kısmında nasıl tasarım oluşturabilceğimizdden bahsedicem.Öncelikle bu sayfayı tanımamız gerekir.Sayfanın en üstünde bulunan kodlara bakarsak aşağıdaki 1.kod bizim C# kodları yazacağimizi söylüyor ve code tarafının default.aspx.cs olduğunu söylüyor.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2.Default" %>

   Aşağıdaki kod ise html kullanacağımızı belirtiyor.

<!DOCTYPE html>

   HTML kodları yazmanın için tag'lar kullanıyoruz.Bu tag'ların başlaması için köşeli parantez ile başlatılması ve bittiği yerde yine köşeli parantez ile bitirilmesi gerekiyor.Html kodlarını <html></html> taglarının arasında yazmak zorundayız.Kapanış taglarında sizinde gördüğünüz gibi "/" işareti kullanılıyor.Html de 2 kısım vardır.İlk kısım <head></head> kısmı diğer kısım ise <body></body> kısmıdır.İkisinin işlevi farklıdır.

<HEAD> KISMI

   Bu kısımda sayfanızın başlığı,sayfanızın görüntüsünü ekleyen css kodları,javascript kodları yer almaktadır.Title tagları sayfanızın ismini belirtmek için kullanılır.Bu taglar arasında yazacağınız başlık web browserda üst kısımda görünür.Örneğin bu taglar arasına İLK YAZI başlığını verirsek şu görüntü ortaya çıkar.Uygulamayı görüntüleyebilmek için visual studio daki üst kısımdaki yeşil play tuşuna basmalıyız.Ayrıca yanında sizin kullanıdığınız browser ismi çıkar benim kullandığım Google Chrome olduğu için Chrome yazıyor.







 <head runat="server">

  <title>İLK YAZI</title>

 </head>




   Görüldüğü gibi sayfamızın en üst kısmında web browserımızda İLK YAZI başlığ görünüyor.Ayrıca Web sitemizin url'sine bakarsak Default.aspx sayfasının çalıştığını görürsünüz.Url kısmına başka bir sayfanızın adını yazarsanız o sayfayı açarsınız.

   Bir diğer olay bu kısıma css kodlarınızı da ekleyebilirsiniz.Fakat uygulamamızda farklı bir dosyada css kodlarımızı yazacağız ve bunu head kısmına reference vericez.Onun için projeye sağ tıklayıp Add dedikten sonra Style Sheet var,isim verip ekledikten sonra karşımıza css kodlarımızı yazacağımız sayfa çıkacak.Bu sayfayı html sayfamızda kullanmak oldukça basittir.Sayfayı kapattıktan sonra Default.aspx sayfamızı açıyoruz,style sheet sayfamızı sürükleyip <head></head> taglarının arasına bırakıyoruz ve bizim için bir link yazılıyor.Bu yöntem ile css dosyamızı kullanıyoruz.

                                   

                                                     Şekil 2 : Css Link Kısmı


<BODY> KISMI

   Bu kısımda uygulamamızın görünen tasarımını gerçekleştiriyoruz.Tablolar,paragraflar gibi özellikler ile dolduruyoruz.Burada html kodları kullacağımız için http://www.w3schools.com/html/default.asp bu adresten html ile ilgili tagların ne işlev yaptıklarına bakmanızı öneririm.Kullandığım tagları ileriki yazılarımda basit olarak anlatacğım.Burada görmemiz gerekirse uygulamaya bir paragraf ekleyeceğim ve sitemizde "SAYFAMIZA HOŞGELDİN." yazısı görünecek.Html kodlarında paragraf eklemek için birçok tag vardır.Ben <p></p> taglarını kullanıyor olacağım.Bu tag ile paragraf yazabiliriz.

                                  

                                                  Şekil 3 : Paragraf yazımı


                                  

                                                Şekil 4 : Uygulama Görünümü

Etiketler:

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Javascript Switch-Case Döngüleri

Herkese Yeniden Merhaba,bugün sizlerle döngülerin diğeri olan swtich-case yapısını göreceğiz.Switch-Case yapısı if yapısına benzer aslında bir örnekle nasıl kullanıldığını görelim.Bu örnekte amacımız programın bugünün tarihini çekmesi ve kaçıncı gün ise bunu ekrana hangi gün olduğunu basması olacak.           var tarih=new Date();        var gun=tarih.getDay();        document.write(gun);          var gunadi;        switch (gun)            {          case 1: gunadi="Pazartesi" ; break;          case 2: gunadi="Salı" ; break;          case 3: gunadi="Çarşamba" ; break;          case 4: gunadi="Perşembe" ; break;          case 5: gunadi="Cuma" ; break;          c...
Yorum Gönder
Devamı

Java Ders10

Herkese Yeniden Merhaba Arkadaşlar,Bugün sizlerle sayı tahmin oyunu kodlaması yapacağız. Soru: Bilgisayar rastgele olarak bir sayı tutsun ve kullanıcıdan sayı alarak bilgisayarın tuttuğu sayıyla eşit olana kadar devam etmesi eğer daha büyük bir sayı girdiyse "Çok Büyük" yazsın.Daha küçük bir sayı girdiğinde ise "Çok Küçük" yazsın. Cevap: Öncelikle size random yani rastgele olarak sayı nasıl tutulur bundan bahsetmeliyim.Scanner yapısını öğrenmiştik.Random yapısıda buna benzer şekildedir.                   Random rnd=new Random();                   int tutulansayı=rnd.nextInt(kaça kadar tutacağı sayı); Şeklinde yazılışı vardır. Bu kodu incelersek "Random rnd=new Random();"  ile yazdığımız kısımda rnd ifadesinin yerine istediğimiz kelimeyi koyabiliriz. Daha sonra  " int tutulansayı=rnd.nextInt(kaça kadar tutacağı sayı);"  bu ifadede ise tutulan sayının tutulansayı adlı bir...
Yorum Gönder
Devamı

Java Ders05

Herkese yeniden Merhaba arkadaşlar,Sizlerle bugünkü derse bir örnekle başlamak istiyorum.Kodlarımızı yazarak sıralı şekilde anlatmaya çalışacağım.                 int sonuc=4; sonuc +=2; System.out.println(sonuc); Öncelikle sonuc adlı değişken verdik ve değerini 4'e eşitledik.Daha sonra gelen += işaretinin ne olduğunu önceki derlerimizde bahsetmiştik.+= işareti ile sonuç değişkenimize 2 ekledik ve yeni sonuç değeri olarak 6 olmuş oldu.Ekrana yeni sonuç değerimizin ne olduğunu görebilmek için sysout ile yazdırdık. sonuc -=2; System.out.println(sonuc); Daha sonra yeni sonuç değerimizden 2 çıkarmamız istenmiş.Burda dikkat etmeniz gereken şey javada bir değişkenin değeri değiştiğinde ondan önceki değerleri kalmaz.Yani sonuç değişkenimize 6 yaptığımız için en son eski sonuç değişkenimiz olan 4 silindi ve 6 üzerinden işlem yapacağız.Sonuç değerimizden 2 çıkarırsak ekrana 4 basm...
Yorum Gönder
Devamı