İNTERNET PROGRAMCILIĞI-I DERS NOTLARI

Ebat: px
Şu sayfadan göstermeyi başlat:

Download "İNTERNET PROGRAMCILIĞI-I DERS NOTLARI"

Transkript

1 İNTERNET PROGRAMCILIĞI-I DERS NOTLARI.NET (Dat Net Diye Okunur) FRAMEWORK NET Framework, Microsoft tarafından geliştirilen, açık İnternet protokolleri ve standartları üzerine kurulmuş komple bir uygulama geliştirme platformudur. Buradaki uygulama kavramının kapsamı çok geniştir. Bir masaüstü uygulamasından tutun, bir web tarayıcı uygulamasına kadar her şey bu platform içinde düşünülmüştür ve desteklenmiştir. Bu uygulamaların birbirleriyle ve geliştirildiği ortam fark etmeksizin dünyadaki tüm uygulamalarla iletişimi için kolayca Web Servisleri oluşturulmasına imkân verilmiştir. Bu platform, işletim sisteminden ve donanımdan daha üst seviyede taşınabilir olarak tasarlanmıştır. Özet olarak bakıldığında önümüzde duran.net Framework : İnterneti hedef alan bileşen setiyle, Programcıları özgürleştiren, diller arası etkileşime olanak tanıyan bağımsız dil mimarisiyle, Donanım-bağımsız ara seviye derleme ve güvenli talimat icraatını güvence altına alan çalışma zamanı ortamıyla, Web uygulamalarına getirdiği özgün ve radikal yaklaşımıyla, Zengin ve mükemmel organize edilmiş sınıf kütüphanesi ve dokümantasyonu ile Sınırları ortadan kaldıran web servisi desteğiyle, ve daha da sayabileceğimiz birçok özelliğiyle benzetildiği teknolojileri geride bırakan inkâr edilemeyecek seviyede özgün bir platformdur. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 1

2 BU PLATFORMU NASIL EDİNECEĞİM?.NET platformu için uygulama geliştirmek istiyorsanız, işletim sisteminize.net çalıştırma ortamını kurmanız gerekiyor. Bu ortamı, Java uygulamalarını çalıştırmak için gerekli olan Java Runtime Environment (JRE) gibi düşünebilirsiniz..net platformu iki ayrı kurulum dosyası halinde, ücretsiz sunuluyor: NET'in Çekirdek Kurulumu (21MB) Bu kurulum ile bilgisayarınızda bir metin editörü açıp kodunuzu yazabilir, gelen derleyiciler ile derleyip uygulamanızı sınayabilirsiniz. Ancak bu kurulum, geliştiriciler için değil, daha çok dağıtım sonrası uygulamanızın çalışacağı sistemler için uygundur..net uygulamaları için gerekli çalışma zamanı ortamını, web uygulamalarının sunulabilmesi için gerekli olan Web sunucu (IIS) eklentilerini ve desteklenen temel dillerin derleyicilerini sunmaktadır. Bir yazılım geliştiricinin bunlardan daha fazlasına ihtiyacı vardır. Hele de uygulama geliştireceği ortamda herhangi bir deneyimi yoksa. Bu nedenle ikinci bir seçenek sunuluyor. NET Framework SDK (134 MB) SDK yani Software Development Kit, çekirdek kurulumu içeriğinden daha kapsamlı bir kurulumdur. Peki, 134 MB lik kurulumda fazladan neler var: Faydalı araçlar, hata ayıklayıcılar, SQL Server ın hafif versiyonu MSDE, hızlıca başlamanızı temin edecek QuickStart Tutorials, örnek uygulamalar ve devasa dokümantasyon. organizasyonu ve disiplini ile göz kamaştıran bir dokümantasyon olduğunu kullanmaya başladıkça çok iyi anlayacaksınız. Bu iki kurulumu da ücretsiz olarak Microsoft'un sitesinden indirebilirsiniz..net FRAMEWORK ÜN YAPISI Java dan önce, geliştirilen yazılımlar direkt olarak makine koduna çevrilirdi. Java ile program kodu önce byte code a çevrilir. JVM (Java virtual machine) bu kodu işletim sisteminin istediği koda çevirir..net içinde çalışma mantığı benzerdir.net kodu ilk önce IL ye (Intermediate Language-Ara dil-veya MSIL) derler, bu IL kodu çalıştırılmak istendiğinde CLR, JIT derleyicilerini kullanarak kodu makine diline çevirir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 2

3 JIT NEDİR?: C# ile derlediğimiz programı çalıştırırken JIT derleyicileri devreye girer. Bu derleyiciler programın çalıştırıldığı sistemin ve işlemcinin anlayabileceği makine kodunu oluşturur. MSIL (Microsoft Intermediate Language) Normalde bir program derlendiğinde doğrudan makine koduna çevrilirken,.net uyumlu bir dil ile derleme yapıldığında program kodu makine koduna değil de MSIL (Microsoft Intermediate Language)'e çevrilir. MSIL işlemciden bağımsız komut setinden oluşmaktadır. Bu komut seti içerisinde nesnelerin yüklenmesi, depolanması ve initialize (başlatılması) edilmesini sağlayan komutların yanı sıra aynı zamanda nesneler üzerinde metot çağrımını sağlayan komutlar da yer almaktadır..net Framework ile yazılmış bir kaynak kodun derlenmesi sonucu MSIL kodu oluşmaktadır. MSIL, NET dilleri arasında bir bütünleşme sağlamaktadır. MSIL kodun çalıştırılmasından önce var olan MSIL kodu, doğal makine koduna (native code) dönüştürülmektedir. Burada interpretation dediğimiz yorumlama işlemi yapılmaz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 3

4 .NET FRAMEWORK BİLEŞENLERİ.NET Framework temel üç bileşenden oluşur. 1. Çalışma Zamanı Yöneticisi (Common Language Runtime): Uygulama kodlarımızın işletim sisteminden bağımsız bir şekilde çalışmasını sağlayan, bellek ve diğer kaynakların yönetimini sağlayan ve uygulamamızın doğru bir şekilde çalışmasından sorunlu olan bölümüdür. 2. Yazılım Geliştirme Araçları: Bunlar ise yazılımla birlikte gelen derleyici, yorumlayıcı, çevirici gibi temel unsurlardan oluşur. 3. Hazır Sınıf Kitaplığı: Hazır sınıf kitaplığıyla beraber uygulamalarımızla ilgili dosya işlemleri, veritabanı erişimi işlemleri gibi birçok hazır bileşen bu sınıflardan hazır olarak alınıp kullanılabilir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 4

5 ÇOKLU DİL DESTEĞİNİN AVANTAJLARI Kod modülleri yeniden kullanılabilir. Bir kod modülü, bir dil içinde yazılıp farklı diller içinde kullanılabilir. Tüm diller için object kütüphanesi aynıdır ve aynı object modeli kullanılır. Eski dillerde yazılmış programlar güncellenebilir..net Framework içindeki tüm diller eşit performansa sahiptir. Bütün.NET tabanlı diller Microsoft Intermediate Language (MSIL) a derlenir. Tüm MSIL ler native kod a derlenir. Bu run time dır ve hepsi aynı derleyici kullanır. VİSUAL STUDİO.NET Visual Studio.NET, Windows ve Web uygulamalarını geliştirmek için bir ortamdır. En büyük özelliklerinden birisi IDE (Integrated Development Environment-Tümleşik Geliştirme Ortamı) dediğimiz ortak bir uygulama geliştirme platformu sunmasıdır. Visual C#, uygulamalarınız için kullanacağınız dillerden sadece biridir. Gerçekte Visual Studio.NET birçok dile ev sahipliği yapacak şekilde tasarlandı ve birçok firma, Visual Studio.NET içerisindeki tümleşik birçok dille çalışıyor. İster Visual Basic, J#, C++ ile uygulama geliştirin, ister Visual C# ile; kullanacağınız en etkin ve ortak uygulama geliştirme platformu Visual Studio.NET olacaktır. VİSUAL STUDİO. NET İLE DİĞER PROGRAMLAMA DİLLERİ ARASINDAKİ FARK NEDİR? Visual Studio.NET uygulamaları geliştirmek için gerekli tüm araçları sağlayan bir ortamdır. Veri tabanına bağlantı sağlamak, Nesneleri kontrol etmek, Bilgilere yeniden ulaşma ve hatta herhangi bir dilden ulaşabileceğiniz nesneleri depolamak için araçlar sağlar. VİSUAL STUDİO İÇİN SİSTEM GEREKLİLİKLERİ Öğr. Gör. Müslüm ÖZTÜRK Sayfa 5

6 C# programını kurmak için bilgisayarınızda, programın ihtiyaç duyduğu donanımın minimum özelliklere ya da daha fazla özelliklere sahip olması gerekir. Sistem için minimum özellikler aşağıdaki gibi olmalıdır. CPU Hızı 1.6 GHz önerilen ya da üzeri, İşlemci: Intel Core Duo, Pentium 4 ya da Xeon İşlemciler, Hafıza/RAM: 1 GB minimum, önerilen 2 GB ya da üzeri Disk Alanı: 3GB (Boş alan) Çözünürlük: 800 x RenkÇözünürlük/Renk Derinliği İşletim sistemi: Windows NT, Windows 2000, Windows XP, Windows Server 2003, Win7 işletim sistemlerinden biri. VİSUAL STUDİO.NET PROGRAMININ KURULMASI Visual Studio.NET paketinde Visual Basic.NET, Visual C++.NET, ve Visual C#.NET ve Visual F#.NET programlama dilleri yer almaktadır. İsteğe bağlı olarak tüm programlama dillerini kurabileceğiniz gibi sadece bu modülde incelenecek olan Visual C#.NET i de kurabilirsiniz. Visual Studio.NET CD/DVD sini ve Flash Diskinizdeki bilgisayarınıza takınca ekrana Visual Studio.NET kurulum penceresi gelir. Visual Studio.Net programı iki şekilde temin edilebilir: 1. Programın internetten indirilmesi, 2. Varsa DVD sinin satın alınması, 3. Microsoft Visual Studio 2010 kurulumuna başlamadan önce Microsoft un resmi sitesinden programın deneme sürümünü alttaki linkten indirebilirsiniz. Linke tıklandığında alttaki sayfa görünecektir. Kırmızı çerçeve ile gösterilen yere tıklayarak indirme işlemini başlatıyoruz. Resim: visual-studio-kurulum-01 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 6

7 Adım Adım Visual Studio 2010 Kurulumu: Kurulum DVD si takıldığında veya internetten indirilen dosyadan setup.exe tıklayın. İndirme sonrasında " vs_ultimateweb" adlı inen dosyanın kurulumunu başlatıyoruz ve altta verilen resimleri takip ediyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 7

8 Resim: visual-studio-kurulum-03 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 8

9 Resim: visual-studio-kurulum-04 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 9

10 Resim: visual-studio-kurulum-05 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 10

11 Resim: visual-studio-kurulum-06 Yüklemenin en uzun süren kısmı burasıdır. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 11

12 Resim: visual-studio-kurulum-07 Bu kurulum ile yüklenen tüm yazılım isimleri alttaki resimde gösterilmektedir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 12

13 Resim: visual-studio-kurulum-08 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 13

14 Alttaki pencerede yazılımın başarılı bir şekilde yüklendiği bildirilmektedir. Resim: visual-studio-kurulum-09 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 14

15 Finish butonuna tıklayarak kurulumu tamamlıyoruz. Program açılırken alttaki pencere karşımıza çıkacak buradan Visual C# Development Settings seçeneğini aktif ederek Start butonuna tıklıyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 15

16 Resim: visual-studio-kurulum-10 Alttaki pencereyi gördüğümüzde kurulumun tamamlandığını anlıyoruz. Resim: visual-studio-kurulum-11 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 16

17 Alttaki resimde ise kurulum sonrası başlat menüsündeki yüklemeler görünmektedir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 17

18 Resim: visual-studio-kurulum-12 Öğr. Gör. Müslüm ÖZTÜRK Sayfa 18

19 VİSUAL STUDİO PROGRAMI ÇALIŞMA ORTAMI Visual Studio 2010 programını açtığımızda aşağıdaki resimde görüldüğü gibi StartPage sayfası açılır. Burada istenilirse son çalışan bir uygulama Recent Project bölümünden açılabilir. Şayet yeni bir uygulama açılacak ise Aşağıdaki resimde görüldüğü File-----New----Project veya Website uygulaması başlatılabilir. YENİ BİR PROJE AÇMAK Öğr. Gör. Müslüm ÖZTÜRK Sayfa 19

20 Örnek Bir Form Uygulaması: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 20

21 VİSUAL STUDİO İLE YENİ BİR WEB PROJESİ OLUŞTURMAK Bir web projesi hazırlanırken bu üç yoldan uygun olanı seçilebilir. Genellikle geliştirme aşamasında sunduğu avantajlar ve kolaylıklar açısından File System yöntemi web uygulamalarında tercih edilmektedir. Visual Studio da yeni bir web sitesi projesi oluşturmak için File menüsündeki New sekmesinden Web Site seçilir. Açılan pencereden ise proje ile ilgili detaylar seçilecektir. Aşağıdaki şekilde bu pencere bulunmaktadır. Şekildeki numaralandırılmış kısımlar ile ilgili olarak; 1- Proje sürümü: Projenin hangi.net Framework sürümüne göre oluşturulacağı seçilir. Yapılacak seçime göre farklı proje şablonları (template) getirileceği gibi proje açıldığında Toolbox taki kontroller ve projenin yapısı da ilgili sürüme göre güncellenecektir. 2- Dil (Language): Projenin hangi dil ile geliştirileceği belirlenir. Visual Studio ile birlikte kurulan.net destekli diller bu listede gelmektedir. Seçtiğiniz dil ile geliştirme yapılabilecekler şablonlar 3 numaralı alanda listenecektir. 3- Proje şablonu: Visual Studio için kurulmuş olan proje şablonlarından hangisinin kullanılacağı seçilir. Standart bir web uygulaması açmak için ASP.NET Web Site seçeneği seçilir. 4- Konum (Location): Projenin hangi yöntem ile açılacağı belirlenir. Yukarıda anlatılan File System, HTTP veya FTP seçeneklerinden biri seçilmelidir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 21

22 5- Projenin kaydedileceği konum: Projenin fiziksel veya sanal olarak hangi konumda kaydedileceği belirlenir. Burada Browse (Gözat) tuşu kullanılarak daha görsel bir şekilde seçim de yapabilirsiniz. Uygun seçimler yapılarak standart bir web projesi açılacak olunursa Visual Studio proje için gerekli dosyaları ekleyecek ve yapılandırmaları yapacaktır. Örneğin.NET Framework 4.0 sürümü üzerinde ASP.NET Web Site şablonunu kullanarak File System de C# dilini kullanarak bir proje açılarak, Solution Explorer da projeye eklenen dosya ve klasörler aşağıdaki resimde olduğu gibi görülebilir. Oluşturulan web sitesi içerisinde Default.aspx ve bu dosya ile birlikte çalışacak olan Default.aspx.cs dosyası bulunmaktadır. aspx dosyası ; Design (Tasarım) ve Source (HTML Kodları) olmak üzere iki kısımdan oluşur. Bu iki kısımda da aslında aynı işler yapılmaktadır. Design kısmında web sayfası görsel öğeler kullanılarak hazırlanırken, Source kısmında web sayfası HTML kodları yazılarak hazırlanır. Design kısmından görsel öğeler kullanarak web sayfası hazırlandığında, Visual Studio arka planda gerekli HTML kodlarını kendisi üretmektedir. Proje içerisinde veri dosyalarının saklanabilmesi için App_Data ve JavaScript dosyalarının saklanması için Scripts klasörleri eklenir. Yine uygulama ile ilgili önemli ayarları ve bilgileri saklayan web.config dosyası da projeye eklenmiş olarak gelmektedir. Aşağıdaki resimde Default.aspx sayfasının Source kısmı ve projedeki dosyalar görülmektedir. Buradan ASP.NET Empty Web Site Seçeneğini seçerek Ok butonuna basarak boş bir şablon sitesi açıyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 22

23 Karşımızı aşağıdaki gibi bir boş bir ekran gelir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 23

24 Buradan Projenin üstünde sağ fare tuşu kullanılarak Add----New---Item seçeneği seçilir. Aşağıdaki resimde görüldüğü gibi. Add----New---Item seçeneği seçildiğinde aşağıdaki gibi bir yapı karşımıza çıkar. Buradan Web Form seçeneği seçilerek Add butonuna basılır. Böylece aşağıdaki resimde görüldüğü gibi yeni bir web formu açılmış olur. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 24

25 Şimdi Bu web formumuza ait Visual Studio Penceresi genel özellikleri ile inceleyelim: 1. SOLUTİON EXPLORER PENCERESİ Solution Explorer, projenizde kullandığınız tüm dosyaları düzenlemiş olarak gösteren ve birbirleri arasında kolay geçiş yapmanızı sağlayan arabirimdir. Üzerinde çalıştığınız projeye eklenen form ve nesnelerin neler olduğunu görmek istiyorsanız Solution Explorer penceresine bakabilirsiniz. Visual Studio.Net in sağ tarafında bulunur. Eğer ikinci bir proje Visual Studio.NET e dahil edilirse bu da Solution penceresinde görülür. Solution Explorer penceresini görünür hale getirmek isterseniz Ctrl+Alt+L kısayol tuşunu veya View (Görünüm) menüsünden Solution Explorerı tıklayarak seçebilirsiniz. Solution penceresi ile, kod penceresini, form tasarımını, Properties penceresini ve tüm dosyaları görüntüleyebilirsiniz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 25

