JAVASCRIPT İSTEMCİ TARAFLI WEB PROGRAMLAMA (CLIENT SIDE WEB PROGRAMMING)

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

Download "JAVASCRIPT İSTEMCİ TARAFLI WEB PROGRAMLAMA (CLIENT SIDE WEB PROGRAMMING)"

Transkript

1 JAVASCRIPT İSTEMCİ TARAFLI WEB PROGRAMLAMA (CLIENT SIDE WEB PROGRAMMING)

2 BİLİNMESİ GEREKENLER İNTERNET BİLGİSİ HTML TEMEL WEB TASARIMI BİLGİSİ

3 PASİF SAYFA NEDİR? STANDART HTML KOMUTLARI İLE OLUŞTURULANVE SUNUCUYA KOYULAN, HER ÇAĞIRILDIĞINDA AYNI ŞEKİLDE GELEN, HERHANGİ BİR PROGRAM KODU (SCRIPT) İÇERMEYEN WEB SAYFALARIDIR.

4 AKTİF SAYFA NEDİR? HTML KODLARININ ARTIK BAZI İŞLER İÇİN YETERSİZ GELDİĞİNİ FARK EDEN TASARIMCILAR, BU EKSİKLİĞİ HTML KODLARININ ARASINA KOD YAZARAK GİDERMEYE ÇALIŞMIŞLARDIR. AKTİF WEB SAYFALARI ZİYARETÇİDEN VERİ ALABİLİR, ONLARI İŞLEYEBİLİR VE SONUCU ZİYARETÇİYE GÖNDEREBİLİR.

5 AKTİF SAYFA NEDİR? ÖRNEĞİN BİR SİTEYE GİRDİĞİNİZDE SİZE TARİHİ YAZABİLİR, SAAT A KADAR SİZE GÜNAYDIN, SAAT A KADAR TÜNAYDIN VE SAAT DEN SONRA İYİ AKŞAMLAR YAZABİLİR. BU SAYFA AKTİFTİR VE DEĞİŞEN GÜNE/SAATE GÖRE FARKLI MESAJLAR VERMEKTEDİR.

6 SCRIPT (BETİK) NEDİR? ÖĞRENİLMESİ VE KULLANILMASI KOLAY OLSUN DİYE BASİTLEŞTİRİLMİŞ/ SADELEŞTİRİLMİŞ, PROGRAMLAMA DİLİDİR. ÖRNEĞİN VBSCRIPT,VB NİN SADELEŞTİRİLMİŞ BİR VERSİYONUDUR. BU VERSİYONDA, PROGRAM YAZMAYI ZORLAŞTIRAN BAZI KURALLAR KALDIRILMIŞTIR.

7 SCRIPTING NEDİR? SCRIPT YAZMA İŞLEMİDİR. İKİ TÜRLÜ SCRIPT YAZILABİLİR: CLIENT SIDE (İSTEMCİ TARAFLI) SERVER SIDE (SUNUCU TARAFLI)

8 İSTEMCİ TARAFLI SCRIPTING NEDİR? TARAYICI TARAFINDAN ÇALIŞTIRILMASI İÇİN YAZILAN KODLARDIR. ZİYARETÇİ ADRES ÇUBUĞUNA BİR WEB ADRESİ YAZIP ÇAĞIRDIĞINDA, TARAYICIYA, HTML İLE BİRLİKTE SCRIPT KODLARI DA GÖNDERİLİR. TARAYICI KODLARI ALIR VE ZİYARETİNİN BİLGİSAYARINDA ÇALIŞTIRIR.

9 İSTEMCİ TARAFLI SCRIPTING NEDİR? BU YÖNTEMLE, KODLAR ZİYARETÇİNİN BİLGİSAYARINDA ÇALIŞTIRILDIĞINDAN SUNUCUNUN YÜKÜ DE HAFİFLETİLMİŞ OLUR. DOLAYISIYLA KODLAR DAHA HIZLI ÇALIŞIR. AMA XP İLE BİRLİKTE ARTIK KODLAR TARAYICIDA UYARI VERDİĞİNDEN İSTEMCİ TARAFLI KOD YAZIMI PEK TERCİH EDİLMEMEKTEDİR.

10 İSTEMCİ TARAFLI SCRIPTING İSTEMCİ İndex.html <html><head> </head><body> <script> A=1; A=A+1; </script> </body></html> SUNUCU KODLAR HTML SAYFASININ İÇİNDEDİR VE İSTEMCİDE ÇALIŞIR

11 NEREDE KULLANILIR? GÜVENLİĞİN ÖNEMLİ OLMADIĞI, WEB SAYFALARINI GÖRSELLEŞTİRME VE ETKİNLEŞTİRNE İŞLEMLERİNDE KULLANILIR. SAYFA RENKLERİNİN DEĞİŞTİRİLMESİ, ANİMASYONLU FARELER V.B İŞLEMLER İÇİN İSTEMCİ TARAFLI SCRIPTING KULLANILIR.

12 DEZAVANTAJI NEDİR? HER TARAYICI HER SCRIPT DİLİNİ DESTEKLEMEYEBİLİR. ÖRNEĞİN FIREFOX VBSCRIPT İ DESTEKLEMEZ. DOLAYISIYLA, INTERNET EXPLORER DA SORUNSUZ ÇALIŞAN KODLAR NETSCAPE DE ÇALIŞMAZ. JAVASCRIPT HEMEN HEMEN TÜM TARAYICILAR TARAFINDAN DESTEKLENİR.

13 AVANTAJI NEDİR? KODLAR ZİYARETÇİNİN BİLGİSAYARINDA ÇALIŞTIRILDIĞI İÇİN SUNUCUNUN YÜKÜ HAFİFLETİLMİŞ OLUR.

14 SUNUCU TARAFLI SCRIPTING NEDİR? KODLAR SUNUCU ÜZERİNDE ÇALIŞIR VE SONUÇLAR BİR HTML BELGESİ OLARAK TARAYICIYA GÖNDERİLİR. BURADA ÖNEMLİ OLAN KONU; TARAYICINIZ NE OLURSA OLSUN SAYFANIZ VE KOD SONUÇLARI TAM OLARAK GÖRÜNECEKTİR. ÇÜNKÜ SUNUCUDA ÇALIŞAN KODUN SONUÇLARI TARAYICIYA HTML OLARAK GÖNDERİLİR.

15 SUNUCU TARAFLI SCRIPTING İSTEMCİ SUNUCU index.asp A=1 A=A+1 SONUÇ <html><head> </head><body> SONUÇ </body></html> KODLAR SUNUCUDA ÇALIŞIR VE SONUÇLAR HTML OLARAK GÖNDERİLİR

16 DEZAVANTAJI NEDİR? TÜM KODLAR SUNUCUDA ÇALIŞTIĞI İÇİN DONANIM OLARAK ÇOK İYİ BİR SUNUCU GEREKMEKTEDİR.

17 AVANTAJI NEDİR? HERHANGİ BİR SCRIPT DİLİNİ DESTEKLEYEN TARAYICI GEREKMEZ, SONUÇLAR TÜM TARAYICILARDA GÖRÜNÜR. KODLAR SUNUCUDA ÇALIŞTIĞI İÇİN ZİYARETÇİLERDEN KORUNMUŞ OLUR. YANİ KAYNAK KODLARINI HERKES GÖREMEZ.

18 HANGİ TARAF? WEB SAYFALARINI GÖRSELLEŞTİRME V.B. İŞLEMLER İÇİN İSTEMCİ TARAFLI SCRIPTING TERCİH EDİLEBİLİR. BU DURUMDA IE GÜVENLİK UYARISI VERİR. ZİYARETÇİLER BU UYARILARDAN TEDİRGİN OLDUĞU İÇİN ARTIK PEK TERCİH EDİLMİYOR. TİCARİ VE GİZLİLİĞİN ÖNEMLİ OLDUĞU İŞLER İÇİN SUNUCU TARAFLI SCRIPTING KULLANILIR.

19 HANGİ SCRIPT DİLİ? HEMEN HEMEN TÜM TARAYICILAR TARAFINDAN DESTEKLENDİĞİNDEN DOLAYI İSTEMCİ TARAFLI SCRIPTING İÇİN JAVASCRIPT KULLANILIR. SUNUCU TARAFLI İŞLEMLER İÇİN PHP VEYA ASP.NET KULLANILIR. DİKKAT! JAVASCRIPT KODLARI ZİYARETÇİ BİLGİSSAYARINDA, PHP/ASP.NET KODLARI SUNUCUDA ÇALIŞIR.

