JavaScript Örnekleri PDF

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "JavaScript Örnekleri PDF"

Transkript

1 5 JavaScript örneği ve bu örneklerin çalışan uygulamaları JavaScript Örnekleri PDF

2 İçindekiler Tablosu Javascript Text Kutusuna Sadece Sayı Girdirme... 2 PROGRAM KODU... 3 Javascript Text Kutusuna Sadece Sayı Girdirme(Olayın JavaScript Tarafında Yazılmış Hali)... 4 PROGRAM KODU... 5 İki Text Kutusuna Girilen Sayıların Toplamını Div İçinde Gösterme... 6 PROGRAM KODU... 7 Butona tıklandığında, tıklanan butondaki sayıları toplayan program... 8 PROGRAM KODU... 9 İki text kutusuna girilen şifreyi kontrol eden javascript örneği; PROGRAM KODU Text kutusuna girilen sayılara göre ekrandaki div nesnesini hareket ettirme; ÖRNEKLERİN UYGULAMA DOSYALARI... 12

3 Javascript Text Kutusuna Sadece Sayı Girdirme Aşağıdaki kodları verilmiş olan uygulamada text kutularına girilen değerlerin sadece sayı olmasına izin vermektedir. HTML kodu içindeki return dönüş ifadesi sayikontrol fonksiyonundan dönen değeri kontrol edecektir. event tuş basılması ile ilgili olayı takip eden özel bir anahtar ifadedir. <input type="text" id="sayi1" onkeypress="return sayikontrol(event)"> sayikontrol metodu event ile gönderilen değeri fonksiyonu içinde olay adı ile karşılamaktadır. Gerçekleşen olay içinde charcode özelliği basılan tuşun ASCII kodunu döndürmektedir. 0-9 arasındaki rakamların ASCII kodları arasındadır. sayikontrol metodu içinde de basılan karakter 47den büyük ve 58den küçük mü kontrolü yapılarak 0-9 arasında rakama basıp basmadığı tespit edilir. Basılan tuşun kodu bu aralıktaysa return true değerini döndürecek ve tuşu text kutusuna yazacaktır. Basılan tuş aralıkta değilse return false ifadesini döndürecek ve tuş text kutusuna yazılmayacaktır. function sayikontrol(olay){ if(olay.charcode>=48 && olay.charcode<57) { return true; else { return false;

4 PROGRAM KODU <!doctype html> <html> <head> <meta charset="utf-8"> </head> <title>yazilimbilisim.net</title> <style> #sayi1,#sayi2,#hesapla{ display: block; width: 300px; height: 30px; line-height: 30px; margin:5px; border:none; box-sizing: border-box; #sayi1,#sayi2{ background: #3498db; padding-left:20px; color:#fff; font-weight: bold; </style> <body> <input type="text" id="sayi1" onkeypress="return sayikontrol(event)"> <input type="text" id="sayi2" onkeypress="return sayikontrol(event)"> <input type="button" id="hesapla" value="hesapla" > <script> //Javascript Text Kutusuna Sadece Sayı Girdirme //basılan tuşların sayı olup olmadığını kontrol edecek javascript fonksiyonu function sayikontrol(olay){ if(olay.charcode>=48 && olay.charcode<57) { return true; else { return false; </script> </body> </html>

5 Javascript Text Kutusuna Sadece Sayı Girdirme(Olayın JavaScript Tarafında Yazılmış Hali) Aynı örneği html ve JavaScript kodlarının bir birinden tamamen ayrılmış örneği; Örneğin bu şekilde yazılmasındaki amaç HTML kodu ile Programlama kodunun bir birinden ayrışmasını sağlamak. Gelelim kodların nasıl çalıştığına; JavaScript tarafında etiketlere ulaşmak için etiketlerin id isimlerini kullanarak onları aşağıdaki kod ile onları bir değişkende tuttuk(sayi1,sayi2 değişkenleri) var sayi1=document.getelementbyid("sayi1"); var sayi2=document.getelementbyid("sayi2"); ilk örnekte onkeypress olaynı html içinde yazmıştık ve olaya bir fonksiyon tanımlamıştık. JavaScript tarafında ise olaylara fonksiyonları adını özellik olarak ekliyoruz. Fonksiyon tetiklendiğinde sayikontrol olayını çalıştıracak.( sayikontrol metodunun çalışması yukarıdaki örnekle aynı) sayi1.onkeypress=sayikontrol; sayi2.onkeypress=sayikontrol;

6 PROGRAM KODU <!doctype html> <html> <head> <meta charset="utf-8"> </head> <title>yazilimbilisim.net</title> <style> #sayi1,#sayi2,#hesapla{ display: block; width: 300px; height: 30px; line-height: 30px; box-sizing: border-box; margin:5px; border:none; #sayi1,#sayi2{ background: #3498db; padding-left:20px; color:#fff; font-weight: bold; </style> <body> <input type="text" id="sayi1" > <input type="text" id="sayi2" > <input type="button" id="hesapla" value="hesapla" > <script> //Javascript Text Kutusuna Sadece Sayı Girdirme var sayi1=document.getelementbyid("sayi1"); var sayi2=document.getelementbyid("sayi2"); sayi1.onkeypress=sayikontrol; sayi2.onkeypress=sayikontrol; //basılan tuşların sayı olup olmadığını kontrol edecek javascript fonksiyonu function sayikontrol(olay){ if(olay.charcode>=48 && olay.charcode<57) { return true; else { return false; </script> </body> </html>

7 İki Text Kutusuna Girilen Sayıların Toplamını Div İçinde Gösterme JavaScript tarafına nesneleri id isimleri ile almak için alağıdaki kodları yazdık. var sayi1=document.getelementbyid("sayi1"); var sayi2=document.getelementbyid("sayi2"); var sonuc=document.getelementbyid("sonuc"); button nesnesine tıkladığımızda topla adında fonksiyonun çalışması için gerekli kod; <input type="button" id="hesapla" value="hesapla" onclick="topla()" > Topla fonksiyonu içinde çalışan kod; innerhtml açılıp kapatılan etiketlerin içini doldurmak için kullanılır. Sonuc divinin içine işlem sonucunu yazmak için innerhtml özelliğini kullandık. İnput etiketlerinin içindeki değerleri okumak içinse value değerleri kullanılmaktadır. Sayi1.value dediğimizde sayi1 içine yazılanlar anlamına gelmektedir. Burada Numberın kullanılmasının sebebi ise input nesnelerindeki tüm string türünde olmasıdır. String turunde toplama olmayacağı için Number türüne çevirip toplam yaptık. sonuc.innerhtml=number(sayi1.value)+number(sayi2.value);

8 PROGRAM KODU <!doctype html> <html> <head> <meta charset="utf-8"> </head> <title>yazilimbilisim.net</title> <style> #sayi1,#sayi2,#hesapla{ display: block; width: 300px; height: 30px; line-height: 30px; box-sizing: border-box; margin:5px; border:none; #sayi1,#sayi2{ background: #3498db; padding-left:20px; color:#fff; font-weight: bold; #sonuc{ width: 300px; height: 30px; line-height: 30px; font-size: 2em; </style> <body> <input type="text" id="sayi1" > <input type="text" id="sayi2" > <input type="button" id="hesapla" value="hesapla" onclick="topla()" > <div id="sonuc"> </div> <script> var sayi1=document.getelementbyid("sayi1"); var sayi2=document.getelementbyid("sayi2"); var sonuc=document.getelementbyid("sonuc"); function topla(){ sonuc.innerhtml=number(sayi1.value)+number(sayi2.value); </script> </body> </html>

9 Butona tıklandığında, tıklanan butondaki sayıları toplayan program Nesneleri id isimleri ile javascript tarafında elde etmek için aşağıdaki kodlar yazdık. var b1=document.getelementbyid("t1"); var b2=document.getelementbyid("t5"); var b3=document.getelementbyid("t10"); var b4=document.getelementbyid("t50"); var sonuc=document.getelementbyid("sonuc"); her butonun click olayını topla fonksiyonunu ekledik. Buton nesnelerine tıkladığında topla fonksiyonu tetiklenecek ve topla fonksiyonu çalışacaktır. b1.onclick=topla; b2.onclick=topla; b3.onclick=topla; b4.onclick=topla; Aşağıdaki kodda innerhtml div etiketinin içinde değer yazmak için kullanılmaktadır. Basılan butonu tespit etmek için this anahtarı kullanılmıştır. Basılan butonun içindeki değeri okumak için this.value ifade kullanılmıştır. innerhtml ve value olan değerler metinsel ifadelerdir Number ile bu ifadeleri sayısal değere çevirip toplama işlemini gerçekleştirip innerhtml özelliği ile div içine tekrar yazdırdık. sonuc.innerhtml=number(sonuc.innerhtml)+number(this.value);

10 PROGRAM KODU <!doctype html> <html> <head> <meta charset="utf-8"> <title>js01</title> </head> <style> input[type="button"]{ width:50px; height: 50px; line-height: 50px; #butonlar{ text-align: center; #sonuc{ background: #12123a; color:#efefaa; font-size:2em; padding:10px; margin:10px; text-align: center; </style> <body> <div id="butonlar"> <input type="button" id="t1" value="1"> <input type="button" id="t5" value="5"> <input type="button" id="t10" value="10"> <input type="button" id="t50" value="50"> </div> <div id="sonuc">0</div> <script> var b1=document.getelementbyid("t1"); var b2=document.getelementbyid("t5"); var b3=document.getelementbyid("t10"); var b4=document.getelementbyid("t50"); var sonuc=document.getelementbyid("sonuc"); b1.onclick=topla; b2.onclick=topla; b3.onclick=topla; b4.onclick=topla; function topla(){ sonuc.innerhtml=number(sonuc.innerhtml)+number(this.value); </script> </body> </html>

11 İki text kutusuna girilen şifreyi kontrol eden javascript örneği; PROGRAM KODU <!doctype html> <html> <head> <meta charset="utf-8"> <title>js01</title> </head> <style> </style> <body> <table> <tr> <td>şifre:</td><td><input type="password" id="t1"></td> </tr> <tr> <td> Şifre Tekrar: </td><td> <input type="password" id="t2"> </td> </tr> <tr> <td colspan="2"> <input type="button" id="kontrol" value="şifre KONTROL"> </td> </tr> </table> <div id="sonuc"></div> <script> var t1=document.getelementbyid("t1"); var t2=document.getelementbyid("t2"); var sonuc=document.getelementbyid("sonuc"); document.getelementbyid("kontrol").onclick=function(){ if(t1.value==t2.value) sonuc.innerhtml="doğru Giriş Yapabilirsiniz"; else sonuc.innerhtml="şifreler HATALI! Tekrar Kontrol edin"; </script> </body> </html>

12 Text kutusuna girilen sayılara göre ekrandaki div nesnesini hareket ettirme; <!doctype html> <html> <head> <meta charset="utf-8"> <title>js01</title> </head> <style> #kutu{ top:0px; left: 0px; width: 300px; height: 300px; position: absolute; background: #3498db; z-index: -1; </style> <body> <input type="text" id="x" value="0"> <input type="text" id="y" value="0"> <div id="kutu"></div> <script> var x=document.getelementbyid("x"); var y=document.getelementbyid("y"); y.onkeyup=function(){ kutu.style.top=y.value+"px"; kutu.style.left=y.value+"px"; x.onkeyup=function(){ kutu.style.top=y.value+"px"; kutu.style.left=x.value+"px"; </script> </body> </html>

13 ÖRNEKLERİN UYGULAMA DOSYALARI

JavaScript Örnekleri

JavaScript Örnekleri JavaScript Örnekleri www.ahmetcanserver.com İçindekiler JavaScript Dizi içindeki en büyük ve en küçük sayıyı bulma... 2 Sayısal Loto Örneği (Javascript)... 3 Javascript: Sayının Tek mi Çift mi Olduğunu

Detaylı

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ 11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ Bu bölümü bitirdiğinizde, Sekmeli menünün nasıl yapıldığını, Dikey menünün nasıl yapıldığını, Yatay menünün nasıl yapıldığını, Dikey açılır menünün nasıl yapıldığını,

Detaylı

PHP ile İnternet Programlama

PHP ile İnternet Programlama PHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 5. BÖLÜM: Oturum Yönetimi ve Güvenlik Sayfaya Yönlendirme PHP sayfamızdan

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

Detaylı

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1 BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 HTML 5 Yük. Müh. Köksal GÜNDOĞDU 2 HTML 5 Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda

Detaylı

WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI

WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI CSS BACKGROUND ÖZELLİKLERİ background-color Zeminin rengini belirler. #color Renk adı. transparent Zeminin saydam olmasını sağlar. background-image Zemine

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

Detaylı

Javascript. 1) Notepad++ aşağıdaki kodları yazıp deneme.html olarak kaydedelim. 2) Biraz önceki sayfa sadece html kodların içeriyordu.

Javascript. 1) Notepad++ aşağıdaki kodları yazıp deneme.html olarak kaydedelim. 2) Biraz önceki sayfa sadece html kodların içeriyordu. Javascript Html sayfalarının içine yazılarak, sayfayı daha etkileşimli hale getirir. click olayları, uyarı mesajları gibi hareketlerle sayfayı daha dinamik hale getirir. Javascript olmadan yazılan html

Detaylı

Yüzen Kutu (Float) ve Konumlandırma (Position) Özellikleri

Yüzen Kutu (Float) ve Konumlandırma (Position) Özellikleri Yüzen Kutu (Float) ve Konumlandırma (Position) Özellikleri 1. Yüzen kutu özellikleri FLOAT ve CLEAR, CSS ile web sitesi kodlamanın en önemli özelliklerinden iki tanesidir. Float, bir elemanı Normal Akışın

Detaylı

Radio butonları CSS ile makyajlamak

Radio butonları CSS ile makyajlamak Radio butonları CSS ile makyajlamak 4 Ocak Cuma 13 (X)HTML, CSS ve JavaScript Dökümanları http://mfyz.com/radio-butonlari-css-ile-makyajlamak Bildiğiniz gibi bazı form elementlerine (radio butonlar, check

Detaylı

Google Map Api 3.0. Google Map Api 3.0. Daha önce basit bir google map V2 için aşağıdakine benzer kodlar kullanıyorduk.

Google Map Api 3.0. Google Map Api 3.0. Daha önce basit bir google map V2 için aşağıdakine benzer kodlar kullanıyorduk. Google Map Api 3.0 Google Maps API 3 resmi API artık. Versiyon 2 API artık resmi olarak önerilmilyor.v2 ile yaptığınız uygulamalarınızı V3 için güncellemeniz gerekli. V3 'ün en büyük özelliği mobil cihazlara

Detaylı

JAVASCRİPT ÖRNEKLERİ

JAVASCRİPT ÖRNEKLERİ JAVASCRİPT ÖRNEKLERİ WWW.YAZILIMBILISIM.NET İçindekiler Sayının tek mi çift mi olduğunu bulma(fonksyion Kullanmadan)... 2 Sayının tek mi çift mi olduğunu bulma(fonksyionlu)... 3 Text kutusuna girilen sayının

Detaylı

ASP.NET Web Kontrolleri

ASP.NET Web Kontrolleri ASP.NET Web Kontrolleri ASP.NET web sayfalarında kullanılmak üzere çeşitli işlevleri yerine getiren hazır kontroller sunar. Bu kontroller çeşitli özelliklere ve işlevlere sahip olmakla beraber uygulamalarda

Detaylı

DIV KAVRAMI <style> position: absolute

DIV KAVRAMI <style> position: absolute DIV KAVRAMI Div tag i katman oluşturmak için kullanılır. Div ler sayfanın komple bir satırını kaplarlar, bu yüzden tag i içerisinde şekillendirilip, boyutlandırılmaları gerekir. Aşağıdaki şekilde

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2015 2016 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 23 May. 2016 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları yardımıyla

Detaylı

Bu gün dersimizde değişik web kontrollerinin kullanımını gösteren birkaç web sitesi hazırlayacağız. Önce Visual Studio 2005 i açalım.

Bu gün dersimizde değişik web kontrollerinin kullanımını gösteren birkaç web sitesi hazırlayacağız. Önce Visual Studio 2005 i açalım. Bu gün dersimizde değişik web kontrollerinin kullanımını gösteren birkaç web sitesi hazırlayacağız. Önce Visual Studio 2005 i açalım. VS2005 den yeni bir web sitesi oluşturmasını isteyelim. Yeni bir ASP.NET

Detaylı

PHP ile İnternet Programlama

PHP ile İnternet Programlama PHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 3. BÖLÜM: Formlarla Çalışmak HTML Formlarının Temelleri Dinamik etkileşim

Detaylı

8- Sistem tarihinden gün değerini alarak çift veya tek sayı olup. 9-1 - 10 arasındaki sayılardan tek olanları yeşil çift olanları kırmızı

8- Sistem tarihinden gün değerini alarak çift veya tek sayı olup. 9-1 - 10 arasındaki sayılardan tek olanları yeşil çift olanları kırmızı JAVASCRİPT SORULARI 1- Javascript For Döngüsü ile 1 den 100 e kadar olan sayıların toplamını bulan programı yazın? 2-1 den 1000 e kadar olan sayılardan 10 a ve 9 a tam bölünenlerin toplamını bulan programı

Detaylı

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek STİLLER CSS NEDİR? CSS (Cascading Style Sheet) Stiller, HTML elemanlarının nasıl gösterileceğini tanımlar. Stiller HTML de karşılaşılan bazı problemleri çözmek için HTML 4.0 a eklenmiştir. HTML, web

Detaylı

Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz

Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz 16 Mart 2012 / Cuma Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz Gridview içerisindeki verileri Excel dosyasına dönüştürmek

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

Detaylı

MASTER PAGE SAYFASI KULLANIMI

MASTER PAGE SAYFASI KULLANIMI MASTER PAGE SAYFASI KULLANIMI Hazırladığımız Web sayfalarında sayfanın belli bölgelerinin sürekli sabit kalmasını istiyorsak ve bazı kısımlarının değişmesini istiyorsak Master Page Sayfası kullanırız.

Detaylı

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML Nedir? İşaretleme dili (HyperText Markup Language) Web sayfalarında gösterim işini sağlamak için kullanılan bir işaretleme dilidir. İşaretleme dili, metinlerin

Detaylı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı İNTERNET PROGRAMCILIĞI 2 14. HAFTA İçindekiler PHP ile FORM İŞLEMLERİ Form Elemanları Kullanımı GET ve POST Metodu Hedefler Php komutları kullanarak form elemanlarını etkileşimli hale getirebilir Hazırlayan

Detaylı

İNTERNET PROGRAMCILIĞI

İNTERNET PROGRAMCILIĞI İNTERNET PROGRAMCILIĞI Konular Vize Hazırlık 1 İnternet Programcılığı 1. TEMEL HTML ETİKETLERİ 1.1. HTML etiketi HTML etiketi, tarayıcınıza, dosyanın HTML kodu ile yüklenmiş bilgi içerdiğini bildirir.

Detaylı

CSS(CASCADING STYLE SHEETS)

CSS(CASCADING STYLE SHEETS) CSS(CASCADING STYLE SHEETS) CSS NEDİR NE İŞE YARAR? Sıralı Sitil Şablonları olarak bilinen CSS Web sayfalarının biçimsel özelliklerini düzenlediğimiz ve yönettiğimiz kodlar bütünüdür. CSS kodları ile sayfamızdaki

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4 Sayfalara Resim Eklemek 2 Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri 2. Hafta Html Temel Etiketleri

Detaylı

JAVASCRIPT JAVASCRIPT DİLİ

JAVASCRIPT JAVASCRIPT DİLİ JAVASCRIPT JAVASCRIPT DİLİ Netscape Navigator 2.0 ile birlikte geliştirilen JavaScript dili istemci taraflı (client-side) script dilidir. Web sayfalarında dinamik içerik sağlamak ya da kullanıcıyla iletişim

Detaylı

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 25.09.2017 METİN VE GÖRÜNÜM DÜZENLEME ETİKETLERİ : etiketleri dökümana başlık eklemek için kullanılır. etiketinde ki x ifadesi 1 den 6 ya kadar

Detaylı

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1 Web Formlar ve Sayfalar Arasında Bilgi Gönderme BATML İnternet Programcılığı 1 Bazı web sitelerinde sayfalar arasında bilgi veya değişken göndermek gerekebilir. Gönderilen bu bilgi kullanıcı adı ve şifre

Detaylı

Web Programlama Kursu

Web Programlama Kursu Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler

Detaylı

Cssin Html İçerisinde Kullanım Şekilleri, Puseduo Class Örnekleri

Cssin Html İçerisinde Kullanım Şekilleri, Puseduo Class Örnekleri Puseduo Class Örnekleri Cssin html içerisinde kullanım şekilleri, puseduo class örnekleri CSS Stillerini HTML içerisine bağlama Css yapacağımız stilleri Html içerisinde 3 farklı şekilde bağlayabiliriz.

Detaylı

9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler Request Nesnesinin Özellikleri

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ı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 10 10- TABLOLAR(TABLE) Metinleri listelerin yanısıra tablolar yardımıyla da düzenleyebiliriz. Sörf yaparken rastladığınız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir

Detaylı

HTML & CSS. Öğr.Gör. M.Ersin AKAY

HTML & CSS. Öğr.Gör. M.Ersin AKAY HTML & CSS Öğr.Gör. M.Ersin AKAY Neler Öğreneceğiz? HTML işaretleme dili CSS stil şablonları HTML Hyper Text Markup Language HTML de Neler Öğreneceğiz? Html işaretleme dili temel yapısı ve kavramları Html

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ı

İNTERNET TABANLI PROGRAMLAMA- 10.ders GRIDVIEW İÇERİSİNDE YENİ KAYIT EKLEME, FOTOGRAF LİSTELEME, SIRALAMA YAPMA VE DROPDOWN EKLEME

İNTERNET TABANLI PROGRAMLAMA- 10.ders GRIDVIEW İÇERİSİNDE YENİ KAYIT EKLEME, FOTOGRAF LİSTELEME, SIRALAMA YAPMA VE DROPDOWN EKLEME İNTERNET TABANLI PROGRAMLAMA- 10.ders GRIDVIEW İÇERİSİNDE YENİ KAYIT EKLEME, FOTOGRAF LİSTELEME, SIRALAMA YAPMA VE DROPDOWN EKLEME Default.aspx

Detaylı

Arayüz Geliştirme Dokümantasyonu

Arayüz Geliştirme Dokümantasyonu Arayüz Geliştirme Dokümantasyonu Proje: İş: Müşteri: Nosab Web Sitesi Arayüz Geliştirme Aeronorm Index 1. Sayfalar 2. Renk Paleti 3. Tipografi 4. Kutu Modeli 5. Bileşenler 6. Kod ve Sayfa Yapısı 7. Responsive

Detaylı

SINIF İÇİ UYGULAMA KODLARI

SINIF İÇİ UYGULAMA KODLARI SINIF İÇİ UYGULAMA KODLARI ARABA HAREKET ETTİRME using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text;

Detaylı

2-Hafta Temel İşlemler

2-Hafta Temel İşlemler 2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar * Htm Sayfasının Oluşturulması * Temel Html Komutları * Html Sayfalarının Düzenlenmesi * Html Sayfalarının İncelenmesi Html Komutlarının

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ı

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz.

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Mahmut BORA KARAKUŞ İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Peki internet nasıl çalışıyor ve internet

Detaylı

WEB TASARIMINDA HTML DİLİ

WEB TASARIMINDA HTML DİLİ WEB TASARIMINDA HTML DİLİ Html dili web sayfası oluşturmak için kullanılır. Bir html sayfası oluşturmak için oluşturulmak istenen klasörde mause sağ tıklanır ve yeni seçeneğinin altında metin belgesi seçeneği

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 11-14 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları

Detaylı

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1 Öğr. Gör. Serkan AKSU http://www.serkanaksu.net http://www.serkanaksu.net/ 1 JavaScript JavaScript Nedir? Nestcape firması tarafından C dilinden esinlenerek yazılmış, Netscape Navigator 2.0 ile birlikte

Detaylı

Çocuklar İçin Web Tasarımı çocuklara yönelik Programlama ve Üç Boyutlu Modelleme Çocuklar İçin Web Tasarımı kopyala yapıştır yöntemini kullanmadan

Çocuklar İçin Web Tasarımı çocuklara yönelik Programlama ve Üç Boyutlu Modelleme Çocuklar İçin Web Tasarımı kopyala yapıştır yöntemini kullanmadan GİRİŞ Doç.Dr. Selçuk ÖZDEMİR in Çocuklar İçin Web Tasarımı kitabını bir kitapçıda görünce merak ettim. Daha sonra kendisinin yine çocuklara yönelik Programlama ve Üç Boyutlu Modelleme kitaplarını fark

Detaylı

BTP208 İnternet Programcılığı II HTML5 ve Getirdiği Yenilikler (2. Kısım)

BTP208 İnternet Programcılığı II HTML5 ve Getirdiği Yenilikler (2. Kısım) BTP208 İnternet Programcılığı II HTML5 ve Getirdiği Yenilikler (2. Kısım) Hazırlayan Öğr. Gör. Özgür ÖZŞEN HTML5 Yeni Form Elementleri HTML5 işlevi fazla olan ve daha fazla form elemanı sunmaktadır Tarayıcı

Detaylı

E-Posta Takibi. 1. Kod e-posta okundugu anda calismali. 2. Kod gizli olmali. 3. Kodun calistigi e-postayi okuyan kullanici tarafindan farkedilmemeli.

E-Posta Takibi. 1. Kod e-posta okundugu anda calismali. 2. Kod gizli olmali. 3. Kodun calistigi e-postayi okuyan kullanici tarafindan farkedilmemeli. E-Posta Takibi 1. Gonderilecek e-posta bir kod icerecek. 2. Bu kod calisinca bir yere tetikleme yapacak. 3. Tetikleme yaptigi yerdeki programcik gerekli veriyi alip hemen log'a isleyecek. 1. Gonderdiginiz

Detaylı

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler QUERYSTRING KOLEKSIYONU... 3 FORM

Detaylı

HTML 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228

HTML 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228 HTML 6. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com (Son Güncelleme: 19.04.2015) Dersin Course Page: www.ismailkaras.com/228 Yığılmalı Stil Kağıtları / CSS-Cascading Style Sheets

Detaylı

YZM 3215 İleri Web Programlama

YZM 3215 İleri Web Programlama YZM 3215 İleri Web 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 - 3 jquery II. Bölüm Bu bölümde; Jquery II. Bölüm

Detaylı

HTML5, CSS3 ve JavaScrıpt

HTML5, CSS3 ve JavaScrıpt HTML5, CSS3 ve JavaScrıpt ile Web Tasarımı Burak Tokak İçindekiler Bölüm 1: Web Geliştiriciliğine Giriş 1 Kavramlar 2 Web Teknolojileri 2 Client-Side Web Teknolojileri 2 Server-Side Web Teknolojileri 4

Detaylı

Görsel Programlama (Visual Programming) 2.Hafta

Görsel Programlama (Visual Programming) 2.Hafta Muhammer İLKUÇAR, MAKÜ-2015 BURDUR Görsel Programlama (Visual Programming) 2.Hafta 2014-2015 Bahar Dönemi CLASS YAPISI 1 Muhammer İLKUÇAR, MAKÜ-2011 BURDUR Class - Obje Nesne (Nesne tabanlı programlama)

Detaylı

Zaman Değişkeni Tanımlama ve Yürürlükteki Zaman Değerini İfade Etme

Zaman Değişkeni Tanımlama ve Yürürlükteki Zaman Değerini İfade Etme Tarih-saat İşlemleri Bu sayfada zaman yöntem kodları üzerinde duracağız. Bu kodlar zaman birimlerini ifade etmekte, nesneleri zamana göre sıralamakta ve sorgulamakta kullanılır Zaman Değişkeni Tanımlama

Detaylı

Basit bir web uygulaması

Basit bir web uygulaması AJAX Ahmet Demirelli ahmetdemirelli@sabanciuniv.edu SCJP 5.0, SCWCD 1.4 Sabancı Üniversitesi Bilişim Teknolojileri Yüksek Lisans Programı 3/20/2007 Sabanci University 1 Ajanda Neden AJAX ihtiyacı AJAX

Detaylı

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

WEB FORMLARI. Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu WEB FORMLARI Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu WEB FORMLARI Web uygulamalarının etkileşimli olabilmesi için, diğer bir ifade ile uygulamanın kullanıcı isteğine

Detaylı

SAYFALAR ARASI LİNK VERME VE BİLGİ TAŞIMA YÖNTEMLERİ

SAYFALAR ARASI LİNK VERME VE BİLGİ TAŞIMA YÖNTEMLERİ İNTERNET TABANLI PROGRAMLAMA- 6.ders SAYFALAR ARASI LİNK VERME VE BİLGİ TAŞIMA YÖNTEMLERİ SAYFALAR ARASI LİNK VERME Html Etiketi kullanarak Link Verme Bu amaçla etiketleri kullanılır. Bu

Detaylı

İNTERNET TABANLI PROGRAMLAMA- 11.ders FORM UYGULAMASI (DROPDOWN BİLGİ YÜKLEME, VALIDATION KONTROLLERI, PAREMETRELİ KAYIT YAPMA)

İNTERNET TABANLI PROGRAMLAMA- 11.ders FORM UYGULAMASI (DROPDOWN BİLGİ YÜKLEME, VALIDATION KONTROLLERI, PAREMETRELİ KAYIT YAPMA) İNTERNET TABANLI PROGRAMLAMA- 11.ders FORM UYGULAMASI (DROPDOWN BİLGİ YÜKLEME, VALIDATION KONTROLLERI, PAREMETRELİ KAYIT YAPMA)

Detaylı

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 Web Tabanlı Teknolojiler ve Uygulamaları (3,0) 3 Temel kavramlar. İnternet. İstemci/sunucu teknolojisi. Internet içerik sunucuları. HTML, Perl, CGI, JavaScript,

Detaylı

C Programlama Dilininin Basit Yapıları

C Programlama Dilininin Basit Yapıları Bölüm 2 C Programlama Dilininin Basit Yapıları İçindekiler 2.1 Sabitler ve Değişkenler......................... 13 2.2 Açıklamalar (Expresions)........................ 14 2.3 İfadeler (Statements) ve İfade

Detaylı

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) CSS, bir HTML elemanının nasıl görüneceğini belirleyen kurallar tanımlamamızı sağlayar. Örneğin: Sayfanın arka planının

