HTML Nedir...!!!

EuroMan · 05-05-2005, 02:48

HTML Nedir?

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 n...etwork ü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.

HTML Versiyonları
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.

HTML Editörleri
HTML kodları herhangi bir editörde yazılabilir. Örneğin; bu iş için U...nix ü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.

HTML Komutları
Bir HTML dökümanının genel olarak görünümü aşağıdaki gibidir:

<HTML> {Html programýnýn baþlangýç komutudur. }
<HEAD> {Bu alanda yazýlan bilgiler Web sayfasýnda görüntülenmezler. Burada sayfa baþlýðý, anahtar kelime tanýmlamalarý, sayfa içerisinde kullanýlan karakter bilgisi (dil, code page) gibi sayfanýn doðrudan kendisine iliþkin tanýmlamalar yapýlýr. }
</HEAD>
<BODY>
{Sayfa üzerinde görülmesi istenen herþey bu bölümde yazýlýr. Hazýrlanan dökümanýn baþlangýç ve bitiþ bloðu gibidir.}
</BODY>
</HTML> {Html programýnýn bitiþ komutudur. }

Yukarýda da görüldüðü gibi HTML komutlarý (belirteçleri) < > iþaretleri arasýna yazýlýrlar ve genelde her HTML belirtecinin / ile baþlayan bir çifti vardýr. Belirteçlerin çiftler halinde bulunmasý; söz konusu belirtecin saðladýðý özelliðin sadece belirteç çifti arasýna yazýlan yazýlara etki edeceðini ifade eder. Bir belirtece ait birden çok seçenek bulunabilir ve belirteçler seçeneklerle kullanýldýðý zaman, bu seçeneklerin bir de deðeri bulunur.

<belirtec_adi secenek_adi1=deger_1 secenek_2=deger_2 ...>

HTML, büyük harf küçük harf duyarlýlýðý olmayan bir dildir. Fakat okunabilirliði artýrmak için, HTML belirteçlerinin büyük harf ile yazýlmasý bir alýþkanlýktýr. Bir HTML dökümaný ile ilgili verilen bu genel bilgiler, ileride verilecek komutlarýn kullanýmýnýn anlaþýlmasý ve örneklerin incelenmesinden sonra, daha iyi anlamlandýrýlacaktýr.

<HEAD> .......... </HEAD> Arasýnda Kullanýlan Komutlar :

<TITLE> .......... </TITLE> belirteç çifti: Bu belirteç çifti arasýna browser' ýn (listeleyici) baþlýk çubuðunda görülecek olan sayfanýn baþlýðý yazýlýr.

<META> belirteci: Bu belirteç ile kullanýlabilen birçok seçenek vardýr. Örneðin bir kullanýmý, bu belirteç ile sayfanýzýn içeriðini yansýtan bazý anahtar kelimeler ve tanýmlamalar verilmesidir. Web üzerinde arama yapan arama motorlarý sayfalarýn meta belirteçlerine bakarak gruplandýrma yaparlar. Bununla ilgili aþaðýdaki örnekleri inceleyiniz.

<META NAME="Description" CONTENT="HTML öðrenmek için yararlý bilgiler">
<META NAME="Keywords" CONTENT="html, htm, web sayfasý">
<META NAME="Author" CONTENT="Ozge Donmezer">

Baþka bir kullaným, sayfadaki yazýlarýn hangi dil ailesine ait karakterlerle yazýldýðýný belirtmek içindir. Yine aþaðýda bunula ilgili bir örnek verilmiþtir.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8858-9"> (Türkçe' nin dahil olduðu dil ailesine ait standard tanýmlamasý iso-8859-9' dur.)

 Karakter þekli belirlenecek yazý 

& yerine istediðimiz karakter tiplerinden birini yazabiliriz. (Örneðin; Times New Roman, Arial gibi…)

Döküman içindeki yazýlardan istediðimiz bir kýsmýna kalýn, italik, altý çizgili vb özellikleri verebiliriz:

 Kalýn yapýlacak yazý 
 Ýtalik yapýlacak yazý 
 Altý çizili yapýlacak yazý 
 Satýrýn biraz üst tarafýnda görünmesini istediðimiz yazý 
 Satýrýn biraz alt tarafýnda görünmesini istediðimiz yazý 
<STRIKE> Üstü çizili yapýlacak yazý </STRIKE>

HTML dökümanýmýzda paragraf baþý yapmak, sadece alt satýra geçmek ya da bir kýsým yazýyý tek bir satýrda yazmak istediðimiz zaman aþaðýdaki balirteçleri kullanmalýyýz.


