aeyStudio.com
Üye
Kullanıcı Adı:

Şifre:

Sonraki ziyaretimde beni otomatik kaydet!

Şifremi unuttum?
Kayıt



Site İçinde    


Gelişmiş arama

Ders Bölümleri
Dersler
En Çok İzlenenler
Son Eklenen Dersler
En Çok Beğenilenler
Tümünü Göster

Derslerde Ara


Dönüşümlü 10 Ders
PSP -Perspektif
Arayüz Yapımı-1
Kablo Yapımı
Saç Rengini Değiştirme
ImageReady - Optimize Penceresi
Şablonlar
PSP - Parlayan Yazı Yapımı
PSP - Transparent Gif Yapımı
Web Tasarımı - Formlar
Flash Alpha Efekti

Site Bilgileri
Sitede 27 kategoride, toplam 93 ders,
Toplam 85 indirilebilir dosya, 63.832 kez indirilme,
Sitedeki derslere uyumlu 8 kategoride, toplam 52 link,
Forumlarda 697 konu, 1.406 ileti bulunmaktadır.
Sitede toplam 13.301 kayıtlı üyemiz var. En yeni üyemiz: asz

Şimdiye kadarki en yüksek aktif ziyaretçi sayısı: 311 - Tarih: 21.07.2016 19:15

Toplam ziyaret: 1.934.891
Bugünkü ziyaret: 0

Aktif Kullanıcılar: 1
Şu anda 0 kayıtlı kullanıcı (arasında 0 tanesi gizli) ve 1 ziyaretçi online.
Ana Sayfa / Dersler / Web Tasarımı / Tablolar, Frameler, Formlar / Web Tasarımı - Tablolar

Web Tasarımı - Tablolar
RSS Feed: Web Tasarımı - Tablolar (Dersler)
Eklenme Tarihi: 07.11.2005 - 21:39   (İzlenme: 69736)
Yorumları Oku (1)
Yorum Ekle
Dersi Yazdır / İndir
Yazdır

Sayfalar:

Tablolar [2]
<td valign="top" width="150" bgcolor="#FFFF00" >
Artık soldaki ilk hücremizi görüyoruz.. Önce bir resim ekleyip hemen ardında bir tablo daha eklediğimizi komutları takip ederek görebilirsiniz.
<img src="imag/adm.gif" border="1" width="102" height="116">
<!-- Ve ikinci Tablomuz - >
<table border=
"0" cellpadding="2" width="144">
<tr>
<td><a href=
"hakkimda.html">Benim Hakkımda</a></td>
</tr>
<tr>
<td><a href=
"album.html">Fotoğraf Albümü</a></td>
</tr>
<tr>
<td><a href="linkler.html"> Linkler</a></td>
</tr>
<tr>
<td><a href=
"projeler.html"> Projeler</a></td> </tr>
<tr>
<td><a href=
"kontak.html"> Kontak</a></td> </tr>
</table>

<!- - Farkettiyseniz içeride koyduğumuz Tablo burada sona erdi şimdi ana tablomuzdaki sol hücreyi sonlandırma vakti -->

</tr>

<! - Ve sağdaki büyük hücremize başlıyoruz -->

<td valign="top" width="400">
<p align=
"center">

<font color="#FF0000" size="6" face="Verdana">
<strong>
Ahmet'in Web Sayfasına Hoş Geldiniz</strong></font>
</p>

<p align="center">
Merhaba bu benim ilk Web Sayfam.Henüz sayfam boş ama yakında benim hakkımda daha detaylı bilgiler bulabileceksiniz.
</p>

</td>
<! - - Tablo satırımız burada sona eriyor.. tekrar </tr> komutuyla kapatıyoruz. --!>
 </tr>
</table> 

Şimdi kısaca <table> komutunu özetlersek:
 • <table> komutu ile açılır.
 • <tr> komutu İle bir satır açılır.
 • <td> ile bu satırın içindeki hücreleri yaratırız. 