Detaylı

Uzaktan Eğitim Uygulama ve Araştırma Merkezi

Uzaktan Eğitim Uygulama ve Araştırma Merkezi JAVA PROGRAMLAMA Öğr. Gör. Utku SOBUTAY İÇERİK 2 Java da Fonksiyon Tanımlamak Java da Döngüler Java da Şart İfadeleri Uygulamalar Java da Fonksiyon Tanımlamak JAVA DA FONKSİYON TANIMLAMAK 4 Fonksiyonlar;

Detaylı

JavaScript & DOM XML & JSON

JavaScript & DOM XML & JSON JavaScript & DOM XML & JSON Ele alınacak başlıklar JavaScript Dili DOM (Document Object Model) JavaScript ve OO Programlama XML ve JSON JavaScript Kısım 1 Gelişim JavaScript, 1995 yılında Netscape tarafından

Detaylı

TAPU VE KADASTRO BİLGİ SİSTEMİ

TAPU VE KADASTRO BİLGİ SİSTEMİ TAPU VE KADASTRO BİLGİ SİSTEMİ MEKÂNSAL GAYRİMENKUL SİSTEMİ (MEGSİS) HARİTA SERVİSLERİ DOKÜMANI Sürüm: 0.1 Revizyon Bilgileri Revizyon No: Revizyon Tarihi Revizyonu Yapan Revizyon Nedeni 0.1 17.04.2013

