♥SeRKaN

<div align="center">HTML Nedir?
</div>
HTML (Hypertext Markup Language); yazı, grafik, ses, film gibi pek çok farklı yapıdaki verilerden oluşabilen hypertext bir dökümanı formatlamak ile ilgili komutlar içeren bir yorumlayıcı programlama dilidir. Dökümanın hypertext olması, bir dökümanın ya da bir parçasının, başka bir dökümanın içinden çağırılabilmesini ifade eder. Çağırılan, aynı döküman içinde bir kısım ya da network üzerinde herhangi bir makinada yer alan başka bir döküman veya dökümanın bir kısmı olabilir. HTML programlama dilini kullanarak, kompakt ve etkileşimli Web sayfaları hazırlayabiliriz.

Her yararlı ve iyi şeyin gelişmekte olduğu gibi, HTML dili de gelişmeye uğramış ve zaman içinde değişik versiyonları çıkmıştır. Bunlara kısaca bir göz atmakta yarar vardır.

<div align="center"> HTML Versiyonları
</div>
HTML 1.0: Bu versiyon, daha sonra geliştirilen versiyonlarla karşılaştırılınca, çok kısıtlı yeteneklere sahip olduğu anlaşılır. Bu nedenle HTML 1.0 ile yaratılan dökümanlar da oldukça basittir. HTML 1.0 dökümanlarının temel özellikleri şöyle özetlenebilir: Çok seviyeli başlıklar, paragraflar, hipermetin referansları, maddelenmiş listeler için özel formatlama.

HTML 2.0: Bu versiyon, 1994 yılından önce Web dökümanlarında kullanılan eklentiler ve özellikler temel alınarak hazırlanmıştır. Bu versiyonun beraberinde getirdiği temel yenilikler ise, satır içi görüntüler ve doldurulabilen formlardır.

HTML 3.0: Bu versiyonun sağladığı yeni özellikler şu temel başlıklar altında incelenebilir: Sayfa görünümü üzerinde ileri derecede kontrol, manşetler, görüntülerdeki popüler noktaların istemci tarafında işlenmesi, özelleştirilmiş listeler, istemci çekme/sunucu itme özellikli dinamik dökümanlar, matematik dökümanlar, stil yaprakları, form içi tablolar.

<div align="center">HTML Editörleri
</div>
HTML kodları herhangi bir editörde yazılabilir. Örneğin; bu iş için Unix üzerinde pico, vi; DOS altında MSDOS Edit, Windows textpad ya da herhangi bir metin editörü kullanılabilir. Fakat, HTML komutlarını hatırlamak, iyi bir programcı için bile güç bir iş olduğu için, tüm HTML konutlarını hatırlamamıza gerek bırakmayan özel HTML editörleri geliştirilmiştir. HTML editörleri çok yararlı programlardır. Birçok işi görsel menüler yardımıyla kolaylıkla yapabilmemizi sağlarlar, fakat, sayfamızda yapmak istediğimiz birtakım şeylere editörün özellikleri izin vermezse, o zaman HTML koduna müdahale etmemiz, yapmak istediğimiz şeyi HTML komutlarını kullanarak gerçekleştirmemiz gerekir. Ayrıca, Java Appletleri ve bazı CGI teknikleri ekleyebilmek için de sayfamızın HTML formatıyla uğraşmamız gerekir. HTML Editörlerini kabaca iki gruba ayırabiliriz.