Yeni bir paragraf yapmak istediðimiz zaman kullandýðýmýz bu belirteç, çiftiyle birlikte kullanýlmaz. Okunabilirliði artýrmak için, genelde satýrýn sonunda kullanýlýr. Bir satýr boþluk býrakýr.

 
Bir alt satýra geçmek için kullanýlan bu belirtecin de çifti yoktur. Bu belirteç bir satýr boþluk býrakmadan, bir alt satýra geçer.

 Hep ayný satýrda yer almasýný istediðimiz yazý 
Bu belirteç, çiftiyle birlikte kullanýlýr ve belirteç çifti arasýna yazdýðýmýz yazý, bir satýrda görüntülenir.

Döküman içinde kullanacaðýmýz baþlýk formatlarýný ayarlamak için kullanacaðýmýz belirteç ise aþaðýda gösterilmiþtir:

& yerine 1’ den 6’ ya kadar bir sayý, # yerine de left, right ya da center gelmelidir.

Bir paragrafý olduðu gibi saða, sola ya da ortaya yaslamak istedimiz zaman da belirtecini çiftiyle beraber benzer þekilde ALIGN seçeneði ile kullanmalýyýz.

 Saða, sola ya da ortaya yaslayacaðýmýz paragraf 

# = left, right ya da center

Hazýrladýðýmýz dökümanda kullanmak istediðimiz özel karakter stilleri olabilir.Örneðin bir yerden alýntý yapmak istediðimizde, alýntý yaptýðýmýz yazýlarýn biraz eðik (italik gibi) görünmesini isteyebiliriz. Ya da bazý vurguladýðýmýz kýsýmlarýn daha çok göze çarpmasýný isteyebiliriz. HTML’ de bu gibi özellikleri saðlayan belirteçler de vardýr. Aþaðýda bunlar verilecektir:

 Önemli bir yazý {Bu belirteç vurguyu belirtmek için kullanýlýr. (Dýþarýya biraz eðik çýkar.) }

 Çok önemli bir yazý {Bu belirteç çifti güçlü vurguyu belirtir. (Dýþarýya biraz koyu çýkar.) }

<CODE> Yazýlar yazýlar </CODE> {Bu belirteç çifti yasa, kural belirten yazýlar için kullanýlýr. }

<SAMP> Örnek </SAMP> { Örnek çýktý }

<VAR> Deðiþken, emin deðil </VAR> {Deðiþken, kararsýz }

<DFN> Tanýmlama </DFN> {Bu belirteç çifti tanýmlama belirten yazýlar için kullanýlýr. (Dýþarýya hafif eðik çýkar.)}

<CITE> Alýntý </CITE> {Bu belirteç çifti alýntý yazýlar için kullanýlýr. }

 Küçük yazý {Bu belirteç çifti arasýnda yazýlan yazýlar dýþarýya çok küçük çýkar. }

<BIG> Büyük yazý </BIG> {Bu belirteç çifti arasýnda yazýlan yazýlar dýþarýya çok büyük çýkar. }

<ADDRESS> Yazarýn Adresi </ADDRESS> {Bu format yazarýn adresini yazmak içindir. }

<BLINK> Yanýp sönen yazý </BLINK> {Bu belirteç çifti arasýna yazýlan yazýlar dýþarý çýktýklarýnda bir yanýp bir sönen þekilde görünürler. }

Sayfamýzda herhangi bir yere deðiþik boyutlarda çizgi çizmek isteyebiliriz. Bunu <HR> belirteciyle yaparýz. Boyutlarýný ayarladýðýmýz seçenekleriyle birlikte kullanýmý aþaðýdaki gibidir.

<HR SIZE=# WIDTH=# ALIGN=#> {Çizginin uzunluðunu ayarlamak için kullandýðýmýz WIDTH seçeneðini WIDTH=50% þeklinde de kullanabiliriz. Örneðin; bizim kullanýmýmýz sayfanýn %50’ si, yani yarýsý uzunluðunda bir çizgi çizmek istediðimizi belirtir. }

Sayfamýzdan yapacaðýmýz baðlantýlara gelince; öncelikle Internet üzerindeki herhangi bir makinadaki bir dökümana baðlantý yapmaya bakalým:

<A HREF=”URL_adresi”> Buraya týklayýnýz </A> {Web sayfanýzda “Buraya týklayýnýz” yazýsý çýkacaktýr ve bu yazý bir link görünümünü almýþtýr. Üzerine týkladýðýnýzda yazdýðýnýz URL adresine ulaþýrsýnýz. URL adresi aþaðýdaki gibidir. }

<servis>://<adres>[