Detaylı

İNTERNET PROGRAMCILIĞI DERSİ ÇALIŞMA SORULARI

İNTERNET PROGRAMCILIĞI DERSİ ÇALIŞMA SORULARI İNTERNET PROGRAMCILIĞI DERSİ ÇALIŞMA SORULARI 1) Aşağıdaki seçeneklerin hangisinde PHP kod yazımı doğru olarak verilmiştir? A) B) C).. D) 2) PHP ile hazırlanmış

Detaylı

Görsel Programlama (Visual Programming) 2.Hafta

Görsel Programlama (Visual Programming) 2.Hafta Görsel Programlama (Visual Programming) 2.Hafta 2016-2017 Bahar Dönemi Class Yapısı ve Form 1Muhammer İLKUÇAR, MAKÜ-2015 BURDUR Class - Obje Nesne (Nesne tabanlı programlama) İnsan ırkının ortak özelliklerini

Detaylı

HTML Etiketleri Genel Özellikler (Global Attributes)

HTML Etiketleri Genel Özellikler (Global Attributes) HTML Yorum Eklemek HTML kodunun içine tarayıcı tarafından gösterilmeyecek yorumlar şu şekilde eklenir. Hatırlatıcı notlar eklemek için de kullanılabilir. HTML Etiketleri Genel