1) Bu gruba giren editörler, HTML komutlarını menüler ya da bazı butonlar yardımıyla döküman içine yazmanızı, ilgili ortamlari kolayca olusturmanizi saglar. Bu editörlerden bazilari, yazdiginiz HTML kodunun sonuçlarını bir "preview" pencereden görmenizi saglarlar. Hemen hepsi, tüm HTML belirteç ve komutlarının anlatıldığı yardım dosyaları sunarlar. Bu tip editörlerin hemen hepsi, kolay web sayfası hazırlama sihirbazları (wizard) sunarlar. Böylece, bazı boşlukları doldurarak basit bir web sayfasını kolayca oluşturabilirsiniz. Ayrıca, hemen hemen tüm editörler, hazırladığınız sayfaları bir web sunucusuna (FTP ya da HTTP protokolü ile) gönderebilmek için gerekli araçları (web publishing) da içerirler. Bu editörler, çoğunlukla, dökümanınız içinde kullandığınız HTML komutlarını farklı renklerde göstererek sayfanınızın oluşturulma sürecini kolaylaştırırlar. Çoğu editör, bazı temel JavaScript programları/özellikleri ekleme ya da hareketli GIF resimlerini (animated GIF) kolayca hazırlamanızı sağlayabilirler. Bu editörlerden bazıları, hazırladığınız web sayfalarındaki HTML kodlarını kontrol edebilirler ve hatalı/eksik kullanımları saptayabilirler. Bunları yapan bazı yardımcı programlar da vardır.Bu editörlerden bazıları HotDog Pro , HomeSite, Web Edit, HotMetal ve DiDo 'dur.

2) Bu gruba giren editörler, yazdiginiz anda tüm formatlama özellikleri ile birlikte görebildiğiniz (WYSIWYG - what you see is what you get) türden "görsel HTML editörleri"dir. Bu programlar kullanılarak, karmaşık HTML kodlarına bulaşmadan oldukça iyi sayfalar oluşturabilirsiniz. Bu tip editörlerden bazıları, aynı anda doğrudan HTML koduna da müdahele edebilmenize olanak tanır. HTML yardımı, kolay sayfa hazırlama sihirbazları, heceleme, web sunucusuna dosya gönderebilme gibi özellikleri bu programlar da, genellikle, sunarlar. Benzer şekilde, buton hazırlama, JavaScript programları/komutları ekleme ya da hareketli GIF resimlerini (animated GIF) kolayca hazırlamanızı sağlayabilecek özellikler de bu programlarda son günlerde sıkça karşılaştığımız özelliklerden. Popüler web istemcilerinden olan Netscape Navigator (4.x) bünyesi içinde yer alan "Composer" bu tür bir editör. Eger Netscape 3.x kullanıyorsanız web editörü bu ürünün Gold sürümünde. Popüler görsel editörlerden bazıları Microsoft Front Page, Symantec Visual Page, Adobe Page Mill, Claris Home Page' dir. Ayrıca, Microsoft Internet Explorer 4.x sürümü ile birlikte "Front Page Express" adıyla, orijinal ürünün daha basit bir sürümü de ücretsiz dağıtılmaktadır.

İkinci gruba giren editörlerden Microsoft FrontPage, hem yüksek oranda HTML kodlaması gerektiren uygulamaların çok kolay yapılabildiği görsel editör özelliği ile, hem de düz HTML kodunu degiştirebilmenize olanak tanıması ile kullanım alanı gittikçe artan popüler bir editördür.

<div align="center"> HTML'de Kullanılan Teknolojiler
</div>
Java
CGI (Common Gateway Interface)
VBScript (Visual Basic Script)


Java

Java, Sun Microsystems firması tarafından 1991 yılında geliştirilmiş nesneye yönelik bir programlama dilidir. Java, temel veri tiplerini, giriş çıkış fonksiyonlarını ve diğer fonksiyonları içeren sınıf kütüphanesine sahiptir. Bu programlama dili aynı zamanda internet protokollerinin çoğunu destekleyen fonksiyonlara da sahiptir. Java çok fazla komut içermemesine rağmen, uygun komutları bünyesinde barındırdığı için, güçlü bir dil olarak kabul edilmiştir. Java programlama dili, geliştirilirken C ve C++ dillerini kendine baz almıştır.

