Sign In Sign-Up Welcome! Close Would you like to make this site your homepage? It's fast and easy... Yes, Please make this my home page! No Thanks   Don't show this to me again. Close

Yakın bir geçmişte, daha bilgisayarlarla Macintosh Plus ya da Classic düzeyinde de olsa tanışmışken bir kaç meslekdaş aramızda
gelecekte firmaların kataloglarını bilgisayarlarla hazırlayıp  müşterilerine aynı yolla ulaştıracaklarını konuşuyorduk.
Bu düş bugün gerçek oldu.
Her ne kadar kağıdın ve baskının egemenliğinin sona erdirilmesi  henüz mümkün görünmese de internetile birlikte  bilgisayar
ortamında  sözünü ettiğimiz tanıtımlar, satışlar çoktan başladı yaygınlaştı bile.

Grafikerler artık webmaster olma yolunda adım atıyorlar. Kim nereden nasıl başlayacağını bilmese de kördöğüşü gibi sürüyor mücadeleler.
 

Aşağıdaki sayfa  BAHATTİN EKEN tarafından hazırlanmış.Ben çok yararlandım.
Web sayfası hazırlanmayı düşünüyorsanız ve bu işte
yeni iseniz  neredeyse tüm sorularınızın cevaplarıvar.
Aynen aktarıyorum bu sayfayı sizlere.
 

KişiselWeb Sayfası Nasıl Hazırlanır? HTML'ye Kısa Bir Giriş