20 JAVA? / JAVASCRIPT? JAVA İLE JAVASCRIPT GENELDE KARIŞTIRILMAKTADIR. AMA FARKLI DİLLERDİR. JAVA, SUN FİRMASI TARAFINDAN YAZILMIŞ BİR PROGRAMLAMA DİLİDİR. SONUÇTA İŞLETİM SİSTEMLERİNDEN BAĞIMSIZ BİR PROGRAM ELDE EDERSİNİZ. YANİ EXE VEYA COM UZANTILI DOSYA OLUŞTURUR. JAVASCRIPT, NETSCAPE FİRMASI TARAFINDAN C/JAVA DİLİNDEN ESİNLENİLEREK YAZILMIŞTIR. YORUMLANMASI İÇİN BİR TARAYICIYA İHTİYAÇ DUYAR. BU YÜZDEN SCRIPT DİLİDİR. JAVASCRIPT, HTML DOSYASININ İÇİNE GÖMÜLÜDÜR. SONUÇTA ELİNİZDE EXE VEYA COM UZANTILI BİR DOSYA YOKTUR.

21 NEDEN SCRIPT ÖĞRENİYORUZ? HTML İLE SADECE DURAĞAN (STATİK) SAYFALAR YAPABİLİRSİNİZ. YANİ ZİYARETÇİYE SADECE BİR TAKIM BİLGİLER GÖSTEREBİLİRSİNİZ. OYSA SCRIPT KULLANARAK DİNAMİK, ZİYARETÇİ İLE ETKİLEŞİMLİ SAYFALAR HAZIRLAYABİLİRSİNİİZ. ÖRNEĞİN ZİYARETÇİDEN BOY/KİLO BİLGİSİNİ ALIP KİLO UYGUNLUĞUNU HESAPLAYABİLİR, SONUCA GÖRE KENDİSİNE KİLO KONUSUNDA TAVSİYEDE BULUNABİLİRSİNİZ.

22 JAVASCRIPT NASIL KULLANILIR? HTML KODLARININ ARASINA SCRIPT YAZMAK İÇİN <SCRIPT>...</SCRIPT> TAGI KULLANILIR. <SCRIPT TYPE= TEXT/JAVASCRIPT > </SCRIPT>

23 ÖRNEK <html> <head></head> <body> <script type= text/javascript"> alert ( Selam ); </script> </body> </html>

24 ESKİ TARAYICILARDA DURUM ESKİ TARAYICILAR (2.0 VE ÖNCESİ) SCRIPTLERİ ÇALIŞTIRMAZ VE HATA VERİRLER. BUNUN İÇİN SCRIPTLER AÇIKLAMA TAGININ İÇİNE YAZILIR (SAKLANIR). <script type= text/javascript"> <! KODLAR... --> </script>

25 <NOSCRIPT> TAKISI JAVASCRIPT DESTEKLEMEYEN BİR TARAYICIDA HERHANGİ BİR İLETİNİN GÖRÜNMESİNİ SAĞLAR. <script type= text/javascript"> <! KODLAR... --> </script> <noscript>tarayıcınız JavaScript kodlarını çalıştırmıyor! </noscript>

26 SCRIPT NEREYE YAZILMALI? BİR SCRIPT DÖRT FARKLI BÖLÜME YAZILABİLİR: HEAD BÖLÜMÜ BODY BÖLÜMÜ HARİCİ.JS DOSYASINA OLAY YÖNLENDİRİCİLERİNE

27 HEAD BÖLÜMÜNE NEDEN YAZILIR? HEAD BÖLÜMÜNE FONKSİYON VE ALT PROGRAMLAR (PROSEDÜRLER) YAZILIR. BU ŞEKİLDE WEB SAYFASI YÜKLENDİĞİNDE BU KODLAR KULLANIMA HAZIR HALE GELMİŞ OLUR VE BODY BÖLÜMÜNDEKİ KODLAR TARAFINDAN ÇAĞRILABİLİRLER.

28 FONKSİYONLAR & ALT PROGRAMLAR (PROSEDÜRLER) HEAD BÖLÜMÜNE YERLEŞTİRİLEN PROSEDÜRLER SAYFA YÜKLENDİĞİNDE ÇALIŞMAZ. HERHANGİ BİR KOD TARAFINDAN ÇAĞIRILDIĞINDA VEYA BİR OLAY İLE TETİKLENDİĞİNDE ÇALIŞIRLAR. <html> <head> <script type= text/javascript"> KOMUTLAR... </script> </head>

29 BODY BÖLÜMÜNE NEDEN YAZILIR? BODY BÖLÜMÜNE YAZILAN SCRIPTLER SAYFA YÜKLENDİĞİNDE OTOMATİK OLARAK ÇALIŞIRLAR. YANİ, BİR KODUN, SAYFA YÜKLENDİĞİNDE OTOMATİK OLARAK ÇALIŞMASINI İSTİYORSANIZ BODY BÖLÜMÜNE YAZMALISINIZ.

30 HARİCİ JAVASCRIPT DOSYALARI BAZI KODLAR.JS UZANTILI BİR METİN DOSYASINA KAYDEDİLİP SAYFA İÇERİSİNE ÇAĞRILABİLİR: <script type= text/javascript src= kodlar.js > </script> BÖYLECE YAZDIĞIMIZ BİR KODU DİĞER SAYFALARDA DA KULLANABİLİRİZ.

31 OLAY YÖNLENDİRİCİLERİ (EVENT HANDLERS) BİR OLAY GERÇEKLEŞTİĞİNDE BAZI KODLARIN ÇALIŞMASI SAĞLANIR. <input type= button value= Tıkla onclick= alert( Selam ) > YUKARIDAKİ KODLA, BUTONA TIKLADIĞIMIZDA Selam YAZAN BİR MESSAGEBOX ÇIKAR.

32 AÇIKLAMALAR // TEK SATIR AÇIKLAMA DOCUMENT.WRITE ( SELAM ) // AÇIKLAMA /* PARAGRAF */ /* 1. SATIR 2. SATIR 3.SATIR */

33 DEĞİŞKENLER DEĞİŞKENLER JAVASCRİPT'TE VE DİĞER PROGRAMLAMA DİLLERİNDE OLDUĞU GİBİ BİLGİ DEPOLAMAK VE BU BİLGİYİ KULLANMAK AMACIYLA KULLANILIRLAR. DEĞİŞKENLER "VAR" KOMUTU İLE OLUŞTURULURLAR. KARAKTER OLARAK KULLANILDIKLARINDA İŞLEM YAPILAMAZLAR. ANCAK NÜMERİK OLARAK KULLANILDIKLARINDA İŞLEM YAPABİLİRLER.

34 DEĞİŞKEN TANIMLAMA var sayi; var sayi1=10; var yazi1="10"; Var ad= alican ;

35 DEĞİŞKEN TANIMLAMA KURALLARI GENEL OLARAK C DİLİ DEĞİŞKEN TANIMLAMA KURALLARI GEÇERLİDİR DEĞİŞKEN İSİMLERİ HARF VEYA _ KARAKTERİ İLE BAŞLAYABİLİR. YANİ DEĞİŞKENİN İLK KARAKTERİ RAKAM OLAMAZ. JAVASCRIPT KOMUTLARI DEĞİŞKEN OLARAK KULLANILAMAZ. BÜYÜK/KÜÇÜK HARF DUYARLIDIR. DEĞİŞKEN İSİMLERİNDE BOŞLUK, NOKTA, VİRGÜL, #, - GİBİ ÖZEL İŞARETLER VE TÜRKÇE KARAKTERLER KULLANILMAZ.

36 VERİTİPLERİ NUMBER (SAYI) STRING (METİN) BOOLEAN (MANTIKSAL DEĞER) UNDEFINED (DEĞER ATANMAMIŞ) NULL (HİÇ, TANIMLANMAMIŞ DEĞER) NaN (GEÇERSİZ SAYI)

37 VERİTİPİ DÖNÜŞÜMÜ JAVASCRIPT TE VERİTİPİ, İÇERİSİNE ATANAN DEĞERE GÖRE OTOMATİK OLARAK DEĞİŞİR. var x= ali ; x=3; x=true; x=new array( a,1);

38 TYPEOF() FONKSİYONU FONKSİYONA PARAMETRE OLARAK VERİLEN DEĞERİN VERİTİPİNİ DÖNDÜRÜR. var ad= fahrettin, yas=38; document.write(typeof(ad)); document.write( <br> ); document.write(typeof(yas));

39 DEĞİŞKENLERİN KAPSAMA ALANI DEĞİŞKENLERİ GENEL VE YEREL OLARAK İKİYE AYIRABİLİRİZ: GENEL DEĞİŞKENLER SAYFADA <SCRIPT> TAGININ İÇİNDE TANIMLANIR VE SAYFANIN HER YERİNDE KULLANILABİLİR. BU TÜR DEĞİŞKENLER GENELDE HEAD BÖLÜMÜNDE TANIMLANIR. LOCAL DEĞİŞKENLER İSE FONKSİYON İÇİNDE TANIMLANIR VE SADECE FONKSİYON İÇİNDE KULLANILABİLİRLER.

40 DEĞİŞKENLERİN KAPSAMA ALANI var a=5, b=10;//fonksiyon dışında,genel function islem(),a= ali ; b= veli ; Var c= ahmet ; //fonksiyon içinde, yerel - islem(); document.write( a= +a+ b= +b+ c= +c);

41 DİKKAT! FORM ELEMANLARINA YAZILAN HER TÜRLÜ VERİ STRING KABUL EDİLİR. BUNLARI TAMSAYI VEYA ONDALIKLI SAYIYA DÖNÜŞTÜRMEK İÇİN AŞAĞIDAKİ FONKSİYONLAR KULLANILIR: parseint() //TAMSAYI parsefloat() //ONDALIKLI SAYI

42 STRING() & NUMBER() BU FONKSİYONLAR VERİLEN DEĞERİN TİPİNİ DÖNÜŞTÜRÜR. Var s1= 12 ; Var s2= abc23 ; Document.write(Number(s1)+1); //sonuç:13 Document.write(String(s1)+s2); //sonuç:12abc23

43 BİLGİ GİRİŞİ ZİYARETÇİDEN BİLGİ ALMA İKİ ŞEKİLDE OLABİLİR: JAVASCRİPT İN PROMPT() KOMUTUYLA DİĞERİ İSE FORM YOLUYLA

44 PROMPT() AÇILAN BİR MESAJ KUTUSU İLE VERİ ALINIR prompt ("Sorulan soru", Varsayılan değer"); ÖRNEĞİN: var yas=prompt ( Yaşınızı giriniz?");

45 ALERT() MESAJ KUTUSU İLE BİLGİLENDİRME YAPILMASINI SAĞLAR. Alert ( Web Sitemize Hoşgeldiniz! );

46 CONFIRM() TAMAM VE İPTAL DÜĞMESİ OLAN BİR MESAJ KUTUSU AÇAR. YES DÜĞMESİNE TIKLANDIYSA TRUE, İPTAL DÜĞMESİNE TIKLANDIYSA FALSE DÖNDÜRÜR.

47 SAYFAYA BİLGİ YAZDIRMA HTML SAYFASINA VERİ YAZDIRMAK İÇİN WRITE() KOMUTU KULLANILIR. document.write ("görüntülenmek istenenler", değişken_ismi );

48 UYGULAMA <script type= text/javascript > <! //Kodları eski tarayıcılardan gizliyoruz var sayi; sayi=prompt("sayı giriniz"); document.write (sayi); Alert ( Girdiğiniz sayı= +sayi); // Saklamayı bitir --> </script>

49 JAVASCRIPT İÇİNDE HTML EĞER JAVASCRIPT İÇİNDE HERHANGİ BİR HTML KOMUTU KULLANILACAKSA ÇİFT TIRNAK İÇİNE ALINIR. ÖRNEK: document.write ("Merhaba", "<br>", Nasılsınız? )

50 UYGULAMA <script type="text/javascript"> var sayi; sayi=prompt("sayı giriniz"); document.write ("GİRDİĞİNİZ SAYI AŞAĞIDA <BR>"+sayi); </script>

51 OPERATÖRLER C DE KULLANILAN +, -, =, /, ++, --, GİBİ OPERATÖRLER AYNEN JAVASCRIPT TE DE KULLANILIR. HEPSİ C DE ÖĞRENDİĞİMİZ GİBİ İHTİYAÇ HALİNDE C# DERS SLAYTLARINA BAKINIZ

52 KOŞULLAR VE DÖNGÜLER HEPSİ C DE ÖĞRENDİĞİMİZ GİBİ İHTİYAÇ HALİNDE C# DERS SLAYTLARINA BAKINIZ

53 FONKSİYONLAR Function (parametreler) { İşlemler; }

54 UYGULAMA PARAMETRESİZ FONKSİYON: <script type="text/javascript"> Function mesaj(),alert ( Merhaba );- </script> <input type= button value= Tıkla onclick= mesaj() >

55 UYGULAMA TEK PARAMETRELİ FONKSİYON: <head><script> function kare(x) { var sonuc; sonuc=x*x; return sonuc; } </script></head> <body> <script> var a=prompt("sayı1:"); document.write("sayının karesi="+kare(a)); </script> </body>

56 UYGULAMA İKİ PARAMETRELİ FONKSİYON: <head><script> function topla(x,y) { var sonuc; sonuc=x+y; return sonuc; } </script></head> <body><script> var a=prompt("sayı1:"); a=number(a); var b=prompt("sayı2:"); b=number(b); document.write("sonuç="+topla(a,b)); </script></body>

57 OLAY YÖNETİCİLERİ (EVENT HANDLERS) JAVASCRIPT, EVENT-DRIVEN, YANİ, OLAY GÜDÜMLÜ (OLAYLARLA YÖNLENDİRİLEN) PROGRAMLAMAYA İMKAN SAĞLAYAN BİR DİLDİR. OLAY YÖNETİCİSİ, BİR OLAY MEYDANA GELDİĞİNDE, BİR İŞLEMLER GRUBUNU HAREKETE GEÇİREN NESNEDİR.

58 OLAY YÖNETİCİLERİ (EVENT HANDLERS) BİR HTML ELEMANINA OLAY YÖNLENDİRİCİSİ AŞAĞIDAKİ GİBİ EKLENİR: <etiket eventhandler= javasctript kodu > <a href= index.html onclick= alert( selam ) > Anasayfaya git </a> VEYA <a href= javascript:; onclick= alert( selam ) > </a>

59 ÇOK KULLANILAN BAZI OLAYLAR (EVENTHANDLER) onclick //buton veya bir linkin tıklanması. onfocus // metin kutusu, metin alanı veya seçim listesinin odaklanması. onblur //metin kutusunun ilgi odağı olmaktan çıkması, diğer nesneye geçilmesi. onchange //metin kutusu, metin alanı veya seçim listesinin değişmesi. onload //sayfanın yüklenmesi.

60 ÇOK KULLANILAN BAZI OLAYLAR (EVENTHANDLER) onunload // sayfanın kapanması onsubmit // formun onaylanması onreset // form iptalinde onmouseover // farenin link üzerinden geçmesi onmousemove // farenin hareket etmesi

61 SAYFA AÇILDIĞINDA KODLARIN ÇALIŞMASI <head> <script> Function acuyar() { Alert( Sitemize hoş geldiniz! ) } </script> </head> <body onload= acuyar() > </body>

62 SAYFA KAPANDIĞINDA KODLARIN ÇALIŞMASI <head> <script> Function kapatuyar() { Alert( Gene bekleriz! ) } </script> </head> <body onunload= kapatuyar() > </body>

63 BUTONA TIKLANDIĞINDA KODLARIN ÇALIŞMASI <head> <script> Function tikla() { Alert( Butona tıkladınız! ) } </script> </head> <body> <input type= button value= Tıkla onclick= tikla() > </body>

64 JAVASCRIPT NESNELERİ JAVASCRIPT TAM ANLAMIYLA NESNE TABANLI BİR DİL OLMASA DA İÇERİSİNDE ÖNCEDEN TANIMLI NESNELER VARDIR. DAHA ÖNCEDEN GÖRDÜĞÜMÜZ BAZI FONKSİYONLAR BU NESNELERE ÖRNEKTİR.

65 JAVASCRIPT TE BAZI HAZIR NESNELER STRING //metin işlemlerinde kullanılır ARRAY //dizi işlemlerinde kullanılır BOOLEAN //true false işlemleri yapılır DATE //tarih işlemlerinde kullanılır NUMBER //sayısal işlemlerde kullanılır MATH //matematiksel işlemlerde kullanılır

66 STRING NESNESİ Bold() //kalınlaştırır Italics() //eğik tolovercase() //küçük harfe çevir touppercase() //büyük harfe çevir Fontcolor() //metin rengi Fontsize() //metin boyutu Concat() //değişke değer ekler Replace(«değer1», «değer2»)