26 - Solition Explorer Penceresi- 2. PROPERTİES (ÖZELLİKLER) PENCERESİ Bu kısım programlarınız için bir, oldukça önemli bir anlam ifade etmektedir. Bilindiği üzere C#.NET dilinde program yaptığınız zaman programınıza ait form üzerinde bulunan bütün denetim elemanlarının tamamı (Label, Text, Command button, Liste kutusu vb.) C#. NET derleyicisi tarafından birer nesne olarak algılanır. Form üzerine yerleştirmiş olduğumuz nesnelerin ve formun özellikleri bu pencerede listelenir. Propeties genel bir penceredir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 26

27 Properties penceresi eğer ekranda yoksa F4 fonksiyon tuşu ya da View menüsünden Properties Window tıklanarak ekrana yerleştirilir. Properties penceresindeki bir çok özellik toolbox içerisinde yer alan nesneler için ortaktır. Bu yüzden bütün nesnelerin özelliklerini tek tek incelemek yerine örnek teşkil etmesi açısından Button özelliğine ait özelliklere (Properties) bakalım: Aşağıdaki şekilde görüldüğü gibi formumuz üzerinde bir tane Button kontrolümüz ve sağ tarafta ise bu Button kontrolümüze ait özellikler (Properties) mevcuttur. Button Özellikleri (Properties); Backcolor Özelliği; Buton un arka plan rengi ilgili işlemler yapılır.butonun rengini ayarlamayı sağlar. BorderColor Özelliği; Buton un çerçeve rengi ilgili işlemler yapılır. BorderStyle Özelliği; Buton un çerçeve stilleri ile ilgili işlemler yapılır. CausesValidation Özelliği; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 27

28 Validation kontrolleri ile ilgili işlemlerin yapılmasını sağlar. True veya False özelliklerinden birisini alır. Enable Özelliği; Button un aktif veya pasif yapar. true ise aktif, false ise pasiftir. Visible Özelliği; Button un görünmezliği ilgili işlemler yapılır. true ise görünür, False ise görünmez. Font Özellikleri; Font ifadesinin sol tarafındaki ok işareti tıklandığında aşağıdaki resimde görüldüğü gibi font özellikleri ile ilgili özellikler penceresi açılır. Buradan; Bold (Kalın): Yazının kalın tipte olmasını belirler. Italic (Yatay): Yazının italik tipte olmasını belirler. Name Yazı tipinin ismini belirler. Varsayılan Microsoft Sans Serif seçilidir. Size; Yazının boyutunu belirler. UnderLine (Altı Çizgili): Yazının altı çizgili olmasını belirler. OverLine : Yazının üst tarafının çizgili olmasını belirler. StrikeLine: Yazının üstünün çizili olmasını sağlar. ForeColor: Yazının rengi belirler. Height: Butonun yüksekliğini belirler. Weight: Butonun genişliğini belirler. PostBackUrl: Buton olayı tıklandığını hangi sayfanın tekrar sunucudan talep edileceğini belirler. Buna sayfanın yeniden yüklenmesi de denilebilir. Text; Butonun üzerine yazılacak yazıyı belirler. Örneğin; Kaydet, Yazdır, İleri, Geri vs. Visible; Button un görünmezliği ilgili işlemler yapılır. true ise görünür, False ise görünmez. 3. FORM TASARIM PENCERESİ Bu form programa ait kullanıcı arabiriminin oluşturulduğu yerdir. Yani tüm denetimler öncelikle bu form üzerine yerleştirilir ve yerleştirilen denetimler bu forma ait birer nesne olarak çalışır. Burada oluşturulan form görüntüsü, program çalıştığı zaman ekranda görülür. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 28

29 4. KOD PENCERESİ Programımızda bulunan denetim elemanlarına ait olay alt yordamlarının bulunduğu ve program kodlarının yani asıl programın yazıldığı bölümdür. Visual diller programcının kendi kodunu yazacağı bir editör sunar. Üzerinde çalışılan form veya kontrol elamanı çift tıklatıldığında kod penceresi karşımıza gelecektir. C#.NET te program kodları yani programın çalışmasını sağlayan ve kullanıcı tarafından yazılmış ifadeler Code (Kod) penceresi içerisine yazılır. Bu pencereye geçmenin iki yolu vardır. Solution Explorer penceresinde yer alan (View Code) ikonuna basarak geçilebilir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 29

30 Form veya kod penceresi açılmak istenen form üzerindeki herhangi bir nesne üzerinde çift tıklayarak da geçilebilir. 5. MENÜ VE ARAÇ ÇUBUKLARI C#.NET ortamını etkili bir şekilde kullanabilmek için gerekli olan komutlar menü çubuğunda yer alan menü seçenekleri altında bulunmaktadır. File menüsü: Proje açmak, kapatmak, kaydetmek, yazdırmak gibi dosyalama işlemlerinin yapıldığı menüdür. Edit menüsü: Yapılan işlemleri geri ve ileri almak, bilgileri kesmek, kopyalamak, yapıştırmak, aramak gibi işlemlerin yapıldığı menüdür. View menüsü: Pencereleri ve araç çubuklarını gizleyip göstermek için kullanılan menüdür. Project menüsü: Projeye form, modul, referans eklemek ve proje dosyalarını yönetmek için kullanılan menüdür. Debug menüsü: Programları adım adım çalıştırmak, hata ayıklamak vb. işlemler için kullanabileceğiniz menüdür. Data menüsü: Veri tabanları ile çalışmak için kullanabileceğiniz menüdür. Format menüsü: Formların ve form üzerindeki elamanların görünüşü ve hizalanması için kullanabileceğiniz menüdür. Tools menüsü: Projede yeni bir fonksiyon tanımlamak, üzerinde çalışılan pencerelerin özelliklerini değiştirmek için kullanabileceğiniz menüdür. Window menüsü: Pencerelerin ayarlarını değiştirmek ve istenilen pencereye geçiş yapmak için kullanılan menüdür. Help menüsü: Yardım seçeneklerine,.net ile ilgili son bilgilere ulaşabileceğiniz menüdür. Menüler altında bulunan komutlara kolayca erişebilmenizi araç çubukları sağlar. Çalışma sayfanızda bulunmayan herhangi bir araç çubuğunu sırasıyla View Menüsü/Toolbars üzerine gelerek ekleyebilirsiniz. Araç çubukları üzerinde bütün komutlar bulunmamakla birlikte istenilirse herhangi bir komut düğmesini ekleyebilirsiniz. ARAÇ ÇUBUKLARI Yeni bir Web Sitesi veya yeni bir Windows Projesi ekler. Varolan projeye yeni formlar eklemeye yarar. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 30

31 Daha önce kaydedilmiş projeleri açmamızı sağlar. Üzerinde çalışılan formu kaydeder. Üzerinde çalışılan tüm projeyi kaydeder. Seçili olan ifadeyi kesme işine yarar. Seçili olan ifadeyi kopyalar. Seçili olan ifadeyi yapıştırmamızı sağlar. Kes veya kopyalama işleminden sonra yapıştırma işlevi görür. Üzerinde çalışılan projeyi çalıştırır (Run Olayı). 6. ERROR LİST PENCERESİ Bu pencere o anda üzerinde çalışılan formumuz ve bu formumuza ait elemanlar ile ilgili derleme işlemi sırasında varsa hataları bir hiyerarşi içerinde bize bildirir. Bu özellik penceresi sayesinde uygulamamızda varsa hataların nedenini ve hata satırını görsel olarak uygulamamız üzerinde kolayca tespit ederiz. 7. TOOLBOX (ARAÇ KUTUSU) PENCERESİ C#.Net te kullanacağınız bir diğer pencerede ToolBox penceresidir. Visual C#.Net penceresinin sol tarafında bulunur ve gizlenmiştir. Fare ile üzerine gelindiğinde bu pencere açılır. Projeleriniz formlar ve bu formlar üzerinde bulunan nesne dediğimiz elemanlardan oluşmaktadır. Bu nesnelere kontrol elamanı veya denetim elemanı denmekte olup araç kutusu üzerinde bulunmaktadır. Projenize istediğiniz herhangi bir kontrol elamanını, üzerine çift tıklayarak ya da sürükle bırak ile ekleyebilirsiniz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 31

32 TOOLBOX ARAÇ KUTUSUNDAKİ NESNELERİ FORM ÜZERİNE TAŞIMAK Kontrolleri, form üzerine yerleştirmenizin 3 yolu vardır : Toolbox'taki kontrolü tıklayınız. Fare, form üzerine getirilince + işareti belirecektir. Bu + işareti kontrolün sol üst köşesini belirtmektedir. Farenin sol tuşuna basılı tutarak fareyi sağ alt köşeye doğru hareket ettiriniz. Fareyi bırakınca, bir dikdörtgen oluşacaktır. Toolbox'taki kontrolü çift tıklayınız. Kontrol varsayılan büyüklükte formun sol üst köşesinde oluşur. Toolbox'taki kontrolü tıklayınız. Fare form üzerine getirilince + işareti belirecektir. Bu + işareti kontrolün sol üst köşesini belirtmektedir. Tekrar farenin sol tuşuna tıklanırsa, varsayılan büyüklükteki kontrol form üzerinde oluşacaktır. Kontrolleri toplu olarak bir yerden başka bir yere taşımak, benzer özelliklerini toplu olarak değiştirmek (mesela rengini, fontunu gibi) veya hizalamak (sola, sağa vb. gibi) için form tasarımı sırasında bazen birden fazla kontrolle aynı anda çalışmanız gerekebilir. FORM ÜZERİNDE BİRDEN FAZLA KONTROLÜ SEÇMEK Birkaç yöntem vardır. Eğer kontroller birbirine yakınsa, kontrolleri fare ile çerçeve içine alıp seçebilirsiniz. Bir başka yöntem de Ctrl veya Shift tuşuna basılı tutarak seçmek istediğiniz kontrollerin tıklanmasıdır. Eğer kontrollerin hepsini seçmek istiyorsanız, kolayca Ctrl + A tuş kombinasyonunu kullanılabilirsiniz. FORM ÜZERİNDEKİ BİRDEN FAZLA KONTROLÜN SEÇİMİNİ İPTAL ETMEK Öğr. Gör. Müslüm ÖZTÜRK Sayfa 32

33 Çoklu kontrol seçimini bitirmek için, formun boş bir yerine (kontrol olmayan) tıklamanız yeterli olacaktır. FORM ÜZERİNDE KONTROLLERİ GRUP OLARAK HAREKET ETTİRMEK Çoklu kontrol seçimi yaptıktan sonra, bunları grup olarak hareket ettirmek için, fareyi seçilmiş kontrollerden birinin üzerinde bastırarak, kontrolleri sürükleyebilirsiniz. FORM ÜZERİNDE SEÇİLMİŞ ÇOKLU KONTROLÜN ÖZELLİKLERİNİ DEĞİŞTİRMEK Çoklu kontrol seçimi yapıldıktan sonra, sağ taraftaki Properties penceresinden istenilen özellikleri değiştirilebilirsiniz. Örneğin BackColor özelliği değiştirilirse, bu tüm gruptaki kontrollere uygulanır. Bazı özellikler boş gözükecektir. Bu özellikler grup olarak değiştirilemeyecek anlamına gelir. Örneğin Name ve Text özellikleri. FORM ÜZERİNDE SEÇİLMİŞ KONTROLLERİN YENİDEN BOYUTLANDIRILMASI VE HİZALANMASI Grup kontrol seçimi yapıldıktan sonra yeniden boyutlandırılması ve hizalanması, Layout (Araç çubuğu üzerinde sağ tuş---layout sekmesi tıklanılır. Daha sonra gelen araç çubuğundan Make Same Wight veya Make Same Wight araç çubuklarından isteneni seçilir.) araç çubuğu ile çok kolaydır. Gruptaki kontrolleri bu araç çubuğundaki ikonlar yardımıyla, aynı genişlik (width) ve yükseklik (height)'te yapabilirsiniz. Kontrolleri yukarı, aşağı, sola veya sağa hizalayabilirsiniz. Bu bölümde Toolbox araç kutusu altında bulunan standart nesnelerimizden olan; LABEL, TEXTBOX, BUTTON, LINK BUTTON, IMAGE BUTTON. DROPDOWNLIST, Öğr. Gör. Müslüm ÖZTÜRK Sayfa 33

34 LISTBOX, CHECKBOX, RADIOBUTTON, CHECKBOXLIST, RADIOBUTTONLIST, CALENDAR, MULTIVIEW VIEW, PANEL IMAGE FILEUPLOAD olmak üzere temel standart bileşenlerinden 16 tanesini inceleyeceğiz. LABEL KONTROLÜ Web sayfasında kişilere mesaj iletmek için kullanılır. Label kontrolüne ait özellikler (Properties) penceresinden bazı özelliklerinin açıklaması aşağıda verilmiştir. UYGULAMA: Bu uygulamada uygulama alanımıza bir tane Label kontrolü eklenip sayfa yüklendiğinde Label kontrolümüzün içerisine Merhaba Dünya ifadesi yazılacaktır. Formumuz; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 34

35 Kodumuz; // Sayfa Yükleme Olayına Merhaba Dünya ifadesi yazılacaktır. protected void Page_Load(object sender, EventArgs e) Label1.Text = "Merhaba dünya"; Ekran Çıktısı; TEXTBOX KONTROLÜ Kullanıcıların bilgi girişi için kullanılan kontroldür. Özellikle üyelik kayıt, şifre Doğrulamalarda ve kullanıcılardan bilgi almak için yaygın olarak kullanılır. Şekli aşağıda görüldüğü gibidir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 35

36 TEXTBOX KONTROLÜNÜN ÖZELLİKLERİ UYGULAMA: Bu uygulamada web sayfamız yüklediğinde TextBox nesnemiz içerisine Sayın Muhammed EMİN ifadesini yazdıran ve daha sonra bu TextBox a bilgi girişini engelleyecek durumda TextBox a pasif hale getiren bir uygulama olacaktır. Bu yüzden çalışma alanımıza bir tane TextBox nesnesi ekleyip Page_Load (Sayfa yükleme olayına) ilgili kodlarımızı yazalım: Formumuz; Kodumuz; protected void Page_Load(object sender, EventArgs e) TextBox1.Text = "Sayın Muhammed EMİN"; TextBox1.Enabled = false; Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 36

37 BUTTON KONTROLÜ Tüm windows uygulamalarında Tamam, Uygula, İptal vb. olarak gördüğümüz basma (click) özelliğine sahip kontroldür. Aşağıdaki şekilde çeşitli amaçlarla kullanılan Button uygulamaları görülmektedir. Tabi ki konumuz ASP.Net olduğu için bu butonu biz web sayfalarımızda bir işlemi onaylatmak, form göndermek, kayıt eklemek, giriş yapmak gibi işlemlerde kullanacağız. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 37

38 BUTTON KONTROLÜMÜZE AİT BAZI ÖZELLİKLER Özellik Adı Text backcolor Enabled Tanımı Button un üzerindeki metinle ilgili işlemler yapılır. Button un arkaplan rengi ilgili işlemler yapılır. Button un aktif veya pasif yapar.true ise aktif, false ise pasiftir. visible Button un görünmezliği ilgili işlemler yapılır.true ise görünür,false ise görünmez. forecolor AcceptButton CancelButton TextAlign Width Height Button un yazı rengi ile ilgili işlemler yapılır. Aktif formda Enter tuşuna basıldığı zaman hangi butonun çalışacağını belirtir.form seçili iken properties ten AccepButton özelliğinden Enter e basınca hangi butonun çalışmasını istiyorsak açılır menüden o butonu seçiyoruz. Aktif formdaesc tuşuna basıldığı zaman hangi butonun çalışacağını belirtir.form seçili iken properties ten AccepButton özelliğinden Esc ye basınca hangi butonun çalışmasını istiyorsak açılır menüden o butonu seçiyoruz. Yazıyı hizalamak için kullanılır. Butonun enini ayarlamak için kullanılır. Butonun boyunu ayarlamak için kullanılır. UYGULAMA: Bu uygulamada Butonumuz tıklandığında TextBox nesnemiz içerisine yazılan bilgiyi Label nesnesi içine yazdıran bir uygulama olacaktır. Bu nedenle çalışma Öğr. Gör. Müslüm ÖZTÜRK Sayfa 38

39 alanımıza bir tane TextBox Kontrolüi bir tane Label Kontrolü ve bir tane de Button kontrolü ekliyoruz. Formumuz; Kodumuz; rotected void Button1_Click(object sender, EventArgs e) Label1.Text = TextBox1.Text; Ekran Çıktısı; UYGULAMA: Bu uygulamada ise bir önceki uygulamanın devamı olarak bu sefer TextBox ın içerisine yazılan ifadenin başına Sitemize Hoş Geldiniz Sayın ifadesini yazdıran bir uygulama olacaktır. File>New>Web Site seçeneğini seçerek yeni bir web sitesi oluşturalım. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 39

40 Web sitemize birer adet button, textbox ve label yerleştirelim. Formumuz; Kodumuz; protected void Button1_Click(object sender, EventArgs e) Label1.Text = "Sitemize Hoş Geldiniz Sayın" + " " + TextBox1.Text; Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 40

41 LİNK BUTTON KONTROLÜ Bir çok özelliği butona benzeyen Link buttonu kelime veya metin grubuna link vermek için kullanır. Click özelliğine kodumuzu yazarak yönlendirme yapabiliriz. UYGULAMA: Bu uygulamada formumuza bir adet Link Button ekleyerek ismini Anasayfa olarak değiştirelim. Daha sonra ise Projemize yeni bir form ekleyerek ismini Anasayfa.aspx olarak adlandıralım ve bu formumuzun içerisine merhaba dünya mesajını yazalım. Formumuz; Kodumuz; protected void LinkButton1_Click(object sender, EventArgs e) LinkButton1.PostBackUrl = "~/Anasayfa.aspx"; Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 41

42 IMAGE BUTTON KONTROLÜ LinkButton ile işlevi aynıdır. Tek farkı Link yazısının yerine resim gelir. Resim getirmek için Properties penceresinden ImageURL seçeneğinden resmi belirleyebilirsiniz. UYGULAMA: Sayfamıza bir adet image button ekleyip, ImageURL özelliğinden formumuza bir resim ekleyelim. Daha sonra ise bu resim tıklandığında sayfamız google anasayfasına yönledirilsin. Formumuz; Kodumuz; protected void ImageButton1_Click(object sender, ImageClickEventArgs e) Response.Redirect("http://www.google.com"); Ekran Çıktımız; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 42