Detaylı

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR.

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HTML - TABLO Genel Bilgi Tablolar, sayfaları satırlara/sütunlara bölmek

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ı

WEB TASARIM I. Öğr. Gör. M. Mutlu YAPICI. Ankara Üniversitesi Elmadağ Meslek Yüksekokulu

WEB TASARIM I. Öğr. Gör. M. Mutlu YAPICI. Ankara Üniversitesi Elmadağ Meslek Yüksekokulu WEB TASARIM I Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta PHP Tanımı ve Sunucu Kurulumları 2. Hafta PHP Yazım Notasyonu

Detaylı

10. STİL ŞABLONU (CSS) ÖZELLİKLERİ

10. STİL ŞABLONU (CSS) ÖZELLİKLERİ 10. STİL ŞABLONU (CSS) ÖZELLİKLERİ Bu bölümü bitirdiğinizde, Zemin özelliklerinin ne olduğunu ve nasıl kullanıldığını, Font özelliklerinin ne olduğunu ve nasıl kullanıldığını, Metin kutusu özelliklerinin

Detaylı

Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz.

Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. HTML Tablolar Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. Düzgün tanımlanmış tablolar birçok farklı etiketi içerdiği

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 12 12- FORMLAR HTML'in bir metin şekillendirme aracı olduğunu söylemiştik. Form'lar bu tanımın istisnasıdır, HTML kullanarak sayfanızı ziyaret edenlerle temas kurmanızı sağlarlar. Formlar yoluyla

