Web Siteniz de Blog Düzeyli Metin Taglarının MAKALE-12

MENU Tagı
<UL> tagı gibi liste oluşturmamızı sağlar <LI> tagıyla belirtilir.
<MENU>
.............
</MENU> kullanım şekli budur.

.
OL Tagı
Web sayfasında sıra numarası verilmiş liste oluşturmamızı sağlar .
<OL
START="value"
TYPE="A"|"a"|"I"|"i"|"1">
...
</OL> kullanım şekli budur.

START: Sıralı listelerde sıra numarasının kaçtan başlayacağını belirtir.
TYPE: Sıralı listelerin tümünü belirtmede kullanılır.

UL tagı
WEB belgesi üzerinde numarasız madde imleri biçiminde listeler oluşturmayı sağlar.
<UL TYPE="CIRCLE"|"DISC"|"SQUARE"
>
.....
</UL> kullanım şekli budur. .
TYPE: madde imlerinin ne şekilde olacağını belirtmemizi sağlar.

LI Tagı
<UL>, <MENU>, <DIR> ve <OL> taglarından birisi ile oluşturulmuş listeler için liste gird-ileri vermenizi sağlar.

Örnek;
<OL Type=”A”>
<LI> Bu birinci madde yani A
<LI> Bu ikinci Madde Yani B
......
ol ve li tagı kapatılmak zorunda değildir.

Metin Biçimlendirici Taglar MAKALE-13

Yazılı olan metni biçimlendirmemizi sağlayan taglardır..
B Tagı
Metinlerin tarayıcıda kalın yazı olarak görünmelerini sağlar.
<B> ....</B> Şeklinde Kullanılır.
blink Tagı
Sadece Netscape Navigator tarayıcısında yanıp sönme efektiyle görünür.
<blink>....</blink> kullanım şekli budur.
Cite Tagı
Genel olarak özel bir açıklama ifadeleri yazarken kullanılan tagdır.
<CITE>....</CITE> kullanım şekli budur.
CODE Tagı
Herhangi bir yazıyı sayfa içersinde sabit genişlikli metinler gibi göstermemizi sağlar .
<CODE>....</CODE> kullanım şekli budur.
FONT Tagı
Bu taglar arasında bulunan metinler belirttiğiniz font ve yazı şekillerinde tarayıcıda gözükür.
<FONT
COLOR="color"
FACE="fontlist"
POINT-SIZE="pointSize"
SIZE="number"
WEIGHT="boldness">
....</FONT> kullanım şekli budur.
COLOR: Yazı tipinin rengini belirtmemizi sağlar
FACE: Kullanacağımız yazı tipinin adını belirtir. Örnek "Arial".
POINT-SIZE: Yazının büyüklüğünü punto cinsinden belirler
SIZE: yazının boyutunu belirler.
WEIGHT: Yazıda ki koyuluk oranını belirlememizi sağlar.

I Tagı
Yazdığımız metinleri italik hale getirmek için kullanılır (yana eğik) .
<I>....</I> kullanım şekli budur.

KBD Tagı
Sabit genişlikli bir yazı formatı ile gösterilmesini istediğimiz bir yazıyı bu tagın arasına yazarız.
<KBD>....</KBD> kullanım şekli budur.

SUB Tagı
Alt indis olarak göstermek istediğimiz yazıları bu taglar arasına yazmamız gerekir.
<SUB>....</SUB> kullanım şekli budur.

SUP Tagı
üst indis olarak görünmesini istediğiniz yazılar için bu tag kullanılır.
<SUP>....</SUP> kullanım şekli budur.

U Tagı
Arasına yazdılan yazı tarayıcıda altı çizili görülür.
<U>....</U> kullanım şekli budur.

Metin Biçimlendirici Tag Türleri MAKALE-14

Öğreneceğimiz bu taglar ile web siteniz belirli bazı biçimlere sahip olacaktır.
BR Tagı

Yeni bir satır oluşturmak için kullanılır.<BR> kullanım şekli budur.
CENTER Tagı

Web sayfası içersinde istenilen bir içeriği ortalamak için kullanılır. .
<CENTER>.......</CENTER> kullanım şekli budur.
HR Tagı

Web sayfasının içerisinde yatay bir çizgi oluşturmak amacıyla kullanılır.
<HR

ALIGN="CENTER"|"LEFT"|"RIGHT"
NOSHADE
SIZE="thickness"
WIDTH="width"
> kullanım şekli budur.

ALIGN: Çizginin yatay yerunu ayarlamakta kullanılır..
NOSHADE: Oluşturacağımız çizginin gölgesiz olmasını sağlar..
SIZE: Çizginin kalınlık boyunu belirler..
WIDTH: Çizginin Sayfa içerisinde ki yatay uzunluğunu belirler.
MULTICOL Tagı
Web sayfasının minimum iki sütuna bölünmesini sağlar.
<MULTICOL
COLS="columns"
GUTTER="gutterWidth"
WIDTH="colWidth"
>
...

