Articles by "dersler"
dersler etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Visual Basic Sürükle Bırak
 Biliyorum. Aradan neredeyse 1-2 yıl felan geçti Visual Basic kodları paylaşmamam. Ama gene yavaş yavak ara sıra paylaşmaya başlıyorum. Bu vereceğim ders ile Visual Basic'de program yapan arkadaşlar sürükle bırak özelliği ile bir objeyi program esnasında sürükleyebilir ve istediği yerde bırakabilmesini sağlayacağız.

 Bunun için 4 adet malzemeye ihtiyacımız var. Peki nedir bu malzemeler*

  • 1 adet TextBox
  • 1 adet Panel
  • 1 adet PictureBox
  • 1 adet ListBox
Bunları programda zevkinize göre yerlerine yerleştirdikten sonra bir ayar yapmamız gerekiyor.
Texbox, panel ve listbox'ın allowdrop ayarını True yapmalısınız. True yapmayı sakın unutmayın!

Ve aşağıdaki kod ile sürükle bırak işlemini yapabilirsiniz.


Public Class Form1

    Private Sub TextBox1_DragDrop(sender As Object, e As DragEventArgs) Handles TextBox1.DragDrop
        Dim path As String() = CType(e.Data.GetData(DataFormats.FileDrop), String())
        For Each filename As String In path
            TextBox1.Text = filename
        Next
    End Sub

    Private Sub TextBox1_DragEnter(sender As Object, e As DragEventArgs) Handles TextBox1.DragEnter
        If e.Data.GetDataPresent(DataFormats.FileDrop) Then
            e.Effect = DragDropEffects.Copy
        End If
    End Sub

    Private Sub ListBox1_DragDrop(sender As Object, e As DragEventArgs) Handles ListBox1.DragDrop
        Dim path As String() = CType(e.Data.GetData(DataFormats.FileDrop), String())
        For Each filename As String In path
            ListBox1.Items.Add(filename)
        Next
    End Sub

    Private Sub ListBox1_DragEnter(sender As Object, e As DragEventArgs) Handles ListBox1.DragEnter
        If e.Data.GetDataPresent(DataFormats.FileDrop) Then
            e.Effect = DragDropEffects.Copy
        End If
    End Sub

    Private Sub Panel1_DragDrop(sender As Object, e As DragEventArgs) Handles Panel1.DragDrop
        Dim path As String() = CType(e.Data.GetData(DataFormats.FileDrop), String())
        For Each filename As String In path
            PictureBox1.ImageLocation = filename
            PictureBox1.SizeMode = PictureBoxSizeMode.Zoom
        Next
    End Sub

    Private Sub Panel1_DragEnter(sender As Object, e As DragEventArgs) Handles Panel1.DragEnter
        If e.Data.GetDataPresent(DataFormats.FileDrop) Then
            e.Effect = DragDropEffects.Copy
        End If
    End Sub
End Class

 Bu kadar arkadaşlar. Zorlandığınız ve yapamadığınız yerler olursa yorumda belirtin size elimden geldiğince yardım etmeye çalışacağım. 
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
https
 İnternette sunucular ve son kullanıcılar arasında bilgilerin "başkaları tarafından" okunamayacak şekilde nasıl aktarılacağına dair kurallar ve yöntemleri düzenleyen bir sistemdir.
Özellikle internet üzerinden yürütülen bankacılık işlemleri için banka siteleriyle bağlantı kurulduğunda ya da kredi kartıyla ödeme yapılan sistemlerde kredi kartı bilgileriniz doğrulanırken, tarayıcınızdaki adres çubuğunun başında "http" yerine "https" yazdığını görürsünüz. Başında "https" yazılan adreslerle bağlantı kurduğunuzda, bilgiler sadece karşı taraf ve sizin tarafınızdan okunabilecek şekilde şifrelenir. "http" ile yapılan bilgi alışverişinde ise bir şifreleme yoktur, başka kişiler de sizin aldığınız ve verdiğiniz bilgilere ulaşabilir. "https", bilgi güvenliği gereken zamanlarda uygulanan bir güvenli iletişim protokolüdür.
Yani Arkadaşlar Bir Tür İnter Tarayıcısının Virüs Etiketi Diyebiliriz.

WebteGez'den UYARI .. ;

İnternetten Alışveriş Yaparken Şifrenizi Girdiğiniz Sayfanın Üst Tarafındaki URL Kısmının "HttpS" İle Başlamasına Dikkat Edin.
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
PHP Dersleri 3 - Değişken Tanımlama
 Merhaba Arkadaşlar;

 Bu dersimizde sizlere PHP değişken tanımlamayı öğreteceğim. İnşallah yararım dokunur.

Değişken Nedir?

 Arkadaşlar size ilk önce değişkeni tanımlayacağım. PHP dilinde en çok kullanılan komutlardan bir tanesi de kendi tabirimizle değişkendir.
Peki nedir bu değişken, ne işe yarar?
PHP Dersleri 3 - Değişken Tanımlama
 Değişken php kodlarımızda bizim işimizi gerçekten ve gerçekten çok kolaylaştırmaktadır. Mesela php kodlarımızda bir mesaj veya bir HTML vb. gibi kodlar çok bulunuyor ve siz tek tek yazmak istemiyorsanız veya örneğin bir sayfada 50 tane "Merhaba" mesajı yazacaksınız, daha sonra bu mesajı değiştirmek için tek tek değiştirmek istediğimizde bize gerçekten çok güçlük verir. İşte tam bu noktada da yardımımıza değişken gelir.  Bu değişkeni bir kutu farz edelim arkadaşlar. Ama bom boş bir kutu. Siz bunun içine ne atarsanız o kutuda kalır ve istediğiniz zaman çağırabilirsiniz. Tek bir mesajı değiştirerek aynı değişkende yer alan sayfadaki tüm aynı değişkeni değiştirebilirsiniz.
   Değişkenin içine istediğiniz her şeyi koyabilirsiniz.