Detaylı

İNTERNET TABANLI PROGRAMLAMA- 9.ders BİLGİLERİN GRIDVIEW İÇERİSİNDE EKLENMESİ, DÜZENLENMESİ VE SİLİNMESİ

İNTERNET TABANLI PROGRAMLAMA- 9.ders BİLGİLERİN GRIDVIEW İÇERİSİNDE EKLENMESİ, DÜZENLENMESİ VE SİLİNMESİ İNTERNET TABANLI PROGRAMLAMA- 9.ders BİLGİLERİN GRIDVIEW İÇERİSİNDE EKLENMESİ, DÜZENLENMESİ VE SİLİNMESİ ÖRNEK 1 default.aspx

Detaylı

C# Form Uygulamaları. Nesne Tabanlı Programlama I (C#) Ders Notu. S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY

C# Form Uygulamaları. Nesne Tabanlı Programlama I (C#) Ders Notu. S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY Nesne Tabanlı Programlama I (C#) Ders Notu S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY C# Form Uygulamaları C# da yeni bir uygulama açmak için File>New>Project seçilir. Daha sonra açılan pencerede

Detaylı

Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals

Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals The European Union s Making the Labour Market more Inclusive III programme For North Cyprus Upgrading Internet Technology skills of Information and Communication Technologies (ICT) Professionals Module