43 DROPDOWNLIST KONTROLÜ Açılan liste şeklinde seçim yapmak. Birden fazla seçeneğin sadece bir tanesinin seçilmesi durumunda kullanılır. Örneğin; Web sitelerin Şehir seçimleri gibi... Örnek görüntüsü aşağıda görüldüğü gibidir. UYGULAMA: Bu uygulamada web formumuza bir adet DropDownList kontrolü ekleyip içerisini bazı il isimleri gireceğiz. 1) Yeni bir Web Sayfası açalım. 2) Toolboxdan DropDownList ekleyelim. 3) DropDownList i seçtikden sonra Properties penceresinden Items seçeneğini tıklayınız. Karşımıza ListItems Collection Editor açılacaktır. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 43

44 4) Add butonuna basarak DropDownList için elemanlar ekleyelim. Add dedikten sonra Text ve Value degerlerini dolduralım. 5) Text özelliğine yazdığımız değerler DropDownList de ekranda gorunecektir. UYGULAMA: Bu uygulamada DropDownList en seçilen bir ifadenin TextBox içerisinde gösterilmesi olacaktır. Bu uygulama için aşağıdaki adımları izleyelim: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 44

45 1) Yeni bir Web sayfası açalım. Web sayfamıza TextBox ve DropDownList koyalım. 2) DropDownList e değerlerimizi ekleyelim. 3) Daha sonra DropDownList i çift tıklayarak code behind alanına geçiniz. 4) DropDownList in SelectedIndexChanged olayına aşağıdaki kodumuzu yazalım. protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) TextBox1.Text = DropDownList1.SelectedItem.ToString(); Yukarıdaki kodu çalıştırdığımızda olması gereken durum DropDownList seçeneklerinden birini seçtiğimizde o değerin TextBox da görünmesi sağlanacaktır. UYGULAMA: Bu uygulamada web sayfamızda bir adet DropDownlist ve bir adette TextBox ımız olup DropDownlist ten seçilen bir ismin TextBox ta Hoşgeldiniz Sayın + [seçilen isim] ifadesini yazdıracak bir uygulama olacaktır. Formumuz; Kodumuz; protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 45

46 if (DropDownList1.SelectedIndex == 0) TextBox1.Text = ("hoşgeldiniz" + " " + DropDownList1.SelectedValue); else if (DropDownList1.SelectedIndex == 1) TextBox1.Text = ("hoşgeldiniz" + " " + DropDownList1.SelectedValue); else if (DropDownList1.SelectedIndex == 2) TextBox1.Text = ("hoşgeldiniz" + " " + DropDownList1.SelectedValue); else TextBox1.Text = ("hoşgeldiniz" + " " + DropDownList1.SelectedValue); Ekran Çıktımız; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 46

47 LISTBOX KONTROLÜ Tüm özellikleri DropDownList ile aynısıdır. Tek fark karşımıza direk olarak liste şeklinde gelmesidir. Kodlama olarak da DropDownList de geçerli olan tüm kodlar ListBox içinde geçerlidir. UYGULAMA: 1) Yeni bir Web sayfası açalım. Web sayfamıza TextBox ve ListBox koyalım. 2) ListBox ımıza Properties penceresinden Items seçeneğini kullanarak değerlerimizi ekleyelim. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 47

48 3) Değerlerimizi girdikten sonra ListBox ımızı çift tıklayarak kod alanımıza geçelim. Aşağıdaki kodumuzu yazarak çalıştıralım. Tabi bu arada Listbox ımızı seçerek AutoPostBack seçeneğini True yapmayı da unutmayın. Kodumuz; protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e) if (ListBox1.SelectedIndex == 0) TextBox1.Text = ListBox1.SelectedValue; if (ListBox1.SelectedIndex == 1) TextBox1.Text = ListBox1.SelectedValue; if (ListBox1.SelectedIndex == 2) TextBox1.Text = ListBox1.SelectedValue; Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 48

49 UYGULAMA: Bu uygulamada DropDownList ten seçilen bir il, ListBox içerisine atılacaktır. Bu nedenle yeni bir web sayfası açıyoruz ve bir tane DropDownList ile bir tanede ListBox kontrolümüzü ekliyoruz. Ekleme ve silme işlemi için ise iki tane button kontrolü ekliyoruz. Formumuz; Kodumuz; Ekleme Butonu Kodu; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 49

50 protected void Button1_Click(object sender, EventArgs e) ListBox1.Items.Add(Convert.ToString(DropDownList1.SelectedItem)); Silme Butonu Kodu; protected void Button2_Click(object sender, EventArgs e) ListBox1.Items.Remove(ListBox1.SelectedItem); Ekran Çıktısı; CHECKBOX KONTROLÜ Genel kullanımı bir formda birden fazla seçim yapmak için kullanılan bir kontrolümüzdür. Şekli aşağıda görüldüğü gibidir. CheckBox nesnemizin ait özellikler aşağıdaki listede yer almaktadır: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 50

51 UYGULAMA: Bu uygulamada önceki derste gördüğümüz DropDownList Nesnemizde herhangi bir kişi ismi seçildiğinde o kişiye ait özelliklerin CheckBox kontrolü ile gösterilmesi olacaktır. 1. Web Sayfamıza 4 CheckBox ve bir adet DropDownList ekleyelim. CheckBox larımızın properties penceresinden Text özelliğini kullanarak değerleriniz değiştirelim. 2. DropDownList e items özelliğinden üç isim girelim (Örn: Funda,Selçuk,Ahmet) ve AutoPostBack özelliğini True yapalım. 3. Daha sonra DropDownList i çift tıklayarak kod alanına geçelim. Aşağıdaki kodu ekleyelim. Kodumuz; protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) if (this.dropdownlist1.selectedindex == 0) CheckBox1.Checked = true; CheckBox2.Checked = false; CheckBox3.Checked = false; CheckBox4.Checked = true; else if (this.dropdownlist1.selectedindex == 1) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 51

52 CheckBox1.Checked = false; CheckBox2.Checked = true; CheckBox3.Checked = true; CheckBox4.Checked = false; else CheckBox1.Checked = true; CheckBox2.Checked = true; CheckBox3.Checked = true; CheckBox4.Checked = true; Ekran Çıktısı; UYGULAMA: Bu uygulamada ilgi alanlarımız diye 3 tane CheckBox nesnemiz ve her CheckBox nesnemiz altında 4 er adet alt ilgi alanımız olan CheckBox lar mevcuttur. Sayfa yüklendiğinde sadece ilk üç CheckBox ımız görünür olup ilgi alanlarımızın altında bulunan alt ilgi alanlarına ait CheckBox lar ise görünmez (Properties---Visible----False) yapıp eğer bir ilgi alanının CheckBox sını seçtiğimizde buna ait alt ilgi alanlarına ait CheckBox lar görünür hale gelecektir. Ayrıca ilk üç CheckBox ımızın AutoPostBack özelliğini True yapıyoruz. Formumuz; Tasarım Görüntüsü; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 52

53 Çalışır Sayfa Görüntüsü; Kodumuz; protected void CheckBox1_CheckedChanged(object sender, EventArgs e) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 53

54 if (CheckBox1.Checked == true) CheckBox4.Visible = true; CheckBox5.Visible = true; CheckBox6.Visible = true; CheckBox7.Visible = true; else CheckBox4.Visible = false; CheckBox5.Visible = false; CheckBox6.Visible = false; CheckBox7.Visible = false; protected void CheckBox2_CheckedChanged(object sender, EventArgs e) if (CheckBox2.Checked == true) CheckBox8.Visible = true; CheckBox9.Visible = true; CheckBox11.Visible = true; CheckBox12.Visible = true; else CheckBox8.Visible = false; CheckBox9.Visible = false; CheckBox11.Visible = false; CheckBox12.Visible = false; protected void CheckBox3_CheckedChanged(object sender, EventArgs e) if (CheckBox3.Checked == true) CheckBox13.Visible = true; CheckBox14.Visible = true; CheckBox15.Visible = true; CheckBox16.Visible = true; else CheckBox13.Visible = false; CheckBox14.Visible = false; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 54

55 CheckBox15.Visible = false; CheckBox16.Visible = false; Ekran Çıktısı; RADIOBUTTON KONTROLÜ CheckBox a benzer, tek farklılık bir grup ismi verilen radiobutton lardan sadece bir tanesini seçme durumumuzun olmasıdır. Dolaysıyla CheckBox ta birden fazla seçenek seçerken RadioButton larda seçeneklerden sadece bir tanesi seçilebilir. Web uygulamalarında Cinsiyetin sorulması, Anket sorularında sedece bir seçeneğin seçilmesi gerektirdiği soru yanıtlarında bu kontrolden sık sık yararlanırız. Yapısı aşağıda görüldüğü gibidir. UYGULAMA: Bu uygulamada Adı ve soyadı klavyeden girilen bir kişinin Cinsiyet oalrak bir seçeneği seçmesi durumunda kişiye bu ismin cinsiyet olarak Erkek yada Kadın mesajını veren bir uygulama olacaktır. Bu sebeple formumuza bir adet TextBox, iki adet RadioButton ve bir adette Button nesnesi eklenecektir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 55

56 1) web sayfasına 2 RadioButton, birer adette TextBox ve Button Ekleyelim. RadioButtonların text özelliğinden Erkek Kadın olarak değiştirelim. 2) RadioButtonlarımızı tıklayarak Properties penceresinden GroupName kısımlarına cinsiyet yazalım. Böylece bu gruba adında iki uye olacağından sadece bir tanesi işaretlenecektir. 3) Butonumuzu çift tıklayarak aşağıdaki kodumuzu yazalım. protected void Button1_Click(object sender, EventArgs e) if (RadioButton1.Checked == true) Response.Write(TextBox1.Text + " " + "Cinsiyeti:Erkek"); if (RadioButton2.Checked == true) Response.Write(TextBox1.Text + " " + "Cinsiyeti:Kadın"); Burada Response.Write komutumuz ekrana yazmak için kullanılır. RadioButton1 eğer işaretlendi ise TextBoxdaki ismi alarak cinsiyetini ekrana yazacaktır. Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 56

57 UYGULAMA: Bu uygulamada RadioButton lar vasıtası ile basit bir hesaplama işlemi yapacağız. Bu işlemde kişi dört işlemden hangisini seçmişse girilen sayılar üzerinde seçilen işlem uygulanacaktır. Bunun için web formumuza 3 adet TextBox, 4 adet RadioButton nesnesi ve bir adette Button ekleyeceğiz. Eklediğimiz RadioButtonları seçerek Properties Penceresinden GroupName lerini Seçim olarak işaretleyim. (Böyle yapmamızın sebebi tüm RadioButtonları bir Grup altında toplayarak uygulamada sadece bir tanesini seçmemizi sağlayabilmektir.) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 57

58 Formumuz; Kodumuz; protected void Button1_Click(object sender, EventArgs e) if (RadioButton1.Checked == true) TextBox3.Text = Convert.ToString(Convert.ToInt32(TextBox1.Text) + Convert.ToInt32(TextBox2.Text)); else if(radiobutton2.checked==true) TextBox3.Text = Convert.ToString(Convert.ToInt32(TextBox1.Text) - Convert.ToInt32(TextBox2.Text)); else if (RadioButton3.Checked == true) TextBox3.Text = Convert.ToString(Convert.ToInt32(TextBox1.Text) * Convert.ToInt32(TextBox2.Text)); else TextBox3.Text = Convert.ToString(Convert.ToDecimal(TextBox1.Text) / Convert.ToDecimal(TextBox2.Text)); Öğr. Gör. Müslüm ÖZTÜRK Sayfa 58

59 Ekran Çıktısı; CHECKBOXLIST KONTROLÜ CheckBox a benzer bir yapıya sahiptir. Listbox ile CheckBox ın birleşmeside denilebilir. Yapısı aşağıda görüldüğü gibidir. CheckBoxlist e ait özellikler aşağıdaki listede yer almıştır. UYGULAMA: Checkbox gerek windows form aplicationlarda (Uygulamalarında) gerek web sitelerinde çokça kullanılan bir form elementidir. Kullanımı da oldukça basittir. Bir örnekle kullanımını açıklamaya çalışalım. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 59

60 Örneğin bir web sitemiz olsun ve bu web sitesinin bir bölümüde kullanıcının bildiği programlama dillerini veri tabanına yollasın.bu örnekte şimdilik sadece checkboxtan yapılan seçimleri nasıl alacağımızı göstereceğiz. Veri tabanı daha sonraki iş :) Öncelikle sayfamıza bir checkboxlist ve iki label kullanıyoruz. Sayfanın görüntüsü aşağıdaki şekilde lmalı... Ekran Görüntüsü; Kodumuz; protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e) string sec = ""; for(int i=0; i<=checkboxlist1.items.count-1;i++) if (CheckBoxList1.Items[i].Selected) sec = sec + CheckBoxList1.Items[i].Text + "<br>"; Label2.Text = sec; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 60

61 Ekran Çıktısı; RADIOBUTTONLIST KONTROLÜ RadioButton ile ListBoxın birleşmiş hali diyebiliriz. Items özelliğinden seçenek ekleyebiliriz. Bu RadioButtonList listesinden sadece bir tane seçebiliriz. Şekli aşağıda görüldüğü gibidir. UYGULAMA: 1) Web sayfamıza RadioButtonList ekleyerek Items özelliğinden sırasıyla, Dilek, Elif, Belgin isimlerini yazınız. AutoPostBack özelliğini True yapınız. 2) Daha sonra bir buton ekleyerek butonumuzun çift tıklayarak kod alanına geçiniz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 61

62 3) Kod alanına geçtikden sonra aşağıdaki kodu yazdıkdan sonra çalıştırınız. Radio butonlarından birini seçtikden sonra butona basınız. Kodumuz; protected void Button1_Click(object sender, EventArgs e) if (RadioButtonList1.SelectedIndex == 0) Response.Write(RadioButtonList1.SelectedValue + " " + "Satış Uzmanı"); if (RadioButtonList1.SelectedIndex == 1) Response.Write(RadioButtonList1.SelectedValue + " " + "Genel Müdür"); if (RadioButtonList1.SelectedIndex == 2) Response.Write(RadioButtonList1.SelectedValue + " " + "Muhasebe İşleri"); Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 62

63 CALENDAR KONTROLÜ Ekrana bir takvim getirerek tarih bilgilerini almamızı sağlar. Ayrıca kullanıcıların tarih formatlarında hata yapmalarını engellemek amaçlı kullanılır. Yapısı aşağıda görüldüğü gibidir. Calendar nesnemizin özellikleri aşağıdaki listede yer almaktadır. Calendar nesnemizin üstünden mouse ile sağ tuşa bastığınızda gelen menüden Auto Format seçeneğini seçiniz. Karşımıza gelen pencereden bize sunulmuş olan biçimlerden birini seçerek OK düğmesine basınız. UYGULAMA: 1) Calendar nesnemizde seçtiğimiz bir tarihi TextBox nesnemize aktarmak için, web sayfamıza birer adet Calendar ve TextBox nesnelerimizi ekleyelim. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 63

64 2) Daha sonra Calendar nesnemizi çift tıklayarak kod alanına geçelim ve kodumuzu yazalım. Kodumuz; protected void Calendar1_SelectionChanged(object sender, EventArgs e) TextBox1.Text = Calendar1.SelectedDate.ToShortDateString(); Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 64

65 MULTIVIEW VIEW KONTROLÜ Kullanımı tab menuye benzeyen multiview-view kontrolünde bir ifade seçildiğinde sadece o ifadenin altında bulunan ifadeler sayfada gözükür. Yapıları aşağıdaki gibidir. Multiview bilmemiz gereken bir özellik ActiveViewIndex özelliğidir. Bu özellikte hangi View nesnesinin görünmesini istiyorsak onun index değerini yazmamız gerekmektedir. Index numaraları 0 dan başlamaktadır. Eğer 1 değerini belirlersek ekranda hiçbir View görünmeyecektir. UYGULAMA: 1) Bir web sayfası açalım ve bir tane Multiview ekleyeyelim. 2) Daha sonra Multiview in içerisine 3 adet alt alta View ekleyelim. 3) Daha sonra MultiView in üstüne 3 adet Link Button ekleyerek değerlerini değiştirelim. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 65

66 4) View1, View2 ve View3 ün içerisine istediğiniz nesneleri ekleyebilir veya yazabilirsiniz. 5) Daha sonra LinkButton larımıza kodlarımızı yazarak çalıştıralım. Böylece hangi linki tıklarsak ona ait View görünecektir. Kodlarımız; protected void LinkButton1_Click(object sender, EventArgs e) MultiView1.ActiveViewIndex = 0; protected void LinkButton2_Click(object sender, EventArgs e) MultiView1.ActiveViewIndex = 1; protected void LinkButton3_Click(object sender, EventArgs e) MultiView1.ActiveViewIndex = 2; Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 66

67 WIZARD KONTROLÜ Web sayfalarında kayıt olurken; kullanıcıya sorulan soruları farklı formlar da gösteririz. Bunu yapmak için ya her formu bir sayfaya atarız, yada paneller kullanarak visible özelliklerini true false yaparak paneli ayarlardık. Bunun yerine Asp.Net 2.0 ve üst versiyonlarında Wizard kontrolü bu açıdan oldukça işimize yarayacaktır. Wizard kontrolü art art gelen sayfalardan oluşan bir yapıda kullanıcıdan bilgi alınmasını sağlayan bir uygulamadır. Wizard 4 bölümden oluşur. Wizard adımları (Wizard Steps), Hareket düğmeleri (Navigation buttons), sidebar ve başlık (header) kısımlardan oluşur. Yapısı aşağıda görüldüğü gibidir. UYGULAMA: 1) Web sayfamıza Wizard kontrolü ekleyelim. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 67