HEIGHT= "height"
WIDTH= "width"
SIZE= "size"
> kullanım şekli budur.
TYPE: Boşluğun yatay düzlemde mi yoksa dikey düzlemdemi verileceğini belirler yada her ikisinde.
ALIGN: Boşluğun yerleşim yerini belirtir..
HEIGHT: Verilecek boşluğun zeminde ki yüksekliğini belirtir. Bu BLOCK için geçerli.

WIDTH: Verilecek boşluğun sayfada ki genişliğini belirtir.Bu BLOCK için geçerli.
SIZE: BLOCK un olmaması durumlarda verilecek yatay veya dikey boşluğu belirler.
SPAN Tagı
Web sayfası içinde herhangi bir bölümün farklı bir şekilde yazılmasını sağlamak için boşluk
oluşturur.
<SPAN
CLASS="styleClass"
ID="namedPlaceOrStyle"
STYLE="style"
.....
</SPAN> kullanım şekli budur.

Bağlantı yada Yer imi tanımlayan Tag Türleri MAKALE-15

Bu tarz fonksiyonlar web sitenizde yer imi tanımladıkları gibi bir başka sayfa yada link ya da yer imlerine gidilecek adres tanımlarını da yapmaktadırlar.

A tagı

A tag isterseniz farklı bir web sayfasına bağlantı tanımlar hem de arzu edilirse kullanıldığı noktayı bir
yer imi olarak algılatır.

<A HREF="url"
NAME="isim">
....
</A>

HREF: Eğer başka bir sayfaya link verilecekse a komutuyla beraber kullanılır..
NAME: Bu ifadenin kullanıldığı bölgeye bir yer imi oluşturur bu yer imine bir ad vermek gerekir.

Bu ad ifadesi daha sonra diğer A HREF ifadeleri ile kullanılır.
<A HREF="url"
ONCLICK="js"
ONMOUSEOVER="js"
ONMOUSEOUT="js"
TARGET="pencere">...</A>

Bu örnekte js Ler birer JavaScript kodu tanımlıyor. Pencere ise bir url tanımlıyor.
ONCLICK: link üzerine tıklanıldığında gerçekleşecek işlemleri gösterir.
ONMOUSEOVER: link üzerine gelindiğinde gerçekleşecek işlemleri gösterir.
ONMOUSEOUT: link üzerinden çekildiğinde gerçekleşecek işlemleri gösterir.
TARGET: Link in hangi sayfada açılacağını belirtir.

Bu ifadelerin öncesinde tanımlanmış olanlar şunlardır:
_parent:Sayfada açık bulunan pencerenin üst bloğunda açar.
_self: İçinde bulunduğunuz pencerede açar.
_blank: Boş bir pencere de açar.
_top: Sayfada açık bulunan pencerenin tamamını kullanarak açar.

IMAGE lar ve IMAGE MAPS Tag ları MAKALE-16

WEB SİTESİ VE TABLE Tag ları MAKALE-17

TABLE Tagı ile web siteniz de bir tablo oluşturabilirsiniz .
<TABLE
ALIGN="LEFT|RIGHT"
BGCOLOR="color"
BORDER="value"
CELLPADDING="value"
CELLSPACING="value"
HEIGHT="height"
22
WIDTH="width"
COLS="numOfCols"
HSPACE="horizMargin"
VSPACE="vertMargin"
>
...
</TABLE> şeklinde kullanılmaktadır.

ALIGN: Tablonun web sayfası içinde ki konumunu belirler.
BGCOLOR: Tabloya zemin rengi verir.
BORDER: Tabloya çerçeve verir .
CELLPADDING: Hücre duvarının içeriğe uzaklığını belirtir.
CELLSPACING: Hücrelerin arasına uzaklık verir.
COLS: Tablonun içinde ki sanal sutun sayısını belirtir.
HSPACE: Tablonun sağ ve sol duvarlarının içinde kalacak uzaklığı belirler.
VSPACE: Tablonun alt ve üst duvarlarının içinde kalacak uzaklığı belirler.

CAPTION Tagı
<TABLE> tagları arasında kullanılır.
<CAPTION ALIGN="BOTTOM"|"TOP">...</CAPTION> kullanım şekli budur. Bu kullanımda
ALIGN ifadesi başlığın tablonun neresine yazılacağını belirler. BOTTOM başlığı tablonun dibine yerleşt-irirken TOP tepeye koyacaktır.
TR Tagı
Bir TABLE tagları içerisinde kullanılan bu tag tablo içerisinde ki satır tanımını yapmanızı sağlar.
<TR
ALIGN="CENTER|LEFT|RIGHT"
VALIGN="BASELINE|BOTTOM|MIDDLE|TOP"
BGCOLOR="color"
>
...
</TR> kullanım şekli budur.