ort_numarasý]/<dizin>/dosya_adý

<MARQUEE SCROLLAMOUNT=#> Kayan yazý </MARQUEE>
# burada kayma hýzýný belirten bir sayýdýr.

<UL>
<LI> Win 98
<LI> Win NT
</UL>

Fakat, siyah nokta yerine, içi boþ daire ya da kare sekli çikarmak ta mümkündür. Bunun için kullanýlmasý gerekli seçenek TYPE seçeneðidir. TYPE seçeneðinin alabileceði deðerler disc, circle ve square’ dir.

2- Sirali (Ordered) Listeler: Bir seçenek belirtilmezse, 1, 2, 3 … numarali listeler oluþturur.

<OL>
<LI> Win 98
<LI> Win NT
</OL>

Burada da type seçeneðini kullanarak deðiþik sýralý listeler yaratmak mümkün olur.

<LI TYPE= #> # = A, a, I, i, 1

3-Açiklamali Listeler:

<DL COMPACT>
<DT> Win98
<DD> Bir iþletim sistemidir.
<DT> WinNT
<DD> Arayüzü Windows 95’ e çok benzeyen bir iþletim sistemidir.
</DL>

4-içiçe Listeler:

Tüm liste çeþitleri, 3'den fazla bölüm kullanmadýkça içiçe yazýlabilir. Örnek olarak;

<UL>
<LI> Ýzmir’ deki üniversiteler
<UL>
<LI> Ege Üniversitesi
<LI> Dokuz Eylül Üniversitesi
</UL>
<LI> Ankara' nýn belli baþlý üniversiteleri
<UL>
<LI> ODTÜ
<LI> Hacettepe
</UL>
</UL>

Ekrandaki görüntüsü,

• izmir’ deki üniversiteler
• Ege Üniversitesi
• Dokuz Eylül Üniversitesi
• Ankara'nýn belli baþlý üniversiteleri
• ODTÜ
• Hacettepe

HTML'de Kullanılan Teknolojiler
1. 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!”);
}
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.

2. CGI (Common Gateway Interface)

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. 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 server’ı 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.

3. Visual Basic Script

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.