68 2) Karşımıza gelen pencereden Add/Remove WizardSteps seçeneğini seçiniz. Karşımıza bir pencere gelecektir. Bilgileri şekildeki gibi değiştirip OK butonuna basınız. 3) Daha sonra wizard ın Kişisel Bilgileri yazısını tıklayarak. Aşağıdaki gibi bir görüntü oluşturunuz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 68

69 4) Daha sonraki adımları da aşağıdaki şekilde görüldüğü gibi tek tek yazılarını tıklayarak gerekli biçimlendirmeyi yapınız. 5) Daha sonra FINISH butonumuzun üstünü çift tıklayarak code behind alanına geçelim. Aşağıdaki kodumuzu yazalım. Kodumuz; protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 69

70 Response.Write(TextBox1.Text + " "); Response.Write(TextBox2.Text + " "); Response.Write(TextBox3.Text + " "); Response.Write(TextBox4.Text + " "); //Kişisel bilgiler ve Şirket bilgilerindeki textbox lar için kod yazılmıştır. İstenildiğinde diğer bilgilerde ekrana getirilebilir. 6) Kodumuzu çalıştırdıktan sonra TextBox larımıza değer girerek sonucu görebiliriz. Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 70

71 Böylelikle bir kaç işlemimizi tek bir alanda yaparak işlemlerimizi daha hızlı gerçekleştirebiliriz. NOT!!! Finish butonunu veritabanı işlemine bağlayarak Wizard kontrolü işinize daha da yarayacaktır. Fakat şimdilik biz veritabanı uygulamaları ile uğraşmayacağız. PANEL KONTROLÜ Paneller grup şeklinde form elemanlarının gösterilmesini yada gösterilmemesini ayarlayabileceğiniz. Elemanları gruplara ayırabileceğiniz form elemanlarıdır. UYGULAMA: Bu uygulamada web sayfamızda iki adet panel olacaktır. Birinci panelin içerisine staj formu ile ilgili erkeklerden bilgi alınacaktır. Diğer panelde ise okul öncesi eğitimi bölümüne alınmış bayan öğrenciler için bilgiler alınacaktır. Dolaysıyla erkekler için alacağımız bilgi panelinde bayanla ilgili bilgi alınacak panelin olmasına gerek yoktur. Dolaysıyla web formumuzda ilk başta iki adet Button nesnesi olacak. İlgili Buttonlar tıklandığında o Button ile ilgili panel gözükecektir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 71

72 Formumuz; Formu tasarladıktan sonra başlangıçta sayfayı çalıştırdığımızda Panel1 ve Panel2 nin gözükmemesi için Visible özelliklerini False yapıyoruz. Kodumuz; protected void Button1_Click(object sender, EventArgs e) Panel1.Visible = true; Panel2.Visible = false; protected void Button2_Click(object sender, EventArgs e) Panel2.Visible = true; Panel1.Visible = false; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 72

73 Ekran Çıktısı; FILEUPLOAD KONTROLÜ Asp.net te fileupload kontrolünü kullanarak siteye dosyaları gönderebiliriz. Önceden bu işlemi HTML input file ile server tabanlı yapmak mümkün oluyordu. Göndereceğimiz bu dosyalar resim olabileceği gibi, sıkıştırılmış bir metin dosyası veya bir çok içeriği bir arada bulunduran herhangi bir dosyada olabilir. Örneğin bir üniversite dergisinin yazarlardan yayın alması için yazarların sisteme yayınlarını ekleyebilmesi gerekir. Bu yüzden de fileupload nesnesi kullanılarak yazarlardan yayınlar sisteme aktarılabilir. Aynı şekilde bir bir emlak sitesini düşününüz her gün bir çok resmin yüklendiğini veya sistemden resimlerin dosyaların kaldırıldığı bir web sitesinde yine kullanabileceğimiz temel nesnemiz fileupload nesnesi olacaktır. Fileupload nesnesi ile dosyaları direkt olarak sistemimize kaydedebileceğimiz gibi sadece dosyaların yolunu da kaydedip daha sonra bu iki kayıt biçiminden de yararlanarak web sayfamızda bu dosyalardan istediğimiz gibi yararlanabiliriz. UYGULAMA: Bu uygulamada web sayfamıza bilgisayarımızdan yüklü olan resimleri yükleyeceğiz. Bunun için web formumuza bir tane FileUpload, bir tane İmage nesnesi, bir tane Button ve iki tane de Label nesnesi ekleyeceğiz. Ayrıca kaydedeceğimiz resimleri de projemizde bir tane resim adında bir klasör ekliyoruz. Eklediğimiz Image nesnesinin de başlangıçta Visible özelliğini False olarak ayarlıyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 73

74 Formumuz; Kodumuz; protected void Button1_Click(object sender, EventArgs e) if (FileUpload1.HasFile) // Dosya Seçilmişse else FileUpload1.SaveAs(Server.MapPath("resim/") + FileUpload1.FileName); Label1.Text = "Dosya Eklendi"; Image1.ImageUrl = "~/resim/" + FileUpload1.FileName; Image1.Visible = true; Image1.Width = 200; Image1.Height = 200; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 74

75 Label2.Text="Herhangi bir dosya seçilmemiştir. Lütfen yüklenecek bir dosya seçiniz."; Ekran Çıktısı; UYGULAMA: Bu uygulamada web sayfamıza (Web Server imize) resim dışında herhangi bir dosya ekleyeceğiz. Bunun için de web sayfamıza bir tane FileUpload, 1 tane Yükleme Buttonu ve bir adette Label nesnesi ekleyeceğiz. Formumuz; Kodumuz; protected void Button1_Click(object sender, EventArgs e) if (FileUpload1.HasFile) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 75

76 FileUpload1.SaveAs(Server.MapPath("yüklenendosyalar/") + FileUpload1.FileName); Label1.Text = "Yüklenen Dosyanın İsmi:" + FileUpload1.FileName + " <br> Yüklenen Dosyanın İçeriği:" + FileUpload1.PostedFile.ContentType + "<br> Gönderilen Dosyanın Boyutu:" + FileUpload1.PostedFile.ContentLength + " " + "Byte"; else Label1.Text = "Herhangi bir dosya seçmediniz. Lütfen bir dosya seçiniz."; Ekran Çıktısı; -Herhangi bir dosya seçilmediğinde- -Herhangi Bir Dosya Yüklendiğinde- WEB FORMDAN DOSYA İNDİRME OLAYI Bu bölümde Asp.NET le internette herhangi bir adresten dosya indirme kodunu öğreneceğiz. UYGULAMA: Bu uygulamada daha web sayfamıza yükleyeceğimiz bir dosyayı indirmeye çalışacağız. Bunun için yeni bir Web sayfası açıp bir adet indirme butonu ekliyoruz. Aynı zamanda da web sayfamıza bir dosya yüklemek için de wen formumuza bir tane FileUpload ve bir de yükle adında bir tane LinkButton ekliyoruz. Formumuz; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 76

77 Kodumuz; //using System.Net; NameSpace Alanına Eklemeyi Unutmayın. Yükle Button_Click Olayına; protected void Button1_Click(object sender, EventArgs e) if (FileUpload1.HasFile) FileUpload1.SaveAs(Server.MapPath("yüklenendosyalar/") + FileUpload1.FileName); Label1.Text="Dosya başarılı bir şekilde yüklendi."; else Label1.Text = "Herhangi bir dosya seçilmedi."; İndir LinkButton_Click Olayına; protected void LinkButton1_Click(object sender, EventArgs e) WebClient indir = new WebClient(); indir.downloadfile("http://localhost:2128/website1/default.aspx", "C:\\2005kpss.rar"); Label2.Text = "Dosyanız Başarılı bir şekilde C yerel diskinize kaydedildi."; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 77

78 Web sayfalarında en önemli bir konu halini alan bilgi girişi ve bunların kontrollerini yapan kontrollerdir. Kullanıcıların hatasız ve eksiksiz olarak formların doldurulmasında önemli rol oynamaktadır. Bu kontroller Javascript veya DHTML kullanılarak da yapılabiliyordu. Fakat Asp.NET 2.0 ve üstü versiyonların bize sunmuş olduğu bu validation sayesinde daha anlaşılır ve hızlı olmamızı sağlamaktadır. Bu kontrollerin çalışması için Internet Explorer 4 ve üstü olması gerekmektedir. Bu kontrollerimizin başlıcaları aşağıdaki şekilde görüldüğü gibidir. Bu kontrolleri genel olarak tanımlayalım. Validation Kontrol Adı Required Field Validator Validation Kontrol Adı Açıklama Kontrol içerisine bir değer girilip girilmediğini kontrol eder. Atamış olduğumuz kontrol boş geçemez. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 78

79 Range Validator Reguler Expression Validator Compare Validator Custom Validator ValidationSummary Belirlediğimiz iki değer arasında kontrol eder. Örneğin yaş aralığı için kullanılabilir. Karakter kontrolleri yapar. Mail işareti gib kontrollerde kullanılır. İki giriş kontrolü arasındaki değeri, tipini veya dosyanı eşitliğini kontrol eder. Validation için kendi kodumuzu yazmaya izin verir. Tüm Validation kontrollerine ait uyarıları bir grup halinde bir arada kullanmamızı sağlayan kontroldür. REQUIRED FIELD VALİDATOR Girmemizin zorunlu olduğu alanlar için kontrolu bu araç yapar. Bu araç sayfadaki elemanların dolu olup olmadığını kontrol etmekle kalmayıp aynı zamanda geçerlilik denetimi yapar. Bir örnek yapalım formumuza iki bileşen ekleyelim birincisi textbox ikicisi ise dropdownlist olsun bunların doluluğunu ve seçilme işleminin yapılıp yapılmadığını ise RequiredFieldValidator ile yapalım. UYGULAMA: Bu uygulamada TextBox nesnesi içirisine bilgi girilip girilmediğini kontrol edeceğiz. Bunun için aşağıdaki adımları takip ediyoruz. 1) RequiredFieldValidator kontrolünü kulanacağımız için web sayfamıza birer adet textbox, button ve RequiredFieldValidator kontrollerini ekleyelim. 2) RequiredFieldValidator kontrolünü tıklayalım ve properties penceresinden ErrorMessage özelliğini kullanarak hata mesajını Bu alanı boş geçemezsiniz olarak değiştirelim. Böylece kullanıcı hata yaptığında bu ileti çıkacaktır. 3) Daha sonra ControlToValidate özelliğinden TextBox1 i seçiniz ve kodumuzu çalıştırınız. Eğer TextBox ı boş geçerek butona basarsanız hata çıkacaktır. Fakat TextBox ımıza birşeyler yazıp butona bastığımızda hata mesajı kaybolacaktır. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 79

80 Ekran Çıktısı; UYGULAMA: Bu uygulamada web sayfamıza bir adet DropDownList ve bir adette TextBox nesnesi ekliyoruz. DropDownList nesnesinin AutoPostBack özelliğini True yapıyoruz. Formumuz; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 80

81 Formumuzu bu şekilde tasarladıktan sonra Properties (özellikler) penceresinden Validation kontrollerimizi aşağıdaki şekillerde görüldüğü gibi ayarlıyoruz. Bu işlemleri yaptıktan Kaydet Buttonunun çalıştırınız ve kaydet buttonuna basınız. altına aşağıdaki kodu yazarak uygulamayı Kodumuz; protected void Button1_Click(object sender, EventArgs e) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 81

82 if (Page.IsValid) Response.Write("sorun yok"); Ekran Çıktısı; -TextBox ve DropDownList Boş Geçilirse- Öğr. Gör. Müslüm ÖZTÜRK Sayfa 82

83 -TextBox ve DropDownList Boş Geçilmediğinde- RANGE VALIDATOR KONTROLÜ Validator yani geçerlilik kontrolleri kullanıcıyı kontrol etmek zorunda kaldığımızda kullanabileceğimiz elemanlardır. Örneğin siz bir textbox'a telefon girmek istediğinizde kullanıcının o kısma sayı girmesini istersiniz peki bunu nasıl kontrol edeceksiniz? Kullancı bu kısma harf girebilir yada alakasız birşey yazabilir buda çoğu zaman veritabanınızda ki bilgilerin alakasız olması ile sonuçlanır. Range validator : Kullanıcının girdiği değerin istediğimiz değer gibi olup olmadığını kontrol eder. örneğin Kullanıcıdan textbox'a 1 ile 9 arasında bir sayı girmesini istiyoruz eğer kullanıcı 10 yazarsa range validator bunu kontrol edip hata mesajı gösterir. UYGULAMA: 1) Bu uygulamamızda ise RangeValidator kontrolümüzü anlatacağım için. Web sayfamızda birer adet textbox, button ve RangeValidator kontrolü yerleştirelim. 2) RangeValidator kontrolü tıklayarak properties penceresinden ErrorMessage kısmına 0 ile 100 arası bir sayı giriniz mesajını yazınız. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 83

84 3) Daha sonra yine RangeValidator kontrolünün MinimumValue özelliğine 0, MaksimumValue özelliğine ise 100 değerlerini yazınız. -Formumuz- -Özellikler Penceresi- Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 84

85 COMPARE VALIDATOR KONTROLÜ Compare validator, konunun başındada söylediğimiz gibi bize girilen değerleri karşılaştıma şansı verir. Örneğin siz telefon numarası istersiniz kullanıcı okumadan formu doldurursa bu kısma adını girebilir. İşte girilen bir değeri kontrol etmemizi sağlayan validatörümüz compare validatörüdür. Bu kontrolde tek bir nesneye (TextBox, ListBox vs.) yönelik kontrol yapılabileceği gibi iki nesneye (TextBox- TextBox, ListBox- ListBox vs.) girilen değerler de birlikte kontrol edilebilir. UYGULAMA: Bu uygulamada bir tane TextBox ımız olacak ve bu TextBox a sadece rakamsal ifadeler girmesine izin vereceğiz. Formumuz; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 85

86 Compare Validator Özellikleri; Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 86

87 UYGULAMA: 1) Uygulamamız için Web sitemize alt alta iki adet textbox ve bir adet de buton koyalım. İkinci textbox ımızın yanına CompareValidator kontrolü koyalım. 2) CompareValidator kontrolünün properties penceresinde ErrorMessage yazısını Aynı Değerler Giriniz olarak değiştiriniz. Daha sonra ControlToCompare seçeneğinde textbox1 i, ControlToValidate seçeneğinde ise textbox2 i seçiniz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 87

88 3) Daha sonra kodumuzu çalıştıralım. Textbox1 e ve Textbox2 kontrollerine aynı değerleri yazmamız gerekmektedir. Buradaki seçeneklerden ControlToCompare seçeneğinde TextBox1 i seçtiğimiz için kontrol bu nesne üzerinden olmaktadır. Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 88

89 Kontrolleri kullanarak Web formlarımızda kullanıcı hatalarını büyük oranda engelleyerek doğru bilgilerin gönderilmesini sağlayabiliriz. REGULAR EXPRESSION VALIDATOR KONTROLÜ Bu kontrol sayesinde kullanıcılardan istenilen formatta telefon numara bilgisi, kontrolü gibi işlemleri yapmak için bu kontrolden yararlanılabilir. UYGULAMA: 1) Bu uygulamamızda ise RegularExpressionValidator kontrolünü anlatacağız. Bunun için Web sayfamıza birer adet textbox ve buton nesneleri yerleştiriniz. Textbox nesnemizin yanına da RegularExpressionValidator kontolunden koyalım. 2) RegularExpressionValidator kontrolüne ait properties penceresinden ErrorMessage kısmına Yanlış yazısını, ContolToValidate seçeneğinden de textbox1 i seçiniz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 89

90 -Formumuz- -Properties Özelliği- 3) Properties penceresinde bulunan ValidationExpression seçeneğinin tıkladığınızda karşımıza Regular Expression Editor penceresi gelecektir. Gelen seçeneklerden telefon numarası, e- mail, web adresi,posta kodu gibi hazır kalıplar içermektedir. Biz be seçeneklerden Internet e mail address seçeneğini seçiniz. 4) Burada textbox a bilgi girişi ve. işaretlerini kontrol edecektir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 90

91 Kalıp değerler dışında kendimize göre giriş karakter kontrolü yaptırabiliriz. Regular Expression Editor penceresinde üstte Custom seçeneğini işaretleyerek Validation expression alana ifadeleri yazınız. Karakterleri aşağıdaki tabloda inceleyebilirisiniz. Örnek Gösterimler: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 91

92 VALIDATION SUMMARY KONTROLÜ Bu Kontrol Form nesnelerini denetleyen Validation Kontrollerinin tamamını göstertmek için kullanılır. Bir projenizde veya basit bir iletişim formu hazırladığınızda en çok karşılaşacağınız sorunların başında, formata uygun verilerin girilmemesi ve boş bırakmalar. Bu tür sorunların önüne geçebilmek için satırlarca kod yazarsınız. ASP uygulamaları yapanlar bilirler, bir Textbox etkileşim sayfasına boş geliyor ise o kullanıcıyı geri aynı sayfaya yönlendiririz veya bir uyarı yazısı gösteririz. Fakat bunun bir yolu daha var. Validation Kontrolleri, Form nesneleri üzerinde işlemi tamamladığımızda kendini aktifleştiren bir yapıya sahiptir. Örnek olarak bir Textbox içerisindeki verinin istenilen aralıkta mı?, Metinsel mi? Sayısal mı? Boş mu geçildi? Ve daha birçok işlemi yaptırabilmekteyiz. Basit bir uygulama ile Summary Validation Kontrolümüzü inceleyelim. Kısacası bu kontrol yapacağımız tüm kontrolleri bir özet halinde sunabilmemize imkan vermesidir. UYGULAMA: Bu uygulamada daha önce gördüğümüz tüm validation kontrolleri ile beraber validationsummary kontrolünü bir arada göreceğiz. Bu uygulama ile hem bu kontrolü öğreneceğiz hem de diğer validation kontrollerin bir uygulamalı tekrarını yapacağız. Formumuz; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 92