Detaylı

Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri

Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri Zemin Özellikleri Ögelere zemin (background) rengi vermek veya zemin resmi eklemek ile

Detaylı

HSancak Nesne Tabanlı Programlama I Ders Notları

HSancak Nesne Tabanlı Programlama I Ders Notları METOTLAR Nesneye yönelik programlama dillerinde genellikle fonksiyonlar metot olarak isimlendirilirler. Metot ve fonksiyon olarak ifade edilecek kavramlar aynı anlamda kullanılacaktır. Her çalışan C# programı

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ı

Renault Clio HP BVA Executive

Renault Clio HP BVA Executive İlan no: 272383 Renault Clio 1.6 110 HP BVA Executive Sahibinden 30.000 km'de BAYANDAN TEMİZ KULLANILMIŞ LPG'Lİ YAKIT CİMRİSİ 39.000 TL İlan tarihi: 10 Mart 2016 İlan detayları İlan detayları İl

Detaylı

JSON Korsanlığı. Mesut Timur, Şubat 2010, WGT E-Dergi 4. Sayı

JSON Korsanlığı. Mesut Timur, Şubat 2010, WGT E-Dergi 4. Sayı JSON Korsanlığı Mesut Timur, Şubat 2010, WGT E-Dergi 4. Sayı İnternetin gün geçtikçe hayatımızdaki önemi arttı ve web siteleri milyonlarca insan tarafından girilen yerler haline geldi. Artık çevremizden

Detaylı

INPUTBOX KULLANIMI. Komut Düğmesine uygulanan algoritma örneği

INPUTBOX KULLANIMI. Komut Düğmesine uygulanan algoritma örneği INPUTBOX KULLANIMI InputBox komutu, Basic programlama dilinde program algoritması içinde ekran aracışığı ile bir sorgu yönlendirerek, kullanıcının bilgi girmesini sağlamak amacıyla kullanılır. Bu komutun

Detaylı

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR ÖĞRENME FAALİYETİ 1 AMAÇ ÖĞRENME FAALİYETİ 1 Uygun ortam sağlandığında web sayfaları için formlar oluşturabileceksiniz. ARAŞTIRMA Web sayfalarında formların kullanım amaçlarını ve nasıl kullanıldığını

Detaylı

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Son Teslim Tarihi: 5 Mayıs 2014-09:00 (ÖRGÜN) - 19:00 (İKİNCİ) Ödevi Teslim Alacak Olan Asistan:

Detaylı

CSS Nedir. CSS Nedir?

CSS Nedir. CSS Nedir? CSS Nedir? Css in açılımı ile söze başlayalım. Cascading Style Sheets. Biz kısaca konularımız dahilinde Stil Şablon olarak bahsedeceğiz. Gelelim Stil Şablonun varoluş amacına. Sizinde bildiğiniz üzere