05-05-2005, 02:48	#1 (permalink)
EuroMan Yeni Üye Giriş Tarihi: 04-05-2005 Mesajlar: 62 Rep Gücü: 4 Rep Puanı : 46	HTML Nedir...!!! HTML Nedir? 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 n...etwork ü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. HTML Versiyonları 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. HTML Editörleri HTML kodları herhangi bir editörde yazılabilir. Örneğin; bu iş için U...nix ü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. HTML Komutları Bir HTML dökümanının genel olarak görünümü aşağıdaki gibidir: <HTML> {Html programýnýn baþlangýç komutudur. } <HEAD> {Bu alanda yazýlan bilgiler Web sayfasýnda görüntülenmezler. Burada sayfa baþlýðý, anahtar kelime tanýmlamalarý, sayfa içerisinde kullanýlan karakter bilgisi (dil, code page) gibi sayfanýn doðrudan kendisine iliþkin tanýmlamalar yapýlýr. } </HEAD> <BODY> {Sayfa üzerinde görülmesi istenen herþey bu bölümde yazýlýr. Hazýrlanan dökümanýn baþlangýç ve bitiþ bloðu gibidir.} </BODY> </HTML> {Html programýnýn bitiþ komutudur. } Yukarýda da görüldüðü gibi HTML komutlarý (belirteçleri) < > iþaretleri arasýna yazýlýrlar ve genelde her HTML belirtecinin / ile baþlayan bir çifti vardýr. Belirteçlerin çiftler halinde bulunmasý; söz konusu belirtecin saðladýðý özelliðin sadece belirteç çifti arasýna yazýlan yazýlara etki edeceðini ifade eder. Bir belirtece ait birden çok seçenek bulunabilir ve belirteçler seçeneklerle kullanýldýðý zaman, bu seçeneklerin bir de deðeri bulunur. <belirtec_adi secenek_adi1=deger_1 secenek_2=deger_2 ...> HTML, büyük harf küçük harf duyarlýlýðý olmayan bir dildir. Fakat okunabilirliði artýrmak için, HTML belirteçlerinin büyük harf ile yazýlmasý bir alýþkanlýktýr. Bir HTML dökümaný ile ilgili verilen bu genel bilgiler, ileride verilecek komutlarýn kullanýmýnýn anlaþýlmasý ve örneklerin incelenmesinden sonra, daha iyi anlamlandýrýlacaktýr. <HEAD> .......... </HEAD> Arasýnda Kullanýlan Komutlar : <TITLE> .......... </TITLE> belirteç çifti: Bu belirteç çifti arasýna browser' ýn (listeleyici) baþlýk çubuðunda görülecek olan sayfanýn baþlýðý yazýlýr. <META> belirteci: Bu belirteç ile kullanýlabilen birçok seçenek vardýr. Örneðin bir kullanýmý, bu belirteç ile sayfanýzýn içeriðini yansýtan bazý anahtar kelimeler ve tanýmlamalar verilmesidir. Web üzerinde arama yapan arama motorlarý sayfalarýn meta belirteçlerine bakarak gruplandýrma yaparlar. Bununla ilgili aþaðýdaki örnekleri inceleyiniz. <META NAME="Description" CONTENT="HTML öðrenmek için yararlý bilgiler"> <META NAME="Keywords" CONTENT="html, htm, web sayfasý"> <META NAME="Author" CONTENT="Ozge Donmezer"> Baþka bir kullaným, sayfadaki yazýlarýn hangi dil ailesine ait karakterlerle yazýldýðýný belirtmek içindir. Yine aþaðýda bunula ilgili bir örnek verilmiþtir. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8858-9"> (Türkçe' nin dahil olduðu dil ailesine ait standard tanýmlamasý iso-8859-9' dur.) <FONT FACE=”&”> Karakter þekli belirlenecek yazý </FONT> & yerine istediðimiz karakter tiplerinden birini yazabiliriz. (Örneðin; Times New Roman, Arial gibi…) Döküman içindeki yazýlardan istediðimiz bir kýsmýna kalýn, italik, altý çizgili vb özellikleri verebiliriz: <B> Kalýn yapýlacak yazý </B> <I> Ýtalik yapýlacak yazý </I> <U> Altý çizili yapýlacak yazý </U> <SUP> Satýrýn biraz üst tarafýnda görünmesini istediðimiz yazý </SUP> <SUB> Satýrýn biraz alt tarafýnda görünmesini istediðimiz yazý </SUB> <STRIKE> Üstü çizili yapýlacak yazý </STRIKE> HTML dökümanýmýzda paragraf baþý yapmak, sadece alt satýra geçmek ya da bir kýsým yazýyý tek bir satýrda yazmak istediðimiz zaman aþaðýdaki balirteçleri kullanmalýyýz. <P> Yeni bir paragraf yapmak istediðimiz zaman kullandýðýmýz bu belirteç, çiftiyle birlikte kullanýlmaz. Okunabilirliði artýrmak için, genelde satýrýn sonunda kullanýlýr. Bir satýr boþluk býrakýr. <BR> Bir alt satýra geçmek için kullanýlan bu belirtecin de çifti yoktur. Bu belirteç bir satýr boþluk býrakmadan, bir alt satýra geçer. <NOBR> Hep ayný satýrda yer almasýný istediðimiz yazý </NOBR> Bu belirteç, çiftiyle birlikte kullanýlýr ve belirteç çifti arasýna yazdýðýmýz yazý, bir satýrda görüntülenir. Döküman içinde kullanacaðýmýz baþlýk formatlarýný ayarlamak için kullanacaðýmýz belirteç ise aþaðýda gösterilmiþtir: & yerine 1’ den 6’ ya kadar bir sayý, # yerine de left, right ya da center gelmelidir. Bir paragrafý olduðu gibi saða, sola ya da ortaya yaslamak istedimiz zaman da <P> belirtecini çiftiyle beraber benzer þekilde ALIGN seçeneði ile kullanmalýyýz. <P ALIGN=#> Saða, sola ya da ortaya yaslayacaðýmýz paragraf </P> # = left, right ya da center Hazýrladýðýmýz dökümanda kullanmak istediðimiz özel karakter stilleri olabilir.Örneðin bir yerden alýntý yapmak istediðimizde, alýntý yaptýðýmýz yazýlarýn biraz eðik (italik gibi) görünmesini isteyebiliriz. Ya da bazý vurguladýðýmýz kýsýmlarýn daha çok göze çarpmasýný isteyebiliriz. HTML’ de bu gibi özellikleri saðlayan belirteçler de vardýr. Aþaðýda bunlar verilecektir: <EM> Önemli bir yazý </EM> {Bu belirteç vurguyu belirtmek için kullanýlýr. (Dýþarýya biraz eðik çýkar.) } <STRONG> Çok önemli bir yazý </STRONG> {Bu belirteç çifti güçlü vurguyu belirtir. (Dýþarýya biraz koyu çýkar.) } <CODE> Yazýlar yazýlar </CODE> {Bu belirteç çifti yasa, kural belirten yazýlar için kullanýlýr. } <SAMP> Örnek </SAMP> { Örnek çýktý } <VAR> Deðiþken, emin deðil </VAR> {Deðiþken, kararsýz } <DFN> Tanýmlama </DFN> {Bu belirteç çifti tanýmlama belirten yazýlar için kullanýlýr. (Dýþarýya hafif eðik çýkar.)} <CITE> Alýntý </CITE> {Bu belirteç çifti alýntý yazýlar için kullanýlýr. } <SMALL> Küçük yazý </SMALL> {Bu belirteç çifti arasýnda yazýlan yazýlar dýþarýya çok küçük çýkar. } <BIG> Büyük yazý </BIG> {Bu belirteç çifti arasýnda yazýlan yazýlar dýþarýya çok büyük çýkar. } <ADDRESS> Yazarýn Adresi </ADDRESS> {Bu format yazarýn adresini yazmak içindir. } <BLINK> Yanýp sönen yazý </BLINK> {Bu belirteç çifti arasýna yazýlan yazýlar dýþarý çýktýklarýnda bir yanýp bir sönen þekilde görünürler. } Sayfamýzda herhangi bir yere deðiþik boyutlarda çizgi çizmek isteyebiliriz. Bunu <HR> belirteciyle yaparýz. Boyutlarýný ayarladýðýmýz seçenekleriyle birlikte kullanýmý aþaðýdaki gibidir. <HR SIZE=# WIDTH=# ALIGN=#> {Çizginin uzunluðunu ayarlamak için kullandýðýmýz WIDTH seçeneðini WIDTH=50% þeklinde de kullanabiliriz. Örneðin; bizim kullanýmýmýz sayfanýn %50’ si, yani yarýsý uzunluðunda bir çizgi çizmek istediðimizi belirtir. } Sayfamýzdan yapacaðýmýz baðlantýlara gelince; öncelikle Internet üzerindeki herhangi bir makinadaki bir dökümana baðlantý yapmaya bakalým: <A HREF=”URL_adresi”> Buraya týklayýnýz </A> {Web sayfanýzda “Buraya týklayýnýz” yazýsý çýkacaktýr ve bu yazý bir link görünümünü almýþtýr. Üzerine týkladýðýnýzda yazdýðýnýz URL adresine ulaþýrsýnýz. URL adresi aþaðýdaki gibidir. } <servis>://<adres>[ort_numarasý]/<dizin>/dosya_adý <MARQUEE SCROLLAMOUNT=#> Kayan yazý </MARQUEE> # burada kayma hýzýný belirten bir sayýdýr. <UL> <LI> Win 98 <LI> Win NT </UL> Fakat, siyah nokta yerine, içi boþ daire ya da kare sekli çikarmak ta mümkündür. Bunun için kullanýlmasý gerekli seçenek TYPE seçeneðidir. TYPE seçeneðinin alabileceði deðerler disc, circle ve square’ dir. 2- Sirali (Ordered) Listeler: Bir seçenek belirtilmezse, 1, 2, 3 … numarali listeler oluþturur. <OL> <LI> Win 98 <LI> Win NT </OL> Burada da type seçeneðini kullanarak deðiþik sýralý listeler yaratmak mümkün olur. <LI TYPE= #> # = A, a, I, i, 1 3-Açiklamali Listeler: <DL COMPACT> <DT> Win98 <DD> Bir iþletim sistemidir. <DT> WinNT <DD> Arayüzü Windows 95’ e çok benzeyen bir iþletim sistemidir. </DL> 4-içiçe Listeler: Tüm liste çeþitleri, 3'den fazla bölüm kullanmadýkça içiçe yazýlabilir. Örnek olarak; <UL> <LI> Ýzmir’ deki üniversiteler <UL> <LI> Ege Üniversitesi <LI> Dokuz Eylül Üniversitesi </UL> <LI> Ankara' nýn belli baþlý üniversiteleri <UL> <LI> ODTÜ <LI> Hacettepe </UL> </UL> Ekrandaki görüntüsü, • izmir’ deki üniversiteler • Ege Üniversitesi • Dokuz Eylül Üniversitesi • Ankara'nýn belli baþlý üniversiteleri • ODTÜ • Hacettepe HTML'de Kullanılan Teknolojiler 1. 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!”); } 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. 2. CGI (Common Gateway Interface)* 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. 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 server’ı 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. 3. Visual Basic Script 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.

Forum Araçları
Yazıcı Çıktısını Göster Sayfayı E-posta ile Yolla
Görüntüleme Biçimleri
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode