JavaScript Örnekleri PDF
|
|
|
- Aydin Sağlık
- 8 yıl önce
- İzleme sayısı:
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 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
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ı,
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
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
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
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
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
Javascript Ders Örnekleri -2. Tarayıcı Görüntüsü
Javascript Ders Örnekleri -2 Örnek 1 : Aşağıdaki Javascript kodları çalıştığında tarayıcı görüntüsü nasıl olur? JS Kodu var puan=85; if(puan>70) document.write( Notunuz iyi ); else document.write( Notunuz
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
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
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
WEB PROGRAMLAMA. DERS NOTLARI / JavaScript e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA
WEB PROGRAMLAMA DERS NOTLARI / JavaScript e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA Betik dili web sayfalarında dinamik içerik sağlamak ve kullanıcıyla iletişim kurmak için kullanılan istemci tarafında
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
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
Site Temizlik Projesi Kodları
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5c2acf77c2a0b746634170/] İndir (DOCX, 15KB) İlk Hafta Sunumu
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
Site Tasarım Çalışması -3
Site Tasarım Çalışması -3 Aşağıda adresini verdiğim çalışmayı table kullanarak yapmaya çalışınız., Örnek site div ile yapıldığından bölümler tablo aynı hizada değildir. Sizler eşit bölmeli table kullanacaksınız;
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
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
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
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
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
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ı
CSS. 1. CSS nin Yapısı Sınıf (Class) Seçicisi
CSS CSS, açılımı (Cascading Style Sheet) olan ve dilimize Stil Şablonları olarak yerleşen bir işaretleme dilidir. Stil Şablonu HTML ögelerine (yazı, paragraf, kenar çizgisi, resim, bağlantı...) stil vermek
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
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
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
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.
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
Web Tasarımı - Yrd. Doç. Devkan Kaleci 1
. onclick 2. onmouseover ve OnMouseOut 3. onload ve onunload 4. onsubmit 5. onreset 6. onfocus ve onblur 7. onchange 8. onabort, onerror 2 Bir olayın oluşması, mevcut durumda bir değişiklik olması anlamına
Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı
Internet Programming II Elbistan Meslek Yüksek Okulu 2013 2014 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 26 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları yardımıyla
İ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
İ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.
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ı
Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017
Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017 1. Hafta TANIŞMA, İNTERNET, HTML İçerik (Hafta/Konu) 1. Tanışma, İnternet Nedir, Html Nedir, Temel Terim ve Kavramlar 2. İnternete erişim ve İnternet
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
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
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
CSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ
CSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ 2 CSS, açılımı Cascading Style Sheet olan ve dilimize Stil şablonları olarak yerleşen basit ve kullanışlı bir işaretleme dilidir.
BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 9
BTP 207 İNTERNET PROGRAMCILIĞI I Ders 9 Dizi Değişkenler (Array) 2 Tek değişkende birden fazla bilgi tutulmak istendiğinde kullanılır. Kullanım şekli: var dizi_adı= new Array(eleman1, eleman2,, elemann)
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
Android Ders Notları
Android Ders Notları 1. Yeni Bir Proje Başlatma Android Studio programında yeni bir proje başlatıyoruz. İlk olarak karşımıza resim 1 deki gibi bir pencere gelecek. Burada Application name kısmına proje
Örnek Ölçülü Site Kodları. Site Temizlik Projesi Kodları. İlk Hafta Sunumu ve Ön Test
Örnek Ölçülü Site Kodları [crayon-5c079862dff41089602577/] Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. [crayon-5c079862e05c5626962251/] İndir (DOCX, 12KB) İlk Hafta Sunumu
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
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
Web Tasarımının Temelleri
1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr Listeleme Etiketleri Sıralı liste oluşturmak için
Site Temizlik Projesi Kodları. Site Tasarım Çalışması -3
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5cacfb4a355c5785238607/] İndir (DOCX, 15KB) Site Tasarım
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.
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
İ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
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
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
KBÜ. TBP107 Web Tasarımının Temelleri «H T M L E T İ K E T L E R İ - III» Öğr. Gör. Dr. Abdullah ELEN KARABÜK ÜNİVERSİTESİ
KBÜ KARABÜK ÜNİVERSİTESİ TBP107 Web Tasarımının Temelleri «H T M L E T İ K E T L E R İ - III» Öğr. Gör. Dr. Abdullah ELEN Karabük Üniversitesi T.O.B.B. Teknik Bilimler Meslek Yüksekokulu Demir Çelik Kampüsü
Ç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
İ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
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
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;
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
9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. [email protected]
9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ [email protected] Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler Request Nesnesinin Özellikleri
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
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
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ı
İ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
Öğ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
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ı
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
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
HTML 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com [email protected]. Dersin Course Page: www.ismailkaras.com/228
HTML 6. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com [email protected] (Son Güncelleme: 19.04.2015) Dersin Course Page: www.ismailkaras.com/228 Yığılmalı Stil Kağıtları / CSS-Cascading Style Sheets
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)
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
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
Web Teknolojileri ve Programla
12.05.2010 Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+ da örnekler Web Teknolojileri ve Programla Bölüm
Basit bir web uygulaması
AJAX Ahmet Demirelli [email protected] 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
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
AJAX WITH JQUERY. Ajax Hikayesi MODULE 11
MODULE 11 AJAX WITH JQUERY Ajax Hikayesi > Microsoftun IE5 i çıkarması ile başlayan bir serüvendir. Ardından diğer browser üreticileri «durun bir dakika bu çok iyi birşey» demiş ve kendi mimarilerine ekleyerek
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
8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. [email protected]
8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ [email protected] Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler QUERYSTRING KOLEKSIYONU... 3 FORM
İ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)
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
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,
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;
İ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ış
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
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
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
MODÜL 3 HTML İLE STİL ŞABLONLARI
MODÜL 3 HTML İLE STİL ŞABLONLARI Bu modülü bitirdiğinizde; CSS kodlama standartlarına uyarak işlevselliği ve verimliliği artırmak için HTML kodları ile Stil şablonu (CSS) yapılandırmasını gerçekleştireceksiniz.
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
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
1-100 tam puan üzerinden notları harf notuna çeviren Php kodunu yazınız. <?php
- 00 tam puan üzerinden notları harf notuna çeviren Php kodunu yazınız. $not=0; // Switch ($not) Case $not
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
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
İ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
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
HTML. 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş
HTML 6. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com [email protected] Yığılmalı Stil Kağıtları / CSS-Cascading Style Sheets HTML, üç ayrı stil imkanına sahiptir. 1. Satır içi stil: Kod içinde
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
İ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
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ı