67 ARRAY NESNESİ DİZİ TANIMLAR Var gunler=new Array(); Sort() //dizi elemanlarını sıralar Reverse() //dizideyi sıralamayı ters çevirir Lenght //dizi eleman sayısı Push() //dizi sonuna değer ekler Unshift() //dizi başına değer ekler Pop() //en son elemanı siler Shift() //ilk elemanı siler Splice(indeks, adet) //eleman siler

68 SAYISAL SIRALAMA SORT() METODU ELEMANLARI STRING KABUL EDER VE METİNSEL SIRALAMA YAPAR. SAYISAL DEĞERLERİ SIRALAMAK İÇİN: Var dz=new Array(8,10,50,160,83,19) dz.sort(function(a,b){return(a-b)}) For(var i=0;dz.length;i++),document.write(dz*i++ );-

69 BOOLEAN MANTIKSAL İŞLEMLERDE KULLANILIR. Var evli=true; tostring() //mantıksal değeri metne çevirir valueof() //nesnenin aldığı değeri verir

70 DATE NESNESİ Date() //Sistem tarihi & saati getdate() //tarih nesnesinin günü gethours() //tarih nesnesinin saati getminutes() //tarih nesnesinin dakikası tostring() // metne çevirir

71 DATE NESNESİ Var tarih=new Date(); Var yil=tarih.getfullyear() //Yıl Var ay=tarih.getmonth() //Ay Var gun=tarih.getdate() //Gün Var saat=tarih.gethours() //Saat Var dk=tarih.getminutes() //Dakika Document.write(gun+ : +ay+ : +yil); Document.write(saat+ : +dk);

72 NUMBER NESNESİ tofixed() //virgülden sonraki karakter sayısı tostring() //metne çevirir valueof() //değişken değeri NaN //Sayı olmadığını belirtir

73 MATH NESNESİ PI() // PI değeri Abs() // mutlak değer Pow(x,y) //x in y kuvveti Random() //0-1 arası rasgele sayı Sqrt() //karekök valueof() //değişken değeri Ceil()//kendinden 1 büyük sayıya yuvarla Round() //yuvarla Floor() //kesirli değerin tamsayı kısmı

74 GİRİLEN SAYININ KÜPÜ <script> var s; s=prompt( Sayı:"); //s=number(s); document.write( Sayının küpü="+pow(s,3)); </script>

75 DAİRENİN ALANI & ÇEVRESİ <script> var r,alan,cevre; r=prompt("yarıçap:"); //r=number(r); alan=math.pi*r*r; cevre=2*math.pi*r; document.write("alan="+alan + " " + "Çevre="+ cevre); </script>

76 ZAMANLAMA İŞLEMLERİ BAZI KODLARIN BELİRLİ ARALIKLARLA VEYA BELLİ BİR GECİKMEYLE ÇALIŞMASINI SAĞLAMAK İÇİN ZAMANLAYICILAR KULLANILIR. SETTIMEOUT() CLEARTIMEOUT() SETINTERVAL() CLEARINTERVAL()

77 SETTIMEOUT() BELİRLİ KODLARI BELİRTİLEN ZAMAN SONUNDA SADECE BİR DEFA ÇALIŞIRIR. Window.setTimeout(«kodlar»,zaman) VEYA Var zaman=window.settimeout(«kodlar»,zaman) ŞEKLİNDE KULLANILIR. ZAMAN DEĞERİ MS CİNSİNDEN BELİRTİLİR.

78 SETTIMEOUT() Function zaman(),alert «2 saniye oldu!!!»- Window.setTimeout(«zaman(),2000»);

79 CLEARTIMEOUT() SETTIMEOUT() METODUYLA OLUŞTURULMUŞ ZAMANLAMA İŞLEMİNİ İPTAL EDER. BU METODU KULLANMAK İÇİN SETTIMEOUT() BİR DEĞİŞKENE ATANMALIDIR. Window.clearTimeout(zaman);

80 SETINTERVAL() BELİRLİ ARALIKLARLA KODLARIN ÇALIŞMASINI SAĞLAR. Window.setInterval(«kodlar»,zaman); VEYA Var z=window.setinterval(«kodlar»,zaman);

81 CLEARINTERVAL() SETINTERVAL() METODUYLA OLUŞTURULMUŞ ZAMANLAYICIYI İPTAL EDER.

82 KRONOMETRE <script type="text/javascript" language="javascript"> var i=0; function say() { document.getelementbyid("kutu").innerhtml=i; i++; } </script> </head> <body> <div id="kutu"></div> <script type="text/javascript" language="javascript"> var zaman=window.setinterval("say()",1000); </script>

83 TARAYICI NESNELERİ NASIL VISUAL STUDIO DA FORM, TEXTBOX, CHECKBOX, RADIO GİBİ NESNELER VARSA, JAVASCRIPT TE DE KENDİNE ÖZEL NESNELER VARDIR. BU NESNELERİN ÖZELLİK VE METOTLARI KULLANILARAK DEĞİŞİK İŞLEMLER YAPILABİLİR.

84 TARAYICI NESNELERİ JAVASCRIPT İN KENDİNE ÖZEL FORM VE FORM ELEMANLARI YOKTUR. BUNUN İÇİN HTML FORM VE ELEMANLARINI KULLANIR. YANİ FORMLAR HTML KOMUTLARIYLA OLUŞTURULUR, FORMDAKİ VERİLER JAVASCRIPT KOMUTLARIYLA ALINIR VE İŞLENİR.

85 TARAYICI NESNELERİ JAVASCRIPT TE NESNELER, ADINA DOM DENİLEN BİR MODELLE ANILIR. BU MODELDE TARAYICI, TARAYICIDAKİ SAYFA, SAYFADAKİ FORM VE ELEMANLAR BİRER NESNE OLARAK KABUL EDİLİR.

86 NESNELER (DOM/DOCUMENT OBJECT MODEL) WINDOW (PENCERE) DOCUMENT (PENCEREDEKİ SAYFA) FORM RADIO TEXT TAMAM SUBMIT

87 TARAYICI NESNELERİ WINDOW DOCUMENT NAVIGATOR LOCATION HISTORY SCREEN

88 WINDOW NESNE & METOTLARINDAN BAZILARI window.name //PENCERE ADI window.status //DURUM ÇUBUĞU METNİ Closed //PENCERE AÇIK MI KAPALI MI? alert() //UYARI KUTUSU confirm() //ONAY KUTUSU prompt() //VERİ GİRİŞ KUTUSU open() //YENİ PENCERE AÇAR close() //AKTİF PENCEREYİ KAPATIR

89 LOCATION NESNE & METOTLARINDAN BAZILARI location.href //SAYFANIN URL ADRESİ location.protocol //KULLANILAN PROTOKOL (HTTP, FTP, FILE) location.hostname //SUNUCU ADI location.port //URL PORT NO location.pathname //DOSYANIN FİZİKSEL ADRESİ Location.assign() //TARAYICIYA SAYFA YÜKLER location.reload() //AKTİF SAYFAYI YENİDEN YÜKLER Location.replace() //TARAYICIDAKİ SAYFAYI BAŞKA BİR SAYFA İLE DEĞİŞTİRİR.

90 HISTORY NESNE & METOTLARINDAN BAZILARI WINDOW NESNESİ İLE KULLANILIR: Window.history history.current //MEVCUT SAYFA history.lenght //ZİYARET EDİLMİŞ SAYFA ADEDİ history.back() //ÖNCEKİ SAYFAYA GİT history.forward() //SONRAKİ SAYFAYA GİT History.go(-x) // X SAYFA GERİ GİDER

91 DOCUMENT NESNE & METOTLARINDAN BAZILARI document.title //SAYFA BAŞLIĞI document.bgcolor //SAYFA ARDALANI document.fgcolor //SAYFA YAZI RENGİ document.linkcolor //LİNK RENGİ document.lastmodified //GÜNCELLEME TARİHİ document.write() //SAYFAYA YAZ document.clear() //SAYFAYI TEMİZLE getelementbyid() //ID NOLU ELEMAN getelementbyname() // NAME ADLI ELEMAN

92 NAVIGATOR NESNESİ TARAYICILAR JAVASCRIPT TARAFINDAN BİR NESNE OLARAK ALGILANIR. BU NESNENİN BAZI ÖZELLİKLERİ ŞÖYLE SIRALANABİLİR. Navigator.Appname // tarayıcı adı Navigator.appversion //tarayıcının versiyonu Navigator.appcodename //tarayıcının kod adı Navigator.useragent // tarayıcının sunucuya //(server) kendini tanıtırken verdiği isim

