Kayan yani hareket eden yazı örneklerine bakalım birazda.. <marquee></marquee> arasında kullandığımız kayan yazı özelliğinde değişik denemelerde yaptım. İlerleyen paylaşımlarımda bunuda göreceksiniz. Tabi ki de bu kadar ile sınırlı kalmak zorunda değil. Sizlerde daha renkli daha hareketli değişik türler geliştirebilirsiniz.

Kaynağı indir       |       Online Görüntüle

Html ile bir sayfa içerisinde uzunca yazı yazdınız ve artık o yazıya tek tıklamayla ulaşmak çokta zor birşey değil :)... Şöyle de diyebiliriz: Bir sunum yapıyorsunuz veya bir kitap sahibisiniz. HTML çapa link sayesinde içeriğinizdeki maddeye tıkladıktan sonra o maddedeki konuya otomatik olarak gideceksiniz.

Kaynağı İndir      |     Online Görüntüle

XHTML elementlerini nasıl kullanabiliriz. HTML'den farklı nedir? bunu anlamanız için xhtml elementleriyle yazılar yazdım ve aynı yazının içerisinde hangi elementi kullandığımı belirttim. Umarım işinize yarayacaktır.

Kaynağı İndir      |      Online Görüntüle

HTML (Hyper Text Markup Language)

İnternet üzerinde veri paylaşımı için kullanılan en yaygın metin tabanlı dildir. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır.

XHTML ( Extensible Hyper Text Markup Language)

Türkçe' si ile "Geliştirilebilir Metin İşaretleme Dili" anlamına gelen, istemci taraflı (client side) çalışan bir HTML dilidir.

Kısaca HTML ve XHTML'in ne olduğunu sizlerle anlatmak istedim. İnternette bir çok bilgi dolaşmakta. Aynı bilgileri tekrar tekrar yazmak istemedim. İlerleyen zamanlarda hem html ile hemde xhtml ile yaptığımız örnekleri beraber inceleyeceğiz.

Sitemin girişine geçtiğimiz aylarda yapmış olduğum matrix intro'yu sizlerle paylaşıyorum. Gerçekten çok yorucu ve zihinsel olarak beni çokca düşündüren bir olaydı. Intro'yu önce hayal ettim ve sonra nasıl yaparım ile devam ettim. Sonucu örnek linke tıkladığınız an görebilirsiniz.

Matrix Intro'yu Makinene İndir     veya       Matrix Intro'ya Hemen Bak

CSS ve html kodlarla ile arkaplandaki hareketli alanı yaparken ayrıca üstteki yazan yazıyı da javascript kodu ile tamamladım. Bu kodu kendim yazmadım. İnternette araştırırken buldum. Gözlük ise tamamen Matrix filminden alıntıdır... "PrintScreen" tuşu sağolsun :) Biraz daha üzerinde uğraşılırsa daha mükemmel bir hal alabileceğini biliyorum. Üzerinde uğraşan arkadaşlarımın beni haberdar edeceğini umuyorum.

Temel olarak css stil dosyamız, üç adet fotoğraf dosyamız ve bir adet intro.html sayfamız bulunmakta. Aşağı akan yazılarda marquee özelliği kullanılırken, z-index özelliğinin nimetleriyle de arkaplanda çalışmasını sağlamış olduk. Böylece html'de yapabileceklerimizin daha bitmemiş olduğunu kanıtlamış olduk :) Hepinize kolay gelsin.