ALIGN: Her hangi bir satırın içerisindeki bilgilerin yatay olarak hücre içerisine nasıl yerleştirilec-eğini belirler.
VALIGN: Her hangi bir satırın içerisindeki bilgilerin dikey olarak hücre içerisine nasıl yerleştirilec-eğini belirler.
BASELINE: Hücrenin alt çizgisi üzerine gelecek şekilde yerleştirir.
BOTTOM: Hücrenin altına yerleştirir.
MIDDLE: Hücre içerisinde ortaya yerleştirir.
TOP: Hücre içerisinde tepeye gelecek şekilde yerleştirir.
BGCOLOR: Bu satır için uygulanacak zemin renginin kodunu ya da adını vermenizi sağlar.
TD Tagı
Bir TABLE tagları içerisinde kullanılan bu tag tablo-satır içerisinde ki hücrelerin tanımını yapman-ızı sağlar.
<TD
ALIGN="CENTER|LEFT|RIGHT"
VALIGN="BASELINE|BOTTOM|MIDDLE|TOP"
BGCOLOR="color"
COLSPAN="value"
ROWSPAN="value"
HEIGHT="pixelHeight"
WIDTH="pixelWidth"
NOWRAP="value"
>
...
</TD> kullanım şekli budur.

ALIGN: Hücre içerisinde bilginin yatay konumda nereye yerleştirileceğini belirler.
VALIGN: Hücre içerisinde bilginin dikey konumda nereye yerleştirileceğini belirler.
BGCOLOR: Hücrenin Zemin Renginin ne olacağını ayarlar.
COLSPAN: Tablo içinde ki hücrenin yatay yayılmasını sağlar . colspan:3 dediğimizde 1 hücre 3 sütuna yayılıyor demektir.
ROWSPAN: Tablo içinde ki hücrenin dikey yayılmasını sağlar . rowspan:3 dediğimizde 1 hücre 3 sütuna yayılıyor demektir.
HEIGHT hücrenin yüksekliğini WIDTH ise hücrenin genişliğini belirtmemizi sağlar.
NOWRAP: Yazılan içeriğin hücre içinde kalmasını bir başka hücreye geçmemesini sağlar.
TH Tagı ile tabloda satır ve sütun başlıkları yapabiliriz.

<TH
ALIGN="CENTER|LEFT|RIGHT"
VALIGN="BASELINE|BOTTOM|MIDDLE|TOP"
BGCOLOR="color"
COLSPAN="value"
ROWSPAN="value"
HEIGHT="pixelHeight"
WIDTH="pixelWidth"
NOWRAP
>
...
</TH> kullanım şekli budur.

WEB SAYFASINI BİRDEN FAZLA BÖLGEYE AYIRMAK MAKALE-18

FRAMESET Tagı

Web sayfasını en az 2 bölmeye ayırabilen tagdır. Bu tag head taglarının arasında bulunur. Nedeniyse bir web sayfasının kaç parçaya bölüneceği ile ilgili karar o sayfanın en üst bölümünde daha hiç bir içerik yok iken verilmelidir.

<FRAMESET
COLS="columnWidthList"
ROWS="rowHeightList"
BORDER="pixWidth"
BORDERCOLOR="color"
FRAMEBORDER="YES"|"NO"
ONBLUR="JScode"
ONFOCUS="JScode"
ONLOAD="JScode"
ONUNLOAD="JScode"
>
...

</FRAMESET> şeklinde kullanılır.

Bu taglar arasına da her bir FRAME ile ilgili tanımlar ve
FRAME desteğinin olmamamsı durumunda ne yapılacağına dair tanımlar yer alır.

COLS: Sayfanın dikey olarak bölüneceğini belirtir.
ROWS: Sayfanın yatay olarak bölüneceğini belirtir.
BORDER: Hücreler arasına konulması gereken ayraçları belirler.
BORDERCOLOR: Hücrelerin zemin rengini belirler.
FRAMEBORDER: bölmelerin etrafına çerçeve çizilip çizilmeyeceğini belirler.
ONBLUR: Odak kaybolduğunda gerçekleşen olaydır. Ve yapılacak işi belirler
ONFOCUS: Odaklandığında gerçekleşen olaydır ve yapılacak işi belirler.
ONLOAD: Web sayfası yüklendiğinde gerçekleşen olaydır ve yapılacak işi belirler.
ONUNLOAD: Sayfa bellekten atıldığında gerçekleşen olaydır ve yapılacak işi belirler.

Web tasarımcılarının çay içerken konuşutukları türden şeyler diyebiliriz belki, web tasarım dünyasındaki yenilikler, dedikodular, son kapatılan siteler, onlara erişmenin yolları, görüldüğünde hayran kalınan siteler veya uzak durulasılar...

Google diyarından işitilenler, forumlarda kaynatılanlar, bazen yararlı scriptler, en son kurulan göz alıcı kurumsal web siteleri vs...vs...

Bir web tasarımcısının nameleri belki de, okunur veya okunmaz, belki de yazanı mutlu eder sadece bilinmez. Yine de bu satırların okunduğunu varsayarak hoşgeldiniz diyelim: webtasarımname'ye !!!