93 Yukarıda belirtmiş olduğumuz 4 adet Validation Kontrolünde Display seçeneği bulunmaktadır. Bu seçenek içerisinde yer alan None şıkkı kontrollerin kendi içerisinde gözükmemesini ve içerisindeki ErrorMessage yi ValidationSummary e göndermesini sağlayacaktır. Bu kontrolde oldukça kullanışlı bir kontroldür. Eklendikten sonra hiçbir Properties ayarı yapılmaz ValidationSummary de. Otomatik olarak Display= None olan Kontrolleri çekecektir. Ekran Çıktısı; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 93

94 CUSTOM VALIDATOR KONTROLÜ Bu kontrol vasıtasıyla kendi kodlarımızı kendimiz yazıp kontrolleri gerçekleştirebiliriz. Fakat Asp.Net te buna pek ihtiyacımız olmayacağı için şimdilik buna değinmiyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 94

95 Asp.Net 2005 ve üstü versiyonlarında yeni kontrollerden olan navigation kontoller web ortamında kullanılan birçok işlemlerimizi daha rahat yapmamızı sağlamaktadır. Temel üç tane Navigasyon kontrolümüz vardır. Bunlar aşağıdaki şekilde görüldüğü gibidir. SITEMAPPATH KONTROLÜ Bir web sayfamıza ait bilgilerin hiyerarşik bir düzen göstermemiz gerektiğinde kullanılır. Yapısı aşağıdaki şekilde görüldüğü gibidir. SiteMapPath web Sitelerimizde site haritaları oluşturmamızı sağlar. Sitemizi ziyaret eden kullanıcıların sitenin neresinde olduklarını görebilmelerini sağlayan site haritaları oldukça kullanışlıdır. Hiç şüphesiz ki gelişmiş internet sitelerin içerisinde pek çok web sayfaları bulunmaktadır. Sitemizi ziyaret eden bir ziyaretçi sayfalar arasında hangi sayfadan hangi sayfaya gittiğini ve hangi sayfayı incelediğini bilmek isteyecektir. UYGULAMA: 1) Bir web sayfası açalım ve Add New Item dan diğer sayfalarımızı hazırlayalım. Sayfalarımızın adları ana.aspx, Dergiler.aspx, Kitaplar.aspx, bilgisayardergisi.aspx, romanlar.aspx, psikoloji.aspx olarak oluşturalım. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 95

96 2) Dosyalarımızı oluşturduktan sonra Project > Add New Item diyerek Site Map nesnesini seçerek Web.sitemap dosyasını oluşturunuz. 3) Web.sitemap dosyamızı aşağıdaki gibi düzeltmeden önce isterseniz nasıl bir yapımızın olduğunu klasör mantığı ile görelim. 4) Birimlerin şematik hali anlaşıldığına göre Web.sitemap dosyamızın kod kısımlarını değiştirelim. Kodumuz; <?xml version="1.0" encoding="utf-8"?> <sitemap xmlns="http://schemas.microsoft.com/aspnet/sitemap-file-1.0" > <sitemapnode url="ana.aspx" title="ana Sayfa"> <sitemapnode url="dergiler.aspx" title="dergiler"> <sitemapnode url="bilgisayardergisi.aspx" title="bilgisayar"/> Öğr. Gör. Müslüm ÖZTÜRK Sayfa 96

97 </sitemapnode> <sitemapnode url="kitaplar.aspx" title="kitaplar"> <sitemapnode url="romanlar.aspx" title="roman"/> <sitemapnode url="psikoloji.aspx" title="psikoloji"/> </sitemapnode> </sitemapnode> </sitemap> 5) Kodumuzu yazdıktan sonra her sayfaya SiteMapPath kontrolü ekleyiniz. Otomatik olarak sayfa isimleri eklenecektir. Böylece yaptığımız ağaç sistemi oluşacaktır. Ekran Çıktısı; MENU KONTROLÜ Web sayfalarında sıkça kullanılan açılır menu tanımıylada bildiğimiz menu artık her web sayfasında yer almaktadır. Asp.Net 2.0 ve üstü versiyonları bize menu nesnesini kullanma olanağı tanımıştır. Yapısı aşağıda görüldüğü gibidir: UYGULAMA: 1) Yeni bir web sayfası açalım. Web sayfamıza bir adet Menu kontrolü ekleyelim. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 97

98 2) Menu ekledikten sonra karşımıza gelen Menu Tasks menüsünden Edit Menu Items seçeneğini tıkladığınızda Menu Item Editor açılacaktır. 3) Açılan pencereden Add a Root Item düğmesini tıklayarak menü hazırlamaya başlayabiliriz. 4) Düğmeye tıkladıktan sonra menu için ana birim ve alt birimleri oluşturalım. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 98

99 5) Her bir menünün özellikleri yer almaktadır. Menulerden birisini tıklayıp properties penceresinden ayarlamalar yapabiliriz. 6) Kodumuzu çalıştırdığımızda menümüzü kullanabiliriz. NOT!!! Eğer yukarıdan aşağıya doğru şeklinde olan menü yerine soldan sağa şeklinde bir menü kullanılacak ise sayfa tasarım kısmında menü nesnesi seçili iken source (Kod) bölümünden Orientation=Horizontal ifadesi yazılır. Örnek iki kullanım aşağıdaki gibidir. <asp:menu ID="Menu1" runat="server" Orientation=Horizontal> </asp:menu> (Yatay Menü) <asp:menu ID="Menu1" runat="server" Orientation=Vertical> </asp:menu> (Dikey Menü) Öğr. Gör. Müslüm ÖZTÜRK Sayfa 99

100 TREEVİEW KONTROLÜ TreeView kontrolü karışık hiyerarşik yapıdaki siteler için çok sık kullanılan kontrollerdendir. Site gezinme, site sayfaları linklerini ve alt linkleri bir açılır menü gibi listememize imkan vermektedir. Özellikle sitelerin navigasyon barlarında kullanılmaktadır. TreeView kontrolü verileri bir veritabanından çekebileceği gibi bir sitemap dosyasından da çekebilir. Bu yazımda ben sitemap ile kullanımına değineceğim. Şimdi Sitemap ile kullanımı için ilk olarak açmış olduğum web projesinde, proje kök dizininde bir sitemap dosyası ekliyorum. Dosyamın standart olarak web.sitemap dosyasıdır. Dosya oluştuktan sonra kodlar bu sayfada şu şekilde oluyor : <?xml version="1.0" encoding="utf-8"?> <sitemap xmlns="http://schemas.microsoft.com/aspnet/sitemap-file-1.0" > <sitemapnode url="" title="" description=""> <sitemapnode url="" title="" description="" /> <sitemapnode url="" title="" description="" /> </sitemapnode> </sitemap> Buradan da anlaşılacağı üzere aslında sitemap dosyam bir XML dökümanıdır. Şimdi bu XML sitemap dosyasını şu şekilde dolduruyorum, bu sayfalarımı projeme boş olarak ekledim. Sayfa adlarını ve açıklamalarını burada gerekli alanlara dolduruyoruz. <?xml version="1.0" encoding="utf-8"?> <sitemap xmlns="http://schemas.microsoft.com/aspnet/sitemap-file-1.0" > <sitemapnode url="default.aspx" title="ana Sayfa" description="anasayfa"> <sitemapnode url="hakkimda.aspx" title="hakkımda" description="hakkimda" /> <sitemapnode url="projeler.aspx" title="projeler" description="projeler" /> <sitemapnode url="iletisim.aspx" title="iletişim" description="iletisim" /> </sitemapnode> </sitemap> Daha sonra sadece bir sayfada TreeView kontrolünü bir data source a bağlıyorum. Bunun içinde bir adet treeview.aspx form açıyorum. Bu forma bir adet TreeView nesnesi ekleyip Choose Data Source sekmesinden daha once oluşturduğumuz Web.sitemap sayfasına bağlantıyı sağlıyoruz. Böylece treeview nesnemizi SiteMapPath olayına bağlayarak treeview nesnemiz için tüm bilgileri burdan almış olduk. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 100

101 Kısacası; yeni bir SiteMapPath sayfası ekleyip birkaç alan ekleyip bu formu bu şekilde kaydettikten sonra add new item seçeneğinden yeni bir web formu ekleyip içerisine bir tane treeview nesnesi ekleyip daha sonra bu treeview nesnesini SiteMapPath nesnesine bağlıyoruz. Bu şekilde web sayfalarımızda TreeView nesnesini de kullanmış oluyoruz. WEBMASTER SAYFASI OLUŞTURMA Visual Studio'yu kullanarak, Master Page destekli basit bir ASP.NET sitesi oluşturacağız. Öncelikle Master Page kavramıyla ilgili temel bilgileri edinelim. MasterPage Nedir? Ne İşe Yarar? Genellikle web sitelerinde linklere tıkladıkça gelen sayfalarda bazı içerikler sabit olup, bazıları ise tıklanan linke göre değişmektedir. Örnek vermek gerekirse; bir web sitesinde banner veya sağ tarafta bulunan bir panel hep sabittir. Yani anasayfada da, iletişim sayfasında da veya herhangi bir başka sayfada da bu kısımlar değişmez. Değişen kısım ise muhtemelen ilgili sayfaya ait bilgilerin olduğu içerik kısmıdır. Aşağıdaki resme bakarak olayı daha iyi anlayabiliriz: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 101

102 Bu örnek siteye göre, ortadaki beyaz alanda her sayfaya göre farklı bir içerik gösteriliyor. Fakat beyaz alan dışındaki banner, sağ panel ve footer kısımları her sayfada aynı şekilde gösteriliyor. İşte Master Page kullanmanın önemi de burada başlıyor. Master Page kullanarak, değişen içerik kısmı dışında yer alan bölümlerin kodlarını her sayfada ayrı ayrı tekrar yazmak yerine Master Page kullanarak bir defa yazabiliriz. Daha da önemlisi; diyelim ki yukarıdaki sitenin sağ kısmında bulunan panele yeni bişeyler eklemek istedik. Bu durumda her sayfayı açıp gerekli kodu bütün sayfalara yazmamız gerekecekti. Halbuki eğer Master Page kullansaydık, değişikliği sadece tek bir yerde yaparak bunun bütün siteye yansımasını sağlayabilirdik. MasterPage Kullanarak Bir Site Oluşturalım Şimdi Visual Studio'yu kullanarak, basit bir web sitesi oluşturacağız. Bu siteyi oluştururken Master Page kullanımını da öğrenmiş olacaksınız. Aşağıdaki adımları uygulayın: 1. Visual Studio'yu 2010 u açın. 2. File menüsünden New Web Site komutunu vererek boş bir site oluşturun. MasterPage adında C# destekli bir site oluşturun. 3. Site klasöründe web.config dışında dosya varsa bunları silin. 4. Website menüsünden Add New Item komutu vererek yeni bir Master Page oluşturacağız. Bu pencerede Master Page seçeneğini seçin. Dosya adı MasterPage.master olarak kalabilir. Aşağıdaki kutucuklardan 'Select Master Page' seçeneğinin önündeki işareti eğer varsa kaldırın. 'Place Code In Seperate File' seçili kalabilir. 5. Varsayılan kodlarıyla beraber bir master sayfası oluşturulacaktır. Bu kodlarda iki şey dikkatimizi çekiyor: Birincisi sayfa direktifi Page değil Master olarak başlıyor. İkincisi ise ContentPlaceHolder adındaki ASP.NET kontrolleri sayfaya eklenmiş. Buradaki ContentPlaceHolder kontrolü bizim içerik sayfalarımızın yer alacağı kısım. Yani ContentPlaceHolder dışında kalan yerler tüm sayfalarda ortak olacak. ContentPlaceHolder yazan yerlere ise ilgili sayfanın içeriği gelecek. Master sayfamızda bunlardan otomatik olarak iki tane oluşturulur. Birisi head etiketleri arasında birisi ise body etiketleri arasında. Biz istediğimiz yere istediğimiz kadar ekleyebiliriz. Fakat head etiketleri arasındaki ContentPlaceHolder kontrolünü bu örnekte kullanmayacağımız için kaldırın. Bizim kullanacağımız kontrol body etiketleri arasındaki ContentPlaceHolder kontrolü. Biz sitede değişmeyecek olan kısımları bu kontrolün etrafına yerleştirmeliyiz. Aşağıdaki kodları MasterPage.master dosyasının body etiketi arasında kalan kısmına yerleştirin: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 102

103 <body> <form id="form1" runat="server"> <div> <asp:contentplaceholder id="contentplaceholder1" runat="server"> </asp:contentplaceholder> </div> </form> </body> Artık master sayfamız hazır. Sıra geldi, master sayfamıza içerik sayfalarını 'gömmeye. Devam edelim: 6. Website menüsünden Add New Item komutu vererek yeni bir içerik sayfası oluşturacağız. Dosyanın adı Default.aspx olarak kalsın. Bu işlemin normal aspx dosyası eklemekten tek farkı Master Page kullanması. Dolayısıyla Add New Item penceresindeki aşağıdaki seçeneklerden 'Select Master Page' seçeneğinin önündeki işaretin seçili olması gerekiyor. 'Place Code In Seperate File' seçili kalabilir. Add butonuna bastığımızda bizden bu dosyayı hangi Master sayfasının içine yerleştireceğimizi soracaktır. Buradan MasterPage.master sayfasını seçerek devam edelim. 7. Son olarak, aynı şekilde DigerSayfa.aspx dosyasını oluşturun. 8. Siteye bundan sonra ekleyeceğimiz her yeni dosyayı aynı şekilde ekleyebileceğiz. Bunun yanı sıra, master sayfamızda yapacağımız değişiklikler içerik dosyalarına otomatik olarak yansıtılacaktır. STYLE CSS (Cascading Style Sheet) KULLANIMI Style dosyalarımız hazırladığımız web sitelerinin tekrar eden bölümlerinin içerisindeki özelliklerin hep aynı yapıda olmasını istediğimiz zaman yaptımız işlemleri her seferinde yapmak yerine tek bir seferde style formu oluşturup tüm özellikleri buradan kontrol etmemize yarayan bir özelliktir. Örnek olarak bir web sitesinin ait menü arka plan renklerinin ve text özelliklerinin hepsinin aynı renkte olmasını istiyorsak bunu bir seferliğine style formunda oluşturup tüm web sitemizde kullanılan menü için bu özellikten yararlanabiliriz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 103

104 STYLE SHEET ÖZELLİKLERİNİN KULLANIMINA İLİŞKİN AÇIKLAMALAR /* web formumuza ait gövdemizin (Asıl web sayfamızın dışında kalan arkaplanlar) font,renk ve hizalamalarını yapıyoruz*/ BODY background: #202328; font: 75%/160% Verdana,Arial, sans-serif; color: #ffffff; text-align: center; /*linklerimize ait csslerimizi yazıyoruz.*/ /*Linkimizin rengi*/ A color:green; /*linkimizin üzerine geldiğimizde aldığı renk*/ A:hover color:red; /*fare düğmesine kullanıcının basması ile bırakması arasında geçen sürede linkin aldığı renk*/ A:active color:blue; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 104

105 /*linkimizin ziyaret edildikten sonraki rengi*/ A:visited color:yellow; /*elemanımızın tuş girdilerini algılamaya başladığı andaki rengi*/ A:focus color: #33ff33; /*büyük başlığımızın rengi ve fontu*/ H1 color: #ff00ff; font-family: Arial, sans-serif; /*küçük başlığımızın rengi ve fontu*/ H2 color: #b0dfff; font-family: Arial, sans-serif; /*html kısımında ana adlı div içinde kalan kodların kullanacağı style'ları yazıyoruz # ifadesi olduğu için <div> etiketinin ID değerini ana yaparız.*/ /*padding yazıların border'dan ne kadar mesafe uzaklıkta başlayacağını belirtir.*/ Öğr. Gör. Müslüm ÖZTÜRK Sayfa 105

106 /*text-align yazıların hangi yöne dayalı olacağını belirtir.*/ #ana padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; text-align: left; NOT!!! Style Sheet formunda Kuralla iki şekilde belirlenir. 1. Kural bir form nesnesi için konuluyorsa [. ] [ Kontrol İsmi ] şeklinde oluşturulur. Form Nesnesinin Class özelliğine ilgili StyleSheet.css seğeri atılır. Örnek;.button Color: red; 2. Şayet kural bir <div> etiketi için oluşturuluyorsa [div] [. ] [ Kontrol İsmi ] şeklinde yazılır. Bunun için <div> etiketinin Class özelliğine ilgili <div> etiketine herhangi bir isim atılır. Örnek; div.button Color: Green; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 106

