<IMG SRC="resmin bulunduğu yer ve adı yazılacak yer" WIDTH="x" HEIGHT="y" >
Seçtiğimiz resmin gif yada jpg formatında olması zorunluluğu dışında herhangi bir kısıtlama yoktur. Resim eklemek için yapmamız gereken sayfaya koyacağı resmin nerede olduğunu göstermemiz gerekir.Resmin pixel cinsinden en ve boy uzunluğunu belirtmeniz resmin düzgün görünmesi sağlar ama şart değildir. Kullanacağımız etiket şu şekilde olacak; Burada x resmin enini y ise boyunu ifade ediyor
Örnek :
<img src="Fil.gif" width="64" height="79">
Eklemek istediğiniz çok sayıda resim varsa bunları resimler adlı bir alt klasörde ise html dosyası c:\ders dizininde resimler de c:\ders\resimler\Fil.gif dizininde. Bu durumda browser'ınız o an çalışan html dosyasının bulunduğu klasörü kök dizin olarak kabul edecektir. Siz de buna göre resmin yolunu uyarlayacaksınız. Etiketi bu sefer şu şekilde kullanılır;
<img src="resimler/Fil.gif" width="64" height="79">
Resmi Hizalamak
Hizalama (align) komutuyla resmi sağa (right) ,ortaya (center) ya da sola (left) koyabiliriz.
<img src="resim.jpg" width="25" height="25" align="left">
Resme alternatif metin eklemek: <img src="resim.gif" alt="saat"> buradaki alt="saat" ifadesi bize resmimize alternatif metin eklememizi sağlar.
Resme Çerçeve eklemek : <img src="resim.gif" border="6"> border ise resmimize çerçeve içine alır. Resimlerinizi kaymasını istiyorsanız marquee kodunu kullanmanız gerekir. Örnek kulanımı ise şu şekildedir;
<marquee width=500 height=100 direction=left>
<img src="resim-1.jpg" alt="Resim 1"> <img src="resim-2.jpg" alt="Resim 2"> <img src="resim-3.jpg" alt="Resim 3"> <img src="resim-4.jpg" alt="Resim 4"> <img src="resim-5.jpg" alt="Resim 5"> </marquee>
Bu makalemizde C++ programlama dilinde İF şartının nasıl kullanılacağını göstereceğiz. Bunu daha iyi anlatabilmek için sizlerle if-else komutuyla ilgili örnekler yapalım.
main()
{
int i;
for (i=0;i<10;i = i+ 1)
{
if (i = =2)
printf("i simdi %d ye esit.\n",i);
if (i<5)
printf("i simdi %d. Bu da, 5 den küçüktür. \n",i);
else
printf("i simdi %d. Bu da, 4 den büyüktür.\n",i);
}
}
i adlı değişkenimiz var. for (i=0;i<10;i = i+ 1) bu komutla döngüye giriyor. i değikeni 10 küçük oduğu sürece 1 artır.if (i = =2) bu komutla i değişkeni i eşit ise 2 ye printf("i simdi %d ye esit.\n",i); i şimdi 2 ye eşit yazdır.if (i<5) i eşit ise 5 e printf("i simdi %d. Bu da, 5 den küçüktür. \n",i); yazdır. else komutuyla değilse printf("i simdi %d. Bu da, 4 den büyüktür.\n",i); demek isteniliyor... bir başka örnek Girilen 3 sayıdan en büyüğünü bulan c++ programını yapalım.Örnek:
#include < iostream.h>
#include < conio.h>
İnt a,b,c,kucuk;
İnt main()
{
Clrscr;
Cout<<”a,b,c sayılarını giriniz=”<< ”\n”;
Cin>>a;
Cin>>b;
Cin>>c;
{
İf (a < b)
kucuk=a;
else
kucuk=c;
}
Cout << "kucuk sayi" << kucuk;
Getch;
Return 0;
}
Programımızda #include < iostream.h> ve #include < conio.h> kütüphaneleri belirtik. İnt a,b,c,kucuk; ile değişkenlerimizi tanıttık. Cout<<”a,b,c sayılarını giriniz=”<< ”\n”; Cin>>a; Cin>>b; Cin>>c; komutlarıyla klavyeden değer atamasını sağladık.
DML (DATA MANIPULATION LANGUAGE) DEYİMLERİ
Veritabanı içine bilgi girişi, güncelleme ve gereksiz bilgilerin silinmesi ile ilgili SQLdeyimleridir.
- SELECT
- INSERT
- UPDATE
- DELETE
SELECT DEYİMİ
Veritabanındaki verilere erişmeyi listelemeyi ve sıralamayı sağlayan SQL deyimidir. Genellikle bir ya da daha çok tablonun bütün alanları ya da belli alanları için SELECTdeyimi yazılır. Yapısı :
SELECT [TOP n [PERCENT]] [DISTINC alan] sütun_listesi
FROM kaynak_listesi
[WHERE arama_koşulu]
[ORDER BY sıralama_koşulu [ASC | DESC]]
Sql veritabanındaki Delete deyimi daha önceden kaydetilmiş bir veya daha fazla veriyi silme işlemi için kullanılan bir sql komutudur. SQL Delete Deyiminin Kullanımı :
DELETE FROM tablo_adı
[WHERE koşul]
Bir örnek verelim. Daha önceden tablomuzda kayıtlı olan bir bilgiyi silelim.
Delete from Ogrenciler
Where Ogrencino like `2006015215048`
Yukarıdaki örneğimizde Delete from Ogrenciler komutları ile hangi tablodaki bilginin silineceği ve Where Ogrencino like `2006015215048`where koşulu ile hangi kayıttın silineceği belirtilir.WHERE ile koşul belirtilmezse tüm kayıtlar silinir. Bu yüzden veri kaybını önlemek için koşul belirtmeye dikkat edilmelidir.
Sql deyimleri veritabanı oluşturmak için Create Table komutunu kullanmanız gerekmektedir. Create Table komutunun kullanımı aşağıdaki gibidir.
CREATE TABLE
CREATE TABLE tablo_adı
(nitelik1 tür1 [DEFAULT ifade] [NOT NULL], ...nitelikN
[[CONSTRAINT kısıt_adı] CHECK durum1, ...durumN] )
Bu konuyu daha iyi anlamanız örnek bir uygulama hazırlayalım. Veritabanımızın alanları id,keywords ve açıklamadır. Bu veritabanını oluşturmanız için aşağıdaki SQL Komutlarını yazmanız gerekir.
CREATE TABLE `alt_menu` (
`id` int(11) NOT NULL auto_increment,
`Keywords` varchar(150) NOT NULL,,
`aciklama` text,
PRIMARY KEY (`id`)
)
SQL veritabanında verileri tabloya yazdırmak yani kaydetmek için "insert" deyimi kulllanılır. INSERT deyiminin kullanımı :
INSERT [INTO] tablo_adı (sütun_listesi)
VALUES (değer_listesi)
insert deyimini daha iyi anlamanız için şimdi bir örnek uygulama hazırlayalım. Ogrenciler tablosona Ogrencino,Adi,Soyadi alanlarını oluşturalım.
INSERT INTO `ogrenciler` (`Ogrencino`,`Adi`,`Soyadi`,)
VALUES ('2006015215048','Okan','Ka',);
Bu örneğimizde tablomuza INSERT INTO `ogrenciler` (`Ogrencino`,`Adi`,`Soyadi`,) satırı ile alanlarımı belirttik ve VALUES ('2006015215048','Okan','Ka',); bu satırlardada alanlarımıza yeni kayıtları atadık.
VBScript’in kullanılmaya hazır bir çok fonksiyonu vardır; bunlardan biri olan Array ile, kolayca dizi değişken oluşturabiliriz. Diyelim ki, Gunler(7) dizi-değişkenini gün adları ile doldurarak oluşturmak istiyoruz:
<%
Dim Gunler = Array ("Pazartesi" , "Salı" , "Çarşamba" , "Perşembe" , "Cuma" , "Cumartesi", "Pazar")
%>
ile hem dizi-değişkeni oluşturabiliriz; hem de değerlerini atayabiliriz. Bu suretle oluşturduğumuz dizi değişkenin üyelerine daha sonra sıra numaraları ile atıfta bulunabilirsiniz. Örneğin: <%=Gunler(6)%> bize Pazar’ı verir. Neden? Çünkü hayatlarının büyük bölümünü penceresiz ortamlarda geçiren kişiler olan dil tasarımcıları, sayı saymaya biz normal insanlar gibi 1’den değil 0’dan başlarlar; dolayısıyla Gunler dizi-değişkeni Gunler(0)’dan başlar.Bir başka örnek:
<% Option Explicit %>
<HTML>
<%
Dim Degisken(2), Toplam
Degisken(1) = "ömer"
Degisken(2) = "faruk"
Toplam = degisken(1) + Degisken(2)
%>
<% =Toplam %>
</HTML>
Sonuç: “ömerfarukr” değil mi? (Arada boşluk olmamasına aldırmayın şimdilik!) Peki; şimdi Degisken(1) değeri olarak tırnak içine alarak 5, Degisken(2) değeri olarak yine tırnak içinde 10 yazın. Programı tekrar çalıştırın. Sonuç? 510!? Peki; tırnakları kaldırın 5 ve 10’un çevresinden. Sonuç? 15. Oh, neyse! Bir an için VBScript matematik bilmiyor sandık! Bu durum VBScript’in matematik bilgisinin kıtlığından değil, tırnak içindeki değerlerin, VBScript ayrım yapmıyor bile olsa, karakter-dizisi (String) iken toplama işleminde ard arda eklenmesinden (concatenate) kaynaklanıyor. Tırnakları kaldırdığınızda, VBScript bu değerlerin sayı olduğunu anladı ve doğru işlemi, yani toplama işlemini yaptı. Şimdi VBScript’in değişkenleri ele alış tarzını daha iyi kavramak için Degisken(1) değeri olarak tırnak işareti koymadan kendi adınızı, Degisken(2) değeri olarak da soyadınızı yazın ve programı çalıştırın. Ne sonuç aldınız? VBScript’in kullandığı tek tür değişkene variant denir. Variant, karakter-dizini (String) de olabilir, sayı (Number) da. Fakat bir variant’ın içindeki değer, veri olarak nitelendiğinde şu türlerden birine girer:
Boolean : Değişkenin değeri True (doğru) ya da False (yanlış) olurlabilir. True’nun değeri 1, False’un değeri ise 0’dır.
Byte : 0 ile 255 arasında bir sayısal değer olabilir.
Double : Yüzen noktalı değer denilen veri türüdür. Pozitif sayılar için 4.9E-324 ile 1.8E308 arasında, negatif sayılarda -4.9E-324 ile -1.8E308 arasında bir değer alabilir.
Date/Time : Önceden belirlenmiş biçimlerde tarih ve zaman bilgisi içerir.
Empty : Tanımlanmış ancak henüz değer atanmamış (boş) değişken türüdür.
Error : Programın hata mesajlarını ve hata değerlerini tutar.
Integer : Noktalık bölüm içermeyen tamsayı verilerdir; değeri -32.768 ile +32.767 arasında olabilir.
Long : Noktalık bölüm içermeyen tamsayı verilerdir; değeri -2.147.483.648 ile 2.147.483.648 arasında olabilir.
Null : İçinde veri bulunmamak üzere tanımlanmış değişkenlerdir.
Object : Windows OLE Nesnelerini tutmak üzere tanımlanmış değişkenlerdir.
Single : Yüzen noktalı değer denilen veri türüdür. Pozitif sayılar için 1.4E-45 ile 3.4E38 arasında, negatif sayılarda –1.4E-45 ile -3.4E38 arasında bir değer alabilir.
String : Alfanumerik veri tutan değişkenlerin değeridir
Günümüzde sıkça kullanılan bir deyim Nesneye Yönelik Programlama. Nedir bu Nesneye Yönelik programlama ? Bu tip programlamada kullanılan her öğe bir nesne olarak kabul edilir. Bu nesnelerin özelliklerini kullanarak onları değiştirerek program yazılır. Javascript'te bu tür bir programlama dilidir. Örneğin webde sörf yaparken herkesin karşısına çıkan formlar birer nesnedir. Bu nesnelerin tepkiye göre cevap vermesi gibi özellikler de onun yani nesnenin özellikleridir.Örneğin şimdiye kadar çoğu kez kullanılan document.write komutu aslında bir nesnenin özelliğine atıfta bulunmaktan başka bir şey değildir. Yani document nesnesinin write özelliğini kullanarak html sayfamıza yazı yazdırıyoruz.
window Nesnesi : Genel olarak pencere özellikleri ile ilgili bir nesnedir.
Pencere açmak ve kapamak:Birçok yerde gördüğünüz pencere açma pencerelerin çeşitli özelliklerini değiştirme bu nesne yardımıyla yapılmaktadır.Pencere açmak için :
window.open("Url_adı" , "pencere_adı" , "pencere_özellikleri");
Pencere kapatmak için :window.close();
Pencere kapatmak için window.close() komutu vermek yeterlidir. Burada kapatılan pencere ona kullanılmakta olan penceredir.Pencere açma işleminde window.open() ile pencerenin açılmak istendiği belirtilir. Parantez içerisinde verilenler ise açılması istenen pencerenin özelliklerini belirtir.Url_adı : Buraya yazılacak dosya ismi açılacak pencerenin içerisinde olacaktır.
window.open("http://www.gantep.edu.tr")veya;
window.open("index.html")
Pencere_adı : Bu açılacak pencerenin adını belirtir. Birden çok pencere ile işlemler yapıyorsanız hangi pencereye bir komut gönderdiğinizin belli olması için gereklidir.
window.open("index.html" , "ana");
Pencere_özellikleri : Bu özellikte adından belli olduğu ölçüde pencerenin özellikleri ile ilgilidir. Bir pencerenin değiştirilebilir özellikleri şunlardır :
menubar : Tarayıcıların en üst kısmında bulunan File(Dosya) , Edit(Düzen) vb. menülerin bulunduğu satırdır.
toolbar : Tarayıcılarda üst kısımda Back(Geri) , Forward(İleri) vb. tuşların bulunduğu kısımdır.
location : Tarayıcılarda ziyaret etmek istediğiniz web adresini yazdığınız kısım.
status :Tarayıcıların en alt kısmında hangi dosyanın yüklendiği ile ilgili bilgi veren kısımdır.
scrollbars : Sağ tarafta bulunan sürgü çubuklarıdır.
resizable : Pencerenin boyutlarının kullanıcıya bırakılması veya kesin değerler almasıyla ilgilidir.
width : Açılacak olan pencerenin piksel cinsinden genişliğidir.
height : Açılacak olan pencerenin piksel cinsinden boyudur.
left : Açılacak olan pencerenin ekranın sol tarafından kaç piksel uzaklıkta olacağını belirler.
top : Açılacak olan pencerenin ekranın üstünden kaç piksel aşağıda olacağını belirler.Eğer pencere özellikleri kısmında değişmesini istemediğiniz bir özellik varsa onu yazmanıza gerek yoktur. Bu değerler tarayıcının banko(default) değerlerinden alınır.
200x300 ebatlarında http://www.gantep.edu.tr adresine bağlanan bir pencere açmak için;
window.open("http://www.gantep.edu.tr", "ana" ," menubar=no, toolbar=no, scrollbars=yes, location=yes, width=200, heigt=300";)
window.location.protocol window nesnesinin location.protocol nesnesi ise yüklenen dosyanın sabit diskten mi yoksa internetten mi yüklendiğini gösterir.
if (window.location.protocol == "http:" )
{ document.write ("Bu belge Internet'ten geliyor.") }
else
{ document.write ("Bu belge sabit diskten geliyor") }
http: Dosyanın internetten yüklendiğini belirtir.
file: Dosyanın sabit diskten yüklendiğin belirtir.
window.history.go
window un history özelliği ile bir önceki sayfaya erişim sağlanabilir. Örneğin kullanıcı herhangi bir formu doldurmadı ve işlem yapılamadı bu durumda bir hata mesajı ile kullanıcıyı uyardıktan sonra history nesnenisin kullanarak bir önceki sayfaya kullanıcı göndererilebilir.
window.history.go(-1)
Bir önceki sayfaya -1 ile ulaşabilirsiniz. Bu değeri arttırarak daha önceki sayfalara da ulaşabilirsiniz.
window.status.bar kullanımı :
status.bar, window nesnesinde belirttiğimiz gibi tarayıcıların en alt kısmında yer alan hangi dosyaya gidileceği veya yüklendiği ile ilgili bilgi veren kısımdır. window.status="Ahmet Hoca iyi günler diler!";
window.moveTo(x,y)
IE veya NN penceresini bir x,y ile belirlenmiş noktaya taşımak için kullanılır. Taşınan nokta ekranın sol üst köşesidir. Normalde bu noktanın varsayılan değeri (0,0). Window.moveTo(100,100); // Internet penceresini 100,100 noktasına taşır.Döngü deyimleri kullanılarak IE veya NN penceresi hareketli duruma getirilebilirsiniz.Örnek:
<html>
<head><title>ornek.html</title></head>
<body>
<script> <!--
var y;
for(y=400;y>=0;y-=8){ // x değeri her zaman 0, y değeri 400. pikselden
window.moveTo(0,y); // başlıyor.
}
-->
</script>
<center>Web Sayfama Hoşgeldiniz...</center>
</body>
</html>