Java ile yazılan bir programın çalıştırılabilmesi için, iki aşamadan geçirilmesi gerekmektedir. Birinci aşama programın derlenmesi aşamasıdır. Programın Java derleyicisi ile derlenmesi sonucunda, byte kod (Java binary kod) denilen makina koduna yakın, fakat işlemciye özel olmayan kod oluşturulur. İkinci aşama ise, programın byte kodunun bir byte kod yorumlayıcısından geçirilmesi aşamasıdır. Byte kod yorumlayıcısı programın çalışmasını sağlar. Java’ nın bu özellii ona hem avantaj hem dezavantaj getirir. Derlendikten sonra işlemciye özel kod üretilmemesi sayesinde Java sistemden bağımsızdır, üzerinde Java yorumlayıcısı bulunduran herhangi bir sistemde çalışır. Fakat, bir Java yorumlayıcı programı yürüttüğü için, işletim hızı da yavaşlar.

Java’ da program yazabilmek için bir Java Geliştirme Kiti (JDK) gereklidir. Herhangi bir editörde (Unix için pine, vi; DOS altında MSDOS Edit vb…) yazılıp, *.java uzantılı kaydedilen Java programı dosyası, JDK’ de komut satırına javac dosya_ismi yazılıp derlenir. Bu işlem sonucunda dosya_ismi .class dosyası oluşur. (Byte kod dosyası) JDK’ den java yorumlayıcısı çağırılarak, programın çalıştırılması istenirse, komut satırına java dosya_ismi yazılır.

Java dili ile yazılan programları, Java uygulamaları ve Java appletleri olmak üzere iki ana grupta toplayabiliriz. Java uygulaması, herhangi bir probleme çözüm getirmek amacıyla, Java dili ile yazılmış bir programdır. Örneğin; ekrana “Ben Java öğreniyorum!” çıktısını veren bir program yazalım:

Class JavaOgreniyorum {

public static void main(String args[]){

System.out.printIn(“Ben Java öğreniyorum!”);

}

}

Bu programı bir editörde yazıp, genelde sınıfa verdiğimiz isi dosya ismine de verip, kodu JavaOgreniyorum.java olarak kaydederiz. Daha sonra yukarıda açıklandığı gibi, JDK’ de derlemek için komut satırına javac JavaOgreniyorum yazıp, JavaOgreniyorum.class dosyasının oluşmasını sağlarız. Programın çalışması için de java JavaOgreniyorum komut satırını yazarız.

Java appleti ise, Java desteğine sahip bir listeleyicide (browserda) görüntülenen Web sayfaları içerisinden çalıştırılabilen programlardır. Bir Java appleti imajlara benzer, fakat, dinamik ve interaktif olmasıyla farklılaşır. Bir Web sayfasına java appleti bağlamak için, önce Java dili ile program yazılıp derlenir. Sonra HTML ile hazırlanmış Web sayfasında bu dosya referans olarak gösterilir. HTML dosyası ile applet dosyasının aynı dizinde olması tavsiye edilir. (bir HTML dosyası ile o sayfada kullanılan imaj dosyası gibi) Web sayfası yüklendiğinde Web listeleyicisinde (browserında) gömülü olan Java yorumlayıcısı sayfadaki appletleri çalıştırmaya başlar. Appletlerin Web sayfasında çalışması için, kullanılan listeleyicinin Java desteğine sahip olması gerekmektedir. Bu amaçla geliştirilen ilk listeleyici (browser), HotJava olup (HotJava Java dili ile yazılmıştır.), daha sonra diğer Web listeleyecilerinin de Java’ yı destekleyen yeni sürümleri çıkartılmıştır. (Örneğin, Netscape 2.0 gibi)

Şimdi deminkine benzer bir Java appleti yazmayı ve bunu bir Web sayfasına bağlamayı deneyelim:

import java.awt.Graphics;

public class JavaOgreniyorumApplet extends java.applet.Applet{

public void paint (Graphics g){

g.drawstring(“Ben Java öğreniyorum!”, 5, 25);

}

}