1.Benim de bir web sayfam olabilir mi? Bunun için nelere ihtiyacım var? Internet erişimi olan herkesin birweb sayfası olabilir.  Web üzerinde gezinirken rastladıklarınıza benzer sayfalar yapabilmeniz için ilk öncelikle bu sayfaları koyabileceğiniz bir"web sunucusu" olması lazım. Bu sunucular, dışardan insanların, netscape,msie vb gibi web istemcileri kullanarak ilgili sayfaları görmesini sağlayanbilgisayarlardır ve bunların üzerlerinde çalışan özel sunucu programlar(httpd) vardır. Internet Servis Sağlayıcı şirketlerin hemen hemen hepsikullanıcılarına kişisel web sayfası hizmeti veriyorlar. Bu yüzden, interneterişiminiz varsa, muhtemelen, kendinize web sayfası yapabilmeniz için artıkhazırsınız demektir.  Web sayfaları sunucu bilgisayarda özelbazı dizinler altına konmalı. Hangi dizin altına konulması gerektiğinide servis sağlayıcınızdan öğrenmelisiniz. Ayrıca, internet servis sağlayıcınızdan,dışardan kişilerin sayfalarınıza erişebilmesi için yazmaları gereken tamsatırını da almalısınız.  Hazırladığynız sayfaları  Bazı servis sağlayıcıar hazırladığınızsayfaları sizden e-posta ile isteyebilir ve kendileri web sunucusuna yerleştirebilirler.  2.Bir Web Sayfası Neye Benzer? HTML Nedir? Web sayfaları,'de de görüldüğü gibi,HTML adı verilen özel bir formatlama dili kullanılarak yapılır. HTML, HypertextMarkup 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. Bunu küçük bir örnekle açıklayalım :                 Ev Sayfama Hoş Geldiniz      Sağdaki başlık, bir web sayfasyna bağlandığımızda web istemcimiz ile gördüğümüz şekil olsun. Bunu üreten ise, aslında, solda görülen HTML kodu. Yani, web istemcileri ile gördüğümüz cicili-bicili sayfalar aslında, birtakım web sunucularında tutulan, HTML kodlarından (ayrıca diğer bazı yardımcı elemanlardan) ve vermek istediğimiz bilgilerden oluşan düzyazı (ASCII) dosyalar!!. Soldaki kısımda görülen < > işaretleri arasındaki komutlar HTML belirteçleri, ya da HTML komutları olarak bilinir. HTML sayfaları  .... arasına yazılan bilgiler/komutlarla (HTML kodu/kaynak programı) oluşturulur.  Yukarıdaki örnekte, ,, örnek HTML belirteçleri/komutlarıdır. HTML kodu içinde bırakılan boşlukların hiçbir önemi yoktur. Asıl olan, HTML belirteçleri ile verilen biçimlendirme ortamlarıdır. Aşağıda, genel bir web sayfası formu görülmektedir :      Bu alana, normal olarak web sayfasında görüntülenmeyen bilgiler yazılır. Bunlar;sayfa başlığı, anahtar kelime tanımlamaları ve sayfa içeriğinde kullanılan karakter bilgisi (dil, code page vb) vb. dir.   Döküman genelinde öncelikle yüklenmesi istenen JavaScript, VBScript kodları da bu alana yazılabilir.     Bu alana,do?rudan web sayfasynda görülen her türlü düzyazy, formatlama bilgileri,di?er komutlar vb. yazylyr.        Netscape Navigator, Microsoft InternetExplorer, Mosaic, Lynx ve Opera gibi web istemcileri (tarayicilari) ise bu HTML kodlarını yorumlayarak sonucta web sayfalaryının görünen biçimlerini oluştururlar.  Döküman formatlama özellikleri düşünüldüğünde, HTML'yibir kelime işlemci gibi düşünmek te olası. Ancak bir farkla : HTML herbilgisayar ortamında, her türlü web tarayıcısı ile hep benzer sayfa biçimleri oluşturur ve sunar. HTML'nin döküman formatlama (biçimleme) dışında sunduğu en önemli özelliklerden biri de dökümanlar içinde ve dökümanlar arası kurulabilecek bağlantılardır (link). Bu haliyle, dökümanlar arası gezinmek ve bilgiler arasında dolaşmak mümkün olur.  6. Bölüm'de anlatıldığı gibi,web istemciniz ile bağlandığınız sayfanın kaynak kodunu (yani HTML halini)istemcinizin "View" menüsü altındaki Page Source (Microsoft IE için sadece"Source") ile görebilirsiniz. Yani, Web istemcilerinizde gördüğünüz sevimli sayfalar aslında tamamen ASCII karakterlerden oluşan "metin dosyalarıdır". HTML'nin sağladığı bazı önemli özellikler şunlardır :  Web sayfalarındaki yazılara değişik formatlar verilebilir (koyu renk yazy, italik yazı, yazı ortalama, renk verme, değişik boyutlarda yazma gibi),  Tablo, Liste, Adres Alany, sabit genişlikli yazı alanı vb gibi özel biçimler oluşturulabilir,  Web sayfalarında "frame" ady verilen,ve birbirleri ile ilişkilendirilebilen alt-kısımlar oluşturulabilir.  Değişik tipteki menü yapıları ile kullanıcının etkileşimli bir şekilde seçebileceği veri giriş sistemleri kullanılabilir,  Ses, grafik, animasyon gibi uygulamaların web sayfalarından çalıştırılabilmesi için gerekli ortamlar sağlanabilir,  Java, JavaScript, VB Script gibi programlama dilleri ile web içeriklerinin etkileşimli kullanımı için gerekli ortamları sağlar,  Sunucu tarafında çalyşan CGI programları ile web içeriklerinin etkileşimli kullanımını sağlar (şifre uygulamaları,sayaç uygulamaları vb gibi).  HTML standartları sürekli güncellenmektedir.Konu hakkında, http://www.w3.org adresinden daha ayrıntılı bilgi alinabilir. Şu anki mevcut standart HTML 3.2 (Eylül1997). HTML 4.0 standartı üzerinde çalışılıyor. 3.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 bilgilerisize 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 sayfalary, grafik, animasyon,film, müzik, arkaplan müzikleri gibi hergeçen gün artan oranlarda desteklenen bileşenler de içerirler. Bunun yanında, kullanıcılaryn etkileşimli bir şekilde doldurabilecekleri formlar, kullanıcının yönlendirebileceği ve içeriğini değiştirebileceği dizaynlar (dinamik html) da içerir. web sayfaları yapısı ve web 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. 4.Sayfa içeriği nasıl saptanır? Ön dizayn yapmanın getirebileceği avantajlar Nelerdir?Nelere dikkat edilmeli? Web sayfasynda hangi bilgilerin yeralacağı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ğinizbir sanatçı ile ilgili bir sayfa mı yapmak istiyorsunuz?? Daha sonra, 1-2hafta 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ızda fikirler oluşacaktır. Öte yandan, normal bir internet kullanıcısının profesyonel bir grafik ya da web sayfası tasarymsısı 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ış iy iweb 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 sayfasynda 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ınki bu sayfalara ulaşacak kişilerin internet bağlanty hızları 14.4kbps modem bağlantısı düzeyinde de olabilir.  5.Tipikbir web sayfası düzeni nasıldır? Tipik bir web sayfasy aslynda tamanlamıyla hiyerarşik bir yapıdadır. Bu modüler yapı, sayfalara yeni bilgiler ve sayfalar eklenmesini kolaylaştırır. 6.Web Sayfası Hazırlamak zor mudur? Özel bir editöre ihtiyacım var mı? Web sayfasy hazyrlamak ba?ta tahminedildiği gibi ya da sanyldığı kadar zor değildir. Bu işi kolaylaştıran birçok araç var. Aslynda, HTML dökümanlarynyn tamamı ASCII karakterlerden oluşan ve herhangi bir editörde yazylabilen metinlerden oluşmuştur. UNIX üzerinde pico, vi; DOS altynda MSDOS Edit ya da bir windowstextpad veya sevdi?iniz herhangi bir metin editörü kullanarak HTML dökümanlarynyzyhazyrlayabilirsiniz. Yani, hiç bir özel editöre ihtiyacynyz yok. Ancak,HTML format belirteçlerini hatyrlamak ayrı bir dert, yazmak ayrı bir dert..Yüzlerce HTML belirteçini hatyrlamak profesyonel bir tasarımcı için bile gerçekten çok zor. Bunu berteraf eden bazy yardımcı bilgisayar programları var. Bunlara, "HTML Editörleri"denir. HTML editörleri 2 grupta toplanyr :  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 ortamlary kolayca oluşturmanızı sağlar. Bu editörlerden bazıları, yazdığınyz HTML kodunun sonuçlarını bir "preview" pencereden görmenizi sağlarlar.Hemen hepsi, tüm HTML belirteç ve komutlarynyn anlatyldığı yardım dosyaları sunarlar. Bazılarında (genellikle ingilizce) heceleme (spell-check) özelliği vardır. Hazırladığınyz sayfalaryn içinde kullandığınız resim linklerini,diğer sayfa linklerini vb istatistik tablolar olarak size gösterebilirlerve bu ?ekilde dizaynda yardymcy olurlar.  Bu tip editörlerin hemen hepsi,kolay web sayfasy hazyrlama sihirbazlary (wizard) sunarlar. Böylece, bazy bo?luklary doldurarak basit bir web sayfasyny kolayca olu?turabilirsiniz.Ayryca, hemen hemen tüm editörler, hazyrlady?ynyz sayfalary bir web sunucusuna(FTP ya da HTTP protokolü ile) gönderebilmek için gerekli araçlary (webpublishing) da içerirler.  Bu editörler, ço?unlukla, dökümanynyz içindekullandy?ynyz HTML komutlaryny farkly renklerde göstererek sayfanyzyn olu?turulmasürecini kolayla?tyryrlar. Ço?u editör, bazy temel JavaScriptprogramlary/özellikleri ekleme ya da hareketli GIF resimlerini (animatedGIF) kolayca hazyrlamanyzy sa?layabilirler. Bu editörlerden bazylary, hazyrlady?ynyzweb sayfalaryndaki HTML kodlaryny kontrol edebilirler ve hataly/eksik kullanymlarysaptayabilirler. Bunlary yapan bazy yardymcy programlary da  http://www.halsoft.com/web-lint adresinde bulabilirsiniz. Bu editörlerden en popülerlerindenbazylary 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 yansysyndan kolayca ula?abilirsiniz.Adresi : http://tucows.raksnet.com.tr/tucows.  http://www.zdnet.com/~pcweek/navigator/htmled.htmladresinde deHTML editörleri ile ilgilibilgilere ve bu programlaryn bulundu?udi?er adreslere eri?ebilirsiniz.    Ykinci gruba giren editörler, günümüzwindows kelime i?lemci programlary gibi (word, wordperfect vb), yazdy?ynyzanda 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 programlarkullanylarak, karma?yk HTML kodlaryna bula?madan oldukça iyi sayfalar olu?turabilirsiniz.Bu tip editörlerden bazylary, ayny anda do?rudan HTML koduna da müdaheleedebilmenize olanak tanyr.      HTML yardymy, kolay sayfa hazyrlamasihirbazlary, heceleme, web sunucusuna dosya gönderebilme gibi özellikleribu programlar da, genellikle, sunarlar. Benzer ?ekilde, buton hazyrlama, JavaScript programlary/komutlary ekleme ya da hareketli GIF resimlerini(animated GIF) kolayca hazyrlamanyzy sa?layabilecek özellikler de bu programlardason günlerde sykça kar?yla?ty?ymyz özelliklerden. Popüler web istemcilerindenolan Netscape Navigator (4.x) bünyesi içinde yer alan "Composer" bu türbir editör. E?er Netscape 3.x kullanyyorsanyz web editörü bu ürünün Goldsürümünde. Popüler görsel editörlerden bazlaryve 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).Ayryca, Microsoft Internet Explorer 4.x surumu ile birlikte "Front PageExpress" adyyla, orijinal ürünün daha basit bir sürümü de ücretsiz da?ytylmaktadyr.Programlar genellikle Windows (95/NT) ve Mac (PowerPC) altynda çaly?maktadyr.Bunlar ve benzeri di?er editörlerin ço?una (Windows, Mac ve OS/2 için)Raksnet Tucows yansysyndan kolayca ula?abilirsiniz. Adresi : http://tucows.raksnet.com.tr/tucows.  http://www.zdnet.com/~pcweek/navigator/htmled.htmladresinde deHTML editörleri ile ilgili di?er bazy bilgilere ve bu programlarynbulundu?u di?er adreslere eri?ebilirsiniz.    Görsel editörlerin sunduklary imkanlar,ço?u web sayfasy hazyrlama i?i için yeterli görünmektedir. Özellikle; tablohazyrlama, frame'ler ile çaly?ma, form hazyrlama gibi yüksek oranda HTMLkodlamasy gerektiren uygulamalar çok kolay yapylabilmektedir. Sayfa içindeba?lanty (link) olu?turma, temel formatlama özelliklerini verme bu tipeditörlerle kolaydyr. Özellikle, hem görsel editör özelli?i sunan, hemde düz HTML kodunu de?i?tirebilmenize olanak tanyyan editörler hergeçengün yaygynla?maktadyr. Böylece, görsel editörlerle yapamady?ynyz bazy i?leribütünle?ik bir ?ekilde, dökmanyn HTML hali üzerinde de?i?iklikler yaparakhalledebilirsiniz. 7.HiçHTML bilmeden görsel editörlerle web sayfası hazırlayabiliyorum. HTML'yeyine de ihtiyacım var mı? Bu sayfanyzyn içeri?ine ba?ly. Görseleditörler; tablo, frame, her türlü formatlama, resim/ses vb ekleme gibiözellikleri sa?larlar ve bunlar ortalama bir web sayfasy için yeter. Ancak,özellikle yeni HTML komutlary, Java Appletleri, bazy CGI teknikleri vbeklemek için sayfanyzyn HTML ?ekli üzerinde biraz çaly?manyz gerekebilir. Ayryca, HTML felsefesini anlamak veformatlama ortamlaryny ö?renmek yazdy?ynyz sayfaya herhaliyle hakim olmakdemektir. Ba?landy?ynyz sitelerdeki sayfa içeriklerini anlamak ve bazyteknikleri ö?renmek için de biraz HTML bilmek sonuçta yararlydyr. 8.HTMLdilinin en temel elemanı :  Döküman biçimleme belirteçleri (TAG) HTML'nin en temel i?levi, yazdy?ynyzbir dökümana biçim vermektir (yazy karakterini, rengini, büyüklü?ünü de?i?tirmek;paragraf eklemek; resim eklemek vb gibi). Bu, kullanylan bazy biçimlendirme(formatlama) belirteçleri/komutlary kullanylarak yapylyr. Söz gelimi; sayfamyzda"merhaba" kelimesinin koyu renkli görünmesini isteyelim. Bu durumda, ... arasyna; deneme yazmalyyyz. Bu ise, bir web istemcisindegörüntülendi?inde, deneme ?eklinde bir sonuç üretir. Bu basit örnekaslynda HTML dilinin en temel kuraly hakkynda tüm ipuçlaryny vermektedir: Bir HTML döküman hazyrlamak, temel olarak, öncelikle sayfada görünmesiniistedi?imiz düzyazy bilgileri yazmak; sonrasynda da bu yazynyn istedi?imiz yerlerinde uygun belirteçler (TAG) kullanarak istedi?imize uygun bir görünümkazandyrmaktyr. Tüm HTML belirteçleri <karakteriile ba?lar ve > karakteriile biter ve bu HTML dökümanyny gösterecek Netscape, MSIE gibi web istemcilerine,yazyyy koyu göstermek, italik yapmak, bir resim göstermek vb türünden özelbir?eyler yaptyryr. < >arasyna ise, ilgili belirteç komutu ve bazen de birtakym ilave parametreler(seçenekler)  gelir. Sözgelimi yukarydaki örnekte, belirteçi,kendinden sonra yazylan yazylaryn web istemcilerinde KOYU RENK görünmesinibildirir. Genellikle HTML belirteçleri çifthalinde kullanylyr (ancak bu kuralyn istisnalary da vardyr). Yukarydakiörne?e tekrar dönecek olursak, belirteçinin çifti dir. Böylece,yazynyn belli bir kysmyna (yani, sadeec ..... arasyna yazdy?ymyzkysmyna) biçimlendirme yapmak mümkün olur. Her belirteçin çifti, ismininba?yna bir ayyraç (/) konarak elde edilir ve yine < > arasyna yazylyr. Herhangi bir HTML belirteçinin genelformaty ?öyledir : <belirteç-adıseçenek1="değer1"seçenek2="değer2"seçenek3="değer3".........> Bilgileri yazmada küçük/büyük harfayyrymy yoktur. Ancak, tüm HTML belirteçlerini ve seçenek adlaryny büyükharfle; de?erleri ise küçük harfle yazmak oldukça yaygyn bir aly?kanlyktyr. HTML, dökümanlar üzerinde kullanylabilecekyüzlerce belirteç içerir. Bu da, web editörlerinin sayfa hazyrlamada nekadar yararly araçlar oldu?unu göstermektedir.  En ba?taki örne?etekrar dönelim :            Ev Sayfama Ho? Geldiniz  belirteçi, kendisinden sonragelen karakterlerin yazy büyüklü?ü, rengi, tipi vb ile ilgili de?i?iklikleryapabilmemizi sa?lar. Dikkat edilirse, belirteç adyndan sonra bir seçenekkullanylmy?. Biçilendirme sadece dökümanyn belli bir kysmyna uygulanmakistendi?inden, ilgili belirteç, çifti olan  ile kapatylmy?.Kapatma belirteçinde, sadece belirteçin ady ve sol tarafyna ayyraç i?areti(/) konur. Bir ba?ka örnek verelim :    Bu örnekte de, web sayfasynyn bulundu?udizindeki sad.gif isimli resim dosyasynyn sayfa üzerinde, bu komutun yazyldy?ybölümde, görüntülenmesi isteniyor. Bunun sonucunda ise görülecektir. Tabii bunun için, ilgiliresim dosyasynyn, html sayfanyzy saklady?ynyz dizinde bulunmasy lazym.Okudu?unuz dökümanyn ilerleyen bölümlerinde önemli HTML belirteçleri veönemli kullanymlary ile ilgili bilgiler de verilecek.  9.HTMLdökümanın genelinde etkili ve sayfada doğrudan görülmeyen belirteçler Ba?taki tablodada belirtildi?i gibi, bir HTML döküman,   arasynayazylyr. Ba?taki ..   arasyna yazylan belirteçler tüm dökümanüzerinde etkilidir ve web istemcileri tarafyndan do?rudan görüntülenmezler.  Bunlardan en önemlisi, yazylan HTMLdökümana isim vermekte kullanylan              ....    Bu alanda kullanylabilecek ikinciönemli belirteç 'dyr. Kullanymda, kendisinden sonra bir seçenekady verilerek kullanylyr. Bu belirteç kullanylarak verilen bilgiler çokçe?itli olabilir. Söz gelimi, web sayfalary üzerinde dola?an arama motorlary,sayfalaryn bu kysmyndaki belirteçlerine bakarak sayfalary gruplar.Bu kullanymda, ile birlikte, sayfanyzdaki içeri?i yansytan bazyanahtar kelimeler ve tanymlamalar verebilirsiniz. A?a?yda bununla ilgilibir örnek görülmektedir :                  Meta belirteçinin önemli bir kullanymyda, sayfadaki yazylaryn hangi "dil ailesi"ne ait karakterlerle yazyldy?ynybelirtmek içindir. Türkçe, Latin5 dil ailesindedir. Buna ait standart tanimlamasiise iso-8859-9 olmaktadyr. A?a?yda buna ait bir kullanym gösterilmi?tir.      10.HTMLDöküman içinde Link Kullanımı Web sayfalarynyn en önemli özelliklerindenbirisi, kolayca ba?ka sayfalara ve dökümanlara geçi? yapylabilinmesidir.Bu,  belirteçi kullanylarak yapylyr.A?a?ydaki örne?i inceleyelim :        Ana sayfaya dönmek için buraya fare ile tyklayynyz. Bunun bir web istemcisindeki görüntüsüise a?a?ydaki gibi olacaktyr :        Ana sayfaya dönmek için burayafare ile tyklayynyz.  Örnekte, "buraya" kelimesine index.htmldosyasy ba?lanmy?tyr. Böylece, "buraya" kelimesinin üstüne gelip fare iletyklady?ynyzda,  http://www2.itu.edu.tr/~/css/index.htmlyüklenecektir.Bu ve benzeri URL lere ba?lanty tanymlarken, ba?lanty kurmakistedi?imiz kelimenin soluna yazyyoruz. Ba?lantykelimesinden sonra ise, ile belirteçi kapatyyoruz. Yukarydaki örnekte,e?er index.html dosyasy ayny dizinde ise, uzun uzun URL'i yazmak yerinedo?rudan     Bana e-postagöndermek ister misiniz?  CSS'nin ZIP halini almak için  buraya tyklayynyz. CSS'nin ZIP halinialmak için burayatyklayynyz.  ODTÜ FTP Simtel Ar?ivi ODTÜ FTP SimtelAr?ivi Ystenildi?i kadar ba?lanty ayny andakullanylabilir. Bir di?er kullanymda, e?er istenirse,bir URL adresine de?il de herhangi bir dosyaya da ba?lanty yapylabilir.Ylgili ba?lanty fare ile tyklandy?ynda, e?er o dosya tipi web sunucusuve sizin web istemciniz tarafyndan bilinen bir tipse, o zaman ekranda sonucugörürsünüz. Söz gelimi, düzyazy dosyalar (TXT), Resim dosyalary (GIF, JPG,JPEG, PNG, XBM)  böyledir.      Burayatyklarsanyz üzgün bir surat göreceksiniz.  E?er ilgili dosya bilinmeyen bir tipteise, o zaman bu ba?lanty tyklandy?ynda, kullanycynyn web istemcisi o dosyayy"diske saklamak" ya da bir uygulama programyyla açmak ?eklinde iki seçeneksunar. Bazy dosya tipleri ise, web istemcilerine yüklenen yardymcy "plug-in"ler ile i?lenebilir. Bunlardan en popülerleri ses formatlary (AU, WAV,MID); video formatlary (RM, MOV, AVI) ve bazy özel tipte dosyalardyr (AutoCADçizim dosyalary gibi). Bir Resim Dosyasynyn Ba?lantyElemany Olarak Kullanylmasy : Bazen bir resim dosyasy da ba?lantyelemany olabilir. Böylece, kullanycy ilgili resmi fare ile tyklayarak belirtilenyeni dosyaya ula?yr. Bunu bir örnekle görelim :    Mail göndermek için zarfyn üzerini tyklayyn.....   Dikkat edilirse, ba?lanty yapylacakyerde, kullanyldy. ,tek ba?yna kullanylan bir belirteçtir ve ba?ka parametreler de alabilir.Yukarydaki örnekte, resmin eni ve boyu piksel cinsinden veriliyor. Ayryca,resmin çevresinde bir belirgin synyr (BORDER) verilmek isteniyorsa 0 yerinedaha büyük bir de?er kullanylmaly.   Dökümaniçi Bağlantılar : Bir metin üzerinde belirli bölgelereula?mak için yine belirteçler kullanylabilir. ?u an okuyor oldu?unuz döküman,buna bir örnektir. A?a?ydaki satyrlary inceleyelim : Benim de bir web sayfamolabilir mi? Bunun için nelere ihtiyacym var?  Bir web sayfasy neyebenzer? HTML nedir?  Bir web sayfasyndagörülebilecek tipik elemanlar nelerdir? Yukarydaki satyrlar bir web istemcisinde?öyle görünecektir : Benim de bir web sayfamolabilir mi? Bunun için nelere ihtiyacym var? Bir web sayfasy neyebenzer? HTML nedir? Bir web sayfasynda görülebilecektipik elemanlar nelerdir? Burada, HREF ile verilen aslynda,dökümanyn sizin belirledi?iniz bir kysmy. Söz gelimi, ilk satyry ele alacakolursak, kullanycy buraya fare ile tyklady?ynda dökümanda "1" belirteciile verilen kysma gidiliyor. Burasy ise,    Benim de bir web sayfamolabilir mi? Bunun için nelere ihtiyacym var?  Internet eri?imi olan herkesin bir web sayfasyolabilir.  Web üzerinde gezinirken rastladyklarynyza benzer sayfalaryapabilmeniz için ilk öncelikle ?eklinde. Yani, bir ba?lantyya tyklandy?yndadöküman içinde nereye gelinmesi isteniyorsa, ilgili yere  ?eklinde bir tanymlama yapyyoruz. Buna "Anchor" (belirteç?) denir. Belirteçadlarynyn illa ki sayylar olmasy gerekmez. tek karakterden olu?masy dagerekmez. Kendinizin belirleyece?i herhangi bir isim olabilir. E?er, bir döküman içinden ba?ka birdökümanyn "belirteç kullanylarak tanymlanmy?" bir bölümüne ba?lanty verilmekisteniyorsa, bu durumda da, HREF="di?er_döküman_ismi#parça_ismi" ?eklindebir kullanym uygulanyr.  11.Temel HTML Komutları/Belirteçleri Metin Formatlama Belirteçleri: Bir HTML döküman hazyrlarken, satyrlarya da kelimeler arasynda istedi?iniz kadar bo?luk byrakabilirsiniz. Kodutakip etmeyi kolayla?tyrmak için HTML komutlaryny metinden bo?luklarlaayyrabilirsiniz. Bunun dökümanyn web istemcisi üzerindeki görünümünde hiçbir fonksiyonu olmayacaktyr. Döküman içinde, yeni bir paragrafaba?larken, belirteçini kullanmalysynyz. Bu belirteçi çokça kullanacaksynyz:-)  HTML dökümanlarynda   belirteç kullanmadykça bir cümleherhangi bir yerinden ayrylyp kalan kysmy altta görünebilir, birden fazlabo? satyr tek satyr olarak algylanyr. Bir web tarayycysy satyr sonlarynyve bo? satyrlary gözardy edece?inden, paragraflary mutlaka < p> belirteciile ayyrmalysynyz. E?er bir satyry belli bir yerindenbölmek istiyorsanyz belirteçini kullanmalysynyz. A?a?yda bunlarlailgili küçük bir örnek var :  Burada yeni bir paragraf ba?lady.Ben satyryn burada   bölünmesini istiyorum.  E?er kullanylmasa idi, ilgilimetin bir üstteki bilgilerle birle?ecekti. kullanylmasaydy, henüzsatyr bitmedi?i için, alt satyra geçilmeyecekti. Hem , hem de belirteçleri tek kullanylyr, çiftleri yoktur. A?a?ydaki tabloda, syk kullanylanbazy metin formatlama belirteçleri görülmektedir. Belirteçler iç içe kullanylabilir,ancak birbirlerini kesmemelidirler. Bu belirteçleri kullanyrken, belirtecinetkimesi istenen yazy <> .. arasyna alynyr. Söz gelimi,  Bu yary italik ?eklindekibir HTML kodu, "Bu yazy italik" ?eklinde bir sonuç üretecektir.        Yazyyy italik yapar. Yazyyy sabit gerni?likli yapar (daktilo harflerigibi).           Bu belirteçler, döküman içinde kullanylabilecekba?lyklardaki yazylaryn büyüklüklerini tanymlar. Sayy arttykça yazy büyüklü?üazalyr. Bunlaryn yerine, daha esnek belirteci de kullanylabilir.Bu kullanymda, 'den ye kadar yazy büyüklüklerüverilebilir.  Yatay bir çizgi olu?turur. ?eklinde, daha kalyn ve dar bir çizgi de yapylabilir. Yazy ve resimleri sayfada ortalar . Yazyyy hem sa?dan, hem soldan birmiktar içeri kaydyryr. Bu belirteçler arasyna yazylan her ?ey, yazyldy?ygibi ekrana çykar. Bo?luklar, tab'ler, satyr bölmeleri  vb. korunur.  HTML Dökümaniçinde Açıklama Satırları : HTML Döküman Yçinde, kodu takip etmedekolaylyklar sa?layacak bazy açyklama satyrlary konabilir. Döküman içindeherhangi biryerde, "" belirteçleri arasynda kalanhiçbir?ey web istemcileri tarafyndan dikkate alynmaz.Örnek; 12.SayfaArka Plan resimleri/renkleri ve Metin içinde Renk Kullanımı HTML sayfalarynyzyn arka planyndaisterseniz bir resim olabilir. Ya da, sayfa arkaplanyny sizin istedi?inizbir renk yapabilirsiniz. Bu, döküman ba?langycyndaki belirtecinebazy seçenekler ekleyerek yapylyr. Sözgelimi ?u an okudu?unuz dökümanynarkaplany aslynda, "chalk.gif" isminde bir resim dosyasy. Bu,   ?eklindeki bir kullanymla sa?landy. E?er arkaplan renginin kyrmyzy olmasynyisteseydik o zaman da,  dememiz gerekecekti.Buradaki FF0000, kyrmyzynyn, RGB renk ayrym sistemindeki hekzadesimal (16-liksistem) kar?yly?y. Aslynda, HTML döküman içinde bazy?eylerin renklerini kontrol edebiliyoruz :    belirtecinde,bgcolor,text,link,vlink,ve alink seçenekleri syrasyyla sayfa arkaplan rengi, sayfadaki yazylarynrengi, henüz kullanycynyn ziyaret etmedi?i ba?lanty elemanlary (link),ziyaret edilmi? ba?lanty elemanlary ve aktif ba?lanty elemanlaryny (yani,tam bir ba?lantynyn üzerine fare ile tyklady?ynyzdaki renk) tanymlar.  Sayfa içinde herhangi bir yazynyn renginide?i?tirmek için  belirteci, color seçene?iile birlikte kullanylyr ( ... gibi).  Renk de?erleri verilirken ?u ?ekildehareket edilir :  Genel renk tanymy : "#RRGGBB"dir. Burada, RR, GG, ve BB, syrasyyla kyrmyzy(red), ye?il (green) ve mavi (blue)  renklerin toplam renk içindekiyo?unlu?unu gösteren hekzadesimal sayylardyr. Bu sayylar yerine a?a?ydakirenk tanymlama kelimeleri de kullanylabilir :   aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,white(white), or yellow (yellow)  13.Listeler   Dökümanlaryn göze ho? görünmelerinisa?lamak amacyyla listeler yaygyn olarak kullanylyr. HTML, pek çok listeçe?idi destekler. Bunlar, düz listeler, numaraly listeler, tanymly listelerve içiçe listelerdir. Düz (Numarasyz) listeler Düz liste (unordered lists, )olu?turmak için,  Listeye ba?lamak için belirteç açylyr.   Liste elemanlaryny teker teker girerkenba?yna <li> belirteci girilir. Kapatmak için belirtecinegerek yoktur.  Listeyi bitirmek için belirteç kapatylyr.   Örnek olarak,          Elma    Armut                  Örnek, ekranda ?u ?ekilde görülür :  Elma  Armut  belirteçleri içinde paragraflar,di?er dökümanlara ba?lantylar, ve di?er belirteçleri kullanabilirsiniz.  Numaraly Listeler Numaraly listeler (ordered lists ),düz listelerden farkly olarak, <ul> belirteci yerine <ol>kullanyrlar.Ekrandaki liste elemanlarynyn ba?yna 1'den ba?layarak sayylar eklenir.A?a?ydaki HTML kodu,         Linux Y?letim Sistemi    Linux'un destekledi?i donanymlar    ekrana ?unlary yazar:  Linux Y?letim Sistemi  Linux'un destekledi?i donanymlar  Tanymly Listeler Genellikle birden fazla ba?ly?y olan,her ba?lyk altynda kysa bir metin içeren yazylar, tanymly listeler ileolu?turulur. Tanymy yapylacak ba?lyk, <dt> ile belirtilir, <dd>ileba?lyk altyna metin girilir. Tüm liste, <dl> ile arasynaalynyr.         Ki?isel Kullanym     Linux evinde veya i?inde UNIX i?letim sistemi altynda çaly?makisteyenler için ideal bir platformdur.      Internet Sunucusu    Linux do?rudan TCP/IP deste?i ile gelmektedir.     Ekrandaki çykty ?u ?ekilde görünür:  Ki?isel Kullanym Linux evinde veya i?inde UNIX i?letimsistemi altynda çaly?mak isteyenler için ideal bir platformdur.  Internet Sunucusu Linux do?rudan TCP/IP deste?i ile gelmektedir.  Yçiçe Listeler Tüm liste çe?itleri, 3'den fazla bölümkullanmadykça içiçe yazylabilir. Örnek olarak,       Ystanbul'un büyük semtleri               Beyo?lu       Bakyrköy       Kadyköy          Ankara'nyn belli ba?ly yerle?im birimleri               Kyzylay       Ulus          Ekrandaki görüntüsü,  Ystanbul'un büyük semtleri  Beyo?lu  Bakyrköy  Kadyköy  Ankara'nyn belli ba?ly yerle?im birimleri  Kyzylay  Ulus  14.BasitTablolar HTML, her türlü tablo kullanymynaolanak tanyr. Tablolar, bilgileri matris düzeninde, birçok hücreler tanymlayarak bunlaryn içinede verebilmemizi sa?lar. Ayryca, hazyrlady?ymyzdökümanyn kolonlar halinde ya da, belirli hizalarda yapy?yk ?ekilde (align)görünmesini de sa?larlar. HTML standartlary geli?im süreci içinde tablotanymlama belirteci de bazy de?i?ikliklere u?rady.  Döküman içinde tablo olu?tururkena?a?ydaki i?lemler takip edilir :  Tablolar, belirteci ile tanymlanyr.  belirteci, tablo kaç satyrise, o kadar sayyda arka arkaya belirteci içerir  Her  belirteci, o satyrdakaç kolon varsa o kadar belirteci içerir.  belirteci ile tanymly hücrelereher türlü bilgi (yazy, link, resim, liste, ve hatta ba?ka bir tablo) gelebilir. Tablo içinde satyrlar yukardan a?a?yya,sütunlarla olu?turulan hücreler ise soldan sa?a tanymlanyr. E?er satyrlarve sütunlar arasynda satyr/sürun çizgilerinin de görünmesi isteniyorsa, belirteci ile birlikte  "border" seçene?i kullanylyr. A?a?ydaki örne?i inceleyelim :                             1. tablo belirteci ba?langycy                                            1. satyr ba?langycy                       1. satyr 1. sütun                         1. satyr 2. sütun                                         1. satyr sonu                                          2. satyr ba?langycy                    2. satyr 1.sütun                       2. satyr 2. sütun                                            2. satyr sonu         Ankara Ystanbul Eski?ehir ?anly Urfa                              1. tablo belirteci sonu Yukarydaki kod, bir web istemcisindegörüntülendi?inde a?a?ydaki tablo olu?acaktyr :      Ankara Ystanbul Eski?ehir ?anly Urfa Istenirse, tablolar için tablo arkaplan rengi ya da, her bir hücre ya da satyra bgcolor seçene?i ,, ,ve belirteçleriyle kullanylarak verilebilir. Standart htmleditörlerinin hepsi de, kolay tablo olu?turmak için birtakym tablo sihirbazlarysunmaktadyrlar. Tablolar ile ilgili daha ayryntylybilgiler bu dökümanyn sonraki sürümlerinde verilecektir. 15.Formkullanımı   Formlar, web sayfalarynda kullanycylaryndo?rudan bilgi girip sayfanyn bulundu?u web sunucusuna ya da ba?ka yerlerebunlary gönderebildikleri mekanizmalardyr. Bir on-line aly?veri? merkezindenürün seçmek, para ödemek, ya da bir ankete cevap verip sonucu göndermekvb gibi birçok i? belirteci kullanylarak yapylyr. Kullanymlailgili ayryntyly bilgiler CSS'nin ilerleyen sürümlerinde verilecektir.  16.HTMLdöküman içinde sayaç kullanımı Sayaçlar, sayfalarynyzyn kaç kez ziyaretedildi?ini saptayan ve sunucu tarafyda çaly?an CGI programlardyr. Kullanymlailgili ayryntyly bilgiler CSS'nin ilerleyen sürümlerinde verilecektir. 17.HTMLdöküman içinde basit JavaScript kullanımı Kullanymla ilgili ayryntyly bilgilerCSS'nin ilerleyen sürümlerinde verilecektir. 18.Sayfamıhazırlarken Türkçe karakterler kullanmalı mıyım? Nasıl? Sayfalarynyzda kullandy?ynyz Türkçekarakterler e?er iso-8859-9 kod tanymlamasyna uygunsapopüler 2 web istemcisi netscape ve msie tarafyndan sorunsuz görüntülenebilmektedir.Daha fazla ayrynty daha sonraki sürümlerde verilecektir. 19.Hazırladığımsayfa her web istemcisinde aynı görünecek mi? Bu konuda nelere dikkat etmeliyim? E?er sayfalarynyzda standart HTMLkullanmy?sanyz, tüm istemcilerde ayny görünmemesi için hiç bir sebep yok.Ancak;  E?er sayfalarynyza, lynx ya da benzeribir metin tabanly web istemcisi (tarayycysy) ile birisi bakarsa, resimlerigöremeyecektir.  Sayfalarynyzda, sadece özel bir istemcininanlayabilece?i bazy ek HTML belirteçleri kullanmy?sanyz yine bazy kötüsürprizlerle kar?yla?abilirsiniz..  20.Websayfası hazırlama ve HTML ile ilgili daha ayrıntılı dökümanlara nasıl/neredenulaşabilirim? A?a?yda, HTML ve Web ile ilgili bazyTürkçe ve Ingilizce kaynaklar listelenmi? durumda. Özellikle HTML Premierve bunun Türkçe Sürümü size çok yararly olacaktyr. Programcylar için Temel WWW sayfasyhazyrlama : http://yardim.bilkent.edu.tr/WWW/gorkem.html HTML Premier :  http://www.ncsa.uiuc.edu/General/Internet/WWWW/HTMLPrimer.html Web Hakkynda Bilmek Ystedi?iniz Her?ey :  http://cclub.metu.edu.tr/www HTML Reference Manual :  http://www.sandia.gov/sci_compute/html_ref.html HTML Made Easy :  http://www.jmarshall.com/easy/html/testbed.html How to Write HTML Files : http://www.ucc.ie/info/net/htmldoc.html WWW HandBook : http://web.bilkent.edu.tr/WWW/handbook/ 21.Websayfası içinde kullanabilece?im küçük "resimcikler"i (gif ve animated gif)nereden alabilirim? Kendim de oluşturabilir miyim? Nasıl? Bu tip resimleri olu?turmanyn birkaçyolu var :Kendiniz bir resim editörüyle olu?turabilirsiniz. Varolan bazyresimleri yine editörler yardymyyla de?i?tirebilirsiniz ya da ka?yt ortamyndan"Scanner" yardymyyla buldu?unuz/çizdi?iniz resimleri bilgisayar ortamynaaktarabilirsiniz. Özellikle küçük logolar, bazy yazy efektleri vb kolaycaolu?turulabilir. Öte yandan, bu resimcikleri bulabilece?inizsiteler de mevcut. Y?te bunlardan bazylary : http://www.ehb.itu.edu.tr/docs/html/index.html:Sevgili KaGan'in internmet'ten derledigi yüzlerce resimcik ve anime gif'leribulabileceginiz bir adres. Resimcikler kategorilere ayrylmy? (butonlar,arka plan resimleri, çizgiler vb gibi). Bir bakyn, pi?man olmazsynyz..  http://www.candor.com/grabagif/buttons.htm: Bu sitede bazy buton resimcikleri bulabilirsiniz.  http://diogenes.baylor.edu/WWWproviders/Library/BeyondLib/clipart.html : Resimcikler ve anime gif resimleri ile ilgili internet üzerinde bulabilece?inizher türlü  bilgi özetlenmi?. Bir çok siteye link var. Yyi bir ba?langyçnoktasy.  http://www.bmlive.com/gifs/ : Blue Marble Gif Archive..  http://www.barrysclipart.com/:Bir ba?ka devasa site daha. Birçok resimcik var.  http://www.serve.com/HomepageExtras/anigif/:Anime Gif'ler bulabilece?iniz küçük ama güzel bir site.  http://www.newcreations.net/3d/ : konuyla ilgili bir çok shareware/freeware programlary bulabilece?inizlinkler...  22.Bağlandığımbir web sayfasının HTML kodunu nasıl alabilirim? Bunun için, sayfa yüklendikten sonra,web istemcisinizin "File" menüsünden "Save (As)" seçene?i ile dosyayy kendibilgisayarynyza kaydedebilirsiniz. Ancak, bu durumda sadece HTML kodu almy?olursunuz. Sayfadaki resimler ve link bilgileri gelmez. Bunlaryn da gelmesiniistiyorsanyz 6.Bölüm'de açyklandy?y gibi sayfayy her?eyiyle almalysynyz.  23.SayfamınHTML kodunu başkalarının görmesini engelleyebilir miyim? Malesef hayyr. 24.Websayfamda internetteki diğer sayfalardan aldığım bilgileri (yazı, resimvb) serbestçe kullanabilir miyim? Özellikle resimcik ve anime gif'leri,ya da genel amaçly Java Script-leri, eger ilgili sayfada aksi bir ibareyoksa, kullanabilirsiniz. Bunlaryn hemen hemen tamamy zaten artyk anonimolmu? ve ilk kimin yapty?y bilinmiyor. Ancak, bir sayfadan, o sayfanynyazaryna ait bir bilgiyi, dökümany, grafi?i -herhangi bir?eyi- izin almadankullanmamalysynyz. 25.Web sayfasında kullandığım resimler için hangi formaty tercih etmeliyim?GIF mi, JPEG mi? Standart GIF, en fazla 256 renge müsadeeder. E?er resminizin daha çok renkli görünmesini istiyorsanyz JPG tercihetmelisiniz. Öte yandan, 256 renk ço?u uygulamalar için yeterlidir. 256renk için de, JPG syky?tyrmasy ile, GIF formatyna göre daha küçük dosyalarelde edilebilir. Sonuçta, küçük dosyalar için (1-5kbyte civarynda) GIFkullanymy yaygyndyr. Dosya boyu 20-30kbyte'y geçmeye ba?lady my genellikleJPG tercih ediliyor.  26.Birweb sayfası yaptım. Diğer insanların bundan nasıl haberi olacak? Bunun birkaç yolu var. E?er sayfanyzdai?ledi?iniz bir konu varsa (pop müzük ya da bilgisayar programlama veyaba?kabir?ey..) bununla ilgili listeler ve tarty?ma öbeklerine sayfanyzynvarly?yndan sözeden mesajlar atabiliriniz. Ayryca, gönderdi?iniz her e-posta'nynsonuna isminizden sonra web sayfanyzyn adresini yazabilirsiniz. Bu yolladaha çok insanyn bilgisi olacaktyr. Ayryca, AltaVista, LyCos gibi popülerarama motorlaryna sayfanyzy kaydettirebilirsiniz. Bunun için 7.Bölüm'de ilgili yerleri okumalysynyz. 27.Bedava"kişisel web sayfası hizmeti" veren yerler var mı? Evet var, vebunlaryn sayylary her geçen gün artmaktadyr. Bu siteler, genellikle, birweb listeleyicisi (istemci, browser, tarayycy) ile eri?ilebilen bir kullanycyara yüzü ile, ki?ilere kendi ev sayfalaryny hazyrlama ve saklama servisivermektedir. Böyle merkezler, daha çok reklam gelirleri ve bazy sponsorluklaryolu ile bu servisleri bedavaya verebilmektedir. Web ortamynyn, her geçengün, ticari amaçly olarak daha fazla kullanylaca?yny dü?ünürsek, buradabu servislerin argümany : "üyelerine bazy paraly servislerin ve ürünlerinkataloglaryny tanytmak, reklamyny yapmak" ?eklinde olabilir. Nedeni neolursa olsun en önemlisi, bu servisin bedava olmasy. Burada da, bedavae-posta hesap servislerinde oldu?u gibi, çok önemli potansiyel güvenlikproblemleri var. Önümüzdeki aylarda bu konuda da hararetli tarty?malarolabilir. E?er ki?isel web sayfanyz yoksa a?a?ydaki adresleri bir deneyin Geocities :http://www.geocities.com/  Tripod :http://www.tripod.com/  Angel Fire : http://www.angelfire.com  Home Pages forHomeless : http://www.homeless.com/  CRHome StudentWeb : http://www.crhome.com/  Free Town :http://www.freetown.com/  NorthWest Voyager: http://www.nwvoyager.com/  Hompage Central: http://www.i-exposed.com/freehp/  WebSight MagazineFree Home Page : http://free.websight.com/free/  Net Hosting: http://www.nethosting.com/  Paradigm-NetFree Home Page : http://www.paradigm-net.com/home/free.htm  PHooL Communications: http://phool.dhinternet.com  Info Chase :http://www.infochase.com  Inca :http://www.inca.de/  Bu servisleri, kötü kullanym ile suistimaletmemek ve kullanym kurallaryna uymak ta bir internet eti?idir. Tabii kien iyisi, web sayfanyzyn bulundu?unuz sitede olmasy. Web sayfasy servisiartyk standart bir internet hizmeti haline geldi. Hemen heme tüm YSS ?irketlerve üniversitelerin ço?u kullanycylaryna bu hizmeti vermektedirler. 28.Diğerformatlarda (Word DOC, (La)TeX, PPT vb) hazırlanmış dosyaları hemen HTML'yedönüştürebilir miyim? Microsoft Word ve Power Point, yenisürümüyle birlikte (Word 97, PowerPoint 97), hazyrlady?ynyz dökümanlaryHTML olarak kaydetmenize izin veriyor. Di?er Word sürümleri için de HTMLAssistant adynda bir yardymcy program var. La(TeX) ile hazyrlanan dökümanlaryise hemen hemen bire-bir html'e dönü?türmek mümkün. Bu konuda programlarve daha fazla bilgi aryyorsanyz;  HTML Converters :  http://union.ncsa.uiuc.edu/HyperNews/get/www/html/converters.html (La)TeX -> HTML Dönü?türücü (dos,win'95,Mac, unix) :  http://hutchinson.belmont.ma.us/tth/tth.html adreslerinde çok iyi ba?langyç noktalaryvar.  29.Websayfamı başkaları silebilir mi? Ya da değiştirebilir mi?   Bunun olabilmesi için birilerininsizden izinsiz bilgisayarynyza girmesi lazym. Bu da sistem güvenli?i ileilgili bir sorun. Dosyalarynyz bir Unix makine üzerindeyse, bununla ilgiliolarak 15.Bölüm'de dosya izinleri kysmyny okuyabilirsiniz.      30.Sayfahazırlamada gözönüne alınması yararlı olabilecek bazı diğer ipuçları Mutlaka ana web sayfanyzyn sonuna kendie-mail adresinize bir ba?lanty ekleyin. Böylece insanlaryn size ula?malarynyve sayfa hakkyndaki muhtemel görü?lerini size iletebilmelerini kolayla?tyrmy?olursunuz. Söz gelimi,           Her türlü görü? ve öneriler için e-mail adresim : isim@domain.com.tr   ?eklindeki bir satyr oldukça i?eyarar.    Hazyrlady?ynyz sayfalara, mümkünse birkaçfarkly web istemcisi ile (netscvape, msie, mosaic, opera gibi)  bakyn.Istemcinizin görüntü penceresini küçülterek (window resize) sayfanyzynnasyl göründü?ünü kontrol edin. Tablolar kayyyor mu? Paragraflar ne alemde?  Mutlaka sayfalarynyzdaki tüm linklerikontrol edin. Acaba yanly?lykla kendi yerel diskinizdeki bir dosyaya ba?lantyyapmy? olabilir misiniz??? Unutmayyn, tüm ba?lantylary "ba?yl" yapmak herzamanen iyisidir.  Bir arkadas?ynyza sayfanyz hakkynda fikrinisorun.  Sayfalarynyza, grafik, renk vb özelliklerikysytly bilgisayarlardan da eri?ilebilece?ini dü?ünerek biraz dikkatliolun. Sayfanyza herhangi bir istemci ile (sozgelimi, metin tabanli lynxile) eri?en birisinin sayfayy (resimleri/renkleri göremese bile) takipedebilmesi lazym.  E?er ana sayfanyza ba?ly birden çok sayfatasarlamy?sanyz, bu sayfalar arasynda rahatça dola?ylabilmesi için gereklitedbirleri alyn (sayfalar arasy ba?lantylar ve uygun yerlerde verilecekana sayfaya dönü? ba?lantylary gibi)  E?er belirteci kullanyyorsanyz,mutlaka  "alt", "width", ve "height" seçeneklerini de ekleyin. "alt"seçene?i, bu resmi gösteremeyen istemciler için alternatif bir yazyyy ekranagetirir. "width" ve "height" ise, resmin piksel cinsinden geni?lik ve uzunlu?unuverir. Bu bilgileri vermezseniz, resim yüklenmesi bitmeden sayfanyn kalanyazy kysymlary görüntülenmez. E?er verirseniz, resim yükleniyorken, sayfanyzynziyaretçisi ayny anda ziyaretçi yazylary da görebilir.  HTML kodunu anla?ylyr ve kolaycatakip edilebilir ?ekilde yapyn. Sonuçta, siz ya da bir ba?kasy ayny satyrlarytekrar elden geçirmek zorunda kalabilir. Yoksa, siniz krizleri geçirebilirsiniz.  Ziyaret etti?iniz web sitelerindekiiyi ve kötü tasarlanmy? sayfa tarzlary sizin kendi stilinizi ve kendi sayfaorganizasyonunuzu geli?tirmenizde yardymcy olacaktyr.