Webtasarim a baslangiç için rehber,yeniler için kaynaktir...
Tamamini okumaniz önerilir...
Neden Web Siteniz Olmali?
*Bir Web sayfasi sadece onu incelemek isteyen "hedef kitleye"
ulasir.
*Web sayfalari olusturmak için tek masrafiniz telefon hat ücreti
olacaktir.
*Web sayfalari hazirlarken hayal gücünüzü olabilidigince
kullanabilirsiniz.
*Web sayfalari kolayca düzeltilip tekrar yayinlanabilir.
*Sayfalariniz zamaninda etkisiyle yeniliklere ugrayacaktir.
*Web sayfalariniz 24 saat boyunca tüm dünyaya açik olacak ve
internet kullanicilarina "etkilesimli" bir hizmet verecektir.
*Web sayfalarini kullanicilarin fikirlerini ve beklentilerini
ögrenmek için derleyebilirsiniz.
*Web sayfalarinin kaderi diger medyalar gibi çöp kutusunda
sonlanmaz.
Web Editörleri ve Incelemeleri
Herseyden önce size gerekecek olan program, kullanicilarin
izleyecegi Web sayfalarinizi hazirlayacaginiz bir programdir.
Bu tip programlar ile site içinde yer almasini istediginiz
resimleri, yazilari ve baglantilari istediginiz biçimde bir Web
Browser'i tarafindan izlenecek sekilde tasarlayarak biraraya
getirebilirsiniz. Bunun için önünüzde Allaire Homesite,Microsoft
Frontpage, Netscape Composer, Adobe PageMill, Macromedia DreamWeaver,
HotDog Pro gibi birçok program alternatifi bulunuyor.
Bir Düzenleyici Hangi Özellikleri Desteklemeli
Kolay Kullanim
Site yönetimi ve dosyalarin sunucuya kolayca aktarilmasi
HTML disinda da farkli dosya tiplerini taniyabilme
Renkli kodlama
Iyi bir dokümantasyon
Sablonlama ve proje destegi
Özellestirebilme
CSS destegi
Bazi Düzenleyicilerin Incelemeleri
Microsoft Frontpage 2000:
Microsoft firmasinin, kendi ürünü olan Word'e benzerligiyle
dikkat çeken, bu nedenlede birçok kullaniciya kullanimi kolay
gelen düzenleyicisidir.
Artilari: Frontpage en basta kullanmasi ve ögrenmesi kolay bir
düzenleyicidir.Ayrica Microsoft'un ISS Web sunucusuyla tümlesmesi
çok iyidir.Frontpage görsel arabilimi (tam olmasada WYSIWYG
denebilir) sayesinde hiçbir HTML kodu yazmadan Web siteleri
olusturabilmeyi saglar.
Eksileri: Frontpage, önceden sizin düzenlemis olabileceginiz
kodlari, tekrardan düzenlemekte çok israrcidir.Bu nedenle sayfa
kodlarina elle müdahale etseniz bile, bir sonraki açisinizda bu
ince ayarlarin silinme olasiligi yüksektir.
Allaire Homesite:
Piyasadaki en iyi HTML kod düzenleyicisi.
Artilari: En gelismis özellestirebilme seçenekleri.Bir kod
düzenleyicisi olsa da, sistemde IE4+ yüklüyse, sinirli miktarda
görsel tasarima izin vermektedir.Bütünlesik FTP istemcisi,
sablonlama destegi, siteleri projeler altinda gruplandirma sistemi,
yazim kontrolü, Perl-PHP-ASP-VBScript-Java-CSS- SMIL-ColdFusion gibi
dilleri otomatik tanima, Dreamweaver'la bütünlesme, istenen
sekilde kodu girintileyebilme, çok iyi bir dokümantasyon,
Homesite'la tümlesik çalisan bir sürümüyle gelmesi.
Eksileri: WYSIWYG düzenleyiler arayan kisiler için tam anlamiyla
uygun olmamasi, Windows 9x'de bellek kaçirmasi ve maalesef sadece
Windows'ta çalismasi.
Macromedia Dreamweaver:
Homesite'in HTML kodu alanindaki liderligini, WYSIWYG
düzenleyiciler alaninda paylasan program
Artilari: Dreamweaver'in ilk göze çarpan özelligi, görsel
düzenleyiciler arasinda en iyi tablolama destegini sunmasidir.HTML
koduna fazla müdahale etmemesi, bloklarin kolayca seçilebilmesi,
seçilen etiketlerin nerdeyse tüm özelliklerinin kolayca
ayarlanabilmesi, tümlesik FTP istemcisi ve site yönetimi,çok iyi
DHTML ve Frame destegi, Internet üzerinden de yüklenebilen
etiketlerle genisletilebilmesi, tablolari katmanlara, katmanlari
tablolara çevirebilmesi, rehber resim destegi, Homesite'la
bütünlesme.
Eksileri: Homesite kadar iyi bir dogrudan HTML kodu yazimi olmamasi
ve maalesef sadece Windows ve MacOs'da çalismasi.
HotDog Pro:
Birkaç yil öncesine kadar görsel olmayan düzenleyiciler
piyasasinda Homesite'la basabas giden bu program, yeni
sürümlerinin sik sik göçmesi, firmanin yanlis taktikler
izlemesi gibi nedenlerle popülerligini yitirmistir.
Artilari: Birçok özellestirebilme seçenegi, tablo ve
frame'lerin yaratilmasinda kullanilabilen sihirbazlar,
tümlestirilebilentarayici destegi, site yönetimi, ftp istemcisi,
renkli kodlama.
Eksileri: Sik sik göçmesi, zayif dokümantasyon ve çalismayi
engelleyici ses efektleri
Web Sayfalarinin Tasarlanmasi
Yukarida incelemesini yaptigimiz birçok web editörü size HTML
dilini bilmeden, HTML kodlarini kullanarak web sitesi yapma imkani
veriyor.Bu tip editörler sitenizde yaptiginiz her adimi,
otomatikman HTML koduna çeviriyor.
Peki o zaman neden HTML ögrenmelisiniz?HTML ögrenmelisiniz
çünkü:
En basit neden; eger iyi bir webmaster olmak istiyorsaniz, ve HTML
bilmeden sadece bu tür programlari kullanmayi düsünüyorsaniz,
muhtemelen programin verdigi, programdan kaynaklanan en küçük bir
hatada eliniz kolunuz bagli kalacaktir.
Lisans gerektiren programlar: Birçok kaliteli "HTML çevirici"
programini kullanmak için, o programin lisansina sahip olmaniz
gerekir. Ve bu da genelde büyük paralar gerektirir.
HTML Nedir?
HTML, Hyper Text Mark-up Language'in kisaltilmisidir. Türkçe
karsiligi Hiper Metin Isaretleme Dili'dir. Browserlar
tarafindan taninip yorumlanabilen metin tabanli bir dildir ve
metnin browser tarafindan yorumlanmasi sonucu da web sayfalari elde
edilir. Yazdiginiz kodlarin browser tarafindan alinip
yorumlanabilmesi için, dosyalarinizin uzantisinin ".htm" veya
".html" olmasi gerekir.
HTML de her isaretleme dilindeki gibi komutlardan olusur, bu
komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden farkli
olduklari browser tarafindan anlasilabilsin diye "<" ve ">"
isaretlerinin arasina yazilir. Her tag'in bir baslangici ve
bitisi vardir. Bitis tag'lerinde, "<" isaretinden sonra tag'in
bitis tag'i oldugunu belirtmek için "/" isareti kullanilir. Bir
örnek ile göstermemiz gerekirse;
<P>Bu bir Paragraf tag'idir.</P>
Temel Komutlar:
<HTML></HTML>
Tüm HTML dokümanini içine alan en temel tag'dir ve dokümanin
HTML ile yazildigini browser'a bildirir.
<HEAD></HEAD>
Bu tag'in arasina yazilan her sey, sayfanin tanimini olusturur.
Buna sayfanin basligi da dahildir. Ayrica **** takilari da bu
tag'in arasina yazilir:
<TITLE></TITLE> : Sayfa basligidir. Bu tag'in arasina yazilan
her sey sayfamizin ismi olacak ve baslik çubugunda
görüntülenecektir.
**** Etiketi: Arama motorlarinda iyi bir siralama kapmak için ****
etiketleri içerisine yazdigimiz notlar çok önemlidir.
Örnegin "Afyon Kocatepe Üniversitesi" sitesinin **** etiketleri
söyle olabilir:
****** name="keywords" *********"Afyon Kocatepe
Üniversitesi,AKÜ,AKU,fakülteler,Yüksekokullar,Enst itüler,Akade
mik Takvim, Üniversite, afyon kocatepe university, Turkey,
University,education,campus,Türkiye, academics, students, faculty>
Sayfanizda kullandiginiz Türkçe karakterlerin baska
bilgisayarda bozuk sekillerde görülmemesi için:
****** **********="Content-Type" *********"text/html;
charset=windows-1254">
<BODY></BODY>
Sayfanin browser tarafindan ekrana basilacak tüm kisimlari bu
tag'in arasina yazilir. Ekrana basilacak kismin içine metinler,
resimler, formlar, tablolar vs. girer.
<html>
<head>
<title>Ilk Sayfam</title>
</head>
<body bgcolor="#e3e3e3">
Web sayfama hosgeldiniz
Web sayfama hosgeldiniz
<font face="Lucida Sans Unicode" size="+2" color="#297835">Web sayfama
hosgeldiniz</font>
Web sayfama hosgeldiniz
Web sayfama hosgeldiniz
<center><font face="Verdana" size="+2" color="#765678">Web sayfama
hosgeldiniz</font></center>
</body>
</html>
Sonuç:
Web Grafiklerinin Hazirlanmasi
Zor olan islem, sayfalarin içine içerigin yerlestirilmesi degil,
bu içerigin hazirlanmasidir.
Tahmin edebileceginiz gibi, sayfalarda yer alan grafikler metinlerden
daha da zor hazirlanirlar.
Çünkü sayfada yer alacak renkler ve grafik tasarimlari sitenin
genel çizgisini belirleyecegi için, özenle ve uyumlu bir sekilde
hazirlanmalidir.
Bu tip programlar ile hazirlanacak site grafiklerinde görselligin
yaninda dikkat edilecek bir baska unsur da grafik dosyalarinin
boyutlarinin küçük olmasidir.
Çünkü ne kadar fazla grafik kullanilirsa, site o kadar yavas
açilacaktir ve bir site ne kadar görsel olursa olsun, eger yavas
açiliyorsa pek de cazip olmayacaktir.
Bu tür çesitli grafikleri tasarlamak için kullanabileceginiz
yegane program Photoshop'dur.
Ancak ücretli ve profesyonel bir program olan Photoshop'un yerine buna
çok yakin olan tamamen bedava olarak dagitilan Paint Shop Pro
adli Shareware programi da kullanabilirsiniz.
Bu ve buna benzer programlar ile rahatlikla arka fonlar, Web
tuslari, basliklar ve Banner'lar gibi sabit Web grafiklerini
olusturabilirsiniz.
Sayfalarin Web Alanina Gönderilmesi
Grafikleri tasarladiniz ve metinleri hazirladiniz. Bunlari bir
Web tasarim programi ile Web sayfasi haline getirdikten sonra
hazirlamis oldugunuz Web sayfalarini kullanicilara
ulastirabilmeniz için bunlari yerlestireceginiz Internet
üzerinde bir disk alanina yani Web alanina ihtiyaciniz olacaktir.
Bu islem için en iyi çözüm yine Internet üzerinde size bedava
sabitdisk alani (host) saglayan bir sunucu bulup sayfalarinizi
oraya yerlestirmektir.Eger alacagimiz alanin FTP destegi varsa,
yaptigimiz sayfalari CuteFTP gibi FTP programlari ile sunucu
üzerindeki alana gönderebilirsiniz.
Site Alan Miktari Reklam FTP Destagi
www.lycos.co.uk 50 MB Var Var
www.mynet.com 10 MB Var Yok
Freeservers.com 10 MB Yok Yok
Brinkster.com 20 MB Var Var
Ayrica diger ücretsiz hostlari forumda arama yaparak
bulaabilirsiniz... Baslangiç olarak www.lycos.co.uk dan webalani
alabilirsiniz...
Sitenizin Barinacagi Sunucuyu Seçerken Dikkat Etmeniz Gereken
Ayrintilar
Internet üzerinde yasal olmadigi kanitlanmis MP3'ler, emülatör
dosyalari, Crack, Hack, Warez, çalinmis sifreler ve benzeri
içerikle Adult ögelere sitenizde yer vermekten kaçinin.
Seçtiginiz sunucunun teknik özelliklerini mutlaka dikkate alin.
Örnegin Frame yani çerçeveye izin vermeyen bazi sunucular, iki ya
da daha fazla parçadan olusmus site tasariminizi tam anlamiyla
sunamayacaklardir.
Bunun yaninda her sunucu çok serbest bir sekilde CGI, Perl gibi
dillerin kullanilmasina izin vermeyebilir.
Unutulmamasi gereken fazla disk alani her zaman en iyi sey
degildir. Sinirsiz bir alanda hiçbir özellik desteklenmeyecegi
gibi, 3MB'lik bir alan saglayan sunucu, buna karsilik Frame'den
CGI dilllerine kadar her seyi destekleyebilir.
Web Tasarimini Destekleyici Programlar
PHP
ASP
JAVA SCRIPT
JAVA APPLET
CSS
FLASH
PHP (Personal Home Page)
Html 'nin gelistirilmesinin çok eski zamanlara dayanmasindan
midir? yoksa o zaman ki sartlarla düsünülmedigi için midir?
bilinmez ama html bazi yönden eksik bir dildir. Iste bu
eksikliklerin anlasildigi dönemlerde, herkesin anlayabilecegi ve
kisa sürede ögrenilebilecegi bir dil yaratma çabasinda olan
Rasmus Lerdorf tarafindan düsünülmüs ve Perl dilinden
esinlenilerek yapilmaya baslanmis bir dildir Php.
Php 'nin yaptigini kisaca anlatmak gerekirse; Web sayfasi
isteminde bulunan kullanicilara, istenilen dosya içerisinde Php ile
ilgili satirlari isleyerek dosya içerigini kullanicinin Browser
' inin anliyabilecegi html formatinda sunan bir programlama
dilidir diyebiliriz. Bu genel anlamda Server-Side ( Server-Tarafli )
Dil olarak anilir.
Php 'yi rakiplerinden ayiran özellikler?
En yakin rakibi ASP ile performans ve fiyat açisindan açik
farklilar vardir.
Fiyat konusu haricinde ( Php ücretsiz dagitilmaktadir. ) ASP
kullanicilarinin kabul etmedikleri sey hiz faktörüdür. Belkide
en çok tartisilan bu konu hakkinda en basit karsilastirma; PHP
+ MySql ve ASP + MSSQL oranlarinda çikmaktadir. Elde edilen
verilere göre 5000 satirlik bir bilgiyi database' e; ayni makina
üzerinde Php ve MySql 3 ( Üç ) saniyede girerken, ASP + MSSQL 28
saniyede girmektedir.
Php 'nin açik kaynak kodlu olusu, hatalarin veya yeni özelliklerin
güncellenmesi/eklenmesi gibi olaylarda büyük avantajlar
saglamaktadir.
Kisisel kullanicilar; Php ile web sayfalarinda daha çok
kullanici etkilesimli kodlar kullanmaktadir. Örnek olarak;
Ziyaretçiler için olusturulan, forum, sayaç, anket gibi kodlarda
Php çok ragbet görmektedir.
Peki bu dilin dezavantajlari nelerdir?
Günümüzde büyük sirketlerde internet ve intranet uygulamalarda ,
büyük paya sahip Microsoft firmasi, kendi ürünü olan ASP için
büyük çabalar sarfetmektedir. Yeni teknolojiler ( Özellikle .Net )
ile ASP ye hergün yeni zeminler hazirlamakta ve is istihdami
konusunda ASP yi bir adim öne tasimaktadir. Sunucu fiyatlari
olarak Php 'ye göre yerine göre üç kat daha fazla oranda olmasina
ragmen, büyük sirketler tarafindan tercih edilmektedir.
ASP (Active Server Pages)
Sunucu tarafli bir teknoloji olan ASP, (Active Server Pages/Aktif
Sunucu Sayfalari) kullanici tarafina etkilesimli, dinamik Web
sayfalari göndermek için kullanilir. ASP, Web programcilarina
HTML, scripting ve kullanicidan bagimsiz veritabani
uygulamalarini özgürce kullanma firsati verir. ASP programlama
ortaminin özgür olmasinin sebebi tüm derleme isleminin sunucu
tarafinda bitmesi ve kullanicinin sadece sonuçta olusan HTML
sayfalarini görmesidir.
ASP'nin Kullanim Amaçlari ve Avantajlari
Çok genis bir kullanim alani olan ASP, scripting diye tabir edilen
VBScript, JavaScript gibi her türlü ham kodu kullanabilir, sundugu
kolay anlasilir dogal dili ile orta derece HTML bilen kimseler
tarafindan bile kolayca kavranabilir.
ASP'nin Netscape Navigator / Internet Explorer /Opera gibi Web
tarayicilarindan bagimsiz olmasinin yanisira en büyük
avantajlarindan biri kullandiginiz teknolojilerin, scriptlerin
sakli kalmasidir.
ASP ile hazirlanan projeler kaynaklarin yönetimi, kontrolü ve
uzaktan sistem yönetimine imkan verir. Sirketler arasi bilgi
paylasimi için ideal bir ortam olusturur.
JAVA SCRIPT
Java Script Netscape tarafindan gelistirilmis bir script dilidir.
Düz yazi formundadir. Browserlara baglidir ve yorumlanir.
HTML'nin içine gömülür. Etiketi ********>...</script>
seklindedir.Java Script; etkilesimli web sayfasi yapiminda
HTML'nin yetersiz kalmasi nedeniyle C/C++ dilleri baz alinarak
gelistirilen, "düz yazi" formunda bir script (komutlar dizisi)
dilidir. Java Script kodlari herhangi bir metin editörü (Win 95/98
Not defteri vb.) ile düz yazi formunda yazilabilir. Bu sekilde
yazilmis Java Script kodlari istemci tarafinda, yani ziyaretçinin
web tarayicisi tarafindan yorumlanir ve yaptirilmak istenen
islemler gerçeklesir. Ama bu islemlerin gerçeklesmesi için
mutlaka bir olay gereklidir. (Örnegin, sayfanin
açilmasi-kapanmasi, ziyaretçinin sayfada herhangi bir yeri
tiklamasi veya klavyede herhangi bir tusa basmasi gibi...)
Java Script kodlarini web sayfasi içerisinde 2 sekilde
tanimlayabiliriz;
1. HTML kodlari içerisinde ********>....</SCRIPT> etiketleri arasinda
yazarak,
********> <!-- JavaScript kodlari --> </script>
2. Düz yazi formunda ve .js uzantisi ile farkli bir dosya
olusturup, bu dosyaya HTML içerisinde link vererek.
******** LANGUAGE="javaScript" src="inc/navbar.js"> </SCRIPT>
JAVA APPLET
Java (yani Java Applet), Sun Microsystems tarafindan gelistirilmis
nesneye yönelik programlama dilidir ve isletim sistemlerinden
bagimsiz olarak çalisir. HTML'nin bir parçasi olamaz. Etiketi
<applet>...</applet> seklindedir. Java Applet hazirlayabilmeniz için
Sun firmasinin ücretsiz olarak dagittigi JDK (Java Development
Kit - Java Gelistirme Ortami) programini download etmeniz
gerekmektedir.
<APPLET code=hotbutton.class height=20 width=122>
<PARAM NAME="clip" VALUE="">
<PARAM NAME="activeshadow" VALUE="fff9e3">
<PARAM NAME="shadowcolor" VALUE="ffedaf">
<PARAM NAME="align" VALUE="icon">
</APPLET>
CSS
CSS (Cascading Style Sheets), Bir HTML dökümanindaki HTML
takilarinin sitillerini belirleyen tekniktir.
CSS kodlarini web sayfasi içerisinde 3 sekilde tanimlayabiliriz;
HTML takilarinin sitillerini, takilarin içinde(Local)
<h1 style= font-family:Verdana,Arial> CSS ögreniyorum </h1>
Sayfanin basinda "" takilari arasinda (Global)
********* h1.buyukyazilar {font-family:verdana; color:yellow}
h1.digerleri {font-family:arial; color:black} h2 {font-family:verdana;
colorink} </style>
Link olarak baska bir dosyadan alarak
<link rel="stylesheet" type="text/css" href="sitillerim.css">
CSS Ögrenmenin avantajlari:
CSS, HTML takilarina, HTML ile yapilamayacak fakat isinizi
kolaylastiracak bir çok özellik katabilir. Örnegin; hemen hemen
tüm web sayfalarinda gördügünüz degisik link sitilleri, CSS
kullanilarak yapilmistir. CSS ile sayfalarinizi daha hizli
hale getirebilir ve dosyanin yükünü hafifletebilirsiniz.
Sayfalariniz için hazirlayacaginiz bir CSS dosyasini
kullanarak tüm sayfalariniza ayni özellikleri verebilir,
dolayisiyla hiz ve tutarlilik saglamis olursunuz. Tabiki CSS'in
yapabilecekleri bunlarla sinirli degildir. CSS ögrenilmesindeki
kolayligin aksine kapasitesi büyük bir dildir.
Flash
Flash, Macromedia tarafindan gelistirilmis Internet'te etkilesimli
vektörel grafik ve animasyon hazirlanmasinda kullanilan bir
standarttir. Web tasarimcilari Flash'i çekici,
ölçümlendirilebilir, çok az yer kaplayan gezinilebilir yüzeyler,
teknik canlandirmalar, uzun süreli animasyonlar ve diger
sasirtici efektleri yapmak amaciyla kullanirlar.
Kullanim Alanlari:
Flash ile en küçük reklam pankartindan (banner), en karmasik
animasyonun yapilmasi, hatta bütün bir web sitesinin
olusturulmasi mümkündür. Interaktif CD'lerin hazirlanmasi,
oyunlar, veritabani uygulamalari, PHP ve XML gibi birçok dil ile
kullanilabilme, Flash'in ileri düzey maharetleri arasinda
sayilabilir.
Flash ile ses ile biteslemler (bitmap) birlestirilebilir. Yani bir
dosyanin içine müzik yada ses efekti rahatlikla gömebiliriz. Bu
bize etkilesim daha üst seviyelere çekebilme sansini verir.
Flash içerisinde bulunan bütün görüntü, ses, text elemanlari
flash'a özgü bazi sikistirma teknikleri sayesinde çok küçük
boyutlara sikistirilabilir. Bu sikistirma oranlari program
içerisinden kalitelerini degistirmek suretiyle ayarlanabilir.
Böylece örnegin 1 birim tutan bir ses/görüntü dosyasi 0.1 ile
0.9 arasinda boyutlarda son kullaniciya ulastirilabilir.
Macromedia Flash programi, macromedia'nin
http://www.macromedia.com
adresinden deneme amaçli olarak indirilebilir. Bunun disinda tam
kullanim için belirli bir ücret karsiliginda macromedia'dan
yada temsilciliklerinden temin edilebilir.
Püf Noktalar
Tasarimin en önemli unsurlarindan biri tablolardir. Tablolari
amaciniza uygun sekilde sayfaya yerlestirdiginizde sayfaniz,
görsel açidan daha üstün bir tasarima sahip olacaktir. Çünkü
hizalama, uygun yere uygun resmi yerlestirme gibi seyler kod yazarak
çok uzun sürebilir. Ama tablolar ile bu problemi asabilirsiniz.
Dikkat edilmesi gereken en önemli seylerden biri de resim
kullanimi. Sayfalarinizda mümkün oldugunca az resim kullanin.
Sayet resim kullanirsaniz, boyutlari minimum, kaliteyi optimum
düzeyde tutmaya özen gösterin. Çünkü Türkiye de internetin
hizi malum. Teorik hizi 44.000 kb 'i geçmeyen ziyaretçi,
sayfanizin açilmasini dakikalarca bekleyemeyebiliyor. Sayfalarin
da daha çabuk açilmasi için akla gelen ilk sey de resimler
oluyor. Eger ki resimden baska Java Applet vs. varsa önceligi
bunlara verin.
Internet üzerinde en çok kullanilan browser'lar IE ve Netscape
Navigator ve Firefox dur. Büyük çogunlukla da IE kullanilir.
Sitenizin yapim asamasinda farkli browserlarda sitenizin nasil
göründügünü test etmeniz gerekebilmektedir. Çünkü bazi
tag'ler farkli browserlarda ayni etkiyi yaratamayabilmektedir. Bunun
da çabuk fark edilmesi, sizi emek, zaman ve kaynak kaybindan
kurtarabilir.
Sayfalarinizi, farkli ekran çözünürlüklerinde test edin.
Optimum çözünürlükte karar kildiginizda sayfalari bu ekran
çözünürlügünde tasarlayin. Bunu yapmanizdaki sebep sudur: Her
kullanici sizinle ayni ekran çözünürlügünü kullanmayabilir.
Sizin 800*600 çözünürlükte yaptiginiz site, browser'inizda
gayet güzel görünebilirken, 640*480 kullanan ziyaretçinin
bilgisayarinda daginik ve biçimsiz görünebilir
Tamamini okumaniz önerilir...
Neden Web Siteniz Olmali?
*Bir Web sayfasi sadece onu incelemek isteyen "hedef kitleye"
ulasir.
*Web sayfalari olusturmak için tek masrafiniz telefon hat ücreti
olacaktir.
*Web sayfalari hazirlarken hayal gücünüzü olabilidigince
kullanabilirsiniz.
*Web sayfalari kolayca düzeltilip tekrar yayinlanabilir.
*Sayfalariniz zamaninda etkisiyle yeniliklere ugrayacaktir.
*Web sayfalariniz 24 saat boyunca tüm dünyaya açik olacak ve
internet kullanicilarina "etkilesimli" bir hizmet verecektir.
*Web sayfalarini kullanicilarin fikirlerini ve beklentilerini
ögrenmek için derleyebilirsiniz.
*Web sayfalarinin kaderi diger medyalar gibi çöp kutusunda
sonlanmaz.
Web Editörleri ve Incelemeleri
Herseyden önce size gerekecek olan program, kullanicilarin
izleyecegi Web sayfalarinizi hazirlayacaginiz bir programdir.
Bu tip programlar ile site içinde yer almasini istediginiz
resimleri, yazilari ve baglantilari istediginiz biçimde bir Web
Browser'i tarafindan izlenecek sekilde tasarlayarak biraraya
getirebilirsiniz. Bunun için önünüzde Allaire Homesite,Microsoft
Frontpage, Netscape Composer, Adobe PageMill, Macromedia DreamWeaver,
HotDog Pro gibi birçok program alternatifi bulunuyor.
Bir Düzenleyici Hangi Özellikleri Desteklemeli
Kolay Kullanim
Site yönetimi ve dosyalarin sunucuya kolayca aktarilmasi
HTML disinda da farkli dosya tiplerini taniyabilme
Renkli kodlama
Iyi bir dokümantasyon
Sablonlama ve proje destegi
Özellestirebilme
CSS destegi
Bazi Düzenleyicilerin Incelemeleri
Microsoft Frontpage 2000:
Microsoft firmasinin, kendi ürünü olan Word'e benzerligiyle
dikkat çeken, bu nedenlede birçok kullaniciya kullanimi kolay
gelen düzenleyicisidir.
Artilari: Frontpage en basta kullanmasi ve ögrenmesi kolay bir
düzenleyicidir.Ayrica Microsoft'un ISS Web sunucusuyla tümlesmesi
çok iyidir.Frontpage görsel arabilimi (tam olmasada WYSIWYG
denebilir) sayesinde hiçbir HTML kodu yazmadan Web siteleri
olusturabilmeyi saglar.
Eksileri: Frontpage, önceden sizin düzenlemis olabileceginiz
kodlari, tekrardan düzenlemekte çok israrcidir.Bu nedenle sayfa
kodlarina elle müdahale etseniz bile, bir sonraki açisinizda bu
ince ayarlarin silinme olasiligi yüksektir.
Allaire Homesite:
Piyasadaki en iyi HTML kod düzenleyicisi.
Artilari: En gelismis özellestirebilme seçenekleri.Bir kod
düzenleyicisi olsa da, sistemde IE4+ yüklüyse, sinirli miktarda
görsel tasarima izin vermektedir.Bütünlesik FTP istemcisi,
sablonlama destegi, siteleri projeler altinda gruplandirma sistemi,
yazim kontrolü, Perl-PHP-ASP-VBScript-Java-CSS- SMIL-ColdFusion gibi
dilleri otomatik tanima, Dreamweaver'la bütünlesme, istenen
sekilde kodu girintileyebilme, çok iyi bir dokümantasyon,
Homesite'la tümlesik çalisan bir sürümüyle gelmesi.
Eksileri: WYSIWYG düzenleyiler arayan kisiler için tam anlamiyla
uygun olmamasi, Windows 9x'de bellek kaçirmasi ve maalesef sadece
Windows'ta çalismasi.
Macromedia Dreamweaver:
Homesite'in HTML kodu alanindaki liderligini, WYSIWYG
düzenleyiciler alaninda paylasan program
Artilari: Dreamweaver'in ilk göze çarpan özelligi, görsel
düzenleyiciler arasinda en iyi tablolama destegini sunmasidir.HTML
koduna fazla müdahale etmemesi, bloklarin kolayca seçilebilmesi,
seçilen etiketlerin nerdeyse tüm özelliklerinin kolayca
ayarlanabilmesi, tümlesik FTP istemcisi ve site yönetimi,çok iyi
DHTML ve Frame destegi, Internet üzerinden de yüklenebilen
etiketlerle genisletilebilmesi, tablolari katmanlara, katmanlari
tablolara çevirebilmesi, rehber resim destegi, Homesite'la
bütünlesme.
Eksileri: Homesite kadar iyi bir dogrudan HTML kodu yazimi olmamasi
ve maalesef sadece Windows ve MacOs'da çalismasi.
HotDog Pro:
Birkaç yil öncesine kadar görsel olmayan düzenleyiciler
piyasasinda Homesite'la basabas giden bu program, yeni
sürümlerinin sik sik göçmesi, firmanin yanlis taktikler
izlemesi gibi nedenlerle popülerligini yitirmistir.
Artilari: Birçok özellestirebilme seçenegi, tablo ve
frame'lerin yaratilmasinda kullanilabilen sihirbazlar,
tümlestirilebilentarayici destegi, site yönetimi, ftp istemcisi,
renkli kodlama.
Eksileri: Sik sik göçmesi, zayif dokümantasyon ve çalismayi
engelleyici ses efektleri
Web Sayfalarinin Tasarlanmasi
Yukarida incelemesini yaptigimiz birçok web editörü size HTML
dilini bilmeden, HTML kodlarini kullanarak web sitesi yapma imkani
veriyor.Bu tip editörler sitenizde yaptiginiz her adimi,
otomatikman HTML koduna çeviriyor.
Peki o zaman neden HTML ögrenmelisiniz?HTML ögrenmelisiniz
çünkü:
En basit neden; eger iyi bir webmaster olmak istiyorsaniz, ve HTML
bilmeden sadece bu tür programlari kullanmayi düsünüyorsaniz,
muhtemelen programin verdigi, programdan kaynaklanan en küçük bir
hatada eliniz kolunuz bagli kalacaktir.
Lisans gerektiren programlar: Birçok kaliteli "HTML çevirici"
programini kullanmak için, o programin lisansina sahip olmaniz
gerekir. Ve bu da genelde büyük paralar gerektirir.
HTML Nedir?
HTML, Hyper Text Mark-up Language'in kisaltilmisidir. Türkçe
karsiligi Hiper Metin Isaretleme Dili'dir. Browserlar
tarafindan taninip yorumlanabilen metin tabanli bir dildir ve
metnin browser tarafindan yorumlanmasi sonucu da web sayfalari elde
edilir. Yazdiginiz kodlarin browser tarafindan alinip
yorumlanabilmesi için, dosyalarinizin uzantisinin ".htm" veya
".html" olmasi gerekir.
HTML de her isaretleme dilindeki gibi komutlardan olusur, bu
komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden farkli
olduklari browser tarafindan anlasilabilsin diye "<" ve ">"
isaretlerinin arasina yazilir. Her tag'in bir baslangici ve
bitisi vardir. Bitis tag'lerinde, "<" isaretinden sonra tag'in
bitis tag'i oldugunu belirtmek için "/" isareti kullanilir. Bir
örnek ile göstermemiz gerekirse;
<P>Bu bir Paragraf tag'idir.</P>
Temel Komutlar:
<HTML></HTML>
Tüm HTML dokümanini içine alan en temel tag'dir ve dokümanin
HTML ile yazildigini browser'a bildirir.
<HEAD></HEAD>
Bu tag'in arasina yazilan her sey, sayfanin tanimini olusturur.
Buna sayfanin basligi da dahildir. Ayrica **** takilari da bu
tag'in arasina yazilir:
<TITLE></TITLE> : Sayfa basligidir. Bu tag'in arasina yazilan
her sey sayfamizin ismi olacak ve baslik çubugunda
görüntülenecektir.
**** Etiketi: Arama motorlarinda iyi bir siralama kapmak için ****
etiketleri içerisine yazdigimiz notlar çok önemlidir.
Örnegin "Afyon Kocatepe Üniversitesi" sitesinin **** etiketleri
söyle olabilir:
****** name="keywords" *********"Afyon Kocatepe
Üniversitesi,AKÜ,AKU,fakülteler,Yüksekokullar,Enst itüler,Akade
mik Takvim, Üniversite, afyon kocatepe university, Turkey,
University,education,campus,Türkiye, academics, students, faculty>
Sayfanizda kullandiginiz Türkçe karakterlerin baska
bilgisayarda bozuk sekillerde görülmemesi için:
****** **********="Content-Type" *********"text/html;
charset=windows-1254">
<BODY></BODY>
Sayfanin browser tarafindan ekrana basilacak tüm kisimlari bu
tag'in arasina yazilir. Ekrana basilacak kismin içine metinler,
resimler, formlar, tablolar vs. girer.
<html>
<head>
<title>Ilk Sayfam</title>
</head>
<body bgcolor="#e3e3e3">
Web sayfama hosgeldiniz
Web sayfama hosgeldiniz
<font face="Lucida Sans Unicode" size="+2" color="#297835">Web sayfama
hosgeldiniz</font>
Web sayfama hosgeldiniz
Web sayfama hosgeldiniz
<center><font face="Verdana" size="+2" color="#765678">Web sayfama
hosgeldiniz</font></center>
</body>
</html>
Sonuç:
Web Grafiklerinin Hazirlanmasi
Zor olan islem, sayfalarin içine içerigin yerlestirilmesi degil,
bu içerigin hazirlanmasidir.
Tahmin edebileceginiz gibi, sayfalarda yer alan grafikler metinlerden
daha da zor hazirlanirlar.
Çünkü sayfada yer alacak renkler ve grafik tasarimlari sitenin
genel çizgisini belirleyecegi için, özenle ve uyumlu bir sekilde
hazirlanmalidir.
Bu tip programlar ile hazirlanacak site grafiklerinde görselligin
yaninda dikkat edilecek bir baska unsur da grafik dosyalarinin
boyutlarinin küçük olmasidir.
Çünkü ne kadar fazla grafik kullanilirsa, site o kadar yavas
açilacaktir ve bir site ne kadar görsel olursa olsun, eger yavas
açiliyorsa pek de cazip olmayacaktir.
Bu tür çesitli grafikleri tasarlamak için kullanabileceginiz
yegane program Photoshop'dur.
Ancak ücretli ve profesyonel bir program olan Photoshop'un yerine buna
çok yakin olan tamamen bedava olarak dagitilan Paint Shop Pro
adli Shareware programi da kullanabilirsiniz.
Bu ve buna benzer programlar ile rahatlikla arka fonlar, Web
tuslari, basliklar ve Banner'lar gibi sabit Web grafiklerini
olusturabilirsiniz.
Sayfalarin Web Alanina Gönderilmesi
Grafikleri tasarladiniz ve metinleri hazirladiniz. Bunlari bir
Web tasarim programi ile Web sayfasi haline getirdikten sonra
hazirlamis oldugunuz Web sayfalarini kullanicilara
ulastirabilmeniz için bunlari yerlestireceginiz Internet
üzerinde bir disk alanina yani Web alanina ihtiyaciniz olacaktir.
Bu islem için en iyi çözüm yine Internet üzerinde size bedava
sabitdisk alani (host) saglayan bir sunucu bulup sayfalarinizi
oraya yerlestirmektir.Eger alacagimiz alanin FTP destegi varsa,
yaptigimiz sayfalari CuteFTP gibi FTP programlari ile sunucu
üzerindeki alana gönderebilirsiniz.
Site Alan Miktari Reklam FTP Destagi
www.lycos.co.uk 50 MB Var Var
www.mynet.com 10 MB Var Yok
Freeservers.com 10 MB Yok Yok
Brinkster.com 20 MB Var Var
Ayrica diger ücretsiz hostlari forumda arama yaparak
bulaabilirsiniz... Baslangiç olarak www.lycos.co.uk dan webalani
alabilirsiniz...
Sitenizin Barinacagi Sunucuyu Seçerken Dikkat Etmeniz Gereken
Ayrintilar
Internet üzerinde yasal olmadigi kanitlanmis MP3'ler, emülatör
dosyalari, Crack, Hack, Warez, çalinmis sifreler ve benzeri
içerikle Adult ögelere sitenizde yer vermekten kaçinin.
Seçtiginiz sunucunun teknik özelliklerini mutlaka dikkate alin.
Örnegin Frame yani çerçeveye izin vermeyen bazi sunucular, iki ya
da daha fazla parçadan olusmus site tasariminizi tam anlamiyla
sunamayacaklardir.
Bunun yaninda her sunucu çok serbest bir sekilde CGI, Perl gibi
dillerin kullanilmasina izin vermeyebilir.
Unutulmamasi gereken fazla disk alani her zaman en iyi sey
degildir. Sinirsiz bir alanda hiçbir özellik desteklenmeyecegi
gibi, 3MB'lik bir alan saglayan sunucu, buna karsilik Frame'den
CGI dilllerine kadar her seyi destekleyebilir.
Web Tasarimini Destekleyici Programlar
PHP
ASP
JAVA SCRIPT
JAVA APPLET
CSS
FLASH
PHP (Personal Home Page)
Html 'nin gelistirilmesinin çok eski zamanlara dayanmasindan
midir? yoksa o zaman ki sartlarla düsünülmedigi için midir?
bilinmez ama html bazi yönden eksik bir dildir. Iste bu
eksikliklerin anlasildigi dönemlerde, herkesin anlayabilecegi ve
kisa sürede ögrenilebilecegi bir dil yaratma çabasinda olan
Rasmus Lerdorf tarafindan düsünülmüs ve Perl dilinden
esinlenilerek yapilmaya baslanmis bir dildir Php.
Php 'nin yaptigini kisaca anlatmak gerekirse; Web sayfasi
isteminde bulunan kullanicilara, istenilen dosya içerisinde Php ile
ilgili satirlari isleyerek dosya içerigini kullanicinin Browser
' inin anliyabilecegi html formatinda sunan bir programlama
dilidir diyebiliriz. Bu genel anlamda Server-Side ( Server-Tarafli )
Dil olarak anilir.
Php 'yi rakiplerinden ayiran özellikler?
En yakin rakibi ASP ile performans ve fiyat açisindan açik
farklilar vardir.
Fiyat konusu haricinde ( Php ücretsiz dagitilmaktadir. ) ASP
kullanicilarinin kabul etmedikleri sey hiz faktörüdür. Belkide
en çok tartisilan bu konu hakkinda en basit karsilastirma; PHP
+ MySql ve ASP + MSSQL oranlarinda çikmaktadir. Elde edilen
verilere göre 5000 satirlik bir bilgiyi database' e; ayni makina
üzerinde Php ve MySql 3 ( Üç ) saniyede girerken, ASP + MSSQL 28
saniyede girmektedir.
Php 'nin açik kaynak kodlu olusu, hatalarin veya yeni özelliklerin
güncellenmesi/eklenmesi gibi olaylarda büyük avantajlar
saglamaktadir.
Kisisel kullanicilar; Php ile web sayfalarinda daha çok
kullanici etkilesimli kodlar kullanmaktadir. Örnek olarak;
Ziyaretçiler için olusturulan, forum, sayaç, anket gibi kodlarda
Php çok ragbet görmektedir.
Peki bu dilin dezavantajlari nelerdir?
Günümüzde büyük sirketlerde internet ve intranet uygulamalarda ,
büyük paya sahip Microsoft firmasi, kendi ürünü olan ASP için
büyük çabalar sarfetmektedir. Yeni teknolojiler ( Özellikle .Net )
ile ASP ye hergün yeni zeminler hazirlamakta ve is istihdami
konusunda ASP yi bir adim öne tasimaktadir. Sunucu fiyatlari
olarak Php 'ye göre yerine göre üç kat daha fazla oranda olmasina
ragmen, büyük sirketler tarafindan tercih edilmektedir.
ASP (Active Server Pages)
Sunucu tarafli bir teknoloji olan ASP, (Active Server Pages/Aktif
Sunucu Sayfalari) kullanici tarafina etkilesimli, dinamik Web
sayfalari göndermek için kullanilir. ASP, Web programcilarina
HTML, scripting ve kullanicidan bagimsiz veritabani
uygulamalarini özgürce kullanma firsati verir. ASP programlama
ortaminin özgür olmasinin sebebi tüm derleme isleminin sunucu
tarafinda bitmesi ve kullanicinin sadece sonuçta olusan HTML
sayfalarini görmesidir.
ASP'nin Kullanim Amaçlari ve Avantajlari
Çok genis bir kullanim alani olan ASP, scripting diye tabir edilen
VBScript, JavaScript gibi her türlü ham kodu kullanabilir, sundugu
kolay anlasilir dogal dili ile orta derece HTML bilen kimseler
tarafindan bile kolayca kavranabilir.
ASP'nin Netscape Navigator / Internet Explorer /Opera gibi Web
tarayicilarindan bagimsiz olmasinin yanisira en büyük
avantajlarindan biri kullandiginiz teknolojilerin, scriptlerin
sakli kalmasidir.
ASP ile hazirlanan projeler kaynaklarin yönetimi, kontrolü ve
uzaktan sistem yönetimine imkan verir. Sirketler arasi bilgi
paylasimi için ideal bir ortam olusturur.
JAVA SCRIPT
Java Script Netscape tarafindan gelistirilmis bir script dilidir.
Düz yazi formundadir. Browserlara baglidir ve yorumlanir.
HTML'nin içine gömülür. Etiketi ********>...</script>
seklindedir.Java Script; etkilesimli web sayfasi yapiminda
HTML'nin yetersiz kalmasi nedeniyle C/C++ dilleri baz alinarak
gelistirilen, "düz yazi" formunda bir script (komutlar dizisi)
dilidir. Java Script kodlari herhangi bir metin editörü (Win 95/98
Not defteri vb.) ile düz yazi formunda yazilabilir. Bu sekilde
yazilmis Java Script kodlari istemci tarafinda, yani ziyaretçinin
web tarayicisi tarafindan yorumlanir ve yaptirilmak istenen
islemler gerçeklesir. Ama bu islemlerin gerçeklesmesi için
mutlaka bir olay gereklidir. (Örnegin, sayfanin
açilmasi-kapanmasi, ziyaretçinin sayfada herhangi bir yeri
tiklamasi veya klavyede herhangi bir tusa basmasi gibi...)
Java Script kodlarini web sayfasi içerisinde 2 sekilde
tanimlayabiliriz;
1. HTML kodlari içerisinde ********>....</SCRIPT> etiketleri arasinda
yazarak,
********> <!-- JavaScript kodlari --> </script>
2. Düz yazi formunda ve .js uzantisi ile farkli bir dosya
olusturup, bu dosyaya HTML içerisinde link vererek.
******** LANGUAGE="javaScript" src="inc/navbar.js"> </SCRIPT>
JAVA APPLET
Java (yani Java Applet), Sun Microsystems tarafindan gelistirilmis
nesneye yönelik programlama dilidir ve isletim sistemlerinden
bagimsiz olarak çalisir. HTML'nin bir parçasi olamaz. Etiketi
<applet>...</applet> seklindedir. Java Applet hazirlayabilmeniz için
Sun firmasinin ücretsiz olarak dagittigi JDK (Java Development
Kit - Java Gelistirme Ortami) programini download etmeniz
gerekmektedir.
<APPLET code=hotbutton.class height=20 width=122>
<PARAM NAME="clip" VALUE="">
<PARAM NAME="activeshadow" VALUE="fff9e3">
<PARAM NAME="shadowcolor" VALUE="ffedaf">
<PARAM NAME="align" VALUE="icon">
</APPLET>
CSS
CSS (Cascading Style Sheets), Bir HTML dökümanindaki HTML
takilarinin sitillerini belirleyen tekniktir.
CSS kodlarini web sayfasi içerisinde 3 sekilde tanimlayabiliriz;
HTML takilarinin sitillerini, takilarin içinde(Local)
<h1 style= font-family:Verdana,Arial> CSS ögreniyorum </h1>
Sayfanin basinda "" takilari arasinda (Global)
********* h1.buyukyazilar {font-family:verdana; color:yellow}
h1.digerleri {font-family:arial; color:black} h2 {font-family:verdana;
colorink} </style>
Link olarak baska bir dosyadan alarak
<link rel="stylesheet" type="text/css" href="sitillerim.css">
CSS Ögrenmenin avantajlari:
CSS, HTML takilarina, HTML ile yapilamayacak fakat isinizi
kolaylastiracak bir çok özellik katabilir. Örnegin; hemen hemen
tüm web sayfalarinda gördügünüz degisik link sitilleri, CSS
kullanilarak yapilmistir. CSS ile sayfalarinizi daha hizli
hale getirebilir ve dosyanin yükünü hafifletebilirsiniz.
Sayfalariniz için hazirlayacaginiz bir CSS dosyasini
kullanarak tüm sayfalariniza ayni özellikleri verebilir,
dolayisiyla hiz ve tutarlilik saglamis olursunuz. Tabiki CSS'in
yapabilecekleri bunlarla sinirli degildir. CSS ögrenilmesindeki
kolayligin aksine kapasitesi büyük bir dildir.
Flash
Flash, Macromedia tarafindan gelistirilmis Internet'te etkilesimli
vektörel grafik ve animasyon hazirlanmasinda kullanilan bir
standarttir. Web tasarimcilari Flash'i çekici,
ölçümlendirilebilir, çok az yer kaplayan gezinilebilir yüzeyler,
teknik canlandirmalar, uzun süreli animasyonlar ve diger
sasirtici efektleri yapmak amaciyla kullanirlar.
Kullanim Alanlari:
Flash ile en küçük reklam pankartindan (banner), en karmasik
animasyonun yapilmasi, hatta bütün bir web sitesinin
olusturulmasi mümkündür. Interaktif CD'lerin hazirlanmasi,
oyunlar, veritabani uygulamalari, PHP ve XML gibi birçok dil ile
kullanilabilme, Flash'in ileri düzey maharetleri arasinda
sayilabilir.
Flash ile ses ile biteslemler (bitmap) birlestirilebilir. Yani bir
dosyanin içine müzik yada ses efekti rahatlikla gömebiliriz. Bu
bize etkilesim daha üst seviyelere çekebilme sansini verir.
Flash içerisinde bulunan bütün görüntü, ses, text elemanlari
flash'a özgü bazi sikistirma teknikleri sayesinde çok küçük
boyutlara sikistirilabilir. Bu sikistirma oranlari program
içerisinden kalitelerini degistirmek suretiyle ayarlanabilir.
Böylece örnegin 1 birim tutan bir ses/görüntü dosyasi 0.1 ile
0.9 arasinda boyutlarda son kullaniciya ulastirilabilir.
Macromedia Flash programi, macromedia'nin
http://www.macromedia.com
adresinden deneme amaçli olarak indirilebilir. Bunun disinda tam
kullanim için belirli bir ücret karsiliginda macromedia'dan
yada temsilciliklerinden temin edilebilir.
Püf Noktalar
Tasarimin en önemli unsurlarindan biri tablolardir. Tablolari
amaciniza uygun sekilde sayfaya yerlestirdiginizde sayfaniz,
görsel açidan daha üstün bir tasarima sahip olacaktir. Çünkü
hizalama, uygun yere uygun resmi yerlestirme gibi seyler kod yazarak
çok uzun sürebilir. Ama tablolar ile bu problemi asabilirsiniz.
Dikkat edilmesi gereken en önemli seylerden biri de resim
kullanimi. Sayfalarinizda mümkün oldugunca az resim kullanin.
Sayet resim kullanirsaniz, boyutlari minimum, kaliteyi optimum
düzeyde tutmaya özen gösterin. Çünkü Türkiye de internetin
hizi malum. Teorik hizi 44.000 kb 'i geçmeyen ziyaretçi,
sayfanizin açilmasini dakikalarca bekleyemeyebiliyor. Sayfalarin
da daha çabuk açilmasi için akla gelen ilk sey de resimler
oluyor. Eger ki resimden baska Java Applet vs. varsa önceligi
bunlara verin.
Internet üzerinde en çok kullanilan browser'lar IE ve Netscape
Navigator ve Firefox dur. Büyük çogunlukla da IE kullanilir.
Sitenizin yapim asamasinda farkli browserlarda sitenizin nasil
göründügünü test etmeniz gerekebilmektedir. Çünkü bazi
tag'ler farkli browserlarda ayni etkiyi yaratamayabilmektedir. Bunun
da çabuk fark edilmesi, sizi emek, zaman ve kaynak kaybindan
kurtarabilir.
Sayfalarinizi, farkli ekran çözünürlüklerinde test edin.
Optimum çözünürlükte karar kildiginizda sayfalari bu ekran
çözünürlügünde tasarlayin. Bunu yapmanizdaki sebep sudur: Her
kullanici sizinle ayni ekran çözünürlügünü kullanmayabilir.
Sizin 800*600 çözünürlükte yaptiginiz site, browser'inizda
gayet güzel görünebilirken, 640*480 kullanan ziyaretçinin
bilgisayarinda daginik ve biçimsiz görünebilir