Burada import komutu da applet’ in JDK içindeki sınıflara erişimini sağlar.

Bu applet dosyası da deminki Java programına benzer biçimde, bir editörde yazıldıktan sonra ait olduğu sınıf ismi dosya ismi olarak verilip JavaOgreniyorumApplet.java şeklinde kaydedilir. JDK’ de javac JavaOgreniyorumApplet komut satırı yazılıp, programın derlenmesi sağlanır. Daha sonra oluşturulan byte kodun çalışması için, java JavaOgreniyorumApplet komut satırı yazılır.


<div align="center">CGI (Common Gateway Interface)
</div>
CGI’ ın ne olduğunu anlatmaya geçmeden önce bazı kavramların açıklanması gerekmektedir. Buna Web Server ve Client ile başlamak yerinde olur. Web Server’ lar (HTTPd Server), Web sayfalarını üzerinde bulunduran makinalardır. Bu makinalar genelde kendi üzerlerinde bulunan Web sayfalarına erişmek için 80 numaralı portu kullanırlar. Client ise, Web Server’ lar üzerindeki Web sayfalarına erişmek isteyen makinalardır. Client herhangi bir porttan Web Server ile iletişim kurabilir. Stdin standard input’ un kısaltılmışıdır ve server açısından client’ ın server’ a gönderdiği veriler anlamına gelir. Stdout standard output’ un kısaltılmışıdır ve server’ ın client’ ın gönderdiği verileri işlemesi sonucunda client’ a gönderdiği sonuç bilgisi anlamına gelir.

Yukarıdaki açıklamalardan da anlaşıldığı gibi, HTTP protokolü, server’ dan client’ a ve client’ tan server’ a veri aktarımını destekler. Client’ ın server’ a veri gönderebilmesi, formlar aracılığıyla olur. Form, client’ ın server’ a veri ulaştırmasını sağlamak amacıyla HTML dili kullanarak yazılmış Web sayfalarıdır. Kullanıcının (client) form aracılığıyla server’ a gönderdiği bilgiyi işleyecek server tarafında çalışan bir programa ihtiyaç vardır. Bu programa gateway programı denir. CGI (Common Gateway Interface), client’ ın gönderdiği input verileri alıp, gateway programına veren (gateway programının çalışmasını sağlayan) ve programın çıktısını tekrar client’ a ileten, kısaca server ve server tarafındaki gateway programları arasında iletişimi sağlayan, bir arayüz, protokoldür.

Bir Web Client programının (Web browser), HTTP server’ ına veri göndermesini sağlamak için hazırlanan formlar, HTML diliyle aşağıdaki gibi başlar:

<FORM ACTION=”URL” METHOD=get | post>

…..

…..

</FORM>

Action seçeneğinde belirtilen URL, formun doldurulduktan sonra, hangi Web server’ daki hangi program tarafından işleneceği bilgisini ifade eder. Method seçeneği ise, formun Web server’ ına hangi methodla ulaştırılacağını belirtir. Yukarıdan da anlaşılacağı gibi, formdaki bilgiler iki methodla ulaştırılabilir. Get metodu kullanılırsa, veri çevresel değişkenler aracılığı ile, Web Server’ a ulaştırılır. Bu metodla bütün form bir query_string değişkeninin içine konur, action kısmında belirtilen adres ve programın sonuna eklenir ve tek bir URL olarak gönderilir.

Üyeler içindir. üye olun...

Veri büyüklüğü sınırlandırılmıştır. Bu yöntem kullanıldığı zaman, actionda belirtilen URL önce decode edilmelidir, çünkü form doldurulup, submit edildiğinde, browser bütün bilgiyi URLencode eder. Decode işlemi bir CGI script (gateway programı) ile yapılabilir. Yukarıda submit edilen URL incelendiğinde, soru işaretine kadar olan kısmın, formun action kısmında yer alan adres ve program olduğu görülür. Soru işaretinden sonraki kısım ise, gönderilen verilerin yer aldığı değişkendir.