Detaylı

HSancak Nesne Tabanlı Programlama I Ders Notları

HSancak Nesne Tabanlı Programlama I Ders Notları Konsol Uygulaması Oluşturma Konsol uygulaması oluşturmak için program açıldıktan sonra Create: Project ya da New Project seçeneği tıklanabilir. New Project penceresini açmak için farklı yollar da vardır.

Detaylı

Web 2.0 Güvenliği @2014 Örnek Eğitim Notu bilgi@bga.com.tr

Web 2.0 Güvenliği @2014 Örnek Eğitim Notu bilgi@bga.com.tr Web 2.0 Güvenliği @2014 Örnek Eğitim Notu bilgi@bga.com.tr Javascript 1995 Netscape, Brendan Eich tarafından geliştirildi. Dinamik olmasının yanında en önemli iki özelliği; Lambda Closure Javascript -

Detaylı

4 Ocak 2012 / Çarşamba. Renk uyumunu seçmek için google colorschemedesigner http://colorschemedesigner.com/ RGB ye tıklayınca bir pencere çıkıyor

4 Ocak 2012 / Çarşamba. Renk uyumunu seçmek için google colorschemedesigner http://colorschemedesigner.com/ RGB ye tıklayınca bir pencere çıkıyor 4 Ocak 2012 / Çarşamba Renk uyumunu seçmek için google colorschemedesigner http://colorschemedesigner.com/ RGB ye tıklayınca bir pencere çıkıyor 1 O pencereye rengimizin kodunu girince ayarlar gözüküyor.örneğin

Detaylı

1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3

1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3 İÇİNDEKİLER VII İÇİNDEKİLER 1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3 2 BOOTSTRAP CSS DOSYASININ İNCELENMESİ 5 Bootstrap

Detaylı

CJ-CP1H-CP1L PLCLERĐNDE FONKSĐYON BLOĞU OLUŞTURMA

CJ-CP1H-CP1L PLCLERĐNDE FONKSĐYON BLOĞU OLUŞTURMA CJ-CP1H-CP1L PLCLERĐNDE FONKSĐYON BLOĞU OLUŞTURMA ĐÇĐNDEKĐLER Fonksiyon Bloğu Oluşturma Input ve Outputların Tanıtılması Programın Yazılması Programın Çalıştırılması Fonksiyon Bloğu Oluşturma Öncelikle

Detaylı

Facebook connect ile kullanıcı giriş çıkış

Facebook connect ile kullanıcı giriş çıkış Facebook connect ile kullanıcı giriş çıkış 12 Mayıs Salı 09 Diğer Dökümanlar http://mfyz.com/facebook-connect-ile-kullanici-giris-cikis Facebook Connect Nedir? Facebook, uzun süredir api'si dışında connect

Detaylı

Genel Kullanılış 1: [değişken ismi] = [değişken ismi] [işlem] [sayı veya string ifade veya değişken]

Genel Kullanılış 1: [değişken ismi] = [değişken ismi] [işlem] [sayı veya string ifade veya değişken] Sayaçlar Düzenli olarak artan (+) veya azalan (-) sayı veya string ifadeler elde etmek için kullanılırlar. Eşitliğin her iki tarafındaki değişken isminin aynı olmasına dikkat edin. Bu durum matematik olarak

Detaylı

İnternet Programcılığı Dersi 2.Dönem Ders Notu

İnternet Programcılığı Dersi 2.Dönem Ders Notu İnternet Programcılığı Dersi 2.Dönem Ders Notu DEĞİŞKEN TİPLERİ TAM SAYI (İNTEGER) VERİ TİPİ Negatif veya pozitif ondalık kısmı bulunmayan sayılardır. Örnek: $i=65; $x=345; ONDALIK(REAL)VERİ TİPİ Ondalıklı

Detaylı

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com HTML-2 Tablolar Tablolar sayfaları satırlara ve sütunlara bölmek yada metin veya grafiklerin sayfada istediğimiz yerde durmasını sağlamak için kullanabileceğimiz en önemli elemanlardır. Tablolar satır

Detaylı

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için HTML Ders 8 Kayan Çerçeveler Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için Web sayfasının bu kısmında kayan çerçeve

Detaylı

Dinamik Kodlama. [X] Fusion@6. [X] Yeni Fonksiyon

Dinamik Kodlama. [X] Fusion@6. [X] Yeni Fonksiyon Dinamik Kodlama Ürün Grubu Kategori Versiyon Önkoşulu [X] Fusion@6 [X] Yeni Fonksiyon @6 Uygulama @6 Serisi ürünlerde, kullanıcı arabirimlerinin her yerine eklenen dinamik kodlama özelliği ile, programın

Detaylı

1 JAVASCRIPT NEDİR? 1

1 JAVASCRIPT NEDİR? 1 İÇİNDEKİLER IX İÇİNDEKİLER 1 JAVASCRIPT NEDİR? 1 2 TEST ORTAMINI TANIMAK (FİREFOX VE FİREBUG) 5 Firefox 6 Firebug 8 CSS Sekmesi 10 DOM Sekmesi 11 Net ve Çerezler Sekmeleri 11 Script Sekmesi 11 Konsol Sekmesi

Detaylı