HTML’in Cambaz Etiketleri

Emrah — Mon, 03 Aug 2009 23:37:04 +0000

HTML‘in, Browser’lara bırakılmış varsayılan biçimlendirme etiketleri ile çok şey yapılamayacağı şeklinde yanlış bir kanı vardır. İşte bu etiketlerden bazıları ile oluşturabileceğiniz etkilerden bir kaç örnek:

..: İçindeki metnin kısaltma olduğunu gösterir ve ziyaretçi Mouse işaretçisini bu kelimenin üzerinde tutarsa, kelimenin açık şeklini gösterir. Bu etiket, Windows veya Macintosh’un yerel yardım ve ipucu kutuları gibi, bilgi kutuları oluşturmakta kullanılabilir:

Bu konuda, PCW çok güzel şeyler yazmıştı.

..: İçindeki metnin bir yerden alıntı olduğunu gösterir:

Bu konuda,HTML Tasarım Rehberi kitabına bakabilirsiniz.

..: İçindeki metnin bilgisayar programı veya benzeri bir Script parçası olduğunu gösterir:

Bu paragrafın stili şöyle olmalıdır:
.shadow {
font-size: 16pt;
color: #000000;
font-family: "Arial";
}
Daha sonra normal paragrafa dönebilirsiniz.

_..: İçindeki metni, daha küçük harfle ve normal satırın altına indirerek, subscript şeklinde yazdırır. Özellikle bilimsel formül yazarken kullanılabilir:

Dolayısıyla, suyun formülü, H₂O şeklinde yazılır.

^..: İçindeki metni, daha küçük harfle ve normal satırın üzerine çıkartarak, supercript şeklinde yazdırır. Özellikle bazı isimlerde kullanılabilir:

Romanın kahramanının adı Mike M^{cCormick idi.}

,
ve
: Özellikle tanımlama ve benzeri liste türü açıklamalarda, tanımlanan kelime ile tanımlama paragrafını, kelime-işlem veya masaüstü yayıncılılık programı hassasiyetiyle, içerden başlatmakta bu iki etiket birlikte kullanılabilir:

DHTML
Kelime anlamı Dinamik Hyper Text İşaretleme Dili olup, Web sayfalarına dinamik nitelik kazandıran teknolojiler bütünüdür.
ASP
Kelime anlamı Aktif Server Sayfaları olup, Microsoft'un Dinamik Web sitesi yapımına getirdiği yeni teknolojileri içerir.

Ne var ki, bu görüntülenme tarzı önceden belirlenmiş biçim etiketleri, bu tarzın her zaman tasarımcının elde etmek istediği etkiye uygun olmaması ve HTML etiketlerinin bazen bir Browser’dan diğerine farklı şekil göstermesi çoğu zaman tasarımcıya “Ah, şu metne şu şu özellikleri verecek bir etiket olsa!” dedirtir. İşte bu gibi durumlarda tasarımcının imdadına koşmak amacıyla icad edilmiş birinci araç Script ise ikinci araç Style etiketidir.

Web Tasarımcının Takım Çantası

Emrah — Wed, 29 Jul 2009 12:50:11 +0000

Her sanat erbabının bir takım çantası ve içinde sanatın gerektirdiği alet edavat bulunur. Başka bir deyişle alet işler, el övünür. Bir Webcinin bilgisayarında ise bazı programların olması gerekir. Hele Web’de cambazlık ölçüsünde ustalaşmak istiyorsanız, bu programlar olmadan yola çıkamazsınız. İşte size gerekli olanlar:

Macromedia Dreamweaver

(www.macromedia.com)

Cascading Stylesheet (css) yazmak ve Layer (katman) teknolojisinden yararlanmak için büyük kolaylıklar sağlıyor. Özellikle katmanlara (DIV, SPAN, LAYER VE ILAYER) hareket kazandırmak için gerekli JavaScript kodlarının yazılmasında, JavaScript dilini çok iyi bilmeyen tasarımcılar için eşi bulunmaz bir hazine.

GoLive CyberStudio

(www.golive.com)

Dreamweaver’ın Windows ortamında yaptığını ve daha fazlasını Macintosh ortamı için yapabilen bu program, tasarımı Mac’de yapanlar için gerekli bir araç. Sadece WYSIWYG görünümlü bir HTML editörü değil, fakat aynı zamanda son derece becerikli bir JavaScript yazarı.

Photoshop

(www.adobe.com)

Web’e veya kağıda yönelik bütün grafik işleriniz ve özellikle bitmap tabanlı resim, fotoğraf ve diğer grafikler için, bu amaçla yazılmış programların piri. O kadar çok rakibi olmasına rağmen, yıllardır bilgisayarda fotoğraf ve resim işlem yazılımlarının adeta standardı olan Photoshop ile, bugün ve yarın her türlü grafik sorunuzu halledebilirsiniz.

HTML Editörü

HTML kodu yazmak için, aslında bir düz yazı programı yeter. Fakat bunun için bütün HTML kodlarını bilmeniz ve çok dikkatli olmanız gerekir. Özellikle açılan ve kapanan HTML kodlarında kapatma etiketini unutmak mümkündür. Microsoft FrontPage, Netobjects, Corel Web Suite, Adobe PageMill ve daha niceleri, kelime-işlem programı kolaylığıyla ve HTML kodlarını bilmeden HTML yazmanızı sağlayabilir. Fakat bu programları, Web tasarımında ana araç olarak kullanmak, tasarımcıyı HTML’in inceliklerini öğrenmekten alıkoydukları ve özellikle DHTML alanında kendi bildikleri tarzdan başkasına izin vermedikleri için tavsiye edilmez. Yine bu programlar gibi WYSIWYG tarzı, fakat kendi bildiğinde ısrar etmeyen, açtığnız HTML kodunu kapatan etiketi kendiliğinden yazan, bütün HTML etiketlerini gruplar halinde ekranın bir kenarında sunarak, hatırlatan HTML editörlerinden birini seçebilirsiniz.

HTML Kılavuzu

Başarılı her Web tasarımcısının masasının üzerinde bir HTML kılavuzu bulunur. Bu kılavuzu edinmek çok kolay: Web tarayıcınızla “http://www.w3.org/TR/REC-html40/struct/global.html#h-7.4.4.2″ adresine gidin ve görüntülenen belgeyi sabit diskinize kaydedin. İşte sizi HTML’in yerini XHTML dili alıncaya kadar idare edecek kılavuza sahip oldunuz! Bu belgenin İngilizce olması, HTML’e aşina bir tasarımcı için sorun olmamalıdır; çünkü bu belgede sayısız örnek yer alıyor.

BULANCA » html kodu yazmak

HTML’in Cambaz Etiketleri

Web Tasarımcının Takım Çantası