Post metodu kullanıldığında ise, CGI veriyi stdin olarak, alır ve bütün çevresel değişkenlere gerekli atamaları yapar. Veri üzerinde herhangi bir büyüklük sınırlaması yoktur.

Verinin gateway programı tarafından işlendikten sonra, client’ a geri gönderilmesine gelince; çıktılar MIME çıktıları, redirection ve nonparsed Headings olmak üzere üç şekilde gönderilebilir. Sadece MIME çıktılara genel olarak bakalım: Çıktının MIME type gönderilmesi, herhangi bir Web sayfası, ses veya video dosyası ya da sade text olması demektir. Gateway programı, standard output’ un MIME tipini belirten başlık mesajlarını koymak ve altına bir de boş satır bırakmak zorundadır. Örneğin;

Content-type: MIME type (text/html)

Data…

Data…

Bir gateway’ in kullanım amaçları çok çeşitli olabilir. Bir örnek vermek gerekirse; bir Web server üzerindeki bir veri tabanı üzerinde, bir bilginin, verilen bir keyword aracılığıyla araştırılması bir gateway programıyla halledilebilir. Bir gateway programı herhangi bir programlama diinde yazılabilir. Fakat, bir gateway yazmak için en çok tercih edilen programlama dilleri şunlardır: C, C++, Fortran, Perl, TCL, herhangi bir Unix Shell, Visual Basic, AppleScript. Script diliyle yazılmış programların kendileri server’ a konur, diğer dillerde yazılmış programların ise derlenmiş hali server’ a konur. Derlenmiş hali server’ a konan programların source kodları da bilgi amacıyla genelde konur.

CGI real time çalıştırılır, yani client ne zaman çalıştırmak isterse, CGI bu isteği alır, verileri çevresel değişkenlere aktararak gateway’ e gönderir ve gateway’ i çalıştırmaya başlar ve çıktı programın çalışması bitince, CGI tarafından alınıp, client’ a gönderilir.

Gateway’ lerin server’ a konması için iki yol izlenebilir: Bunlardan birincisi, herkes kendi dizini altına programını koyar ve bir de hangi uzantılı dosyaların server tarafından cgi olarak kullanılacağının server’ a bildirilmesi için bir .htaccess dosyası hazırlar. Fakat, bu yöntem pek tercih edilmez, çünkü güvenli gateway programı yazmak kolay bir iş değildir. Gateway’ ler real time çalıştırıldığından, kötü niyetli kişiler, gateway’ I server’ I zor durumda bırakacak şekilde kullanabilirler. Bunu engellemek için, gatewayler server üzerinde ayrı bir dizin altında tutulurlar. (cgi-bin dizini) Gateway programları, bu dizine sadece Webmaster’ ların bilgisi ve izni dahilinde konulabilir.

<div align="center">VBScript (Visual Basic Script)
</div>
VisualBasicScript, JavaScript gibi script diller, HTML’ ye ek olarak tasarlanmıştır. Bu diller ile programlar HTML içine yazılır ve Web sayfasının interaktif ve dinamik olmasına hizmet ederler. VBScript eklenmiş sayfalar bu dili destekleyen listeleyiciler (browserlar) tarafından görüntülenebilir. Mevcut listeleyiciler (browserlar) arasından sadece Internet Explorer VBScript desteğine sahiptir. HTML dökümanı içindeki scriptleri ayırıp (parse), işletmek (process) -bu dili destekleyen- listeleyicinin (browserın) sorumluluğundadır.

Bir VisualBasicScript’ I HTML içine yerleştirebilmemizi sağlayan bir HTML belirteci (tag) vardır: <script> ….. </SCRIPT>

