1. Benim de bir web sayfam olabilir mi? Bunun için nelere ihtiyacım var?

Internet erişimi olan herkesin bir web 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ğlayan bilgisayarlardır ve bunların üzerlerinde çalışan özel sunucu programlar (httpd) vardır. Internet Servis Sağlayıcı şirketlerin hemen hemen hepsi kullanıcılarına kişisel web sayfası hizmeti veriyorlar. Bu yüzden, internet erişiminiz varsa, muhtemelen, kendinize web sayfası yapabilmeniz için artık hazırsınız demektir.

Web sayfaları sunucu bilgisayarda özel bazı dizinler altına konmalı. Hangi dizin altına konulması gerektiğini de 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 tam URL satırını da almalısınız.
Hazırladığınız sayfaları
Bazı servis sağlayıcılar hazırladığınız sayfaları sizden e-posta ile isteyebilir ve kendileri web sunucusuna yerleştirebilirler.
2. 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. Bunu küçük bir örnekle açıklayalım :




Ev Sayfama HoşGeldiniz






Sağdaki başlık, bir web sayfasına 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 aslinda, 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üz yazı (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 sayfasında görülen her türlü düzyazı, formatlama bilgileri, diğer komutlar vb. yazılır.






Netscape Navigator, Microsoft Internet Explorer, Mosaic, Lynx ve Opera gibi web istemcileri (tarayicilari) ise bu HTML kodlarini yorumlayarak sonucta web sayfalarının görünen biçimlerini oluştururlar. Döküman formatlama özellikleri düşünüldüğünde, HTML'yi bir kelime işlemci gibi düşünmek te olası. Ancak bir farkla : HTML her bilgisayar ortamında, her türlü web tarayıcısı ile hep benzer sayfa biçileri 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.

Web istemciniz ile bağlandığınız sayfanın kaynak kodunu (yani HTML halini) istemcinizin "View" manü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 yazı, italik yazı, yazı ortalama, renk verme, değişik boyutlarda yazma gibi),
Tablo, Liste, Adres Alanı, sabit genişlikli yazı alanı vb gibi özel biçimler oluşturulabilir,
Web sayfalarında "frame" adı 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 çalışan CGI programları ile we içeriklerinin etkileşimli kullanımını sağlar (şifre uygulamaları, sayaç uygulamaları vb gibi).
HTML standartları sürekli güncellenmektedir. Konu hakkında, [url]http://www.w3.org/[/url] adresinden daha ayrintili bilgi alinabilir. Şu anki mevcut standart HTML 3.2 (Eylül 1997). 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 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 bileşenler de içerirler. Bunun yanında, kullanıcıların 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 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.

5. 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.

6. 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 [url]http://www.halsoft.com/web-lint[/url] adresinde bulabilirsiniz.

Bu editörlerden en popülerlerinden bazıları HotDog Pro ([url]http://www.sausage.com/[/url]), 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 : [url]http://tucows.raksnet.com.tr/tucows[/url]
[url]http://www.zdnet.com/~pcweek/navigator/htmled.html[/url] adresinde deHTML editörleri ile ilgilibilgilere ve bu programların bulunduğu diğer adreslere erişebilirsiniz.



Beğeniler: 0
Favoriler: 0
İzlenmeler: 2453
favori
like
share
FreddyKrueger Tarih: 13.11.2008 19:43
JoomLa we WordPreSs SiStemLerini KuLLanarak da KoLayCa Ki$iSeL Web SiteSi HazırLayabiLirSiniz...