szlr

Benimde bir web sitem olabilirmi?
internet eriþimi olan herkesin bir web sitesi olabilir. Web üzerinde gezinirken gördüklerinize benzer
sayfalar yapabilmeniz için öncelikle bunu koyabileceðiniz bir web sunucusu ve internet üzerinde belirli bir
alana sahip olmaniz gerekir. Öncelikle bedava web alani veren sitelerden kayidinizi yaptirarak bu alani
alin. Bedava web sayfasi veren siteler:
     Geocities: www.geocities.com
     50Megs: www.50megs.com
     8m: www.8m.com
     Xoom: www.xoom.com
     Tripod: www.tripod.com
Bir Web Sayfas? Neye Benzer? HTML Nedir?
Web sayfalar?, HTML ad? verilen özel bir formatlama dili kullan?larak yap?l?r. HTML, Hypertext Markup
Language için uydurulan bir k?saltmad?r. HTML, sayfalara yazaca??n?z bilgilerin formatlar?n? (yaz? rekleri,
büyüklükleri, paragraf biçimleri vb gibi), sayfalar aras?ndaki kompozik geçi? ba?lant?lar?n? vb
verebilece?iniz vb baz? komutlar içerir.
Bir web sayfas?nda görülebilecek tipik elemanlar nelerdir?
Web'de gezinmi?seniz bilirsiniz. Sayfalara ba?land???n?zda, kar??n?za oldukça de?i?ik türden bilgi ve bu
bilgileri size sunan sayfa elemanlar? geliyor. Asl?nda bu, web'in sa?lad??? en büyük özelliklerden birisi.
Yani, birbirinden çok farkl? türden bilgiye ayn? platformda ve kompozit bir ?ekilde ula?mak!! HTML
sayfalar?, grafik, animasyon, film, müzik, arkaplan müzikleri gibi hergeçen gün artan oranlarda
desteklenen bileyanetkile?imli bir ?ekilde doldurabilecekleri formlar, kullan?c?n?n ?enler de içerirler. Bunun
?nda, kullan?c?lar?n yde?i?tirebilece?i dizaynlar (dinamik html) da içerir. web sayfalar? yap?s? ve web
önlendirebilece?i ve içeri?ini istemci teknolojisi, standart olmayan veri yap?lar?n?n da web üzerindeki
di?er bilgilerle entegrasyonuna "plug-in" denilen yard?mc? programlar vas?tas?yla izin verirler.
Sayfa içeri?i nas?l saptan?r? Ön dizayn yapman?n getirebilece?i avantajlar
Nelerdir? Nelere dikkat edilmeli?
Web sayfas?nda hangi bilgilerin yer alaca??n? saptamak ilk yap?lmas? gerekenlerden. Sayfan?z?
haz?rlamadaki amac?n?z ne? Kendinizi tan?tmak m?? Bir ürünü mü tan?tmak? Ya da, sevdi?iniz bir sanatç?
ile ilgili bir sayfa m? yapmak istiyorsunuz?? Daha sonra, 1-2 hafta süreyle web'de gezinin. Sizinkine
benzer içerikli sayfalarla mutlaka kar??la??rs?n?z. Buradan, iyi ya da kötü tasar?m?n ne oldu?u konusunda
kafan?da fikirler olu?acakt?r. Öte yandan, normal bir internet kullan?c?s?n?n profesyonel bir grafik ya da
web sayfas? tasar?ms?c? olmas?n? da bekleyemeyiz.. Bu yüzden, ilk sayfan?z çok sade görünümlü olabilir.
Herzaman, web sayfas?n?n içerdi?i bilgilerin önemli oldu?unu ve sayfa düzeninin de bu bilgilere kolayca
eri?imi sa?layacak ?ekilde olmas?n?n getirece?i kolayl?klar ve avantajlar? ak?lda bulundurun. E?er web
sayfalar?n?zda birden çok konuyu i?leyecekseniz, buna göre ilgili dosyalar?n sabit diskte bulunmas?
gereken dizin yap?lar?n? saptamak ta yap?lmas? gereken ilk i?lerden biri olmal?. Her farkl? sayfan?n farkl? bir
dizinde saklanmas? sayfa organizasyonunu kolayla?t?r?r. Belirli bir konuda haz?rlanm?? iyi web sayfalar?,
öncelikle, buraya ba?lanan insanlar?n mümkün oldu?unca zahmetsiz ve k?sa yoldan isteklerine
ula?malar?n? sa?lamal?d?r. Ayr?ca, konunun d???na ta?madan, verilmek istenen anlat?lmal?d?r. Hiç kimse,
ekranlar dolusu uzunlukta yaz?lardan olu?an bir siteyi okumak istemez. Bu genellikle çok s?k?c? olur. Web
sayfas?nda ne kadar grafik/resim/ses vb olaca??, bu dosyalar?n büyüklüklerinin belirlenmesi de çok
önemli. Hiç kimse, ba?land??? bir web sayfas?nda 100lerce kilobyte tutan bir resim ya da animasyon
dosyas?n?n yüklenmesini beklemek istemez. Web sayfalar?nda resim ve animasyon kullan?m? sayfan?n
çekicili?ini artt?rsa da, unutmay?n ki bu sayfalara ula?acak ki?ilerin internet ba?lant? h?zlar? 14.4kbps
modem ba?lant?s? düzeyinde de olabilir.
Tipik bir web sayfas? düzeni nas?ld?r?
Tipik bir web sayfas? asl?nda tam anlam?yla hiyerar?ik bir yap?dad?r. Bu modüler yap?, sayfalara yeni
bilgiler ve sayfalar eklenmesini kolayla?t?r?r.
Web Sayfas? Haz?rlamak zor mudur? Özel bir editöre ihtiyac?m var m??
Web sayfas? haz?rlamak ba?ta tahmin edildi?i gibi ya da san?ld??? kadar zor de?ildir. Bu i?i kolayla?t?ran
birçok araç var.
Asl?nda, HTML dökümanlar?n?n tamam? ASCII karakterlerden olu?an ve herhangi bir editörde yaz?labilen
metinlerden olu?mu?tur. UNIX üzerinde pico, vi; DOS alt?nda MSDOS Edit ya da bir windows textpad veya
sevdi?iniz herhangi bir metin editörü kullanarak HTML dökümanlar?n?z? haz?rlayabilirsiniz. Yani, hiç bir
özel editöre ihtiyac?n?z yok. Ancak, HTML format belirteçlerini hat?rlamak ayr? bir dert, yazmak ayr? bir
dert.. Yüzlerce HTML belirteçini hat?rlamak profesyonel bir tasar?mc? için bile gerçekten çok zor.
Bunu berteraf eden baz? yard?mc? bilgisayar programlar? var. Bunlara, "HTML Editörleri" denir. HTML
editörleri 2 grupta toplan?r :
     Ilk gruba giren editörler, HTML komutlar?n? menüler ya da baz? butonlar yard?m?yla döküman içine
     yazman?z?, ilgili ortamlar? kolayca olu?turman?z? sa?lar. Bu editörlerden baz?lar?, yazd???n?z HTML
     kodunun sonuçlar?n? bir "preview" pencereden görmenizi sa?larlar. Hemen hepsi, tüm HTML belirteç
     ve komutlar?n?n anlat?ld??? yard?m dosyalar? sunarlar. Baz?lar?nda (genellikle ingilizce) heceleme
     (spell-check) özelli?i vard?r. Haz?rlad???n?z sayfalar?n içinde kulland???n?z resim linklerini, di?er sayfa
     linklerini vb istatistik tablolar olarak size gösterebilirler ve bu ?ekilde dizaynda yard?mc? olurlar.
     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?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
     http://www.halsoft.com/web-lint adresinde bulabilirsiniz.
     Bu editörlerden en popülerlerinden baz?lar? HotDog Pro (http://www.sausage.com/), HomeSite,
     Web Edit, HotMetal ve DiDo 'dur. Bunlar ve benzeri di?er editörlere (Windows, Mac ve OS/2 için)
     Raksnet Tucows yans?s?ndan kolayca ula?abilirsiniz. Adresi : http://tucows.raksnet.com.tr/tucows
      http://www.zdnet.com/~pcweek/navigator/htmled.html adresinde deHTML editörleri ile
     ilgilibilgilere ve bu programlar?n bulundu?u di?er adreslere eri?ebilirsiniz.

     ?kinci gruba giren editörler, günümüz windows kelime i?lemci programlar? gibi (word, wordperfect
     vb), yazd???n?z 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. E?er Netscape 3.x kullan?yorsan?z web editörü bu ürünün Gold sürümünde.
     Popüler görsel editörlerden bazlar? ve alabilece?iniz adresler ?öyle : Microsoft Front Page
     (http://www.microsoft.com/) ; Symantec Visual Page (http://www.symantec.com/); Adobe Page
     Mill (http://www.adobe.com/); Claris Home Page (http://www.claris.com/). Ayr?ca, Microsoft
     Internet Explorer 4.x surumu ile birlikte "Front Page Express" ad?yla, orijinal ürünün daha basit bir
     sürümü de ücretsiz da??t?lmaktad?r. Programlar genellikle Windows (95/NT) ve Mac (PowerPC)
     alt?nda çal??maktad?r. Bunlar ve benzeri di?er editörlerin ço?una (Windows, Mac ve OS/2 için)
     Raksnet Tucows yans?s?ndan kolayca ula?abilirsiniz. Adresi : http://tucows.raksnet.com.tr/tucows
      http://www.zdnet.com/~pcweek/navigator/htmled.html adresinde deHTML editörleri ile ilgili
     di?er baz? bilgilere ve bu programlar?n bulundu?u di?er adreslere eri?ebilirsiniz.

Görsel editörlerin sunduklar? imkanlar, ço?u web sayfas? haz?rlama i?i için yeterli görünmektedir.
Özellikle; tablo haz?rlama, frame'ler ile çal??ma, form haz?rlama gibi yüksek oranda HTML kodlamas?
gerektiren uygulamalar çok kolay yap?labilmektedir. Sayfa içinde ba?lant? (link) olu?turma, temel
formatlama özelliklerini verme bu tip editörlerle kolayd?r. Özellikle, hem görsel editör özelli?i sunan, hem
de düz HTML kodunu de?i?tirebilmenize olanak tan?yan editörler hergeçen gün yayg?nla?maktad?r.
Böylece, görsel editörlerle yapamad???n?z baz? i?leri bütünle?ik bir ?ekilde, dökman?n HTML hali üzerinde
de?i?iklikler yaparak halledebilirsiniz.
Hiç HTML bilmeden görsel editörlerle web sayfas? haz?rlayabiliyorum.
HTML'ye yine de ihtiyac?m var m??
Bu sayfan?z?n içeri?ine ba?l?. Görsel editörler; tablo, frame, her türlü formatlama, resim/ses vb ekleme
gibi özellikleri sa?larlar ve bunlar ortalama bir web sayfas? için yeter. Ancak, özellikle yeni HTML
komutlar?, Java Appletleri, baz? CGI teknikleri vb eklemek için sayfan?z?n HTML ?ekli üzerinde biraz
çal??man?z gerekebilir. Ayr?ca, HTML felsefesini anlamak ve formatlama ortamlar?n? ö?renmek yazd???n?z
sayfaya herhaliyle hakim olmak demektir. Ba?land???n?z sitelerdeki sayfa içeriklerini anlamak ve baz?
teknikleri ö?renmek için de biraz HTML bilmek sonuçta yararl?d?r.
HTML dilinin en temel eleman? : Döküman biçimleme belirteçleri (TAG)

HTML'nin en temel i?levi, yazd???n?z bir dökümana biçim vermektir (yaz? karakterini, rengini, büyüklü?ünü
de?i?tirmek; paragraf eklemek; resim eklemek vb gibi). Bu, kullan?lan baz? biçimlendirme (formatlama)
belirteçleri/komutlar? kullan?larak yap?l?r. Söz gelimi; sayfam?zda "merhaba" kelimesinin koyu renkli görünmesini
isteyelim. Bu durumda, <BODY> ... </BODY> aras?na;
<B>deneme</B>
yazmal?y?z. Bu ise, bir web istemcisinde görüntülendi?inde, deneme ?eklinde bir sonuç üretir. Bu basit
örnek asl?nda HTML dilinin en temel kural? hakk?nda tüm ipuçlar?n? vermektedir : Bir HTML döküman
haz?rlamak, temel olarak, öncelikle sayfada görünmesini istedi?imiz düzyaz? bilgileri yazmak; sonras?nda
da bu yaz?n?n istedi?imiz yerlerinde uygun belirteçler (TAG) kullanarak istedi?imize uygun bir görünüm
kazand?rmakt?r.
Tüm HTML belirteçleri < karakteri ile ba?lar ve > karakteri ile biter ve bu HTML döküman?n? gösterecek
Netscape, MSIE gibi web istemcilerine, yaz?y? koyu göstermek, italik yapmak, bir resim göstermek vb
türünden özel bir?eyler yapt?r?r. < > aras?na ise, ilgili belirteç komutu ve bazen de birtak?m ilave
parametreler (seçenekler) gelir. Sözgelimi yukar?daki örnekte, <B> belirteçi, kendinden sonra yaz?lan
yaz?lar?n web istemcilerinde KOYU RENK görünmesini bildirir.
Genellikle HTML belirteçleri çift halinde kullan?l?r (ancak bu kural?n istisnalar? da vard?r). Yukar?daki örne?e
tekrar dönecek olursak, <B> belirteçinin çifti </B> dir. Böylece, yaz?n?n belli bir k?sm?na (yani, sadeec
<B> ..... </B> aras?na yazd???m?z k?sm?na) biçimlendirme yapmak mümkün olur. Her belirteçin çifti,
isminin ba??na bir ay?raç (/) konarak elde edilir ve yine < > aras?na yaz?l?r.
Herhangi bir HTML belirteçinin genel format? ?öyledir :
<belirteç-ad? seçenek1="de?er1" seçenek2="de?er2" seçenek3="de?er3"......... >

Bilgileri yazmada küçük/büyük harf ay?r?m? yoktur. Ancak, tüm HTML belirteçlerini ve seçenek adlar?n?
büyük harfle; de?erleri ise küçük harfle yazmak oldukça yayg?n bir al??kanl?kt?r.
HTML, dökümanlar üzerinde kullan?labilecek yüzlerce belirteç içerir. Bu da, web editörlerinin sayfa
haz?rlamada ne kadar yararl? araçlar oldu?unu göstermektedir. En ba?taki örne?e tekrar dönelim :
<FONT SIZE=+3>
          Ev Sayfama Ho? Geldiniz
</FONT>
<FONT> belirteçi, kendisinden sonra gelen karakterlerin yaz? büyüklü?ü, rengi, tipi vb ile ilgili de?i?iklikler
yapabilmemizi sa?lar. Dikkat edilirse, belirteç ad?ndan sonra bir seçenek kullan?lm??. Biçilendirme sadece
döküman?n belli bir k?sm?na uygulanmak istendi?inden, ilgili belirteç, çifti olan </FONT> ile kapat?lm??.
Kapatma belirteçinde, sadece belirteçin ad? ve sol taraf?na ay?raç i?areti (/) konur.
Bir ba?ka örnek verelim :

          <img src="uos.gif">
Bu örnekte de, web sayfas?n?n bulundu?u dizindeki sad.gif isimli resim dosyas?n?n sayfa üzerinde, bu
komutun yaz?ld??? bölümde, görüntülenmesi isteniyor. Bunun sonucunda ise

görülecektir. Tabii bunun için, ilgili resim dosyas?n?n, html sayfan?z? saklad???n?z dizinde bulunmas? laz?m.
Okudu?unuz döküman?n ilerleyen bölümlerinde önemli HTML belirteçleri ve önemli kullan?mlar? ile ilgili
bilgiler de verilecek.
HTML döküman?n genelinde etkili ve sayfada do?rudan görülmeyen
belirteçler

Ba?taki tabloda da belirtildi?i gibi, bir HTML döküman, <BODY> </BODY> aras?na yaz?l?r. Ba?taki
<HEAD> .. </HEAD>
aras?na yaz?lan belirteçler tüm döküman üzerinde etkilidir ve web istemcileri taraf?ndan do?rudan
görüntülenmezler.
Bunlardan en önemlisi, yaz?lan HTML dökümana isim vermekte kullan?lan <TITLE>'d?r. Bu belirteç,
haz?rlanan web sayfas?na bir isim verilebilmesini sa?lar. Böylece, sayfay? yükleyen birisi, <TITLE> ile
verilen isim bilgisini (sayfan?n konusunu içeren bir tan?mlama) kendi istemcisinin tan?mlama sat?r?nda
görür. A?a??da, bu belirteçin örnek bir kullan?m? görülmektedir.
<HTML>
<HEAD>
    <TITLE> Ugur-Onur OnLiNe Web Sayfas? </TITLE>
</HEAD>
<BODY>
   ....
</BODY>
</HTML>
Bu alanda kullan?labilecek ikinci önemli belirteç <META> 'd?r. Kullan?mda, kendisinden sonra bir seçenek
ad? verilerek kullan?l?r. Bu belirteç kullan?larak verilen bilgiler çok çe?itli olabilir. Söz gelimi, web sayfalar?
üzerinde dola?an arama motorlar?, sayfalar?n bu k?sm?ndaki <META> belirteçlerine bakarak sayfalar?
gruplar. Bu kullan?mda, <META> ile birlikte, sayfan?zdaki içeri?i yans?tan baz? anahtar kelimeler ve
tan?mlamalar verebilirsiniz. A?a??da bununla ilgili bir örnek görülmektedir :
   <META NAME="Description" CONTENT="Web sayfasi hazirlamak icin bazi kisa bilgiler">
   <META NAME="KeyWords" CONTENT="html, htm, kisisel web sayfasi, web">
   <META NAME="Author" CONTENT="Ugur-Onur">

Meta belirteçinin önemli bir kullan?m? da, sayfadaki yaz?lar?n hangi "dil ailesi"ne ait karakterlerle
yaz?ld???n? belirtmek içindir. Türkçe, Latin5 dil ailesindedir. Buna ait standart tanimlamasi ise iso-8859-9
olmaktad?r. A?a??da buna ait bir kullan?m gösterilmi?tir.
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-9">
Temel HTML Komutlar?/Belirteçleri

Metin Formatlama Belirteçleri :
Bir HTML döküman haz?rlarken, sat?rlar ya da kelimeler aras?nda istedi?iniz kadar bo?luk b?rakabilirsiniz.
Kodu takip etmeyi kolayla?t?rmak için HTML komutlar?n? metinden bo?luklarla ay?rabilirsiniz. Bunun
döküman?n web istemcisi üzerindeki görünümünde hiç bir fonksiyonu olmayacakt?r.
Döküman içinde, yeni bir paragrafa ba?larken, <P> belirteçini kullanmal?s?n?z. Bu belirteçi çokça
kullanacaks?n?z :-) HTML dökümanlar?nda <P> belirteç kullanmad?kça bir cümle herhangi bir yerinden
ayr?l?p kalan k?sm? altta görünebilir, birden fazla bo? sat?r tek sat?r olarak alg?lan?r. Bir web taray?c?s? sat?r
sonlar?n? ve bo? sat?rlar? gözard? edece?inden, paragraflar? mutlaka < p> belirteci ile ay?rmal?s?n?z.
E?er bir sat?r? belli bir yerinden bölmek istiyorsan?z <BR> belirteçini kullanmal?s?n?z. A?a??da bunlarla ilgili
küçük bir örnek var :
     <P>Burada yeni bir paragraf ba?lad?. Ben sat?r?n burada <BR>
     bölünmesini istiyorum.
E?er <P> kullan?lmasa idi, ilgili metin bir üstteki bilgilerle birle?ecekti. <BR> kullan?lmasayd?, henüz sat?r
bitmedi?i için, alt sat?ra geçilmeyecekti. Hem <P>, hem de <BR> belirteçleri tek kullan?l?r, çiftleri yoktur.
A?a??daki tabloda, s?k kullan?lan baz? metin formatlama belirteçleri görülmektedir. Belirteçler iç içe
kullan?labilir, ancak birbirlerini kesmemelidirler. Bu belirteçleri kullan?rken, belirtecin etkimesi istenen
yaz? <> .. </> aras?na al?n?r. Söz gelimi,
<i> Bu yar? italik </i> ?eklindeki bir HTML kodu, "Bu yaz? italik" ?eklinde bir sonuç üretecektir.

<i> </i>
                             Yaz?y? italik yapar.
<tt> </tt>
                             Yaz?y? sabit gerni?likli yapar (daktilo harfleri gibi).
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
                             Bu belirteçler, döküman içinde kullan?labilecek ba?l?klardaki yaz?lar?n
                             büyüklüklerini tan?mlar. Say? artt?kça yaz? büyüklü?ü azal?r. Bunlar?n
                             yerine, daha esnek <FONT> </FONT> belirteci de kullan?labilir. Bu
                             kullan?mda, <FONT SIZE=-2> 'den <FONT SIZE=+2> ye kadar yaz?
                             büyüklüklerü verilebilir.
<hr>
                             Yatay bir çizgi olu?turur. <hr SIZE=4 WIDTH= "50%"> ?eklinde, daha
                             kal?n ve dar bir çizgi de yap?labilir.
<center> </center>
                             Yaz? ve resimleri sayfada ortalar .
<blockquote> </blockquote>
                             Yaz?y? hem sa?dan, hem soldan birmiktar içeri kayd?r?r.
<pre> </pre>
                             Bu belirteçler aras?na yaz?lan her ?ey, yaz?ld??? gibi ekrana ç?kar.
                             Bo?luklar, tab'ler, sat?r bölmeleri vb. korunur.

HTML Döküman ?çinde Aç?klama Sat?rlar? :
HTML Döküman ?çinde, kodu takip etmede kolayl?klar sa?layacak baz? aç?klama sat?rlar? konabilir.
Döküman içinde herhangi biryerde, "" belirteçleri aras?nda kalan hiçbir?ey web istemcileri
taraf?ndan dikkate al?nmaz.Örnek;

Sayfa Arka Plan resimleri/renkleri ve Metin ?çinde Renk Kullan?m?
HTML sayfalar?n?z?n arka plan?nda isterseniz bir resim olabilir. Ya da, sayfa arkaplan?n? sizin istedi?iniz bir
renk yapabilirsiniz. Bu, döküman ba?lang?c?ndaki <BODY> belirtecine baz? seçenekler ekleyerek yap?l?r.
Sözgelimi ?u an okudu?unuz döküman?n arkaplan? asl?nda, "chalk.gif" isminde bir resim dosyas?. Bu,
<BODY BACKGROUND="chalk.gif"> ?eklindeki bir kullan?mla sa?land?. E?er arkaplan renginin k?rm?z?
olmas?n? isteseydik o zaman da, <BODY BGCOLOR="#FF0000"> dememiz gerekecekti. Buradaki FF0000,
k?rm?z?n?n, RGB renk ayr?m sistemindeki hekzadesimal (16-lik sistem) kar??l???.
Asl?nda, HTML döküman içinde baz? ?eylerin renklerini kontrol edebiliyoruz :
      <body> belirtecinde, bgcolor, text, link, vlink, ve alink seçenekleri s?ras?yla sayfa arkaplan rengi,
     sayfadaki yaz?lar?n rengi, henüz kullan?c?n?n ziyaret etmedi?i ba?lant? elemanlar? (link), ziyaret
     edilmi? ba?lant? elemanlar? ve aktif ba?lant? elemanlar?n? (yani, tam bir ba?lant?n?n üzerine fare ile
     t?klad???n?zdaki renk) tan?mlar.
     Sayfa içinde herhangi bir yaz?n?n rengini de?i?tirmek için <font> belirteci, color seçene?i ile birlikte
     kullan?l?r (<FONT color="#FF0000"> ... </FONT> gibi).
Renk de?erleri verilirken ?u ?ekilde hareket edilir :
     Genel renk tan?m? : "#RRGGBB" dir. Burada, RR, GG, ve BB, s?ras?yla k?rm?z? (red), ye?il (green) ve
     mavi (blue) renklerin toplam renk içindeki yo?unlu?unu gösteren hekzadesimal say?lard?r. Bu
     say?lar yerine a?a??daki renk tan?mlama kelimeleri de kullan?labilir :   aqua, black (siyah), blue, fuchsia,
     gray, green, lime, maroon, navy, olive, purple, red silver, teal, white (white), or yellow (yellow) ,
Listeler
Dökümanlar?n göze ho? görünmelerini sa?lamak amac?yla listeler yayg?n olarak kullan?l?r. HTML, pek çok
liste çe?idi destekler. Bunlar, düz listeler, numaral? listeler, tan?ml? listeler ve içiçe listelerdir.
Düz (Numaras?z) listeler
Düz liste (unordered lists, <ul>) olu?turmak için,
   1.Listeye ba?lamak için belirteç aç?l?r. <ul>
   2.Liste elemanlar?n? teker teker girerken ba??na <li> belirteci girilir. Kapatmak için </li> belirtecine
     gerek yoktur.
   3.Listeyi bitirmek için belirteç kapat?l?r. </ul>
Örnek olarak,
    <ul>
    <li> Elma
    <li> Armut
    </ul>
Örnek, ekranda ?u ?ekilde görülür :
     Elma
     Armut
<li> belirteçleri içinde paragraflar, di?er dökümanlara ba?lant?lar, ve di?er belirteçleri kullanabilirsiniz.
Numaral? Listeler
Numaral? listeler (ordered lists <ol>), düz listelerden farkl? olarak, <ul> belirteci yerine <ol> kullan?rlar.
Ekrandaki liste elemanlar?n?n ba??na 1'den ba?layarak say?lar eklenir. A?a??daki HTML kodu,
    <ol>
    <li> Linux ??letim Sistemi
    <li> Linux'un destekledi?i donan?mlar
    </ol>
ekrana ?unlar? yazar:
   1.Linux ??letim Sistemi
   2.Linux'un destekledi?i donan?mlar
Tan?ml? Listeler
Genellikle birden fazla ba?l??? olan, her ba?l?k alt?nda k?sa bir metin içeren yaz?lar, tan?ml? listeler ile
olu?turulur. Tan?m? yap?lacak ba?l?k, <dt> ile belirtilir, <dd> ile ba?l?k alt?na metin girilir. Tüm liste, <dl>
ile </dl> aras?na al?n?r.
    <DL>
    <DT> Ki?isel Kullan?m
    <DD> Linux evinde veya i?inde UNIX i?letim sistemi alt?nda çal??mak
isteyenler için ideal bir platformdur.
    <DT> Internet Sunucusu
    <DD> Linux do?rudan TCP/IP deste?i ile gelmektedir.
    </DL>
Ekrandaki ç?kt? ?u ?ekilde görünür:
Ki?isel Kullan?m
     Linux evinde veya i?inde UNIX i?letim sistemi alt?nda çal??mak isteyenler için ideal bir platformdur.
Internet Sunucusu
     Linux do?rudan TCP/IP deste?i ile gelmektedir.
?ç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> ?stanbul'un büyük semtleri
       <lu>
       <li> Beyo?lu
       <li> Bak?rköy
       <li> Kad?köy
       </lu>
   <li> Ankara'n?n belli ba?l? yerle?im birimleri
       <lu>
       <li> K?z?lay
       <li> Ulus
       </lu>
   </lu>
Ekrandaki görüntüsü,
     ?stanbul'un büyük semtleri
          Beyo?lu
          Bak?rköy
          Kad?köy
     Ankara'n?n belli ba?l? yerle?im birimleri
          K?z?lay
          Ulus
Basit Tablolar

HTML, her türlü tablo kullan?m?na olanak tan?r. Tablolar, bilgileri matris düzeninde, birçok hücreler
tan?mlayarak bunlar?n içinede verebilmemizi sa?lar. Ayr?ca, haz?rlad???m?z döküman?n kolonlar halinde ya
da, belirli hizalarda yap???k ?ekilde (align) görünmesini de sa?larlar. HTML standartlar? geli?im süreci
içinde tablo tan?mlama belirteci de baz? de?i?ikliklere u?rad?.
Döküman içinde tablo olu?tururken a?a??daki i?lemler takip edilir :
   1.Tablolar, <table> belirteci ile tan?mlan?r.
   2.<table> belirteci, tablo kaç sat?r ise, o kadar say?da arka arkaya <tr> belirteci içerir
   3.Her <tr> belirteci, o sat?rda kaç kolon varsa o kadar <td> belirteci içerir.
   4.<td> belirteci ile tan?ml? hücrelere her türlü bilgi (yaz?, link, resim, liste, ve hatta ba?ka bir tablo)
     gelebilir.
Tablo içinde sat?rlar yukardan a?a??ya, sütunlarla olu?turulan hücreler ise soldan sa?a tan?mlan?r. E?er
sat?rlar ve sütunlar aras?nda sat?r/sürun çizgilerinin de görünmesi isteniyorsa, <table> belirteci ile
birlikte "border" seçene?i kullan?l?r.
A?a??daki örne?i inceleyelim :

          <table border>                        1. tablo belirteci ba?lang?c?

          <tr>                                       1. sat?r ba?lang?c?
              <td>Ankara</td>                1. sat?r 1. sütun
              <td>?stanbul</td>               1. sat?r 2. sütun
          </tr>                                      1. sat?r sonu
          <tr>                                       2. sat?r ba?lang?c?
              <td>Eski?ehir</td>             2. sat?r 1.sütun
              <td>?anl? Urfa</td>             2. sat?r 2. sütun
          </tr>                                      2. sat?r sonu

          </table>                                 1. tablo belirteci sonu
Yukar?daki kod, bir web istemcisinde görüntülendi?inde a?a??daki tablo olu?acakt?r :

Ankara
          ?stanbul
Eski?ehir
          ?anl? Urfa

Istenirse, tablolar için tablo arka plan rengi ya da, her bir hücre ya da sat?ra bgcolor seçene?i <table>,
<tr>, <th>, ve <td> belirteçleriyle kullan?larak verilebilir. Standart html editörlerinin hepsi de, kolay
tablo olu?turmak için birtak?m tablo sihirbazlar? sunmaktad?rlar.
Tablolar ile ilgili daha ayr?nt?l? bilgiler bu döküman?n sonraki sürümlerinde verilecektir.
HTML döküman içinde sayaç kullan?m?

Sayaçlar, sayfalar?n?z?n kaç kez ziyaret edildi?ini saptayan ve sunucu taraf?da çal??an CGI programlard?r.
Haz?rlad???m sayfa her web istemcisinde ayn? görünecek mi? Bu konuda
nelere dikkat etmeliyim?

E?er sayfalar?n?zda standart HTML kullanm??san?z, tüm istemcilerde ayn? görünmemesi için hiç bir sebep
yok. Ancak;
     E?er sayfalar?n?za, lynx ya da benzeri bir metin tabanl? web istemcisi (taray?c?s?) ile birisi bakarsa,
     resimleri göremeyecektir.
     Sayfalar?n?zda, sadece özel bir istemcinin anlayabilece?i baz? ek HTML belirteçleri kullanm??san?z
     yine baz? kötü sürprizlerle kar??la?abilirsiniz..
Sayfam?n HTML kodunu ba?kalar?n?n görmesini engelleyebilir miyim?

Malesef hay?r.

Web sayfamda internetteki di?er sayfalardan ald???m bilgileri (yaz?, resim
vb) serbestçe kullanabilir miyim?
Özellikle resimcik ve anime gif'leri, ya da genel amaçl? Java Script-leri, eger ilgili sayfada aksi bir ibare
yoksa, kullanabilirsiniz. Bunlar?n hemen hemen tamam? zaten art?k anonim olmu? ve ilk kimin yapt???
bilinmiyor. Ancak, bir sayfadan, o sayfan?n yazar?na ait bir bilgiyi, döküman?, grafi?i -herhangi bir?eyi-
izin almadan kullanmamal?s?n?z.
Web sayfas?nda kulland???m resimler için hangi format? tercih etmeliyim?
GIF mi, JPEG mi?
Standart GIF, en fazla 256 renge müsade eder. E?er resminizin daha çok renkli görünmesini istiyorsan?z
JPG tercih etmelisiniz. Öte yandan, 256 renk ço?u uygulamalar için yeterlidir. 256 renk için de, JPG
s?k??t?rmas? ile, GIF format?na göre daha küçük dosyalar elde edilebilir. Sonuçta, küçük dosyalar için
(1-5kbyte civar?nda) GIF kullan?m? yayg?nd?r. Dosya boyu 20-30kbyte'? geçmeye ba?lad? m? genellikle JPG
tercih ediliyor...
Bir web sayfas? yapt?m. Di?er insanlar?n bundan nas?l haberi olacak?

Bunun birkaç yolu var. E?er sayfan?zda i?ledi?iniz bir konu varsa (pop müzük ya da bilgisayar
programlama veya ba?kabir?ey..) bununla ilgili listeler ve tart??ma öbeklerine sayfan?z?n varl???ndan
sözeden mesajlar atabiliriniz. Ayr?ca, gönderdi?iniz her e-posta'n?n sonuna isminizden sonra web
sayfan?z?n adresini yazabilirsiniz. Bu yolla daha çok insan?n bilgisi olacakt?r. Ayr?ca, AltaVista, LyCos gibi
popüler arama motorlar?na sayfan?z? kaydettirebilirsiniz.
Web sayfam? ba?kalar? silebilir mi? Ya da de?i?tirebilir mi?
Bunun olabilmesi için birilerinin sizden izinsiz bilgisayar?n?za girmesi laz?m. Bu da sistem güvenli?i ile
ilgili bir sorun...

Sayfa haz?rlamada gözönüne al?nmas? yararl? olabilecek baz? di?er ipuçlar?
     Mutlaka ana web sayfan?z?n sonuna kendi e-mail adresinize bir ba?lant? ekleyin. Böylece insanlar?n
     size ula?malar?n? ve sayfa hakk?ndaki muhtemel görü?lerini size iletebilmelerini kolayla?t?rm??
     olursunuz. Söz gelimi,
          Her türlü görü? ve öneriler için e-mail adresim : <a href="mailto:[email protected]">
[email protected] </a>
     ?eklindeki bir sat?r oldukça i?e yarar.

     Haz?rlad???n?z sayfalara, mümkünse birkaç farkl? web istemcisi ile (netscvape, msie, mosaic, opera
     gibi) bak?n. Istemcinizin görüntü penceresini küçülterek (window resize) sayfan?z?n nas?l
     göründü?ünü kontrol edin. Tablolar kay?yor mu? Paragraflar ne alemde?
     Mutlaka sayfalar?n?zdaki tüm linkleri kontrol edin. Acaba yanl??l?kla kendi yerel diskinizdeki bir
     dosyaya ba?lant? yapm?? olabilir misiniz??? Unutmay?n, tüm ba?lant?lar? "ba??l" yapmak herzaman
     en iyisidir.
     Bir arkadas??n?za sayfan?z hakk?nda fikrini sorun.
     Sayfalar?n?za, grafik, renk vb özellikleri k?s?tl? bilgisayarlardan da eri?ilebilece?ini dü?ünerek biraz
     dikkatli olun. Sayfan?za herhangi bir istemci ile (sozgelimi, metin tabanli lynx ile) eri?en birisinin
     sayfay? (resimleri/renkleri göremese bile) takip edebilmesi laz?m.
     E?er ana sayfan?za ba?l? birden çok sayfa tasarlam??san?z, bu sayfalar aras?nda rahatça
     dola??labilmesi için gerekli tedbirleri al?n (sayfalar aras? ba?lant?lar ve uygun yerlerde verilecek ana
     sayfaya dönü? ba?lant?lar? gibi)
     E?er <img> belirteci kullan?yorsan?z, mutlaka "alt", "width", ve "height" seçeneklerini de ekleyin.
     "alt" seçene?i, bu resmi gösteremeyen istemciler için alternatif bir yaz?y? ekrana getirir. "width" ve
     "height" ise, resmin piksel cinsinden geni?lik ve uzunlu?unu verir. Bu bilgileri vermezseniz, resim
     yüklenmesi bitmeden sayfan?n kalan yaz? k?s?mlar? görüntülenmez. E?er verirseniz, resim
     yükleniyorken, sayfan?z?n ziyaretçisi ayn? anda ziyaretçi yaz?lar? da görebilir.
     HTML kodunu anla??l?r ve kolayca takip edilebilir ?ekilde yap?n. Sonuçta, siz ya da bir ba?kas? ayn?
     sat?rlar? tekrar elden geçirmek zorunda kalabilir. Yoksa, siniz krizleri geçirebilirsiniz.
     Ziyaret etti?iniz web sitelerindeki iyi ve kötü tasarlanm?? sayfa tarzlar? sizin kendi stilinizi ve kendi
     sayfa organizasyonunuzu geli?tirmenizde yard?mc? olacakt?r.