Bir VBScript’ I değişik yollarla HTML kodumuz içine yerleştirebiliriz. Örneğin, üzerinde Tıkla yazılı bir button’ I <FORM> ….. </FORM> belirteç çiftiyle oluşturmak ve VBScript kullanarak, oluşturduğumuz bu button’ a tıkladığımız zaman ekranda “Bu VisualBasicScript’ in basit bir örneğidir.” mesajının gelmesini sağlamak isteyelim. Böyle bir istek aşağıdaki yapı ile gerçekleştirebilir:

HTML>

<HEAD>

<TITLE> VBScript içeren sayfama hosgeldiniz. </TITLE>

</HEAD>

<BODY>



Kullanılan VBScript, asagidaki dugmeye tikladiginizda, ekrana bir mesaj kutusunun gelmesini saglayacaktir. </P>

<FORM NAME="formornegi">

<INPUT TYPE="Button" NAME="Tiklakomutu" VALUE="Tikla">

<script FOR=”Tiklakomutu” Event=”onClick” Language=”VBScript”>

MsgBox “Bu VBScript’ in basit bir ornegidir.”

</SCRIPT>

</FORM>

</BODY>

</HTML>

Yukarıdaki HTML kodunda, SCRIPT belirteciyle kullanılna FOR seçeneği, bu script’ in TiklaKomutu isimli dğme (button) için yazıldığını belirtir. Event seçeneği ise, bu scriptin button üzerine tıklayınca çalışacağını gösterir. Language ise, kullanılan script’ in bir VBScript olduğunu açıklamak içindir. Bu açıklama olmaksızın, listeleyici (browser) yazılan script’ in hangi script (JavaScript mi VBScript mi) olduğunu anlayamaz.

Yukarıda kullanılan yöntem okunabilirliği azalttığı için pek tavsiye edilmez. Onun yerine aşağıdaki gibi bir kod yazılsa daha iyi olur.

<HTML>

<HEAD>

<TITLE> VBScript iceren sayfama hosgeldiniz. </TITLE>

<script LANGUAGE="VBScript">

<!--

Sub Tiklakomutu OnClick

MsgBox "Bu VBSript’ in basit bir ornegidir."

End Sub

-->

</SCRIPT>

</HEAD>

<BODY>



Kullanılan VBScript, asagidaki dugmeye tikladiginizda, ekrana bir mesaj kutusunun gelmesini saglayacaktir. </P>

<FORM NAME="formornegi”>

<INPUT TYPE="Button" NAME="TiklaKomutu" VALUE="Tikla”>

</FORM>

</BODY>

</HTML>

Yukarıdaki kodun <HEAD> ….. </HEAD> kısmı içine yazılan script, bir altprogramdır. Sub altprogramın başladığını, End Sub ise bittiğini gösterir. Sub’ tan sonra gelen TiklaKomutu OnClick, TiklaKomutu isimli button üzerine tıklandığında, bu alt programın çalışacağını belirtir. Bu tip procedure’ lara event-procedure denir.,

__________________
Sensizlikten olsa gerek, sana açamadığım duyguları
Ellerimle ,yüreğimle beslediğim aşkı sokaklarda arıyorum şimdi
Narin bir gece serinliğinde bana dönmeni
Sessizce yanıma sokulmanı ümit ediyorum...
İlk baharda açan nergizler senin ıssızlığında soldu
Zor olsa gerek senle bir sokakta buluşmak
Loş yanmıyor sokağın ışığı sen yokken
İlk buluştuğumuz yerde sönük duruyor fotoğrafların
Kar tanesi lapa lapa yağmaz dağın yamaçlarına sensizlikten

Sürgün damgası yerim bu aşk cinayeti yüzünden
O köşe bucak sensizliğinden saklandığım sokakların
Katili olurum sensiz bu limanların,koyların
Aldırmıyorum fermanımın senin ellerinde verildiği için
Gerçekten bir ses seda ver ey sevgili
Islanmak vardı şimdi senin ay ışığı gözlerinde.....