107 3. Kural ID için oluşturuluyorsa [#] [Kontrol İsmi] şeklinde yazılır: Örnek #button Color: Red; Uygulamalarla öğrendiklerimizi pekiştirelim. UYGULAMA: Bu uygulama örnek bir style formu oluşturup hazırladığımız web formumuza bağlamayı öğreneceğiz. Harici veya dahili olmuş olsun bir CSS dosyamızda CSS kurallarımız içinde bir Css Class tanımladığımızda eğer ASP.NET ile çalışıyor isek bunu bir şekilde ASP web formlarımıza bağlamamız gerekir. Bunu CssClass özelliği ile gerçekleştirebiliriz. Bir örnek ile birlikte bir CSS dosyasının ASP web form ile birlikte kullanılmasını özetleyelim. Bir WEB projesi oluşturuyoruz. Projeye Add New Item diyerek bir adet StyleSheet.css adında stylesheet dosyası ekliyoruz ve bir takım CSS kuralları oluşturuyoruz. Aşağıdaki şekilde görüldüğü gibi; Projeye Style Sheet Formunun Eklenmesi; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 107

108 Style Sheet İçin Oluşturulan Özellikler; Burada örnek olması açısından web formumuza bir adet dropdownlist, bir adet textbox ve bir adette button kontrolü ekliyoruz. Kontrollerimiz için oluşturduğumuz özellikler aşağıda görüldüğü gibidir: body.dropdownmenu color:blue; font-family: Arial, Helvetica, Sans-Serif; background-color: #000000; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 108

109 .textbox font-family: Arial Helvetica, Sans-Serif; background-color:red; border: 1px solid;.button font-family: Arial; background-color: #00ff35; border: 1px solid Daha sonra bir tane web form ekliyoruz ve ismini Default.aspx olarak kaydediyoruz. Bu forma yukarda bahsettimiz üç kontrolümüzü ekliyoruz. Sıra geldi Style formumu asıl web formumuza bağlamaya. Bunu iki şekilde yapabiliriz. 1. Head elementi içinde CSS dosyama ait kodu yazmak, 2. Sürükle-Bırak mantığı ile, Biz ikinci yolu tercih edeceğiz. Bunun için de Default.aspx formumuzun Source kısmını açıp Head etiketi arasına Style dosyasını sürükleyip bırakıyoruz. Böylece Style dosyamızı web formumuza bağlamış oluyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 109

110 Daha sonra ise bu üç kontrolü cssstyle ataması yapıyorum. Bunu kontrolümüz seçili iken Properties ----cssstyle sekmesinden yapıyoruz. Bu özellikleri her üç kontrolümüz için yapıyoruz. Bütün bu işlemleri yaptıktan formumuzu çalıştırıyoruz. Oluşan ekran görüntüsü aşağıdaki gibidir: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 110

111 UYGULAMA: Bu uygulamada <div> etiketleri ve standart nesneler için style formu oluşturup bir uygulamasını göreceğiz. 1. Visual Studio Programını açıp yeni bir web site projesi açıyoruz. 2. Açtığımız web site projesine bir tane StyleSheet.css formu ekliyoruz. Bunu aşağıdaki yolu takip ederek yapıyoruz. Solution Explorer projesi üzerinde sağ tuşu tıklıyoruz: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 111

112 Buradan da Style Sheet ifadesini seçiyoruz: Böylece projemize bir tane StyleSheet.css formu eklemiş oluyoruz. 3. Şimdi de projemize bir tane Default.aspx adında bir web formu ekliyoruz. 4. StyleSheet.css formumuzu Default.aspx formumuza bağlıyoruz. 5. Şimdi de <div> etiketimiz ve diğer üç kontrolümüz için Sytle kurallarımızı oluşturalım. Bunun için StyleSheet.css formumuzu açıp aşağıdaki kodları yazıyoruz: Öğr. Gör. Müslüm ÖZTÜRK Sayfa 112

113 body div.deneme font-family:times New Roman; background-color:green; border:3px solid red;.dropdownlist font-family:times New Roman; color:yellow; border:2px solid red; background-color:blue;.button background-color:blue; color:red;.textbox background-color:lime; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 113

114 color:silver; 6. Şimdi web formumuza bir tane <div> etiketi ekliyoruz. Bu <div> etiketinin içerisine de bir adet DropDownList, bir adet TextBox ve bir adette Button kontrolü ekliyoruz. Kodlarımız; <div> <br /> <asp:dropdownlist ID="DropDownList1" runat="server" Height="28px" Width="184px" Class="deneme"> </asp:dropdownlist> <br /> <br /> <br /> <br /> <asp:textbox ID="TextBox1" runat="server" Width="184px" CssClass="deneme"></asp:TextBox> <asp:button ID="Button1" runat="server" Text="Button" Width="92px" </div> CssClass="deneme" /> Tasarım Görünümü; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 114

115 7. Şimdi de <div> etiketimizin dışına bir adet DropDownList, bir adet TextBox ve bir adette Button kontrolü ekliyoruz Yukarıdaki bütün adımları eksiksiz yaptıktan sonra sıra geldi eklediğimiz nesneleri Style özelliklerini atamaya. Sırasıyla kontrollerimiz için aşağıdaki Style özelliklerini atıyoruz. <div> nesnemiz için deneme Style ni Class Özelliğinden atıyoruz. Sebebi StyleSheet.css formunda div.deneme diye tanımlandığı için; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 115

116 DropDownList nesnemizin Properties özelliğinden Class özelliğini dropdownlist ifadesini veriyoruz. Sebebi StyleSheet.css formunda.dropdownlist diye tanımlandığı için; TextBox Nesnemiz için TextBox nesnemizin Properties özelliğinden Class özelliğini textbox ifadesini veriyoruz. Sebebi StyleSheet.css formunda.textbox diye tanımlandığı için; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 116

117 Yanı Şekilde Button Nesnemiz için Button nesnemizin Properties özelliğinden Class özelliğini button ifadesini veriyoruz. Sebebi StyleSheet.css formunda. button diye tanımlandığı için; 10. Uygulamayı biraz daha geliştirip SytleSheet.css formumuzun altına aşağıdaki kodu ekleyelim; #label background-color:yellow; border: 2px solid red; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 117

118 11. şimdi de Default.aspx formumuz açıp bir tane Label kontrolünü ekleyip ID değerini label olarak atayalım: StyleSheet.css formunda #label diye tanımlandığı için CssClass sekmesi altında gözükmedi. StyleSheet.css formunda #label diye tanımlandığı için ID değeri label olarak atandı. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 118

119 12. Formumuzu çalıştırdığımızda Bütün Style özelliklerinin nesnelerimize uygulandığını göreceksiniz. AÇILIR MENÜ YAPIMI UYGULAMA: Bu uygulamamızda alt alta birkaç menü başlığı oluşturup oluşturduğumuz bu menü başlıklarına altına da birkaç alt menü başlığı ekleyeceğiz. Herhangi bir menü başlığını tıkladığımızda bu menü bağlığımız altında oluşturduğumuz alt menü başlıkları aşağıya doğru kayarak gösterilecektir. Bunun için aşağıdaki adımları takip ediyoruz. 1. Visual Studio Programını başlatıp bir web site projesi açıyoruz. 2. Oluşturduğumuz web site projesine bir tane web formu ekliyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 119

120 3. Web formumuza iki adet menü kontrolü ve iki adette Panel kontrolü ekleyip formumuz aşağıda görüldüğü şekilde tasarlıyoruz. 4. Formumuzun ilgili bölümlerine aşağıdaki kodları yazıyoruz. protected void Page_Load(object sender, EventArgs e) Panel1.Visible = false; Panel2.Visible = false; protected void Menu1_MenuItemClick(object sender, MenuEventArgs e) Panel1.Visible = true; protected void Menu2_MenuItemClick(object sender, MenuEventArgs e) Panel2.Visible = true; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 120

121 5. Formumuzu çalıştırdığımızda aşağıdaki ekran çıktısında görüldüğü gibi menümüz işlenmeye başlayacaktır. Formu İlk Çalıştırdığımızda; Anasayfa Linki Tıklandığında; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 121

122 Hakkımızda Linki Tıklandığında; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 122

123 STYLE CSS KULLANARAK MENÜ YAPIMI UYGULAMA: Bu uygulamada Style kodlarını kullanarak bir menü yapacağız. Bunun için aşağıdaki adımları takip ediyoruz: 1. Visual Studio Programı başlatıp yeni bir web site projesi açıyoruz. 2. Oluşturduğumuz projeye bir web formu ve bir de StyleSheet.css formu ekliyoruz Web formumuzda menüyü oluşturacağımız yere bir adet <div> etiketi ve bu <div> etiketinin içerisine de bir tane menü kontrolü ekleyelim ve source kısmından menümüz için Orientation=Horizontal ifadesini yazarak hazırlayacağımız menüyü yatay bir şekilde oluşturalım. Menü kontrolümüze ait genel kod görünümü aşağıda görüldüğü şekilde olacaktır. <asp:menu runat="server" Orientation=Horizontal> </asp:menu> 5. Formumuzu tasarladıktan sonra sıra geldi Style kodlarımız yazmaya. Önce StyleSheet.css formumuzu Default.aspx formuna bağlıyoruz. Oluşturacağımız menü için StyleSheet.css formumuza aşağıdaki Style kodlarını yazıyoruz. 6. body.arkaplan Öğr. Gör. Müslüm ÖZTÜRK Sayfa 123

124 background-color:black; height: 34px;.menu padding:4px 4px 4px 4px;.menu A color:aqua; background-color:olive; border:2px dashed black;.menu A:hover color:red; background-color:yellow; 7. Default.aspx adlı formumuzda <div> etiketimiz seçili iken Properties özelliğinden Class sekmesinden arkaplanı; menü kontrolümüz seçili iken yine Properties özelliğinden Class sekmesinden menu ifadesini seçiyoruz. Böylece kontrollerimize Style özelliklerini de aktarmış oldu. 8. Formumuzu çalıştırdığımızda aşağıdaki ekran görüntüleri ekran görüntülerinden de anlaşılacağı gibi StyleSheet.css dosyamız içerisinde oluşturduğumuz kodların çalıştığı görülmektedir. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 124

125 Formu İlk Çalıştırdığımızda; Mouse (Fare) İle Üzerine Gelindiğinde; Böylece Style özelliklerini kullanarak bir menü yapmış olduk. Diğer uygulamalarda daha gelişmiş menüler yapmaya devam edeceğiz. UYGULAMA: Bu uygulamada Style kodlarını kullanarak bir menü yapacağız. Bunun için aşağıdaki adımları takip ediyoruz: 1. Visual Studio Programı başlatıp yeni bir web site projesi açıyoruz. 2. Oluşturduğumuz projeye bir web formu ve bir de StyleSheet.css formu ekliyoruz. Öğr. Gör. Müslüm ÖZTÜRK Sayfa 125

126 3. Web formumuzda menüyü oluşturacağımız yere bir adet <div> etiketi ve bu <div> etiketinin içerisine de bir tane menü kontrolü ekleyelim ve source kısmından menümüz için Orientation=Horizontal ifadesini yazarak hazırlayacağımız menüyü yatay bir şekilde oluşturalım. Menü kontrolümüze ait genel kod görünümü aşağıda görüldüğü şekilde olacaktır. <asp:menu ID="Menu1" runat="server" Orientation=Horizontal> </asp:menu> 4. Formumuz aşağıda görüldüğü şekilde olacaktır. 5. Formumuzu tasarladıktan sonra sıra geldi Style kodlarımız yazmaya. Önce StyleSheet.css formumuzu Default.aspx formuna bağlıyoruz. Oluşturacağımız menü için StyleSheet.css formumuza aşağıdaki Style kodlarını yazıyoruz. body div.arkaplan Öğr. Gör. Müslüm ÖZTÜRK Sayfa 126

127 background-color:gray;.menu padding:4px 4px 4px 4px;.menu A color:black; background-color:white; border:1px solid red;.menu A:hover color:white; background-color:black;.menu A:active color:yellow;.menu A:visited color:black; background-color:white; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 127

128 border:1px solid red; 6. Default.aspx adlı formumuzda <div> etiketimiz seçili iken Properties özelliğinden Class sekmesinden arkaplanı; menü kontrolümüz seçili iken yine Properties özelliğinden Class sekmesinden menu ifadesini seçiyoruz. Böylece kontrollerimize Style özelliklerini de aktarmış oldu. 7. Formumuzu çalıştırdığımızda aşağıdaki ekran görüntüleri ekran görüntülerinden de anlaşılacağı gibi StyleSheet.css dosyamız içerisinde oluşturduğumuz kodların çalıştığı görülmektedir. İlk Çalıştırdığımızda; Fare ile Üzerine Gelindiğinde; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 128

129 Fare Tuşu ile Menü Basılı Tutulduğunda; Fare Tuşu ile Menü Tıklandıktan Sonra; Öğr. Gör. Müslüm ÖZTÜRK Sayfa 129

Şekil 2.1. Bu bölümde ASP.Net platformumuzu açtığımızda Toolbox penceresindeki Standart bölümündeki kontrollerden bahsedeceğiz.(şekil 2.2) Şekil 2.

Şekil 2.1. Bu bölümde ASP.Net platformumuzu açtığımızda Toolbox penceresindeki Standart bölümündeki kontrollerden bahsedeceğiz.(şekil 2.2) Şekil 2. 6 7 Server Kontrol Nedir? Kullanıcı arabirimi veya diğer ilişkisel fonksiyonlar oluşturmak üzere Server üzerinde çalışan componentlere denir. Server kontroller runat= server özelliğine sahiptirler. (Şekil

Detaylı

Çözüm :RadioButtonList1 kontrolunuekliyoruz.enableautopostback iaktifleştiriyoruz..

Çözüm :RadioButtonList1 kontrolunuekliyoruz.enableautopostback iaktifleştiriyoruz.. 3 Kasım 2011 / Perşembe Örnek : Button a tıklamadan seçim yapınca işlem yapılsın. Çözüm :RadioButtonList1 kontrolunuekliyoruz.enableautopostback iaktifleştiriyoruz.. RadioButtonList1 e tek tıklayıp sağdan

Detaylı

ASP.NET ile Bir Web Sitesi Oluşturma

ASP.NET ile Bir Web Sitesi Oluşturma 29,30 Eylül 2011 ASP.NET ile Bir Web Sitesi Oluşturma ASP.NET sitesi oluşturmak için File menüsündeki, New açılır listesindeki, Web Site komutuna tıklıyoruz Açılan pencereden C# içindeki ASP.NET Web Site

Detaylı

Response : Sunucunun istemciye veri yollamasını

Response : Sunucunun istemciye veri yollamasını Response : Sunucunun istemciye veri yollamasını 27 Ekim 2011 / Perşembe Örnek : 2 tane sayfa açıyoruz,1nci ye TextBox1 ve Button ekliyoruz. Şunu istiyoruz,1nci sayfada şifre girilince, Button u tıklayınca

Detaylı

ASP.NET M U S T A F A K I L I Ç M C S E, M C D B A

ASP.NET M U S T A F A K I L I Ç M C S E, M C D B A ASP.NET M U S T A F A K I L I Ç B İ L. T E K. Ö Ğ R. M C S E, M C D B A ASP.Net Nedir? ASP.Net Server-Side(Sunucu taraflı) web uygulamaları geliştirebileceğimiz. Net in sağladığı özelliklerin çoğuna erişebilen

Detaylı

Web sayfalarında en önemli bir konu halini alan bilgi girişi ve bunların kontrollerini yapan kontrollerdir (Şekil 3.1). Şekil 3.1

Web sayfalarında en önemli bir konu halini alan bilgi girişi ve bunların kontrollerini yapan kontrollerdir (Şekil 3.1). Şekil 3.1 VALIDATION KONTROLLER 26 Web sayfalarında en önemli bir konu halini alan bilgi girişi ve bunların kontrollerini yapan kontrollerdir (Şekil 3.1). Şekil 3.1 Kullanıcıların hatasız ve eksiksiz olarak formların

Detaylı

PROGRAMLAMA DERSİ 1. İNTERNET

PROGRAMLAMA DERSİ 1. İNTERNET PROGRAMLAMA DERSİ 1. İNTERNET İnternet sunucu-istemci modeline göre çalışır. Fiziksel olarak bu sistem genelde isteği yapan bir bilgisayar (kullanıcı-client) ve bu isteği karşılayan özel bir bilgisayar

Detaylı

http://www.microsoft.com/visualstudio/eng/downloads

http://www.microsoft.com/visualstudio/eng/downloads Visual Studio 2012'nin kurulumunu, Visual Studio'nun kullanımını ve Windows Store'da basit bir proje hazırlanmasını anlatacağım. Hepsinden önce Visual Studio ortamından biraz bahsedelim. Visual Studio

Detaylı

ASP.Net validation controls validate the user input data to ensure that useless, unauthenticated or

ASP.Net validation controls validate the user input data to ensure that useless, unauthenticated or PART 11 ASP.NET Validation Controls ASP.Net validation controls validate the user input data to ensure that useless, unauthenticated or contradictory data don t get stored. ASP.Net provides the following

Detaylı

TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA

TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA TEMEL BİLGİSAYAR Ders Notları Yrd. Doç. Dr. Seyit Okan KARA Pencerenin ortasında bulunan beyaz sayfa, slayt tasarımında kullanacağımız sayfamızdır. Sol panelde bu slayt sayfasının küçültülmüş halde bir

Detaylı

www.wikispaces.com Kullanım Kılavuzu

www.wikispaces.com Kullanım Kılavuzu www.wikispaces.com Kullanım Kılavuzu İnternet tarayıcınıza(internet Explorer vb.) www.wikispaces.com adresini yazıp enter tuşuna bastığınızda yukarıdaki ekranla karşılaşacaksınız. Önceden oluşturmuş olduğunuz

Detaylı

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 9 Şubat 2012 / Perşembe Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 1) emlakkategorisi adlı tabloyu oluşturuyoruz 1 2) ilanlar adlı tabloyu

Detaylı

Kelime işlemcilerin işlevlerini öğrenmek. Başlıca kelime işlemcileri tanımak. Microsoft Word 2010 programı hakkında temel bilgileri öğrenmek.

Kelime işlemcilerin işlevlerini öğrenmek. Başlıca kelime işlemcileri tanımak. Microsoft Word 2010 programı hakkında temel bilgileri öğrenmek. Amaçlarımız 2 Kelime işlemcilerin işlevlerini öğrenmek. Başlıca kelime işlemcileri tanımak. programı hakkında temel bilgileri öğrenmek. da metin biçimlendirmek. 1 Kelime İşlemcilerin İşlevleri 3 Kelime

Detaylı

24 Kasım 2011 / Perşembe

24 Kasım 2011 / Perşembe 24 Kasım 2011 / Perşembe Evde yüklemek için ServisPack1 yükleniyor.daha sonra Ajax Kontrol Toolkit i yüklüyoruz. 2008 için 3,5 olanı yüklenecek. Geçen hafta nasıl yükleneceği anlatıldı. TextBox1 ve ToolkitScriptManager

Detaylı