PHP Dersleri 3 - Değişken Tanımlama
Bir örnek olarak mesela değişkenin içine bir "Araba" yazan yazı  koyalım. Bu arabanın adını gene aynı şekilde araba yapalım (Değişkene ad tanımlamayı da anlatacağız). Bunun adını araba yapmak zorunda değilsiniz. İster oyuncak, ister eşya vb. gibi arabaya istediğiniz bir değişken adı tanımlayabilirsiniz. Biz örnek olarak aynı şekilde araba koyduk adını. Şimdi bu araba adını sayfamızda bir çok yere yazacağız. İstediğiniz kadar yazdıktan sonra araba adlı değişkenin içindeki "Araba" yazan yazıyı değişkeni belirlediğimiz yerde değiştirerek sayfada koyduğunuz tüm araba adlı değişkenlerin hepsi değişir. Ve bu sayede de tek tek yazmak zorunda kalmazsınız.
Yalnız dikkat etmeniz gereken bir nokta var! Değişken adlarını tanımlarken dikkat etmelisiniz. Değişken adları "Büyük-Küçük" harflere duyarlıdır. Yani araba adlı koyduğumuz değişkeni sayfanızda Araba veya aRaba gibi yazarsanız değişkeniniz çalışmaz. Bu noktaya çok dikkat ediniz.

Peki Bu Değişken Nasıl Yazılır?

PHP Dersleri 3 - Değişken Tanımlama
 Bir değişkene ad vermek için para birimi olan Dolar simgesi ($) kullanılmaktadır.
 Dolar simgesin koyduktan sonra değişkene vermek istediğimiz adı yazarız.
Örnek olarak;
$araba
 şeklindedir.  Peki şimdi bir de bu "$araba" değişkenin içine "Araba" diye bir yazı yazalım.
Bunun için değişkeni yazdıktan sonra "="(eşittir) sembolü ile devam edilir ve ardından ("") 2 tırnak işareti konup, bu 2 tırnak işaretinin aralarına "Araba" yazısını yazabiliriz veya istediğiniz her yazıyı yazabilirsiniz. Daha sonra php komutunun bittiğine dair (;) (noktalı virgül) koyarak sonlandırırız.
 Gerçekten gayet kolay bir işlem. Bunu örnekler vererek daha iyi bir şekilde anlayabilirsiniz.

Örnek olarak göstermek istersek;
<?php
$araba = "Araba";
?>
 Gördüğünüz gibi gayet kolay bir işlem arkadaşlar. "$" işaretini koyduktan sonra değişkenimizi başlatıyor ve değişkenimize bir ad belirliyoruz(araba) daha sonra tırnak işaretleri arasına belirlediğimiz değişkenin içine istediğimiz her şeyi atıyoruz.
Bu değişkenin ekran çıktısı aşağıdaki gibi olacak;
Araba

Ama ben yazdım öyle bir şeyler çıkmadı gibi bir şeyler duyar gibiyim bazılarınızdan. Böyle yazınca çıkmaz arkadaşlar. Biz bu kodla sadece değişkene böyle bir komut veriyoruz. Bu komutu ekrana bas diye bir komut vermediğimiz için yazmıyor. Peki ben bunu ekrana nasıl yazdırabilirim? sorusunun cevabı aşağıdadır.

Değişkeni Ekrana Yazdırma!

 Arkadaşlar size bir önceki dersimde anlattığım gibi ekrana yazdırmayı "echo" komutu ile yazdıracağız. Bunuda az çok anladınız her halde.
Şimdi bunu ekrana yazdırabilmek için "echo" komutuna değişken adını ($araba) yı yazdırmasını isteyeceğiz.
Örnek Kod;
<?php
$araba = "Araba";

echo $araba; ?>
 Gördüğünüz gibi bu şekilde yazarsanız bu sefer ekrana "Araba" yazısını yazdırmış olacağız. Echo'da değişken tanımlamak için tırnak işaretleri olmadan direkt değişken adını yazmalıyız. Yani kısacası echo içine php kodları yazarken tırnak işaretleri olmayacak; sadece metin, yazı, mesaj vb. gibi düz yazılar yazarken tırnak işaretleri kullanmalıyız.

 Bu şekilde değişkeni($araba) web sitenizde istediğiniz bir çok yere yazabilir ve daha sonra değişken tanımladığınız yerde tanımladığınız değişken içindeki yazıyı(Araba), değiştirerek bir çok yere eklediğiniz yazılarının hepsi otomatik olarak değişecektir.

 Bu değişkeni ekrana echo komutu yerine print komutu ile de  yazdırabilirsiniz. Gene aynı sonucu alacaksınız.
Örnek Kod;
<?php
$araba = "Araba";

print $araba;
?>
 ile yazdığınız zaman gene aynı şekilde sayfanızda "Araba" yazısını göreceksiniz.

PHP Dersleri 3 - Değişken Tanımlama Bu değişkeni yukarıdaki örnek gibi bir çok işlerde kullanabilirsiniz. Mesela php de Üyelik, Üye Giriş, Ziyaretçi Sayfası, İletişim Formu vb. gibi sistem yazarken değişken kullanarak yazacaksınız. Normalde değişken kullanmadanda yapabilirsiniz ama baştan dediğim gibi tek tek yazıp daha sonra değiştirmek için uğraşmamanız için. Sonraki derslerimizde anlayacaksınız zaten arkadaşlar.

Bu dersimiz bu kadar arkadaşlar. Bir dahaki dersimizde görüşmek üzere :))

<< Önceki Dersimize Gitmek İçin Buraya Tıklayın..
Sonraki Dersimize Gitmek İçin Buraya Tıklayın.. >>


En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Merhaba Arkadaşlar;

 Bu bizim PHP'den 2. dersimiz. Bu dersimizde php'nin en kolay, en basit ve de PHP'de en çok kullanılan bir PHP komutunu öğretmekle devam edeceğim.

 Dersimize başlamadan önce size şunu belirtmek istiyorum ki, profesyonel bir PHP kod sistemi yazabilmeniz için iyi derecede İngilizce dili bilmeniz gerekmektedir. Bu tek PHP için geçerli değildir. Web kodlama sistemindeki bütün kodlama dillerinde geçerlidir.