HTML öğeleri bu komutların arasındadır. </td> ile kapattıktan sonra dilediğimiz kadar <td>...</tr> çoğalımı yapabiliriz. Bu işlem tablomuzdaki sütun sayısını arttıracaktır.

</tr> ile satırı kapatıp, dilersek tekrar <tr>...</tr> komullarıyla yeni satırlar ekleriz.
• Önemli olan nokta <tr>..</tr> 'ler arasındaki <td>..</td> sayısının aynı olmasıdır. Kısacası eşit sütun sayısı olmalıdır.
</table> komutuyla tablomuz kapatılır...
Her HTML komutunda olduğu gibi TD ve TABLE komutlarında da tasarımımıza daha düzenli bir şekil verebilmek için bir takım parametreler bulunmaktadır. TR komutu daha çok satır açmak için kullanıldığından, tablodaki tüm hücre özellikleri TD (Sütun) komutunda toplanmaktadır.
Şimdi parametreler bakalım;
<TABLE parametre=" değer" >
Cellpadding:
Hücre Doldurma Değeri
Cellspacing: Hücre Aralığı Değeri
Border: Kenarlık genişliği
Width: Toplam genişlik
Height: Toplam yükseklik
Background: Artalan resmi
Bgcolor: Artalan Rengi ( Eğer hücrelere ayrı bir renk verilmezse ise hücreler de bu renk görünmektedir.)
Align:Yatay hizalamaya yarar. Tablomuzu bulunduğu üst tablodaki veya en üst tablo ise sayfadaki konumu belirler. Left, Right, Center ve Justiry değerleri verilmektedir.
<TD parametre=" değer" >
Width: Sütun Genişliğini belirler
Height: Satır yüksekliğini belirler
Bgcolor: Hücre artalan rengini belirler
Background: Hücre artalan resmini belirler
Align: Yatay hizalamayı belirler. Değerleri "left" , "right", "center", "justify" olabilir. Justify, içindeki HTML ögelerini bloklar, yani iki yana yaslamaya yarar. Left, sola; Right, sağa yaslar. Center kullanımı halinde öğeleri ortalar.
Valign: Dikey hizalamayı belirler. Değerleri '"top" (Üst) , "Middle" (orla), "Bottom" (Alt) , "Baseline" (DibeYapıştır) şeklindedir.
Şimdi Ahmet'e dönelim. Sayfasındaki büyük tablonun ortada durmasından pek de hoşnut olmayan Ahmet tablosunu sola aldı. "Sayfa Özellikleri"nden Üst ve Sağdan bırakılan kenar boşluklarını (Marjin) 0 olarak seçti. Şimdi Tablosu sayfanın kenarlarına denk gelmiş oldu.

Tablo düzenimizi planladıktan sonra resmi parçalara ayırmak çok önemli.

HTML Editörüne girmek için Görünüm Menüsün'den HTML'yi seçin. HTML Editörü yaptığımız sayfaların kodunu görüp değiştirmemize yaramakta. Resimlerimize de tıpkı yazılarımızda olduğu gibi Ekle menüsünden Köprü'ye girip link ekleyebiliyoruz. Bunun için resmin üstüne tıklayıp Ctrl+R'ye basabilirsiniz.





Yazan: Yorum:
robiin
Üye

Kayıt Tarihi: 05.06.2007
Yorumlar: 1
slmmmm

helal be kardeş walla bu yaptığını anaokulu çocukları bile yapar e bilir
05.06.2007 21:15 Offline robiin hekim_oglu.5 at hotmail.com

RSS Feed: Web Tasarımı - Tablolar (Dersler)

Google
 
Editörlerimiz | Link Bannerlarımız | Reklam | Site Amacı | Sık Sorulan Sorular | Yasal Uyarı & Kullanım Şartları
Sizden Gelenler | Site Haritası | Dosyalar