FTP Programı File Zilla nın Kurulumu & Çalıştırılması

FTP Programı File Zilla nın Kurulumu & Çalıştırılması FTP Programı File Zilla nın Kurulumu & Çalıştırılması FileZilla Portable programının web den indirilmesi : Google veya benzeri bir arama motoru kullanarak FileZilla FTP programının portatif sürümünü internetten

Detaylı

NOT: VERİTABANINDAKİ TABLOLARI OLUŞTURMAYI DA UNUTMAYACAĞIZ.

NOT: VERİTABANINDAKİ TABLOLARI OLUŞTURMAYI DA UNUTMAYACAĞIZ. 20 Ocak 2012 / Cuma Yeni uygulama Yönetim adlı bir klasör oluşturacağız. Yönetim klasörü içerisine bir masterpage oluşturacağız. (tabloyla) Örneğin; Ana Sayfa Albüm ekle Fotoğraf ekle Content Place Holder(Değişecek

Detaylı

Açılan programın pencere görünümü aşağıdaki gibidir. 2. Araç Çubuğundan kaydet düğmesi ile

Açılan programın pencere görünümü aşağıdaki gibidir. 2. Araç Çubuğundan kaydet düğmesi ile POWERPOINT PROGRAMI Powerpoint bir sunu hazırlama programıdır. Belirli bir konu hakkında bilgi vermek için, derslerle ilgili bir etkinlik hazırlamak için, dinleyicilere görsel ortamda sunum yapmak için

Detaylı

İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi

İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi Duyurular Nasıl Girilir? Duyuru girmek için ilk olarak İKÇ yönetim panelinden; 1-Kullanıcı adınızı

Detaylı

DENEME SINAVI. ECDL BAŞLANGIÇ Hesap Tablosu

DENEME SINAVI. ECDL BAŞLANGIÇ Hesap Tablosu DENEME SINAVI ECDL BAŞLANGIÇ Hesap Tablosu 1. Hesap Çizelgesi (Microsoft Office - Excel) uygulamasını açınız. Başlat > Programlar > Microsoft Office > Microsoft Office Excel 2003 yolu izlenerek Excel programı

Detaylı

YZM 2105 Nesneye Yönelik Programlama

YZM 2105 Nesneye Yönelik Programlama YZM 2105 Nesneye Yönelik Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 1 GUI Nesneleri ve Visual Studio IDE Kullanımı

Detaylı

e-imzatr Kurulum Klavuzu

e-imzatr Kurulum Klavuzu e-imzatr Kurulum Klavuzu Sürüm 0.0.1 1 İçindekiler İşletim Sistemi Sistem Türü Öğrenme Java yükleme Akis Kurulum Kart Okuyucu Sürücü Kurulum Kullanıcı Doğrulama 2 İşletim Sistemi Sistem Türü Öğrenme Bu

Detaylı

KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU

KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU YENİ TASARIM KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU WYS : WEB YÖNETİM SİSTEMİ Wys yetkili olduğumuz birimin web sayfası ile ilgili her

Detaylı

BÖLÜM 8 B- SUNU PROGRAMI 1. MICROSOFT POWERPOINT NEDİR? 2. POWERPOINT PROGRAMININ BAŞLATILMASI

BÖLÜM 8 B- SUNU PROGRAMI 1. MICROSOFT POWERPOINT NEDİR? 2. POWERPOINT PROGRAMININ BAŞLATILMASI BÖLÜM 8 B- SUNU PROGRAMI 1. MICROSOFT POWERPOINT NEDİR? Microsoft Office Paketi ile birlikte kullanıcıya sunulan Powerpoint Programı, etkileşimli sunular (Presentation) hazırlamaya yarayan metin tabanlı

Detaylı

GİB Portal deki Faturaları efinans Portal e Taşıma

GİB Portal deki Faturaları efinans Portal e Taşıma 1 / 15 GİB Portal deki Faturaları efinans Portal e Taşıma Geçmiş dönemden kalan faturalarınızı efinans Portal e yükleyerek efinans ın arşivleme hizmetinden 10 yıl boyunca faydalanabilirsiniz. efinans a

Detaylı

DENEME SINAVI CEVAP ANAHTARI

DENEME SINAVI CEVAP ANAHTARI DENEME SINAVI CEVAP ANAHTARI ECDL BAŞLANGIÇ Bilgisayarı Kullanmak ve Dosyaları Yönetmek 1) Bilgisayar ı doğru şekilde kapatıp, açmak için uygun metodu uygulayınız.(bilgisayarı kapatın ve tekrar açın.)

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com FIREWORKS (MENU OLUŞ TURMA) 1 Önce Başlat menüsü Programlar Adobe Web Premium CS3 Adobe Fireworks CS3 kısayol simgesi ile Fireworks programı açılır. 2 Fireworks programı açıldığında Karşımıza gelen Yeni

Detaylı

1. MİCROSOFT EXCEL 2010 A GİRİŞ

1. MİCROSOFT EXCEL 2010 A GİRİŞ 1. MİCROSOFT EXCEL 2010 A GİRİŞ 1.1. Microsoft Excel Penceresi ve Temel Kavramlar Excel, Microsoft firması tarafından yazılmış elektronik hesaplama, tablolama ve grafik programıdır. Excel de çalışılan

Detaylı

1 Organizasyon Tanımlama

1 Organizasyon Tanımlama İçindekiler 1 Organizasyon Tanımlama... 3 1.1 Şirket Tanımlama... 3 1.2 Kullanıcı Tanımlama... 3 1.3 İş Akışında Kullanılacak Grup/Birimlerin Oluşturulması... 3 1.4 Oluşturulan Grup/Birim Altına Kullanıcı

Detaylı

ADO.NET VERİTABANINA BAĞLANTI. Bir web formu üzerinden veritabanına bağlantımızı anlatacağım. UYGULAMA 1

ADO.NET VERİTABANINA BAĞLANTI. Bir web formu üzerinden veritabanına bağlantımızı anlatacağım. UYGULAMA 1 ADO.NET Web üzerinden veritabanına bağlanmak ve veri işlemleri gerçekleştirmek için ADO.NET teknolojinden faydalanarak işlemlerimizi gerçekleştireceğiz. ADO.NET her ne kadar ADO teknolojine benzesede aslında

Detaylı

İNTERNET TABANLI PROGRAMLAMA

İNTERNET TABANLI PROGRAMLAMA İNTERNET TABANLI PROGRAMLAMA VISUAL STUDIO DA YENİ BİR PROJE OLUŞTURMA Visual Studio (VS) programını çalıştırdığımızda karşımıza boş bir ekran gelir. Yeni bir proje oluştururken File>New>Project yolu kullanılarak

Detaylı

Masa üstünde vt34.mdb dosyası var, onu projemize eklemek için, App_Data ya sağ tıkla Add Existing Item vt34.mdb adlı dosyayı seç Add

Masa üstünde vt34.mdb dosyası var, onu projemize eklemek için, App_Data ya sağ tıkla Add Existing Item vt34.mdb adlı dosyayı seç Add 29 Aralık 2011 / Perşembe Visual studio dan veri tabanından veri çekmek için önce bir aspx dosyası açıp,,accessde yeni veri tabanı dosyası açıyoruz. Dikkat : Dosyanın uzantısı.mdb olacak. Masa üstünde

Detaylı

T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı. Evrak Logo Ekleme Kılavuzu. Kasım 2012

T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı. Evrak Logo Ekleme Kılavuzu. Kasım 2012 T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı Evrak Logo Ekleme Kılavuzu Kasım 2012 İçerik 1 Birim Logosu Kayıt İşlemleri... 3 1.1 Tek Logo Ekleme İşlemleri... 4 1.1.1 Logo Pozisyonu :... 5 1.1.2

Detaylı

MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ. BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI. AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU

MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ. BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI. AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU 1. GENEL BĠLGĠLER... 1 2. Ana Sayfa... 4 3. MukWeb Sayfaları...

Detaylı

POWER POINT SUNU PROGRAMI

POWER POINT SUNU PROGRAMI POWER POINT SUNU PROGRAMI Power Point bir Sunu (Slayt) programıdır. MS-Office uygulamasıdır ve Office CD sinden yüklenir. Programı çalıştırabilmek için; Başlat/Programlar/Microsoft Office/Microsoft Office

Detaylı

Data Structures Lab 1 2012-Güz

Data Structures Lab 1 2012-Güz Data Structures Lab 1 2012-Güz C# Ortamı Tanıtımı ve Uygulama Geliştirilmesi Visual Studio 2010 Ortamının Temini -NYG'ndan MSDN üyeliği için başvuru dilekçesi alınıp doldurulmalı ve yine NYG'ye teslim

Detaylı

2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI

2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI 2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI İşletim Sisteminde Yapılan Uygulamalar Bir Bilgisayarda Hangi İşletim Sistemi Yüklü Olduğunu

Detaylı

NPratik Yazılım Kurulum Kılavuzu. Yedekleme İşlemi

NPratik Yazılım Kurulum Kılavuzu. Yedekleme İşlemi NPratik Yazılım Kurulum Kılavuzu Herhangi bir neden ile bilgisayarınızı formatlamadan önce NPratik Yazılım Verilerinizi yedeklemeniz gerekmektedir. Programı ilk defa kuruyorsanız NPratik Yazılım Kurulum

Detaylı

Yeni bir proje açarken File New - Web Site diyoruz. Gelen ekranda Visual Basic veya C# seçilebilir. Biz ders kapsamında C# programlama dilini seçtik.

Yeni bir proje açarken File New - Web Site diyoruz. Gelen ekranda Visual Basic veya C# seçilebilir. Biz ders kapsamında C# programlama dilini seçtik. ASP.NET DERS 1 Yeni bir proje açarken File New - Web Site diyoruz. Gelen ekranda Visual Basic veya C# seçilebilir. Biz ders kapsamında C# programlama dilini seçtik. Gelen ekranda Visual C# seçildikten

Detaylı

MPLAB IDE ve ISIS ile ASSEMBLY DİLİNDE UYGULAMA GELİŞTİRMEK

MPLAB IDE ve ISIS ile ASSEMBLY DİLİNDE UYGULAMA GELİŞTİRMEK MPLAB IDE ve ISIS ile ASSEMBLY DİLİNDE UYGULAMA GELİŞTİRMEK 1.1 Programın Başlatılması 1.2 Yeni Proje Oluşturma 1.3 MCU Seçimi Yrd.Doç.Dr.Bülent Çobanoğlu 1.4 MCU Programlama Dil Seçimi 1.5 Proje İsmi

Detaylı

BM 102 Bilgisayar Programlama II. Windows Form Application

BM 102 Bilgisayar Programlama II. Windows Form Application BM 102 Bilgisayar Programlama II Windows Form Application Uygulama 1 İki TextBox girilien sayıların toplamı. Uygulama 1 Windows Form Uygulaması projesi açma Forma iki TextBox ile bir Label ekleme Forma

Detaylı

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,

Detaylı

Araçlar > İnternet Seçenekleri > İçerik > Sertifikalar adımları takip edilerek sertifikanın yükleneceği sayfa açılır.