Neyse dersimize geçelim arkadaşlar;

Echo Komutu:
 Bu size öğreteceğim komut, "ekrana mesaj yazdırma" komutudur. Yani web sitenizde ekrana PHP ile mesaj yazdırabilmek için kullanabileceğiniz bir komuttur. Bu komut "echo" komutudur.

 Her zamanki gibi PHP özel başlangıç etiketlerini açıp aralarına "echo" komutu ile istediğimiz mesajımızı yazabiliriz.
<?php
echo "Merhaba WebteGez Ziyaretçisi.!";
?>
Bu şekilde bir kodu sunucunuza yazarsanız, sizin veya başkalarının web sitenize girdiği zaman göreceği tek şey;
Merhaba WebteGez Ziyaretçisi.!
 Tırnak içine yazdığınız mesaj web sitenizde aynen o şekilde çıkacaktır.

 PHP komutlarında hep; önce komutlar yazılır, daha sonra komut olduktan sonra ne yapmasını istiyorsanız """(tırnak açıp yapmasını istediğiniz şeyi yazıp tekrar tırnağı kapatıyorsunuz.) Kodların %90'nı o şekildir. Bu echo komutunda görüldüğü gibi.

 Bir şey daha söylemek istiyorum arkadaşlar. PHP komutunun en baştaki zorunlu olan bir komuttan bahsedeceğim. Bu "echo" komutunda da gördüğünüz gibi her yazdığınız komutlardan sonra, komutun en sonuna ";"(noktalı virgül) koyarak o istediğiniz komutun bittiğine dair bilgi vermelisiniz. Aksi taktirde koymaz veya koymayı unutursanız PHP hata verecek ve o komutu koymanız için web sitenizin sayfasında size mesaj yazacaktır.
 Bu komutları bir robot veya başka biri yazmıyor. Biz, yani insanlar yazıyor. O yüzden kodlamamızda illaki bazı hatalar çıkabilir. Farkına varmadan yanlış kodlamalar yazabiliriz. Bu yanlış kodlamamızda, yanlış kodladığınız sayfaya girdiğiniz zaman bize hata verip, yaptığımız hatayı bize bildirmektedir.
 Bu yüzden size en başından dediğim gibi böyle hataları anlayabilmek için iyi derecede ingilizce bilmeniz gerekmektedir. Daha sonra hatalarınızı kolayca bulabilir, 2 saat internette araştırma yapmak zorunda kalmazsınız.

Print Komutu:


 "Print" komutu da "echo" komutuyla aynı işlevi görmektedir. Yani "echo" gibi ekrana yazı yazmaya yarar. İkiside aynı işlevi görmesine rağmen "echo" komutu yüksek derecede tercih edilmektedir. "Echo" komutu hem performans bakımından, hem kolaylık bakımından daha çok tercih edilmektedir.

 Echo komutunun seçilmesinin en önemli bir nedeni daha ise; Echo komutu birden fazla dizgeyi ekrana yazdırabilir. Ancak bu durum "print" olayında olmaz.
Buna bir örnek vermek gerekirse;
<?php
echo "Merhaba ","WebteGez ","Ziyaretçisi.!";
?>
Burada gördüğünüz gibi üç kısımda yazdık ama ekran çıktısı;
Merhaba WebteGez Ziyaretçisi.!
Olarak çıktı. Bu kodu "Print" ile denemek istersek hata ile karşılaşırız.

Print ile yazdırma kodu ise;
<?php
echo "Merhaba ","WebteGez ","Ziyaretçisi.!";
?>
 Bu şekildedir. Sonuç olarak ise gene aynı şekilde "echo"nun verdiği cevabı verecektir..

<< Önceki Dersimize Geçmek İçin Buraya Tıklayın..


En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
PHP Dersleri 1 - PHP Nedir?  PHP (açılımı PHP: Hypertext Preprocessor) geniş bir kitle tarafından kullanılan, özellikle sanal yöreler üzerinde geliştirme için tasarlanmış HTML içine gömülebilen bir betik dilidir.
 Bir PHP betiğinin Perl ya da C gibi dillerden ne kadar farklı bir yapıda olduğuna dikkat edin. HTML kodu oluşturmak için bir sürü kod yazacağınıza, istediğiniz işi yapan bir PHP kodu yazıp onu HTML kodunun içine gömüyorsunuz.

PHP Dersleri 1 - PHP Nedir?
 PHP kodunu yazabilmek için <?php ve ?> özel başlangıç ve bitiş etiketleri yazıp bu etiketlerin arasına yazabilirsiniz. Ayreten web sitenizde PHP sunucusunun yüklü olması gerekmektedir.  <?php ve ?> özel başlangıç ve bitiş etiketleri arasına yazılır. Bu etiketler "PHP kipine" rahatlıkla girip çıkabilmenizi sağlarlar.



PHP Dersleri 1 - PHP Nedir?
 Örneğin bir sayfanızda PHP bir kod yazmaya başlamadan önce "<?php" (tırnak işaretleri yok!) özel başlangıç etiket tagı açarak PHP kodu yazacağınıza dair komut verir, daha sonra yazmak istediğiniz PHP kodlarınızı yazarsınız ve daha sonra tekrar PHP kodunuzun bittiğine dair komut vermek için "?>" etiketini kıllanarak PHP kodunuzu bitirebilirsiniz.
Örnek olarak; "<?php buraya PHP kodlarınız ?>"

 Bir sayfada dilediğiniz kadar PHP etiketi (<? .. ?>)kullanabilir veya komple bir sayfanın hepsini tek bir PHP etiketiyle açıp dilediğiniz kadar PHP kodları yazabilirsiniz.
 PHP'yi Javascript gibi kullanıcı tarafında çalışan dillerden ayıran, sunucu tarafında çalıştırılıyor olmasıdır. Her hangi bir PHP kodunu kendi sunucunuzda çalıştırırsanız, sitenize bağlanan kullanıcılar PHP kodlarını kodu göremeyecekler ve müdahale edemeyecekler, yalnızca sonucu görebileceklerdir. Dilerseniz HTTP sunucunuzu bütün HTML dosyalarınızı PHP dosyası olarak görüp işleyecek hale bile getirebilirsiniz. Buna rağmen kullanıcılar sizin gerçekte sunucu taraflı bir uygulama kullandığınızı fark edemeyebilirler.

 PHP kullanmanın en güzel yanlarından biri, yeni kullanıcılar için öğreniminin oldukça kolay olması ve aynı zamanda profesyonel kullanıcılar için ileri seviyede özellikler içermesidir. PHP'nin uzun özellikler listesini okumaktan korkmayın. Kısa sürede PHP ile programlamaya başlayabilir ve birkaç saat içersinde basit programlar yazmaya başlayabilirsiniz.

 PHP'nin yeni suncularında başlangıç etiketi olarak kısacası "<?" başlangıç etiketini kullanabilirsiniz. Bu başkanguç etiketi PHP'nin yeni sürümlerinde kısacası bu etiket ile başlatabilirsiniz.


En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
 Merhaba arkadaşlar.
Bu yazımda size Minecraft Hamachi ile server oluşturmayı anlatacağım.

Öncelikle eğer hamaci programı bilgisayarınızda yüklü değilse buradan indirebilirsiniz.

Ardından buradan Minecraft_Server.exe'yi indirin ve boş bir klasörün içine atın.

Ardından hamachi'yi kurun.
Hamachi yüklendikten sonra karşınıza aşağıdaki gibi bir yer gelecek. Orada 'a basıp Mevcut Bir Ağa Katıl veya Bir Ağ Oluştura basıp doldurun. Burada kare içine aldığım yer server ip'niz olacak.
Minecraft Hamachi Server Kurulumu Resimli Anlatım

Ardından bir klasör içine attığınız Minecraft_Server.exe'yi açın ve kare içine aldığım yazı gelene kadar bekleyin.
 Ardından Minecraft_Server.exe'yi kapatın ve Minecraft_Server.exe'nin bulunduğu klasörden server dosyasına basın. NOT:server.txt değil server properties.

 Ardından aşağıdaki yerdeki gibi kendinize göre server'ınızı ayarlayın. NOT:Server ip'ye ilk resimde kare içine aldığımı yazın (tabiki kendi hamachi'nizde yazanı).


Ardından klasör'e tekrar dönüp Minecraft_Server.exe 'yi açın. Oyuna girin multiplayer'a Server IP'nizi yazın ve girin.


Ve sonuç. İyi oyunlar



En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
 S.A. Arkadaşlar.
Bugün size Visual Studio Program Crack Yapmasını Öğreteceğim.

Normalde herkes internetten Visual Studio programını indirir kurar, 90 gün sonra deneme sürümü biter ve bizden serial key(product key) ister. Bizde gider Visual Studio programı için internette serial key arar dururuz. Ama artık serial key aramaya hiç gerek yok. Serial Key'siz direk yoldan hiç bir program indirmeden bu sorunu ortadan kaldırabiliyoruz. Nasıl mı.?

Yazılı Anlatım:

1) Başlat > Çalıştır > regedit
Arkadaşlar ilk olarak başlat butonuna ve ardından çalıştır butonuna tıklayıp metin yazma alanına regedit yazın ve klavyenizin "Enter" tuşuna veya çalıştır bölümünde "Tamam" butonuna tıklayınız.

2) HKEY_LOCAL_MACHINE > SOFTWARE > Microsoft > Wow6432Node > Microsoft > VBExpress > 9.0 > Registration (Bu Registration Klasörünü Silin..)
 Daha sonra karşınıza bir ekran gelecektir. Bu ekranda sizi yukarıda gösterdiğimiz yolla gerekli "Registration" klasörüne ulaştıracağız.
 Bu "Registration" klasörünü bulduktan sonra Mouse ile üzerine tek sol tık yapıp ardından klavyenizden "Delete" tuşuna ve daha sonra "Evet" butonuna basarak siliniz veya mouse ile üzerinde tek sağ yapıp ardından "Sil" yazısına tıklayıp ve tekrar "Evet" butonuna basarakda silebilirsiniz.

3) Hayırlı Olsun.!
 Ve işte artık işimiz tamamdır. Artık Visual Studio programınızı ömür boyu sıkıntısız bir şekilde product key uyarısı almadan gönül rahatlıyığla kullanabilirsiniz.

4) Yorumda bir teşekkürü çok görmezsiniz inşallah.

5) Kısa süre sonra resimli ve videolu olarakta size sunacağız.

Resimli Anlatım: (Tam Ekran İçin Resimlerin Üzerine Tıklayabilirsiniz)













Bu Kadar :)
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Bu Windows kullanım uygulamaları esnasında sayfanın özelliklerini ayarlamak için kullanılır.

Pagesetupdiyalog, Visualbasic.net'te sayfanın kenarlarının ayarını, boşlukları, alt-üst bilgilerini vs. ayarlamasını sağlar.

AllowMargins: Kenar boşluklarını ayarlamak için kullanılır
.allowmargins=true
AllowOrientation: Sayfanın yatay dikey ayarı yapılmasını sağlar. 
.alloworientation=true
AllowPaper: Kağıt büyüklüğünün değiştirilmesi ayarıdır.
.allowpaper=true
Allowprinter: Diyalog bölümünde printer düğmesi olup olmayacağını belirler.
.AllowPrinter=true
ShowNetwork: Diyalog penceresinde network düğmesi gözükmesini belirler.
.shownetwork=true
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..

HTML İle Web Sitesi Hazırlama.

Hayvan ResimleriKöpek Resimleri


Tek satırlı iki hücreli bir tablo oluşturuyoruz. Tablonun genişliği (width) 850 piksel uzunluğundadır. 
 
<table align=center> şeklinde hizalama belirttiğimizde sayfa içinde tabloyu hizalamış (ortalamış) oluruz. 
<tr> ve <td> HTML etiketlerinin align özelliğine değer verdiğimizde ise hücre içindekileri hizalamış oluruz. (şu anda vermedik) 
Yukarıdaki iki hücreli tabloya dikkat ederseniz sayfa içinde ortalanmış durumda. 

Tabloya veya Satıra veyahut hücreye yükseklik değeri vermediğimiz halde tablonun belli bir yüksekliği var. 
Bunun nedeni biz yükseklik (height) değeri vermemiş olsak bile hücre içindeki nesne tablonun belli bir yükseklik almasını sağlar. 
Eğer biz hücre içindeki yazı yada yazılardan birinin puntosunu (büyüklüğünü) arttırır yada azaltırsak hücre yüksekliğide buna göre değişecektir. 
Biz eğer tabloya yada hücreye yükseklik verseydik ve daha sonra yazı büyüklüğünü (puntoyu) arttırsaydık tablo yüksekliğinde değişme (bozulma) olmazdı. Çünkü hücre içindekilerin ihtiyaçı olan yükseklikten daha fazla yüksekliği en başta vermiş olacaktık. 

<table border=1 width=850 align=center> 
  <tr> 
    <td> Hayvan Resimleri </td> 
    <td> Köpek Resimleri </td>
  </tr>
</table>


Hayvan ResimleriKöpek Resimleri


Birinci hücrenin align özelliğini sol (left) olarak veriyoruz; Hayvan resimleri ifadesi hücrenin soluna hizalanıyor. 
 
Sol yada sağ ifadelerinden kasıt sizin ekrana bakarken ki sağınız ve solunuzdur. 
ikinci hücrenin align özelliğini ise right yapıyoruz sağa hizalamak için. 

<table border=1 width=850 align=center>
  <tr>
    <td align=left> Hayvan Resimleri </td>
    <td align=right>Köpek Resimleri </td>
  </tr>
</table>
 


Hayvan ResimleriKöpek Resimleri


Hayvan Resimleri ifadesini büyültmek için font etiketinin size özelliğine 6 değerini veriyoruz. 
 
Önceki derslerimizden şunu hatırlayın: Html etiketleri birbirini kesemez. 
HTML kodlamada dikkat etmeniz gereken husus : en son açılan etiket ilk önce kapatılmalıdır. 

font etiketinin size=6 ile etkileyeceği bütün kelimelerin font etiketi arasında olması gerekir. 
İnşaAllah ilerleyen derslerimizde sizlerle HTML sayfalarındaki yazılara biçim verirken CSS diye bir teknik kullanacağız. 
Şu anda biçim ve büyüklük verirken font etiketini size ve face özellikleriyle kullanacağız. 

<table border=1 width=850 align=center> 
  <tr>
    <td align=left> <font size=6 > Hayvan Resimleri </font> </td> 
    <td align=right> <font size=6 > Köpek Resimleri </font> </td> 
  </tr> 
</table>
 


Hayvan ResimleriKöpek Resimleri



Daha önce sizlere tablo davranışı diye bir ifade kullanmıştım. 
 
Bazen tablo görüntüsü değil davranışı için table etiketini kullanırız; 
Bunu table etiketinin border özelliğine sıfır değerini vererek elde ederiz. 
border özelliğini daha önce img (resim) etiketinde de kullandığımızı hatırlayın. 

Ekranın sağından soluna doğru ince ve siyah bir çizgi çizmek için <hr> etiketini kullanıyoruz. 
Birçok HTML etiketinin alabildiği özellikler olan; 
    align (hizalama)
    color (renklendirme)
    width (genişlik) 
Özelliklerini hr etiketi içinde kullandık. 

<table border=0 width=850 align=center> 
  <tr>
    <td align=left> <font size=6 > Hayvan Resimleri </font> </td> 
    <td align=right> <font size=6 > Köpek Resimleri </font> </td>
  </tr>
</table>

<hr color=black width=850 align=center>
 
Hayvan ResimleriKöpek Resimleri


   


 İlk tablo gibi ikinci tablonunda align özelliğini center yapıp tablonun sayfada ortalı olmasını sağlıyoruz. 
Tek satırlı ve 3 sutunlu bir tablo elde etmek için kodları yukarıdaki gibi ekledik. <tr> ....... </tr> 
Nokta nokta olan yerde üç tane hücre tanımı var. hücrelerin ilk ikisinin genişliği 168 piksel dir. 
üç hücreden birine yükseklik verdiğimizde diğer ikisi de otomatik olarak o yükseklikte olacaktır. 

&nbsp; kodunu <td> ile </td> arasında kullanmamızın nedeni şudur: 
içinde hiçbirşey olmayan hücreyi web tarayıcısı göstermeyecektir. O hücrenin görünmesi için &nbsp; yi hücre içinde kullandık. 
Geçmiş derslerimizden şunu hatırlayın; &nbsp; kodunu birden fazla boşluk vermek istediğimizde yanyana kullanıyorduk. Web tarayıcısı birden fazla boşluk &nbsp; kodu kullanılarak verilmediyse birçok boşluğu tek boşluk gibi algılıyordu. 

<table border=0 width=850 align=center> 
  <tr> 
    <td align=left> <font size=6 > Hayvan Resimleri </font> </td> 
    <td align=right> <font size=6 > Köpek Resimleri </font> </td>
  </tr>
</table>


<hr color=black width=850 align=center>

<br>

<table border=1 align=center>
  <tr>
    <td width=168> &nbsp; </td>
    <td width=336 height=280> &nbsp; </td>
    <td width=168> &nbsp; </td>
  </tr>
 </table>

Hayvan ResimleriKöpek Resimleri


 


İlk hücrenin içine iki tane resim ekleyeceğiz şimdilik bir tanesini ekleyelim. 
 
ikinci ve büyük hücreyi reklam alanı olarak düşündüm. 
üçüncü hücreye de bir tane resim ekleyelim. 

Şuna dikkat edin: Hücreye align (yatay hizalama) ve valign (dikey hizalama) değeri vermediğimizde, 
Varsayılan yatay hizalama şekli sol tarafa doğrudur. Hücre içindeki resim sanki align=left yapmışız gibi hizalanıyor. 
Dikey hizalamada geçerli değer ise middle (ortalı) dır. 
Resim ne hücrenin üstüne (top) hizlanmış ne de altına (bottom) doğru hizalanmış. Biz dikey hizalamada hiçbirşey belirtmemiş olmamıza rağmen sanki valign=middle yazmışız gibi davranıyor. 

Sizler <img> etiketini biliyorsunuz. Img etiketinin src özelliği ile resmin nerede olduğunu belirtiyoruz. 
Eğer resim html sayfamızla aynı yerde değil bir dizinin içindeyse resmin adını direk yazmıyoruz. 
Resmin adından önce içinde bulunduğu klasörün adını yazıp (kopek-1) araya slaş işareti (/) koyuyoruz. 
Böylece Kopek (2).jpg dosyasının nerede olduğunu src özelliğiyle img etiketine belirtmiş olduk. 

..........................
........................................
..................................................

<table border=1 align=center>
  <tr>
    <td width=168> <img src="kopek-1/Kopek (2).jpg"> </td>
    <td width=336 height=280>   </td>
    <td width=168> <img src="kopek-1/Kopek (3).jpg"> </td>
  </tr>
</table>


 
Hayvan ResimleriKöpek Resimleri


   


Bir yere dikkatinizi çekmek için ilk hücrenin genişlik (width) değerini 368 piksel yaptım. 
 
önceki sayfada 1. hücrede tek resim 3. hücrede de tek resim vardı. 
Şu anda geçici olarak 1. hücreyi 368 piksel genişliğine getirdim 3. hücrenin genişliğine ise dokunmadım 168 olarak duruyor. 
Aynı hücreye ikinci bir resim eklediğimizde eğer hücre genişliği yeterli ise ikinci resim 1. resmin hemen yanında yer alıyor. 
3. hücreye dikkat edin hücrenin genişliği 168 (yetersiz geliyor) o yüzden iki resim altlı üstlü gözüküyor. 

Bir şeyi daha söyleyip sonraki aşamaya geçmek istiyorum: 
<tr> etiketine align=center özelliğini verdiğimizde align=center özelliğini alan <tr> etiketinin içinde ne kadar hücre varsa (o satırdaki bütün hücreler) aynı hizalama değerini alacaktır. Burada da her üç hücrede align = center özelliğini aldı; 
Yani yatay hizalamaları ortalı oldu. 


....................
................................
.........................................

<table border=1 align=center>
  <tr align=center>
    <td width=368> <img src="kopek-1/Kopek (2).jpg"> <img src="kopek-1/Kopek (3).jpg"> </td>
    <td width=336 height=280>   </td>
    <td width=168> <img src="kopek-1/Kopek (4).jpg"> <img src="kopek-1/Kopek (5).jpg"> </td>
  </tr>
</table>


 
Hayvan ResimleriKöpek Resimleri


 

  



Aynı hücredeki iki resim arasında <br> etiketini kullanarak aralarında bir miktar boşluk verdik. 
 
Altlı üstlü olmalarını nedeni <br> etiketi değidlri çünkü yanyana gelmeleri için hücre genişliği yeterli değil. 
ilk hücrenin genişliğini tekrar 168 piksele getirdim. Bir önceki sayfada söylediğimi tekrar söylüyorum. 
Hücrenin genişliği yeterli değilse iki resim yanyana gelmez altlı üstlü olurlar. 

Tablo çizgilerini kaldırmak için table etiketinin border özelliğine 0 değerini veriyoruz. 
Böylece tablonun görüntüsü değil davranışını kullanmış oluyoruz. 
Çoğu kez html sayfasında istediğimiz yerleşimi sağlamak için <table>....</table> etiketini kullanırız. 
table etiketi içinde <tr>....</tr> alt etiketi yer alır. satır ifade eden tr etiketinin alt etiketi ise <td>....</td> dir. 

..........................
......................................
..............................................

<table border=0 align=center>
  <tr align=center>
    <td width=168> <img src="kopek-1/Kopek (2).jpg"> <br><br> <img src="kopek-1/Kopek (3).jpg"> </td>
    <td width=336 height=280>   </td>
    <td width=168> <img src="kopek-1/Kopek (4).jpg"> <br><br> <img src="kopek-1/Kopek (5).jpg"> </td>
  </tr>
</table>


 
Hayvan ResimleriKöpek Resimleri


 

  

     
     


Yeni bir tablo oluşturalım. Tablo iki satırdan oluşsun ve 5 sutundan meydana gelsin. 
 
Toplamda 2 x 5 = 10 hücreli bir tablo olacak. 
Fakat size &nbsp; 'in boş hücre içinde kullanılmasının ne demek olduğunu uygulamalı olarak göstermek istiyorum. 
Aşağıdaki mavi koda dikkat ederseniz 1. satırın 3. 4. ve 5. hücrelerinde &nbsp; html etiketi yok. 
Sonucu yukarıya bakıp görebilirsiniz. Tanımlamada hücre olmasına rağmen görüntüde 3 hücre kayıp. 
Nedeni o hücreler bomboş bu yüzden tarayıcı o hücreleri göstermeye gerek duymuyor. 
Bir boşluk yerine geçen &nbsp; olan hücreler ise görsel olarak görülebiliyor. 
normalde birinci satırda 5 hücre ikinci satırda 5 hücre olmak üzere toplamda 10 hücre olması gerekirken toplam 7 hücre görülüyor. 

Ayrıca,
Tabloda bir hücrenin genişliği ne ise o sutundaki bütün hücreler o genişliği alırlar. 
Sadece birinci satırdaki hücrelere genişlik verilmesinin nedeni budur. 
3. sutun hariç hepsi 168 piksel genişliğinde. 
Yükseklik (height) belirtilmediği için varsayılan yazı büyüklüğüne göre boy alan &nbsp; boyundadır. (&nbsp; de bir karakterdir) 

<table border=1 align=center>

  <tr>
    <td width=168> &nbsp; </td>
    <td width=168> &nbsp; </td>
    <td width=130> </td>
    <td width=168> </td>
    <td width=168> </td>
  </tr>

  <tr>
    <td> &nbsp; </td>
    <td> &nbsp; </td>
    <td> &nbsp; </td>
    <td> &nbsp; </td>
    <td> &nbsp; </td>
  </tr>

</table>


 
Hayvan ResimleriKöpek Resimleri


 

  

 

 

 

    
     


Şuna dikkat ediniz. İlk satırın 1. hücresine 4 adet resim koyunca bütün hücreler en yüksek hücre olan 1. hücrenin yüksekliğine uydular. 
 
Bir tablo hücresine yükseklik (height) verilmediğinde içindeki şeylerin ona kazandırdıracağı yükseklik (height) kadar yükseklik (height) alırlar. 
Her bir resim arasına iki tane <br><br> kodu ilave edilmiştir. 
Resimlerin sağa (hücre kenarına) yapışık olmalarının nedeni align (hizalama) değeri vermediğimizdendir. 
Biz align belirtmediğimiz için varsayılan yatay hizalama olan left (sola hizalı) şeklini aldı. 

<table border=1 align=center>
  <tr>
      <td width=168> 
          <img src="kopek-1/Kopek (6).jpg">
          <br><br> 
          <img src="kopek-1/Kopek (7).jpg">
          <br><br> 
          <img src="kopek-1/Kopek (8).jpg">
          <br><br> 
          <img src="kopek-1/Kopek (9).jpg">
      </td>
      <td width=168> &nbsp; </td>
      <td width=130> &nbsp; </td>
      <td width=168> &nbsp; </td>
      <td width=168> &nbsp; </td>
  </tr>
  <tr>
      <td> &nbsp; </td>
      <td> &nbsp; </td>
      <td> &nbsp; </td>
      <td> &nbsp; </td>
      <td> &nbsp; </td>
  </tr>
</table>


Hayvan ResimleriKöpek Resimleri


 

  

   
 

 

 

 

 

 

  

 

 

 

 

 

     


<tr align=center> Bu koda dikkat etmenizi istiyorum; 
 
Birinci satırdaki 4 hücrenin içindekileri ortaya hizalamak için her <td> ye align=center ilave etmedik. 
Bunun yerine satıra (<tr align=center> ) hizalama özelliği verdiğimizde satırdakileri hizalamış olduk. 

Bu aşamada diğer 3 hücreye de resim ekledik. 
önceki sayfada olduğu gibi burada da; her hücreye eklediğimiz 4 resim genişlik yetmediğinden alt alta gelecekti. 
fakat biz bunu gözlemleyemedik çünkü zaten iki resim arasında <br> <br> kodları var. 
Siz resimler arasındaki br kodlarını kaldırıp olayı kendiniz gözlemleyebilirsiniz. 


...........................
.............................................
........................................................

<table border=1 align=center>
<tr align=center>
<td width=168> 
            <img src="kopek-1/Kopek (6).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (7).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (8).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (9).jpg">
</td>
<td width=168> 
            <img src="kopek-1/Kopek (10).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (11).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (12).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (13).jpg">
</td>
<td width=130>   </td>
<td width=168> 
            <img src="kopek-1/Kopek (14).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (15).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (16).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (17).jpg">
</td>
<td width=168> 
            <img src="kopek-1/Kopek (18).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (19).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (20).jpg">
            <br><br> 
            <img src="kopek-1/Kopek (21).jpg">
</td>
</tr>
<tr>
            <td> &nbsp; </td>
            <td> &nbsp; </td>
            <td> &nbsp; </td>
            <td> &nbsp; </td>
            <td> &nbsp; </td>
</tr>
</table>


Hayvan ResimleriKöpek Resimleri


 

  

 

 

 

 

 

 

  Arı 
  Aslan 
  At 
  Ayı 
  Balık 
  Balina 
  Baykuş 
  Böcek 
  Bufalo 
  Çita 
  Deniz Ayısı 
  Denizanası 
  Devekuşu 
  Dinozor 
  Domuz 
  Ejderha 
  Fare 
  Fil 
  Flamingo 
  Fok 
  Gergedan 
 

 

 

 

 

 

     


Hayvan isimlerinin başında $amp;nbsp; var. 
 
nedeni de normal boşlukla baştan bir miktar uzaklaştıramayız; boşluk ihmal edilir. 
Birçok yerde &nbsp; bizim imdadımıza yetişir. 

Font etiketimizi hatırlayın. Yazılara büyüklük (size), renk (color), yazı şekli (face) vs.. vermek istediğimizde font etiketini kullanırız. 
Font etiketi de daha önceki söylediğimiz kurala uyuyor; önce açılan etiket önce kapanır. 
Font etiketinden önce <td> etiketi açılmış daha sonra <font> etiketi açılmış o yüzden öncelikli olarak 
Burada <font> etiketi kapanması gerekir. 
Eğer başka bir hücreye daha yazı yazarsak ve onunda aynı font özelliklerine sahip olmasını istersek ilgili hücrede font etiketini tekrar açıp kapatırız. 

.......................
....................................
...........................................

<td width=130> 
    <font size=3>
            &nbsp; Arı <br> 
            &nbsp; Aslan <br>
            &nbsp; At <br>
            &nbsp; Ayı <br>
            &nbsp; Balık <br>
            &nbsp; Balina <br> 
            &nbsp; Baykuş <br>
            &nbsp; Böcek <br>
            &nbsp; Bufalo <br>
            &nbsp; Çita <br>
            &nbsp; Deniz Ayısı <br> 
            &nbsp; Denizanası <br>
            &nbsp; Devekuşu <br>
            &nbsp; Dinozor <br>
            &nbsp; Domuz <br>
            &nbsp; Ejderha <br>
            &nbsp; Fare <br>
            &nbsp; Fil <br>
            &nbsp; Flamingo <br> 
            &nbsp; Fok <br>
            &nbsp; Gergedan <br> 
    </font>
</td>
.......................
....................................
...........................................

Hayvan ResimleriKöpek Resimleri


 

  

 

 

 

 

 

 

  Arı 
  Aslan 
  At 
  Ayı 
  Balık 
  Balina 
  Baykuş 
  Böcek 
  Bufalo 
  Çita 
  Deniz Ayısı 
  Denizanası 
  Devekuşu 
  Dinozor 
  Domuz 
  Ejderha 
  Fare 
  Fil 
  Flamingo 
  Fok 
  Gergedan 
 

 

 

 

 

 

     


Herşeyde olduğu gibi font etiketinde de varsayılan bir yazı tipi vardır (face). 
 
Biz hiçbir face belirtmeyip sadece font belirttik. Varsayılan yazı tipi (face) hoşumuza gitmedi ve değiştiriyoruz. 
Ben yazı tipi diyorum ama daha doğru ifadesi yazı fontudur. 
<font face="verdana" size=3> ifadesindeki verdana ile hayvan isimlerinin fontu değiştirilmiş oldu. 

<td width=130 align=left valign=top> bu satıra da align ve valign ekledik. 
Yazı yazdığımız hücre de yatay hizalama (align) değerini tr ye verdiğimiz ortalı (center) ifadesinden alıyordu. 

Bir hücrenin dikey hizalamasının nasıl olacağı söylenmediyse varsayılan hizalama middle dır. 
Biz burada valign=top ile hücrenin en üstünden hizalamaya başladık hücre içindeki boşluk yazılardan sonraya kaydı. 

.......................
....................................
...........................................

<td width=130 align=left valign=top> 
    <font face="verdana" size=3>
            &nbsp; Arı <br> 
            &nbsp; Aslan <br>
            &nbsp; At <br>
            &nbsp; Ayı <br>
            &nbsp; Balık <br>
            &nbsp; Balina <br> 
            &nbsp; Baykuş <br>
            &nbsp; Böcek <br>
            &nbsp; Bufalo <br>
            &nbsp; Çita <br>
            &nbsp; Deniz Ayısı <br> 
            &nbsp; Denizanası <br>
            &nbsp; Devekuşu <br>
            &nbsp; Dinozor <br>
            &nbsp; Domuz <br>
            &nbsp; Ejderha <br>
            &nbsp; Fare <br>
            &nbsp; Fil <br>
            &nbsp; Flamingo <br> 
            &nbsp; Fok <br>
            &nbsp; Gergedan <br> 
    </font>
</td>
.......................
....................................
...........................................

Hayvan ResimleriKöpek Resimleri


 

  

 

 

 

 

 

 

  Arı 
  Aslan 
  At 
  Ayı 
  Balık 
  Balina 
  Baykuş 
  Böcek 
  Bufalo 
  Çita 
  Deniz Ayısı 
  Denizanası 
  Devekuşu 
  Dinozor 
  Domuz 
  Ejderha 
  Fare 
  Fil 
  Flamingo 
  Fok 
  Gergedan 
 

 

 

 

 

 

  Geyik 
  Hampster 
  Hindi 
  Iguana 
  İnek 
  Jaguar 
  Kanguru 
  Kaplan 
  Kaplumbağa 
  Kartal 
  Kaz 
  Keçi 
  Kedi 
  Kertenkele 
  Kirpi 
  Koala 
  Kelebek 
  Koyun 
  Köpek 
  Köpek Balığı 
  Kuğu 
  Kurbağa 
   


Hayvan Resimleri / Köpek ResimleriSayfa     1   2   3


 Diğer hayvan isimlerini de 2. satırdaki 5 hücreye yazacağız. 
En üstte uyguladığımız <hr> ifadesiyle çizgi çizmeyi tekrar kullandık. 
Dediğim gibi align (yatay hizalama), color (renk), width (genişlik) özellikleri birçok html etiketinde kullanılır ve br etiketini bu özellikleriyle kullandık. 
web tasarımı öğrenmekten çok daha zevkli olan birşey var o da web sitesi yapmak. 
Hayvan Resimleri sitesini yaparken sizinle bu bilgileri paylaşmak ve sizlerin de ileride böyle siteler yapacağınızı düşünmek beni mutlu ediyor. 
Sitedeki sayfalara bakarken boş bir yere sağ tıklayıp kaynağı görüntüle (view source) seçip html kodlarını inceleyebilirsiniz. 
Selametle kalın. 

Hayvan ResimleriKöpek Resimleri


 

  

 

 

 

 

 

 

  Arı 
  Aslan 
  At 
  Ayı 
  Balık 
  Balina 
  Baykuş 
  Böcek 
  Bufalo 
  Çita 
  Deniz Ayısı 
  Denizanası 
  Devekuşu 
  Dinozor 
  Domuz 
  Ejderha 
  Fare 
  Fil 
  Flamingo 
  Fok 
  Gergedan 
 

 

 

 

 

 

  Geyik 
  Hampster 
  Hindi 
  Iguana 
  İnek 
  Jaguar 
  Kanguru 
  Kaplan 
  Kaplumbağa 
  Kartal 
  Kaz 
  Keçi 
  Kedi 
  Kertenkele 
  Kirpi 
  Koala 
  Kelebek 
  Koyun 
  Köpek 
  Köpek Balığı 
  Kuğu 
  Kurbağa 
  Koyun 
  Köpek 
  Köpek Balığı 
  Kuğu 
  Kurbağa 
  Kurt 
  Kuş 
  Lama 
  Lemur 
  Leopar 
  Maymun 
  Ördek 
  Örümcek 
  Panda 
  Panter 
  Papağan 
  Pelikan 
  Penguen 
  Rakun 
  Sincap 
  Sinek Kuşu 
  Tarantula 
  Tavşan 
  Tavuk 
  Tilki 
  Timsah 
  Yarasa 
  Yavru Kuzu 
  Yılan 
  Yunus 
  Zebra 
  Zürafa 


Hayvan Resimleri / Köpek ResimleriSayfa     1   2   3