93 SCREEN NESNESİ KULLANICININ EKRAN BİLGİSİNİ ALIR. Colordepth() //RENK DERİNLİĞİ Width() //EKRAN GENİŞLİĞİ Height() //EKRAN YÜKSEKLİĞİ

94 UYGULAMA <script type= text/javascript"> document.write("şu anda kullandığınız tarayıcının özellikleri :", "<br>"); document.write(navigator.appname + navigator.appversion + navigator.appcodename + navigator.useagent ) ; </script>

95 PENCERE ÖZELLİKLERİ window.open ("http://www.bilimsel.com.tr", Bilimsel Ltd.", " menubar=no, toolbar=no, scrollbars=yes, location=yes, width=200, heigt=300";)

96 LOCATION (ÖRNEK) <script language= javascript"> document.write "Protokol:" & location.protocol & "<br>" document.write "Sunucu Adı:" & location.hostname & "<br>" document.write "Port:" & location.port & "<br>" document.write "Dosya adresi:" & location.pathname & "<br>" </script>

97 STATUS BAR KULLANIMI STATUS BAR WINDOW NESNESİNDE TARAYICILARIN EN ALT KISMINDA YER ALAN HANGİ DOSYAYA GİDİLECEĞİ VEYA YÜKLENDİĞİ İLE İLGİLİ BİLGİ VEREN KISIMDIR. STATUS BARI DEĞİŞTİRMEK İÇİN ŞU KODLARI YAZMALIYIZ: window.status= bilimselden merhaba!"; BU ŞEKİLDE KULLANDIĞIMIZ BİR STATUS KODU İLE SAYFA AÇIK KALDIĞI SÜRECE YAZI KARŞIMIZDA OLACAKTIR.

98 UYGULAMA <html><head><title>onclick</title> <script type= text/javascript"> <!- - function merhaba() {alert ("beni tikladiniz"); } --> </script> </head> <body> <input type="button" name="tikla" value="tikla" onclick=merhaba()> </body> </html>

99 UYGULAMA <html> <head><title>onmouseover ve onmouseout </title> <script type= text/javascript"> <! function uzerinde(),window.status="tıklayınca Bilimsel e gidecek " - function disinda(),window.status= Bilimsel e tıkla " - --> </script> </head> <body> <a href="http://www.bilimsel.com.tr" onmouseover = uzerinde() onmouseout =disinda()> BİLİMSEL </a> </body> </html>

100 JAVASCRIPT İLE ETKİLEŞİMLİ FORMLAR FORMLAR ZİYARETÇİLERDEN VERİ ALMAK İÇİN KULLANILAN ARAYÜZLERDİR. FORMLARDAN ALINAN VERİLERİN KONTROLÜ VE İŞLENMESİ BU NEDENLE ÇOK ÖNEMLİDİR.

101 FORM BİR BELGEDEKİ (DOCUMENT) FORMDUR. AŞAĞIDAKİ GİBİ ÖZELLİK VE METOTLARA SAHİPTİR. action //formdaki verilerin gönderileceği sayfa name //formun adı method //postalama metodu value //bir metin kutusu ya da metin alanı metni Length //Formdaki eleman sayısı Submit() //bilgiler action ile belirtilen sayfaya gönderilir Reset() //formdaki bilgiler silinir

102 POSTALAMA METODU FORMDAKİ VERİLER 2 ŞEKİLDE HEDEF SAYFAYA GÖNDERİLİR: GET: BİLGİLER ADRES ÇUBUĞU ÜZERİNDEN GÖRÜNÜR ŞEKİLDE GİDER. EN FAZLA 3 KB BİLGİ GÖNDERİLEBİLİR. POST:BİLGİLER GİZLİ OLARAK GİDER VE BOYUT KISITLAMASI YOKTUR. AKSİ İSTENMEDİKÇE POST METODUNU KULLANIN.

103 DOM TABLOSUNDA FORM NESNESİ FORM BUTTON CHECKBOX RADIO TEXTAREA HIDDEN PASSWORD RESET SELECT SUBMIT TEXT

104 FORM NESNESİ ÖZELLİK METOT EVENTHANDLER Form.Submit() onsubmit Form.Reset() onreset Form.Submit() // Form içeriğini gönderir Form.Reset() // Form içeriğini siler onsubmit // Form içeriğini göndermek için yapılan tıklama onreset // Form içeriğini silmek için yapılan tıklama

105 TEXT/TEXTAREA/PASSWORD NESNESİ ÖZELLİK METOT EVENTHANDLER value Focus() onfocus name Blur() onblur Select() onselect onchange Value // Girdi alanının string cinsinden değeri Name // Girdi alanının ismi Focus() // Kürsorü girdi alanına taşır Blur() // Kürsorü girdi alanından sonraki alana götürme Select() // Alandaki metin seçilir

106 ONAY (CHECKBOX) NESNESİ ÖZELLİK METOT EVENTHANDLER value Click() onclick name checked

107 SEÇENEK (RADIO) NESNESİ ÖZELLİK METOT EVENTHANDLER value Click() onclick name checked

108 SEÇİM (SELECT) NESNESİ ÖZELLİK METOT EVENTHANDLER length Focus() onfocus name Blur() onblur selectedindex onchange Options[i].text Options[i].value Options[i].selected Options[i].index

109 FORM UYGULAMALARI-1 <body> <form name="formum" action="form.html" onsubmit="uyar()"> Ad: <input type="text" name="adsoyad" /> <input type="submit" value="tıkla"/> </form> <script type="text/javascript"> function uyar() { var ad; ad=document.getelementbyname( adsoyad ).value; alert("adınız: " + ad); } </script> </body>

110 FORM UYGULAMALARI-2 <body> <form name="formum" action="form.html" onsubmit= hesapla()"> Ad: <input type="text" name="adsoyad" /> Boy: <input type="text" name= boy" /> Kilo: <input type="text" name= kilo" /> <input type="submit" value="tıkla"/> </form> <script type="text/javascript"> function hesapla() { var fark, ad, boyu,kilosu; ad= document.getelementbyname( adsoyad ).value; boyu= document.getelementbyname( boy ).value; kilo= document.getelementbyname( kilo ).value; fark=math.abs(boy-kilo); if (fark<10) alert( sayın " + ad + kilonuz normal ); else alert( sayın " + ad + kilonuz fazla ); - </script> </body>

111 FORM UYGULAMALARI-3 FORM ALANININ KONTROLÜ: <body> <form name="formum" action="form.html" onsubmit="kontrol()"> Ad: <input type="text" name="adsoyad" /> <input type="submit" value="tıkla"/> </form> <script type="text/javascript"> function kontrol() { if (document.getelementsbyname( adsoyad ).value.length<2) alert("adınızı doğru giriniz"); } </script> </body>

112 HATA DENETİMİ Try {//Hata olabilecek kodlar;} Catch(err),//Hata olduğunda çalışacak kodlar;- Finally,//Hata olsada olmasada çalışacak kodlar;-

113 HATA DENETİMİ <script> Try { hesapla(); Document.write( Hesapla fonksiyonu çağırıldı! ); } Catch(err) { alert(err.message);//oluşan hata bildirilir } </script>

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ı

BETİK DİLİ / JAVASCRIPT. Web Tasarımı ve Programlama

BETİK DİLİ / JAVASCRIPT. Web Tasarımı ve Programlama Web Tasarımı ve Programlama Tanım ve Genel Bilgi Betik Dili; Web sayfalarında dinamik içerik sağlamak ve kullanıcıyla iletişim kurmak için kullanılan, istemci tarafında çalışan bir dildir. HTML etiketleri

Detaylı

2 JAVASCRIPT TEMELLER

2 JAVASCRIPT TEMELLER ++JAVASCRIPT-icindekiler 4/1/10 4:35 AM Page vii Ç NDEK LER 1 JAVASCRIPT E G R fi 1 Javascript Kodlar n HTML Sayfas çerisine Eklemek 3 Kodlar Aras na Aç klama Sat rlar Eklemek 6 Kodlar m z Eski Sürüm Taray

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ı

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ı

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ı

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ı

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ı

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ı

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ı

Metin Text Kutuları. Metin kutusu oluşturmak için tagı kullanılır.

Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır. Form İşlemleri Form Nedir? Şu ana kadar öğrendiğimiz konularda hep ziyaretçilere veri göstermeye veya bilgi vermeye çalıştık. Gerek metinlerle, gerekse liste veya resimlerle ziyaretçilere bilgi sunmayı

Detaylı

http://alikoker.name.tr

http://alikoker.name.tr Kurs Planı Ders 1: Tanıtım Uygulama: Kurs notlarında belirtilen uygulamalar. Ders 2: Verilerle Çalışmak Uygulama: Kurs notlarında belirtilen uygulamalar Ders 3: Program Yapısı Uygulama: Kurs notlarında

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ı

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ı

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ı

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ı

İ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ı

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

1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 1. 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ırmaMerkezi 2 İçindekiler 1. GİRİŞ... 3 1.1 ASP NEDİR?...

Detaylı

Üst Düzey Programlama

Üst Düzey Programlama Üst Düzey Programlama JSP Üst Düzey Programlama-ders04/ 1 JSP JSP durağan HTML ile dinamik oluşturulan içeriği birleştirmeyi sağlar. Bir web sayfası tasarlama programı ile web sayfasını tasarlar daha sonra

Detaylı

JAVASCRIPT EL KİTABI Gökhan Halimoğlu

JAVASCRIPT EL KİTABI Gökhan Halimoğlu JAVASCRIPT EL KİTABI Gökhan Halimoğlu sanalkurs.net JavaScript El Kitabı (JavaScript Handbook) Gökhan Halimoğlu Sanalkurs Yayınları Programlama Serisi Her hakkı saklıdır. Copyright 2009 Teknik Hazırlık:

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ı

Javascript Örnekleri ve Soruları 2006]

Javascript Örnekleri ve Soruları 2006] Hazırlayan: URL: Amaç: Kaynaklar. Ögr.Gör. Mehmet Emin ÖZCAN www.gantep.edu.tr/~ozcan/ders/internet1 MYO öğrencileri için Javascript dökümanı Javascript Babylon (kitabından çeviriler ve resimler bulunmaktadır)

Detaylı

Üst Düzey Programlama

Üst Düzey Programlama Üst Düzey Programlama Servlet Üst Düzey Programlama-ders08/ 1 Servlet Nedir? Internetin ilk zamanlarında geliştirilen web sayfaları durağan bilgiler içeriyordu. Zaman geçtikçe web sayfaları daha değişken,

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVER DA TABLOLAR KULLANARAK İNDEX SAYFASI HAZIRLAMAK Günümüzde web siteleri Frameset yapısı ve Tablo yapısı kullanarak yapılmaktadır. Frameset (Çerçeve) yapılı web sitelerinde index sayfaları oluşturulduğunda

Detaylı

sayfa Başlığı Bu benim ilk sayfam bu metin koyu

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html> HTML'e Giriş 1. HTML dosyası nedir? HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir. Bir HTML dosyası bir text dosyası olmakla beraber

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 7

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 7 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 7 HTML in sahip olmadığı bazı özelliklerin web sayfalarında kullanılmasını sağlar. Java ile javascript birbirine karıştırılmamalıdır. Java Sun firması tarafından Pascal

Detaylı

MatLab. Mustafa Coşar mustafacosar@hitit.edu.tr http://web.hitit.edu.tr/mustafacosar

MatLab. Mustafa Coşar mustafacosar@hitit.edu.tr http://web.hitit.edu.tr/mustafacosar MatLab Mustafa Coşar mustafacosar@hitit.edu.tr http://web.hitit.edu.tr/mustafacosar Sunum Planı MatLab Hakkında Ekran Yapısı Programlama Yapısı Matlab da Programlamaya Giriş Sorular MatLab Hakkında MatLab;

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ı

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ı

Bölüm 10: PHP ile Veritabanı Uygulamaları

Bölüm 10: PHP ile Veritabanı Uygulamaları Bölüm 10: PHP ile Veritabanı Uygulamaları -231- Öğr.Gör. Serkan DİŞLİTAŞ 10.1. PHP PHP, platformdan bağımsız sunucu taraflı çalışan betik bir web programlama dilidir. PHP programlama dili ile MySQL, MSSQL,

Detaylı

7. Çerçeveler. Bu bölümü bitirdiğinizde,

7. Çerçeveler. Bu bölümü bitirdiğinizde, 7. Çerçeveler Bu bölümü bitirdiğinizde, Çerçevelerden oluşan bir WEB sayfası tasarlamayı, İç içe çerçeveler oluşturmayı ve Çerçeveleri isimlendirmeyi, Bağ kurulan dosyaları belirtilen çerçeve içerisinde

Detaylı

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER Bu modülü bitirdiğinizde; HTML kodları ile WEB sayfaları için gelişmiş özellikleri kullanabileceksiniz. Ayrıca, 1. WEB sayfaları içi formlar oluşturabilecek, 2. WEB

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ı

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ı

VISUAL BASIC DE İŞLETİM SİSTEMİ DENETİM KOMUTLARI VE FONKSİYONLARI

VISUAL BASIC DE İŞLETİM SİSTEMİ DENETİM KOMUTLARI VE FONKSİYONLARI VISUAL BASIC DE İŞLETİM SİSTEMİ DENETİM KOMUTLARI VE FONKSİYONLARI Visual basic kodları yazılırken, yapılması istenen işlerin yanı sıra sistem ile ilgili bazı işlerin yapılması da (klasör oluşturma silme,

Detaylı

Üst Düzey Programlama

Üst Düzey Programlama Üst Düzey Programlama Servlet Üst Düzey Programlama-ders01/ 1 Servlet Nedir? Web sayfaları ilk başlarda durağan bir yapıya sahipti ve kullanıcıdan bilgi alarak işlemler yapmıyordu. Zamanın geçmesiyle kullanıcıya

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ı

İ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ı

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ı

İ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ı

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ı

İ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ı

solid; BORDER-LEFT: #1F9FFF 0px solid; BORDER-RIGHT: #1F9FFF 0px solid; BORDER-TOP: #1F9FFF 0px solid; COLOR: #1F9FFF; FONT-FAMILY: Trebuschet MS;

solid; BORDER-LEFT: #1F9FFF 0px solid; BORDER-RIGHT: #1F9FFF 0px solid; BORDER-TOP: #1F9FFF 0px solid; COLOR: #1F9FFF; FONT-FAMILY: Trebuschet MS; Web Teknoloji Kavramları Ahmet Demirelli ahmetdemirelli@sabanciuniv.edu MCP, SCJP 5.0, SCWCD 1.4 Sabancı Üniversitesi Bilişim Teknolojileri Yüksek Lisans Programı 6/9/2007 Sabanci University 1 Ajanda CSS

Detaylı

4 Front Page Sayfası Özellikleri

4 Front Page Sayfası Özellikleri 4 Front Page Sayfası Özellikleri İsterseniz Frontpage penceresinin sağ tarafından, isterseniz araç çubuklarından faydalanarak yeni bir sayfa açın. Frontpage te çeşitli sayfa şablonları bulunmaktadır. Ancak

Detaylı

Html temelleri. Ders 4

Html temelleri. Ders 4 Html temelleri Ders 4 1 Giriş World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en

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ı

WEB PROGRAMLAMA. PHP Temelleri 2. Dr. Erman Yukselturk

WEB PROGRAMLAMA. PHP Temelleri 2. Dr. Erman Yukselturk WEB PROGRAMLAMA PHP Temelleri 2 Dr. Erman Yukselturk Superglobal Değişkenler 1/4 Php de önceden tanımlanmış ve script in herhangi bir yerinden çağrılabilen ve çalıştirılabilen çevreye özel bilgiler sunan

Detaylı

MOBILEPAX XML PRODUCT API KULLANIM ŞEKLİ

MOBILEPAX XML PRODUCT API KULLANIM ŞEKLİ MOBILEPAX XML PRODUCT API KULLANIM ŞEKLİ Versiyon: 1.0.4 URL Adresi http://merchant.mobilepax.com/services/product.aspx Gönderilen XML Yapısı MobilePaxProduct fonksiyonu buton bilgisi oluşturulacak ürünün

Detaylı

Yazılım Nedir? 2. Yazılımın Tarihçesi 3. Yazılım Grupları 4 Sistem Yazılımları 4 Kullanıcı Yazılımları 5. Yazılımın Önemi 6

Yazılım Nedir? 2. Yazılımın Tarihçesi 3. Yazılım Grupları 4 Sistem Yazılımları 4 Kullanıcı Yazılımları 5. Yazılımın Önemi 6 ix Yazılım Nedir? 2 Yazılımın Tarihçesi 3 Yazılım Grupları 4 Sistem Yazılımları 4 Kullanıcı Yazılımları 5 Yazılımın Önemi 6 Yazılımcı (Programcı) Kimdir? 8 Yazılımcı Olmak 9 Adım Adım Yazılımcılık 9 Uzman

Detaylı

ÖĞRENME-ÖĞRETME YÖNTEM VE TEKNİKLERİ. gösterip yaptırma, uygulamalı çalışma. Anlatım, soru-cevap, gösterip yaptırma, uygulamalı çalışma.

ÖĞRENME-ÖĞRETME YÖNTEM VE TEKNİKLERİ. gösterip yaptırma, uygulamalı çalışma. Anlatım, soru-cevap, gösterip yaptırma, uygulamalı çalışma. KASIM EKİM EYLÜL AY 02.11.2009 06.11.2009 26.10.2009 0.10.2009 19.10.2009 2.10.2009 12.10.2009 16.10.2009 05.10.2009 09.10.2009 28.09.2009 02.10.2009 24.09.2009 25.09.2009 09.11.2009 1.11.2009 MODÜL: İNTERNET

Detaylı

LABORATUVAR ÇALIŞMASI 1 - Python a Giriş

LABORATUVAR ÇALIŞMASI 1 - Python a Giriş LABORATUVAR ÇALIŞMASI 1 - Python a Giriş Bu Çalışmanın Amacı Bu çalışmadaki amacımız, kullandığımız sistem ve kullanım hedefimiz için en uygun olan Python sürümünü bilgisayarımıza yükleyerek bilgisayarımızı

Detaylı

ASP.NET TEMELLERİ. Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu

ASP.NET TEMELLERİ. Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu ASP.NET TEMELLERİ Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu İnternet Nasıl Çalışır? Sunucu istemci modeline göre çalışır. Fiziksel olarak bu sistem genelde isteği yapan

Detaylı

Microsoft Office Excel 2007

Microsoft Office Excel 2007 2014 Microsoft Office Excel 2007 Öğr. Gör. Serkan KORKMAZ Harran Üniversitesi Birecik Meslek Yüksekokulu İçindekiler MİCROSOFT OFFİCE EXCEL 2007... 4 EXCEL ORTAMINDA ÇALIŞMAK... 4 EXCEL ÇALIŞMA SAYFASI...

Detaylı

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği ÖNDER BİLGİSAYAR KURSU Microsoft Office Kursu Eğitim İçeriği Microsoft WORD 1. PENCERE ELEMANLARI VE GÖRÜNTÜLEME BİÇİMLERİ 1.1. Genel Bilgiler 1.2. Ekran Görünümleri 1.3. Metin Sınırları ve Basımda Çıkmayan

Detaylı

Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir.

Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir. Sayfa numarası ekleme: Ekle menüsünden sayfa numaraları seçeneğine tıklandığında Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir. Tarih ve saat ekleme: Ekle menüsünden Tarih

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ı

MOBILEPAX SOAP PRODUCT API KULLANIM ŞEKLİ

MOBILEPAX SOAP PRODUCT API KULLANIM ŞEKLİ MOBILEPAX SOAP PRODUCT API KULLANIM ŞEKLİ Versiyon: 1.0.4 URL http://merchant.mobilepax.com/services/product.asmx Metot MobilePaxProduct fonksiyonu buton bilgisi oluşturulacak ürünün bilgilerinin Mobilepax

Detaylı

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı. 26 Şub. 2013 Öğr. Gör.

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı. 26 Şub. 2013 Öğr. Gör. Ders Tanıtım Sunumu Internet Programming II Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı 26 Şub. 2013 Öğr. Gör. Murat KEÇECİOĞLU PHP Nedir? Platformdan bağımsız (işletim Sistemi) dinamik web sayfaları

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ı

C Konsol ve Komut Satırı

C Konsol ve Komut Satırı C Konsol ve Komut Satırı Öğr. Gör. M. Ozan AKI Rev 1.0 C:\> Konsol ekranı, işletim sistemi ve dosya yönetiminin metin tabanlı yönetilebilmesini sağlayan arabirimdir. Windows işletim sistemi ortaya çıkmadan

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ı

Bilgisayar Teknolojileri Bölümü Bilgisayar Programcılığı Programı. Öğr. Gör. Cansu AYVAZ GÜVEN

Bilgisayar Teknolojileri Bölümü Bilgisayar Programcılığı Programı. Öğr. Gör. Cansu AYVAZ GÜVEN Bilgisayar Teknolojileri Bölümü Bilgisayar Programcılığı Programı Öğr. Gör. Cansu AYVAZ GÜVEN NESNE TABANLI PROGRAMLAMA Java Değişkenler ve Veri Tipleri Operatörler JAVA Java Java SUN bilgisayar şirketince

Detaylı

C# Programlama Dili. İlk programımız Tür dönüşümü Yorum ekleme Operatörler

C# Programlama Dili. İlk programımız Tür dönüşümü Yorum ekleme Operatörler C# Programlama Dili İlk programımız Tür dönüşümü Yorum ekleme Operatörler 1 İlk Programımız Bu program konsol ekranına Merhaba dünya! yazıp kapanır. Programı geçen derste anlatıldığı gibi derleyin, sonra

Detaylı

PHP I PHP I. E. Fatih Yetkin. 26 Eylül 2011

PHP I PHP I. E. Fatih Yetkin. 26 Eylül 2011 PHP I E. Fatih Yetkin 26 Eylül 2011 Outline Temel Tanımlar HTML e Giriş PHP ye Giriş MySQL ve PHP Temel Tanımlar Web Sunucu Nedir? Teknik detaylar bir kenara bırakılacak olursa, hazırlanan web sayfasını

Detaylı

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

2. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 2. 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ırmaMerkezi 2 İçindekiler 2. ASP'nin Dili... 3 2.1 YAZILIM

Detaylı

KURULUM KILAVUZU MART 2014. Visilabs Target Kurulum Kılavuzu

KURULUM KILAVUZU MART 2014. Visilabs Target Kurulum Kılavuzu KURULUM KILAVUZU MART 2014 1 İçindekiler 1 Suggest Methodu... 3 1.1 Banner Sıralamasının Ziyaretçilere özel değişmesi... 3 1.2 Site üzerindeki widget aracığıyla gösterilen öneriler... 4 1.2.1 RealTime

Detaylı

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 6. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için kullanılır.

Detaylı

WEB TASARIMI. Đnternet Nedir?

WEB TASARIMI. Đnternet Nedir? ĐÇĐNDEKĐLER İÇİNDEKİLER... 1 WEB TASARIMI... 2 İnternet Nedir?... 2 HTML (Hypertext Markup Language)... 4 (Hareketli Metin İşaretleme Dili)... 4 KLASÖR VE DOSYA İSİMLERİNDE... 5 STANDART TAKILAR... 5

Detaylı

İNTERNET PROGRAMLAMA II. Tanımlar

İNTERNET PROGRAMLAMA II. Tanımlar İNTERNET PROGRAMLAMA II Tanımlar WWW( World Wide Web) Dünya üzerindeki bütün bilgisayarların bağlı olduğu bir ağdır. Çoğunlukla Web olarak adlandırılır. Web üzerindeki bilgisayarlar standart protokolleri

Detaylı

Google Search API ile ajax arama

Google Search API ile ajax arama Google Search API ile ajax arama 14 Ağustos Salı 12 http://mfyz.com/google-search-api-ile-ajax-arama Eğer bir kaynak arıyorsanız, indexlerin güncelliği, genişliği gibi nedenlerden dolayı, diğer arama motorları

Detaylı

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci 1 2 HTML, Hyper Text Markup Language kelimelerinin kısaltılmışıdır. HTML (Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebilen, internet dokümanları oluşturmaya yarayan bir çeşit dildir. HTML

Detaylı

ASP.NET 1. DURUM YÖNETİMİ. BLM 318 e-ticaret ve Uyg. Durum Yönetimi Nedir? Durum Yönetimi: Karșılaștırma İÇERİK. Sunucu-taraflı Durum Yönetimi

ASP.NET 1. DURUM YÖNETİMİ. BLM 318 e-ticaret ve Uyg. Durum Yönetimi Nedir? Durum Yönetimi: Karșılaștırma İÇERİK. Sunucu-taraflı Durum Yönetimi Nedir? olmadan Login.aspx Bilgilerinizi giriniz Durum Yönetimi İle Login.aspx Bilgilerinizi giriniz Adınız Adınız Pınar Pınar Soyadınız Soyadınız Onay Durdu Onay Durdu Gönder Gönder ASP.NET - 1 sayfa.aspx

Detaylı

Basit SQL Sorguları Veritabanından verilerin SELECT cümleleri ile alınması işlemine sorgulama denir.

Basit SQL Sorguları Veritabanından verilerin SELECT cümleleri ile alınması işlemine sorgulama denir. SQL SELECT CÜMLELERİ Oracle birçok kullanışlı ve güçlü özellikleri olan bir veritabanıdır. Bu özelliklerinin birçoğu SQL ile ilgilidir. VTYS lerinin çoğunluğunda veriler ile çalışmak için SQL kullanılmaktadır.

Detaylı

3. Metin ve Görünüm Etiketleri

3. Metin ve Görünüm Etiketleri 3. Metin ve Görünüm Etiketleri Bu bölümü bitirdiğinizde, Metin biçimlendirme etiketlerinin neler olduğunu ve nasıl kullanıldığını, Yatay çizginin nasıl çizildiğini ve özelliklerinin neler olduğunu, Satır

Detaylı

4. Bağlantı (Köprü) Oluşturma

4. Bağlantı (Köprü) Oluşturma 4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara

Detaylı

Web Programlama. JavaScript (1)

Web Programlama. JavaScript (1) Web Programlama JavaScript (1) JavaScript Programlama Dili Web in nesneye yönelik programlama dili Pek çok modern web sitesi JavaScript kullanır Tüm modern web tarayıcıları (masaüstü, tablet, cep telefonu

Detaylı

MCR02-AE Ethernet Temassız Kart Okuyucu

MCR02-AE Ethernet Temassız Kart Okuyucu MCR02-AE Ethernet Temassız Kart Okuyucu Teknik Özellikleri Ethernet 10BaseT Dahili TCP/IP Stack TCP/IP Client-Server Bağlantı Özelliği Dahili DNS İstemcisi DHCP veya Statik IP ile çalışabilme UDP, TCP,ARP,ICMP(ping)

Detaylı

THE PROJECT UMBRELLA BİLGİLENDİRE KILAVUZU. www.theprojectumbrella.com

THE PROJECT UMBRELLA BİLGİLENDİRE KILAVUZU. www.theprojectumbrella.com THE PROJECT UMBRELLA BİLGİLENDİRE KILAVUZU www.theprojectumbrella.com Yukarıdaki linki web tarayıcınızın adres çubuğuna veya google adres çubuğuna yazdığınız taktirde sizi web sayfamıza yönlendirecektir.

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ı

RAPOR VE FORMLARDA KULLANILAN FONKSİYONLAR

RAPOR VE FORMLARDA KULLANILAN FONKSİYONLAR RAPOR VE FORMLARDA KULLANILAN FONKSİYONLAR Rapor ve formlarda kullanılan fonksiyonları ve açıklamalarını bu makalede bulabilirsiniz. 1- MIN(number, number) 2- MAX(number, number) 3- MOD(number, divisor)

Detaylı

EC-485. Ethernet RS485 Çevirici. İstanbul Yazılım ve Elektronik Teknolojileri

EC-485. Ethernet RS485 Çevirici. İstanbul Yazılım ve Elektronik Teknolojileri EC-485 Ethernet RS485 Çevirici İstanbul Yazılım ve Elektronik Teknolojileri TR+: RS485 TR+ bağlantısı için kullanılır. TR-: RS485 TR- bağlantısı için kullanılır. EC-485, cihazlarınıza veya bilgisayara

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ı

Uygulamalar 4 IsMissing Fonksiyonlar ve Alt Programlar Prosedür Parametreleri Public Function f(x,y,optional t, Optional k) End Function 1.

Uygulamalar 4 IsMissing Fonksiyonlar ve Alt Programlar Prosedür Parametreleri Public Function f(x,y,optional t, Optional k) End Function 1. Uygulamalar 4 IsMissing (Değişken) Visual Basic te fonksiyon veya alt programlara giriş parametresi olarak Optional deyimi kullanılırsa o parametre kullanılmadan da o fonksiyon çağrılabilir. IsMissing

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ı

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ı

1.PROGRAMLAMAYA GİRİŞ

1.PROGRAMLAMAYA GİRİŞ 1.PROGRAMLAMAYA GİRİŞ Bilindiği gibi internet üzerindeki statik web sayfaları ziyaretçinin interaktif olarak web sayfasını kullanmasına olanak vermemektedir. Bu yüzden etkileşimli web sayfaları oluşturmak

Detaylı

NESNE TABANLI PROGRAMLAMA-1 DERS UYGULAMALARI (22 EYLÜL - 14 KASIM

NESNE TABANLI PROGRAMLAMA-1 DERS UYGULAMALARI (22 EYLÜL - 14 KASIM NESNE TABANLI PROGRAMLAMA-1 DERS UYGULAMALARI (22 EYLÜL - 14 KASIM 2014) //Class (Sınıf) // Sınıf (class) soyut veri tipidir. // Nesne (object) sınıfın somutlaşan bir cismidir. // static : nesnesi oluşturulmaz.

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ı

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ı

Programlama Dilleri. C Dili. Programlama Dilleri-ders02/ 1

Programlama Dilleri. C Dili. Programlama Dilleri-ders02/ 1 Programlama Dilleri C Dili Programlama Dilleri-ders02/ 1 Değişkenler, Sabitler ve Operatörler Değişkenler (variables) bellekte bilginin saklandığı gözlere verilen simgesel isimlerdir. Sabitler (constants)

Detaylı

İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI

İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI WEB TASARIMI VE PROGRAMLAMA DERSİ TEMEL KAVRAMLAR Bilişim Teknolojileri Web Tasarımı ve Programlama Dersi Durhan GABRALI

Detaylı

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir?

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir? HTTP & HTML Seval ÖZBALCI Bilgisayar Programcılığı Bölümü Ders 3 HTTP ve HTML Kullanarak İlk Web Sayfasının Oluşturulması BİRİNCİ BÖLÜM HTTP Nedir? HTML Nedir? Temel Unsurlar Editör Türleri İlk Sayfanın

Detaylı

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ WEB TASARIMIN TEMELLERİ ~ Sunu 1 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.

Detaylı

BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ

BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ Argox X-2000+ barkod / etiket yazıcısını bilgisayardan bağımsız kullanabilmek için Argox X-2000+ barkod / etiket yazıcısı ile birlikte verilen CD içerisinde bulunan

Detaylı

Excel Nedir? Microsoft Excell. Excel de Çalışma sayfası-tablo

Excel Nedir? Microsoft Excell. Excel de Çalışma sayfası-tablo Microsoft Excell Excel Nedir? Excel programı; veriler üzerinde hesap yapabilme, verileri tabloya dönüştürebilme, verileri karşılaştırıp sonuç üretebilme, grafik oluşturma, veri yönetimi yapabilir. http://mf.dpu.edu.tr/~eyup

Detaylı

Burak Kıymaz 13.10.2015 JAVA FX

Burak Kıymaz 13.10.2015 JAVA FX JavaFx neden çıktı? JAVA FX Eskiden desktop için swing kullanılırdı fakat pek iyi değildi. Javafx bu konuda css kullanmaya da izin verdiği için daha iyi bulundu. xml veriyi biçimlendirmek için kullanılan

Detaylı

Aktif Dizin Logon/Logoff Script Ayarları Versiyon 0.0.1. http://support.labrisnetworks.com/index.php?/knowledgebase/list

Aktif Dizin Logon/Logoff Script Ayarları Versiyon 0.0.1. http://support.labrisnetworks.com/index.php?/knowledgebase/list Aktif Dizin Logon/Logoff Script Ayarları Versiyon 0.0.1 http://support.labrisnetworks.com/index.php?/knowledgebase/list Genel Bakış Labris ürünlerinin Aktif Dizin ile entegrasyonu yapılarak Güvenlik Duvarı,

Detaylı

PHP (II) Formlar. Dosya İşlemleri. 2002, Sanem SARIEL PHP Ders Notları 2 1. Formlar

PHP (II) Formlar. Dosya İşlemleri. 2002, Sanem SARIEL PHP Ders Notları 2 1. Formlar PHP (II) Formlar Dosya İşlemleri 2002, Sanem SARIEL PHP Ders Notları 2 1 Formlar İstekçiler web sayfasılarından sunuculara formlar yoluyla bilgi yollarlar. Anketler Kullanıcı bilgilerinin alındığı ve verilerin

Detaylı