Araçlar > İnternet Seçenekleri > İçerik > Sertifikalar adımları takip edilerek sertifikanın yükleneceği sayfa açılır. UYAP AVUKAT PORTAL KULLANIMI HAKKINDA BİLGİ NOTU 1-Sertifika Kurulumu: Avukatların UYAP Avukat Portalına (https://avukat.uyap.gov.tr)giriş yaparak vekaleti olan dosyaları ve bu dosyalarda kayıtlı belgeleri

Detaylı

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir.

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir. OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir. http://maltepe.meb.gov.tr/mebpanel adresine giriniz.

Detaylı

ecyber Kullanıcı Kılavuzu 1 / 1 1. ecyber hakkında... 1 2. Sistem gereksinimleri:... 2 Donanım:... 2 Yazılım:... 2 3. Kullanım Rehberi...

ecyber Kullanıcı Kılavuzu 1 / 1 1. ecyber hakkında... 1 2. Sistem gereksinimleri:... 2 Donanım:... 2 Yazılım:... 2 3. Kullanım Rehberi... ecyber Kullanıcı Kılavuzu 1 / 1 1. ecyber hakkında... 1 2. Sistem gereksinimleri:... 2 Donanım:... 2 Yazılım:... 2 3. Kullanım Rehberi... 3 İndirme... 3 Sunucu yazılım kurulumu... 3 Kurulum sayfası çıkacaktır...

Detaylı

MİCROSOFT WORD. Araç çubukları: menü çubuğundan yapabileceğimiz işlemleri daha kısa zamanda araç çubukları ile yapabiliriz.

MİCROSOFT WORD. Araç çubukları: menü çubuğundan yapabileceğimiz işlemleri daha kısa zamanda araç çubukları ile yapabiliriz. MİCROSOFT WORD Office programlarının içersinde genelde yazı yazmak amaçlı kullanılan bir programdır Microsoft Word. Aşıdaki şekilde çalışma sayfası görülür. Şimdi Word çalışma sayfasını inceleyelim. Microsoft

Detaylı

İçindekiler. Akıllı Tahta Uygulaması (ATU) Kullanma Kılavuzu. İçindekiler. Bölüm 1: Uygulama Hakkında Genel bilgi 2

İçindekiler. Akıllı Tahta Uygulaması (ATU) Kullanma Kılavuzu. İçindekiler. Bölüm 1: Uygulama Hakkında Genel bilgi 2 İçindekiler 1 İçindekiler Bölüm 1: Uygulama Hakkında Genel bilgi 2 Bölüm 2: Akıllı Tahta Uygulamasının Yüklenmesi Akıllı Tahta Uygulaması nı yükleme 3 Akıllı Tahta Uygulaması nı kaldırma 3 Akıllı Tahta

Detaylı

AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı

AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı Emre GÜLCAN IT Responsible & Web Admin AEGEE-Eskişehir emregulcan@gmail.com e_gulcan@hotmail.com 0535 729 55 20 1 1. YÖNETİM PANELİNE

Detaylı

BİLGİSAYAR PROGRAMLAMA

BİLGİSAYAR PROGRAMLAMA BİLGİSAYAR PROGRAMLAMA Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642 1 MİCROSOFT EXCEL Elektronik tablolama veya hesaplama programı olarak da adlandırılan Excel, girilen veriler üzerinde

Detaylı

BİLGİSAYAR DESTEKLİ TASARIM II

BİLGİSAYAR DESTEKLİ TASARIM II 0 BÖLÜM 1 ORCAD PROGRAMINA GİRİŞ: OR-CAD programını başlatmak için Başlat menüsünden programlara gelinir. Programların içerisinde ORCAD Release 9 ve bunun içerisinden de ORCAD Capture seçilir. Karşımıza

Detaylı

Kurulum ve Sistem Gereklilikleri 1

Kurulum ve Sistem Gereklilikleri 1 Kurulum ve Sistem Gereklilikleri 1 1 KURULUM VE SISTEM GEREKLILIKLERI...2 1.1 DONANIM VE YAZILIM GEREKLILIKLERI...2 1.2 KURULUM...3 1.3 LIFTDESIGNER 5 UYGULAMASINI İLK DEFA BAŞLATMA...6 1.4 DIGIPARA SUITE

Detaylı

13 Aralık 2007. Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL. Đlgili Modül/ler : Raporlar. Kullanıcı Tanımlı Raporlar Bölümünden Yapabildiklerimiz

13 Aralık 2007. Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL. Đlgili Modül/ler : Raporlar. Kullanıcı Tanımlı Raporlar Bölümünden Yapabildiklerimiz 13 Aralık 2007 Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL Đlgili Modül/ler : Raporlar KULLANICI TANIMLI RAPORLAR Kullanıcı Tanımlı Raporlar Bölümünden Yapabildiklerimiz Kendi isteklerinize özel rapor tasarımları

Detaylı

MEB E-Posta Hizmetleri ve Outlook Programı

MEB E-Posta Hizmetleri ve Outlook Programı MEB E-Posta Hizmetleri ve Outlook Programı İçindekiler Bakanlık E-Posta Hizmetleri ve Sistem Ara yüzü E-posta Hizmetlerinin Outlook Programına Bağlanması Outlook 2010 Kullanımına ilişkin temel bilgiler

Detaylı

NECMETTİN ERBAKAN ÜNİVERSİTESİ E-POSTA YARDIM BELGESİ

NECMETTİN ERBAKAN ÜNİVERSİTESİ E-POSTA YARDIM BELGESİ Zimbra Webmail GENEL ÖZELLİKLER Zimbra yüksek performanslı bir e-posta programı olup, e-posta, adres defteri, takvim, görev listeleri ve web dokümanları gibi özelliklere sahip bir uygulamadır. e-posta

Detaylı

Prezi kullanım hatırlatmaları

Prezi kullanım hatırlatmaları Prezi kullanım hatırlatmaları Prezi bize daha ilgi çekici sunumları hazırlama olanağı sunan çevrimiçi bir araç. edu uzantılı e-posta adresiyle alınan üyelikler daha kapsamlı özelliklere sahip. Hesabımızı

Detaylı

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com WEB TEKNOLOJİLERİ

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com WEB TEKNOLOJİLERİ WEB TEKNOLOJİLERİ VISUAL STUDIO DA YENİ BİR PROJE OLUŞTURMA Visual Studio (VS) programını çalıştırdığımızda karşımıza boş bir ekran gelir. Yeni bir proje oluştururken File>New>Project yolu kullanılarak

Detaylı

Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir.

Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir. 3. GİRİŞ SEKMESİ Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir. 3.1. Excel 2010 da Kesme, Kopyalama, Yapıştırma ve Biçim Boyacısı Giriş sekmesinin ilk grubu olan Pano

Detaylı

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU Üniversitemiz Webmail servisi yenilenmiş olup Roundcube webmail üzerinden servis vermeye başlamıştır. Daha önce kullanılan SquirrelMail servisi https://oldwebmail.cankaya.edu.tr/

Detaylı

EBA Dosya Uygulaması Kullanıcı Kılavuzu ( W eb)

EBA Dosya Uygulaması Kullanıcı Kılavuzu ( W eb) EBA Dosya Uygulaması Kullanıcı Kılavuzu ( W eb) İçindekiler EBA Dosya Nedir?... 1 Kimler kullanabilir?... 2 Uygulama Ne işe Yarar?... 2 Sisteme internet üzerinden giriş nasıl yapılır?... 2 Yeni bir klasör

Detaylı

MS POWERPOINT 2010. Şekil 111 Powerpoint 2010 Programını Başlatmak

MS POWERPOINT 2010. Şekil 111 Powerpoint 2010 Programını Başlatmak MS POWERPOINT 2010 1.Giriş: PowerPoint, Windows ortamında çalışan bir sunu paket programıdır. Metin, taslak, çizim ve grafikler kullanılarak sunular, slaytlar, broşürler, bildiriler, konuşmacı notları

Detaylı

DESTEK DOKÜMANI. Ürün : Tiger Enterprise/ Tiger Plus/ Go Plus/Go Bölüm : Kurulum İşlemleri

DESTEK DOKÜMANI. Ürün : Tiger Enterprise/ Tiger Plus/ Go Plus/Go Bölüm : Kurulum İşlemleri LOGO PROGRAM KURULUMU VE AYARLARI Logo programlarının yüklemesi için kullanılacak,setup dosyaları ftp://download.logo.com.tr/ adresinden indirilerek yapılır. Örneğin Kobi ürünleri için; ftp://download.logo.com.tr/windows/kobi/guncel/go_plus/klasöründen

Detaylı

HESAP MAKİNASI YAPIMI

HESAP MAKİNASI YAPIMI HESAP MAKİNASI YAPIMI 1..Aşağıdakine benzer görünüm ve butonları hazırlayın. 2. 24. Butonun içerisine aşağıdaki kodları yazın. 3. Yeni bir layer ekleyip Frame1 F9 na aşağıdaki kodları ekleyelim. 4. Butonlardan

Detaylı

Kişisel Web Sayfası Tasarım Sistemi

Kişisel Web Sayfası Tasarım Sistemi Kişisel Web Sayfası Tasarım Sistemi Kullanım Kılavuzu Faik Demirbaş Ankara 2010 2 Kişisel Web Sayfası Tasarım Sistemi İçindekiler Giriş... 3 Kişisel Web Sayfası Tasarım Sistemine Giriş... 3 Menü İşlemleri...

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVERDA NESNELERE DAVRANIŞ EKLEME Dreamweaver da fare hareket olaylı, animasyonlu görüntüler oluşturmak istenildiğinde hazır scriptler anlamına gelen Davranışlar(behaviors) kullanılmaktadır. Yukarıdaki

Detaylı

TÜRKİYE KAMU HASTANELERİ KURUMU WEB SİTESİ YÖNETİM REHBERİ

TÜRKİYE KAMU HASTANELERİ KURUMU WEB SİTESİ YÖNETİM REHBERİ TÜRKİYE KAMU HASTANELERİ KURUMU WEB SİTESİ YÖNETİM REHBERİ Bilindiği üzere Kurumumuzun Web Sitesi www.tkhk.gov.tr adresinden yayın yapmaktadır. Web Sitemiz; Alt Alan, Orta Alan, Manşet Haberleri ve Duyurular

Detaylı

CLIENT MAKİNELERE IBM SPSS Statistics 21 nin KURULMASI

CLIENT MAKİNELERE IBM SPSS Statistics 21 nin KURULMASI CLIENT MAKİNELERE IBM SPSS Statistics 21 nin KURULMASI License manager ile lisanslamanın tamamlandığına emin olunduktan sonra son kullanıcıların makinalarına IBM SPSS Statistics 21 client kurulumu yapılabilir.

Detaylı

HĠTĠT ÜNĠVERSĠTESĠ REKTÖRLÜĞÜ BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI

HĠTĠT ÜNĠVERSĠTESĠ REKTÖRLÜĞÜ BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI HĠTĠT ÜNĠVERSĠTESĠ REKTÖRLÜĞÜ BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI Üniversitemiz FTP sunucusuna bağlanma, Windows 8 ve Office 2013 (Ġngilizce) kurulum dosyalarının indirilmesi ve Windows 7 ve Office 2010 un Windows

Detaylı

VERİ TABANI UYGULAMALARI

VERİ TABANI UYGULAMALARI V. Ünite VERİ TABANI UYGULAMALARI A. BAŞLANGIÇ B. BİR VERİ TABANI YARATMA C. FORMLARIN KULLANIMI D. BİLGİYE ERİŞİM E. RAPORLAMA 127 A BAŞLANGIÇ Konuya Hazırlık 1. Veri tabanı programları hangi amaç için

Detaylı

İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU

İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU T.C. SÜLEYMAN DEMİREL ÜNİVERSİTESİ BİLGİ İŞLEM DAİRE BAŞKANLIĞI İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU Hazırlayanlar Mahmut ÖZDEMİR Sezgin SERPEN Büşra TUNCER Yönetim Paneli Kullanımı Sistemin yönetim

Detaylı

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME Büro Yönetimi Öğretmeni Fatma GEZ BİÇİMLENDİRME Yazmış olduğumuz metinleri farklı boyut, renk, yazı tipi vb. özelliklerde yazabilmek için biçimlendirme işlemi

Detaylı

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler...

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler... i İçindekiler Kullanıcı Giriş Ekranı... 1 Ana Sayfa... 2 1-Projeler... 3 1.1 Yeni Proje... 3 1.2 Proje Düzenle... 3 1.3 Proje Sil... 3 1.4 Listeyi Güncelle.... 3 2-Gruplar... 4 2.1.1 Grup Adı.... 5 2.1.2

Detaylı

KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU. Kaynak : www.veppa.

KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU. Kaynak : www.veppa. KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU Kaynak : www.veppa.com Hakkında EKTS (Elektrik Kumanda Teknikleri Simülatörü

Detaylı

MPLAB IDE v7.60 PROGRAMI KULLANIMI

MPLAB IDE v7.60 PROGRAMI KULLANIMI MPLAB IDE v7.60 PROGRAMI KULLANIMI MPLAB IDE programı mikroişlemciler için hazırlanmış bir derleyici programdır. Microchip firması tarafından hazırlanmıştır. (Resim 1) MPLAB programı assembly dilinde simulasyon,

Detaylı

1 Aralık 2011 / Perşembe

1 Aralık 2011 / Perşembe 1 Aralık 2011 / Perşembe Örnek :İki adet panel var.eğer 1nci panelde şifre Mustafa ise kendimiz bir session değişkeni oluşturup tamam yazdıracağız.değilse Şifre hatalı yazdıracağız. protectedvoid Page_Load(object

Detaylı

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu Boğaziçi Üniversitesi Bilgi İşlem Merkezi Web Yönetimi Birimi Drupal Kullanım Kılavuzu KONULAR 1. Kullanıcı Girişi Yapma 2. Ana Menüyü Düzenleme 3. Site Logosunu Düzenleme 4. Yeni Sayfa Ekleme / Düzenleme

Detaylı

1) Visual Studio da WebSiteemlakci adında yeni bir site oluşturuyoruz.

1) Visual Studio da WebSiteemlakci adında yeni bir site oluşturuyoruz. Ödev: Daha önce veritabanını oluşturduğumuz uygulamanın sitesini yapmak. Emlakçı sitesi. Kategoriler olacak. kategorilere satılık arsa, satılık konut, kiralık ev gibi bilgiler eklenecek. ve bu kategorilerin

Detaylı

Bo lu m 7: Hesap Tabloları

Bo lu m 7: Hesap Tabloları Bo lu m 7: Hesap Tabloları Konu 1: Dosya, Tablo ve Grafik Oluşturma Hazırlayan: S.Engin Koç Bu konu bittiğinde; Dosya oluşturma ve tabloya şekil verme Tabloya sütun, satır ekleme ve hücreleri biçimlendirme

Detaylı

FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin

FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin 2- Açılan sayfadan, oluşturulmak istenen sitenin içeriğine göre hazır şablon

Detaylı

AKINSOFT. Eofis NetworkAdmin. AKINSOFT EOfis NetworkAdmin Kurulumu Bilgi Notu. Doküman Versiyon : 1.01.01 Tarih : 10.01.2008. Copyright 2008 AKINSOFT

AKINSOFT. Eofis NetworkAdmin. AKINSOFT EOfis NetworkAdmin Kurulumu Bilgi Notu. Doküman Versiyon : 1.01.01 Tarih : 10.01.2008. Copyright 2008 AKINSOFT AKINSOFT EOfis NetworkAdmin Kurulumu Bilgi Notu Doküman Versiyon : 1.01.01 Tarih : 10.01.2008 1 - Çalışma Şekli Hakkında Kısa Bilgi modülü kısaca aşağıdaki işlemleri yapar. Bu özelliklerin çalışabilmesi

Detaylı

WEB FORM ELEMANLARI. Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu

WEB FORM ELEMANLARI. Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu WEB FORM ELEMANLARI Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu Giriş Web form kavramı ASP.NET ile gelen ve yeni olan bir terimdir. Web formlarının geliştirilmesindeki

Detaylı

ELEKTRONİK BELGE YÖNETİM SİSTEMİ KULLANICI GİRİŞ VE E-İMZA İŞLEMLERİ KLAVUZU

ELEKTRONİK BELGE YÖNETİM SİSTEMİ KULLANICI GİRİŞ VE E-İMZA İŞLEMLERİ KLAVUZU ELEKTRONİK BELGE YÖNETİM SİSTEMİ KULLANICI GİRİŞ VE E-İMZA İŞLEMLERİ KLAVUZU BİLGİ İŞLEM DAİRE BAŞKANLIĞI 2015 Elektronik Belge Yönetim Sistemi ile ilgili her türlü teknik destek için Bilgi İşlem Daire

Detaylı

LST 0036 - TIPON KURULUM KILAVUZU

LST 0036 - TIPON KURULUM KILAVUZU Sayfa : 1/17 LST 0036 - TIPON Sayfa : 2/17 İMZA SAYFASI HAZIRLAYAN/LAR İsim Unvan İmza Tarih Hunain Durrani Takım Lideri 16.07.2012 GÖZDEN GEÇİREN/LER İsim Unvan İmza Tarih Türkay Yoldar Kalite Mühendisi

Detaylı

Avrasya Üniversitesi. Tuncay AYDEMİR

Avrasya Üniversitesi. Tuncay AYDEMİR Avrasya Üniversitesi Moodle Sistemi Kullanım Klavuzu Hazırlayan Tuncay AYDEMİR Moodle Nedir? Moodle; Öğrenci eğitimci arasında internet ortamında paylaşımların yapılabilmesini sağlayan bir sistemdir. Eğitimci

Detaylı

Veri Tabanı Yönetim Sistemleri Bölüm - 02

Veri Tabanı Yönetim Sistemleri Bölüm - 02 Veri Tabanı Yönetim Sistemleri Bölüm - 02 İçerik Web sunucusunun yapılandırılması için gerekli yazılımların temini Yazılımlarının sunucuya yüklenmesi Ön test Uygulama yazılımlarının yapılandırılması Son

Detaylı

ACCESS DERS 2. 1. Tablolarda Düzenleme

ACCESS DERS 2. 1. Tablolarda Düzenleme ACCESS DERS 2 1. Tablolarda Düzenleme Geçen notlarda en durumda Musteri, iller ve ilçeler isminde 3 tane tablomuz olmuştu. Şimdi bu tablolar üzerinde düzenlemeler yapacağız. İlk düzenlemeyi tablo ve tablo

Detaylı

U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları. IPera İletişim Teknolojileri

U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları. IPera İletişim Teknolojileri U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları Başlarken İletişim yönetimi için gerekli tüm araçları sunan OfisTelefonu 07 programları Abakus 360, T-Panel ve T-CRM, bir kuruluştaki

Detaylı

AutoCAD 2011 Kurulumu

AutoCAD 2011 Kurulumu AutoCAD 2011 Kurulumu AutoCAD Installation Wizard Kurulum için AutoCAD 2011 DVD sini sürücüye yerleştirdiğinizde, DVD-ROM un içeriğinin okunduğunu belirten Setup Initialization penceresinden sonra, karşınıza

Detaylı

1. PROGRAM KURMA 1.1 LİNUX PROGRAMLARINI KURMA. 1.1.1 Yazılım Merkezi ile Program Kurma

1. PROGRAM KURMA 1.1 LİNUX PROGRAMLARINI KURMA. 1.1.1 Yazılım Merkezi ile Program Kurma 1. PROGRAM KURMA 1.1 LİNUX PROGRAMLARINI KURMA 1.1.1 Yazılım Merkezi ile Program Kurma Ubuntu işletim sisteminde en kolay program kurma yöntemidir. Birlikte Ubuntu Yazılım Merkezini tanımaya çalışalım.

Detaylı

Ecza Depolarına Ait E-Fatura Aktarım Modülü

Ecza Depolarına Ait E-Fatura Aktarım Modülü Bilge Elektronik Ltd. Şti. Eczanem Otomasyon Sistemi Ecza Depolarına Ait E-Fatura Aktarım Modülü 1 1. SELÇUK/AS/NEVZAT/DİLEK Ecza Depoları E-Fatura Aktarımı.. 3 2. HEDEF Ecza Deposu E-Fatura Aktarımı..

Detaylı

Resimlerin üstüne yazı yazacağız. resimyukle.aspx sayfası oluşturuyoruz. http://www.arifceylan.com/asp-net-c-ile-resim-uzerine-yazi-yazma-ve-gosterme/

Resimlerin üstüne yazı yazacağız. resimyukle.aspx sayfası oluşturuyoruz. http://www.arifceylan.com/asp-net-c-ile-resim-uzerine-yazi-yazma-ve-gosterme/ 23 Mart 2012 / Cuma Yeni bir site açıyoruz. Resimlerin üstüne yazı yazacağız. resimyukle.aspx sayfası oluşturuyoruz. http://www.arifceylan.com/asp-net-c-ile-resim-uzerine-yazi-yazma-ve-gosterme/ Namespace

Detaylı

Yedek Nasıl Alınır? "Veri Tabanı Yedekleme ve Geri Alma" butonunu tıklayınca aşağıdaki gibi bir ekran açılacaktır.

Yedek Nasıl Alınır? Veri Tabanı Yedekleme ve Geri Alma butonunu tıklayınca aşağıdaki gibi bir ekran açılacaktır. Yedek Nasıl Alınır? Yedek almak için bir çok yöntem uygulanabilir. Biz yazımızda iki farklı yöntemi anlatacağız. Bunlardan birincisi; programın içinden alınan yedektir ki bu yöntemde; diğer kullanıcıların

Detaylı

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Birinci Bölüm Microsoft FrontPage 2003 i Yeni Web Sitesi Oluşturmak 2 Dosyanın Kaydedilmesi

Detaylı

GOOGLE DRİVE KULLANARAK FORM OLUŞTURMA

GOOGLE DRİVE KULLANARAK FORM OLUŞTURMA GOOGLE DRİVE KULLANARAK FORM OLUŞTURMA Google Docs yani Google Dokümanlar hizmeti bir süre önce Google Drive adlı bulut depolama hizmetinin içerisine alındı ve çok daha gelişerek yoluna devam etti. Google

Detaylı

Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu

Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu Temmuz 2012 Turgut Özal Üniversitesi web sitesi yönetim paneline aşağıdaki link yardımıyla ulaşabiliriz. http://www.turgutozal.edu.tr/webmin/ Karşımıza

Detaylı

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman 7. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com Hazırlayan: İdris Kahraman Dreamweaver Dreamweaver en iyi web editör yazılımlarından biridir. Biz tasarım modunda çalışırken,dreamweaver

Detaylı

YEDEKLEME PROGRAMI KURULUM VE KULLANIMI

YEDEKLEME PROGRAMI KURULUM VE KULLANIMI YEDEKLEME PROGRAMI KURULUM VE KULLANIMI Kurulum 1..zip dosyasını açınız. 2. Açılan dosyanın içindeki Yedekleme klasörünü açınız. 3. Yedekleme.exe dosyasını açınız. 4. Üst pencerede ki ekran gözükecektir.

Detaylı

(PWS) gelmektedir. Ancak. Add/Remove Programs bölümünden yüklenen bir bileşen değildir. Windows 98 kurulum CD'sinden yükleyebilirsiniz.

(PWS) gelmektedir. Ancak. Add/Remove Programs bölümünden yüklenen bir bileşen değildir. Windows 98 kurulum CD'sinden yükleyebilirsiniz. Windows98 ile beraber "Personal Web-Server 4.0" (PWS) gelmektedir. Ancak Add/Remove Programs bölümünden yüklenen bir bileşen değildir. Windows 98 kurulum CD'sinden yükleyebilirsiniz. PWS ile bilgisayarınızı

Detaylı

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI Kelime İşlemci Nedir? Bilgisayarda yazıların(metinlerin) yazılmasını ve düzenlenebildiği, resimlerin ve tabloların eklenebildiği yazılımların(programların) genel adıdır.

Detaylı

Şekil 7.14: Makro Kaydet Penceresi

Şekil 7.14: Makro Kaydet Penceresi 7.2.4. Makrolar Kelime işlemci programında sık kullanılan bir görevi (çok kullanılan düzenleme ve biçimlendirme işlemlerini hızlandırma, birden çok komutu birleştirme, iletişim kutusu içinde daha kolay

Detaylı

SYTP ÜYELİK İŞLEMLERİ

SYTP ÜYELİK İŞLEMLERİ 1-)Kullanıcı,tarayıcının adres çubuğuna, bağlı bulunduğu ilin sytp linkini yazdığı zaman karşısına ilk olarak sağ taraftaki gibi bir ekran gelir. 2-)Sisteme üye olacak olan eczane kullanıcısı sağ taraftaki

Detaylı