Webtasar?m a ba?lang?ç için rehber,yeniler için kaynakt?r... Tamam?n? okuman?z önerilir...

Neden Web Siteniz Olmal??

*Bir Web sayfas? sadece onu incelemek isteyen “hedef kitleye” ula??r.
*Web sayfalar? olu?turmak için tek masraf?n?z telefon hat ücreti olacakt?r.
*Web sayfalar? haz?rlarken hayal gücünüzü olabilidi?ince kullanabilirsiniz.
*Web sayfalar? kolayca düzeltilip tekrar yay?nlanabilir.
*Sayfalar?n?z zaman?nda etkisiyle yeniliklere u?rayacakt?r.
*Web sayfalar?n?z 24 saat boyuncaca tüm dünyaya aç?k olacak ve internet kullan?c?lar?na “etkile?imli” bir hizmet verecektir.
*Web sayfalar?n? kullan?c?lar?n fikirlerini ve beklentilerini ö?renmek için derleyebilirsiniz.
*Web sayfalar?n?n kaderi di?er medyalar gibi çöp kutusunda sonlanmaz.

Web Editörleri ve ?ncelemeleri

Her?eyden önce size gerekecek olan program, kullan?c?lar?n izleyece?i Web sayfalar?n?z? haz?rlayaca??n?z bir programd?r. Bu tip programlar ile site içinde yer almas?n? istedi?iniz resimleri, yaz?lar? ve ba?lant?lar? istedi?iniz biçimde bir Web Browser'? taraf?ndan izlenecek ?ekilde 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 Kullan?m
Site yönetimi ve dosyalar?n sunucuya kolayca aktar?lmas?
HTML d???nda da farkl? dosya tiplerini tan?yabilme
Renkli kodlama
?yi bir dokümantasyon
?ablonlama ve proje deste?i
Özelle?tirebilme
CSS deste?i

Baz? Düzenleyicilerin ?ncelemeleri

Microsoft Frontpage 2000:

Microsoft firmas?n?n, kendi ürünü olan Word’e benzerli?iyle dikkat çeken, bu nedenlede birçok kullan?c?ya kullan?m? kolay gelen düzenleyicisidir.

Art?lar?: Frontpage en ba?ta kullanmas? ve ö?renmesi kolay bir düzenleyicidir.Ayr?ca Microsoft’un ISS Web sunucusuyla tümle?mesi çok iyidir.Frontpage görsel arabilimi (tam olmasada WYSIWYG denebilir) sayesinde hiçbir HTML kodu yazmadan Web siteleri olu?turabilmeyi sa?lar.

Eksileri: Frontpage, önceden sizin düzenlemi? olabilece?iniz kodlar?, tekrardan düzenlemekte çok ?srarc?d?r.Bu nedenle sayfa kodlar?na elle müdahale etseniz bile, bir sonraki aç???n?zda bu ince ayarlar?n silinme olas?l??? yüksektir.

Allaire Homesite:

Piyasadaki en iyi HTML kod düzenleyicisi.

Art?lar?: En geli?mi? özelle?tirebilme seçenekleri.Bir kod düzenleyicisi olsa da, sistemde IE4+ yüklüyse, s?n?rl? miktarda görsel tasar?ma izin vermektedir.Bütünle?ik FTP istemcisi, ?ablonlama deste?i, siteleri projeler alt?nda grupland?rma sistemi, yaz?m kontrolü, Perl-PHp-ASP-VBScript-Java-CSS- SMIL-ColdFusion gibi dilleri otomatik tan?ma, Dreamweaver’la bütünle?me, istenen ?ekilde kodu girintileyebilme, çok iyi bir dokümantasyon, Homesite’la tümle?ik çal??an bir sürümüyle gelmesi.

Eksileri: WYSIWYG düzenleyiler arayan ki?iler için tam anlam?yla uygun olmamas?, Windows 9x’de bellek kaç?rmas? ve maalesef sadece Windows’ta çal??mas?.

Macromedia Dreamweaver:

Homesite’?n HTML kodu alan?ndaki liderli?ini, WYSIWYG düzenleyiciler alan?nda payla?an program

Art?lar?: Dreamweaver’?n ilk göze çarpan özelli?i, görsel düzenleyiciler aras?nda en iyi tablolama deste?ini sunmas?d?r.HTML koduna fazla müdahale etmemesi, bloklar?n kolayca seçilebilmesi, seçilen etiketlerin nerdeyse tüm özelliklerinin kolayca ayarlanabilmesi, tümle?ik FTP istemcisi ve site yönetimi,çok iyi DHTML ve Frame deste?i, Internet üzerinden de yüklenebilen etiketlerle geni?letilebilmesi, tablolar? katmanlara, katmanlar? tablolara çevirebilmesi, rehber resim deste?i, Homesite’la bütünle?me.

Eksileri: Homesite kadar iyi bir do?rudan HTML kodu yaz?m? olmamas? ve maalesef sadece Windows ve MacOs’da çal??mas?.

HotDog Pro:

Birkaç y?l öncesine kadar görsel olmayan düzenleyiciler piyasas?nda Homesite’la ba?aba? giden bu program, yeni sürümlerinin s?k s?k göçmesi, firman?n yanl?? taktikler izlemesi gibi nedenlerle popülerli?ini yitirmi?tir.

Art?lar?: Birçok özelle?tirebilme seçene?i, tablo ve frame’lerin yarat?lmas?nda kullan?labilen sihirbazlar, tümle?tirilebilentaray?c? deste?i, site yönetimi, ftp istemcisi, renkli kodlama.

Eksileri: S?k s?k göçmesi, zay?f dokümantasyon ve çal??may? engelleyici ses efektleri

Web Sayfalar?n?n Tasarlanmas?

Yukar?da incelemesini yapt???m?z birçok web editörü size HTML dilini bilmeden, HTML kodlar?n? kullanarak web sitesi yapma imkan? veriyor.Bu tip editörler sitenizde yapt???n?z her ad?m?, otomatikman HTML koduna çeviriyor.
Peki o zaman neden HTML ö?renmelisiniz?HTML ö?renmelisiniz çünkü:
En basit neden; e?er iyi bir webmaster olmak istiyorsan?z, ve HTML bilmeden sadece bu tür programlar? kullanmay? dü?ünüyorsan?z, muhtemelen program?n verdi?i, programdan kaynaklanan en küçük bir hatada eliniz kolunuz ba?l? kalacakt?r.
Lisans gerektiren programlar: Birçok kaliteli "HTML çevirici" program?n? kullanmak için, o program?n lisans?na sahip olman?z gerekir. Ve bu da genelde büyük paralar gerektirir.

HTML Nedir?

HTML, Hyper Text Mark-up Language'?n k?salt?lm???d?r. Türkçe kar??l??? Hiper Metin ??aretleme Dili'dir. Browserlar taraf?ndan tan?n?p yorumlanabilen metin tabanl? bir dildir ve metnin browser taraf?ndan yorumlanmas? sonucu da web sayfalar? elde edilir. Yazd???n?z kodlar?n browser taraf?ndan al?n?p yorumlanabilmesi için, dosyalar?n?z?n uzant?s?n?n ".htm" veya ".html" olmas? gerekir.
HTML de her i?aretleme dilindeki gibi komutlardan olu?ur, bu komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden farkl? olduklar? browser taraf?ndan anla??labilsin diye "<" ve ">" i?aretlerinin aras?na yaz?l?r. Her tag'in bir ba?lang?c? ve biti?i vard?r. Biti? tag'lerinde, "<" i?aretinden sonra tag'in biti? tag'i oldu?unu belirtmek için "/" i?areti kullan?l?r. Bir örnek ile göstermemiz gerekirse;

<P>Bu bir Paragraf tag'idir.</P>

Temel Komutlar:

<HTML></HTML>
Tüm HTML doküman?n? içine alan en temel tag'dir ve doküman?n HTML ile yaz?ld???n? browser'a bildirir.
<HEAD></HEAD>
Bu tag'in aras?na yaz?lan her ?ey, sayfan?n tan?m?n? olu?turur. Buna sayfan?n ba?l??? da dahildir. Ayr?ca meta tak?lar? da bu tag'in aras?na yaz?l?r:

<TITLE></TITLE> : Sayfa ba?l???d?r. Bu tag'in aras?na yaz?lan her ?ey sayfam?z?n ismi olacak ve ba?l?k çubu?unda görüntülenecektir.

META Etiketi: Arama motorlar?nda iyi bir s?ralama kapmak için meta etiketleri içerisine yazd???m?z notlar çok önemlidir.

Örne?in “Afyon Kocatepe Üniversitesi” sitesinin Meta etiketleri ?öyle olabilir:
<META name=“keywords” content=“Afyon Kocatepe Üniversitesi,AKÜ,AKU,fakülteler,Yüksekokullar,Enstitüler,Akade
mik Takvim, Üniversite, afyon kocatepe university, Turkey, University,education,campus,Türkiye, academics, students, faculty>

Sayfan?zda kulland???n?z Türkçe karakterlerin ba?ka bilgisayarda bozuk ?ekillerde görülmemesi için:
<meta http-equiv=“Content-Type” content=“text/html; charset=windows-1254”>

<BODY></BODY>
Sayfan?n browser taraf?ndan ekrana bas?lacak tüm k?s?mlar? bu tag'in aras?na yaz?l?r. Ekrana bas?lacak k?sm?n içine metinler, resimler, formlar, tablolar vs. girer.

<html>
<head>
<title>?lk Sayfam</title>
</head>
<body bgcolor="#e3e3e3">
<b>Web sayfama ho?geldiniz</b><br>
<i>Web sayfama ho?geldiniz</i><br>
<font face="Lucida Sans Unicode" size="+2" color="#297835">Web sayfama ho?geldiniz</font><br>
<u>Web sayfama ho?geldiniz</u><br>
<b><u><i>Web sayfama ho?geldiniz</i></u></b>
<center><font face="Verdana" size="+2" color="#765678">Web sayfama ho?geldiniz</font></center><br>
</body>
</html>

Sonuç:

Web Grafiklerinin Haz?rlanmas?

Zor olan i?lem, sayfalar?n içine içeri?in yerle?tirilmesi de?il, bu içeri?in haz?rlanmas?d?r.
Tahmin edebilece?iniz gibi, sayfalarda yer alan grafikler metinlerden daha da zor haz?rlan?rlar.
Çünkü sayfada yer alacak renkler ve grafik tasar?mlar? sitenin genel çizgisini belirleyece?i için, özenle ve uyumlu bir ?ekilde haz?rlanmal?d?r.

Bu tip programlar ile haz?rlanacak site grafiklerinde görselli?in yan?nda dikkat edilecek bir ba?ka unsur da grafik dosyalar?n?n boyutlar?n?n küçük olmas?d?r.
Çünkü ne kadar fazla grafik kullan?l?rsa, site o kadar yava? aç?lacakt?r ve bir site ne kadar görsel olursa olsun, e?er yava? aç?l?yorsa pek de cazip olmayacakt?r.

Bu tür çe?itli grafikleri tasarlamak için kullanabilece?iniz yegane program Photoshop'dur.
Ancak ücretli ve profesyonel bir program olan Photoshop'un yerine buna çok yak?n olan tamamen bedava olarak da??t?lan Paint Shop Pro adl? Shareware program? da kullanabilirsiniz.

Bu ve buna benzer programlar ile rahatl?kla arka fonlar, Web tu?lar?, ba?l?klar ve Banner'lar gibi sabit Web grafiklerini olu?turabilirsiniz.

Sayfalar?n Web Alan?na Gönderilmesi

Grafikleri tasarlad?n?z ve metinleri haz?rlad?n?z. Bunlar? bir Web tasar?m program? ile Web sayfas? haline getirdikten sonra haz?rlam?? oldu?unuz Web sayfalar?n? kullan?c?lara ula?t?rabilmeniz için bunlar? yerle?tirece?iniz Internet üzerinde bir disk alan?na yani Web alan?na ihtiyac?n?z olacakt?r.

Bu i?lem için en iyi çözüm yine Internet üzerinde size bedava sabitdisk alan? (host) sa?layan bir sunucu bulup sayfalar?n?z? oraya yerle?tirmektir.E?er alaca??m?z alan?n FTP deste?i varsa, yapt???m?z sayfalar? CuteFTP gibi FTP programlar? ile sunucu üzerindeki alana gönderebilirsiniz.

Site Alan Miktar? Reklam FTP Desta?i
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

Ayr?ca di?er ücretsiz hostlar? forumda arama yaparak bulaabilirsiniz... Ba?lang?ç olarak www.lycos.co.uk dan webalan? alabilirsiniz...

Sitenizin Bar?naca?? Sunucuyu Seçerken Dikkat Etmeniz Gereken Ayr?nt?lar

Internet üzerinde yasal olmad??? kan?tlanm?? MP3'ler, emülatör dosyalar?, Crack, Hack, Warez, çal?nm?? ?ifreler ve benzeri içerikle Adult ö?elere sitenizde yer vermekten kaç?n?n.

Seçti?iniz sunucunun teknik özelliklerini mutlaka dikkate al?n. Örne?in Frame yani çerçeveye izin vermeyen baz? sunucular, iki ya da daha fazla parçadan olu?mu? site tasar?m?n?z? tam anlam?yla sunamayacaklard?r.

Bunun yan?nda her sunucu çok serbest bir ?ekilde CGI, Perl gibi dillerin kullan?lmas?na izin vermeyebilir.

Unutulmamas? gereken fazla disk alan? her zaman en iyi ?ey de?ildir. S?n?rs?z bir alanda hiçbir özellik desteklenmeyece?i gibi, 3MB'l?k bir alan sa?layan sunucu, buna kar??l?k Frame'den CGI dilllerine kadar her ?eyi destekleyebilir.

Web Tasar?m?n? Destekleyici Programlar

PHP
ASP
JAVA SCRIPT
JAVA APPLET
CSS
FLASH

PHP (Personal Home Page)

Html 'nin geli?tirilmesinin çok eski zamanlara dayanmas?ndan m?d?r? yoksa o zaman ki ?artlarla dü?ünülmedi?i için midir? bilinmez ama html baz? yönden eksik bir dildir. ??te bu eksikliklerin anla??ld??? dönemlerde, herkesin anlayabilece?i ve k?sa sürede ö?renilebilece?i bir dil yaratma çabas?nda olan Rasmus Lerdorf taraf?ndan dü?ünülmü? ve Perl dilinden esinlenilerek yap?lmaya ba?lanm?? bir dildir Php.
Php 'nin yapt???n? k?saca anlatmak gerekirse; Web sayfas? isteminde bulunan kullan?c?lara, istenilen dosya içerisinde Php ile ilgili sat?rlar? i?leyerek dosya içeri?ini kullan?c?n?n Browser ' ?n?n anl?yabilece?i html format?nda sunan bir programlama dilidir diyebiliriz. Bu genel anlamda Server-Side ( Server-Tarafl? ) Dil olarak an?l?r.

Php 'yi rakiplerinden ay?ran özellikler?

En yak?n rakibi ASP ile performans ve fiyat aç?s?ndan aç?k farkl?lar vard?r.
Fiyat konusu haricinde ( Php ücretsiz da??t?lmaktad?r. ) ASP kullan?c?lar?n?n kabul etmedikleri ?ey h?z faktörüdür. Belkide en çok tart???lan bu konu hakk?nda en basit kar??la?t?rma; PHP + MySql ve ASP + MSSQL oranlar?nda ç?kmaktad?r. Elde edilen verilere göre 5000 sat?rl?k bir bilgiyi database’ e; ayn? makina üzerinde Php ve MySql 3 ( Üç ) saniyede girerken, ASP + MSSQL 28 saniyede girmektedir.

Php 'nin aç?k kaynak kodlu olu?u, hatalar?n veya yeni özelliklerin güncellenmesi/eklenmesi gibi olaylarda büyük avantajlar sa?lamaktad?r.
Ki?isel kullan?c?lar; Php ile web sayfalar?nda daha çok kullan?c? etkile?imli kodlar kullanmaktad?r. Örnek olarak; Ziyaretçiler için olu?turulan, forum, sayaç, anket gibi kodlarda Php çok ra?bet görmektedir.

Peki bu dilin dezavantajlar? nelerdir?

Günümüzde büyük ?irketlerde internet ve intranet uygulamalarda , büyük paya sahip Microsoft firmas?, kendi ürünü olan ASP için büyük çabalar sarfetmektedir. Yeni teknolojiler ( Özellikle .Net ) ile ASP ye hergün yeni zeminler haz?rlamakta ve i? istihdam? konusunda ASP yi bir ad?m öne ta??maktad?r. Sunucu fiyatlar? olarak Php 'ye göre yerine göre üç kat daha fazla oranda olmas?na ra?men, büyük ?irketler taraf?ndan tercih edilmektedir.

ASP (Active Server Pages)

Sunucu tarafl? bir teknoloji olan ASP, (Active Server Pages/Aktif Sunucu Sayfalar?) kullan?c? taraf?na etkile?imli, dinamik Web sayfalar? göndermek için kullan?l?r. ASP, Web programc?lar?na HTML, scripting ve kullan?c?dan ba??ms?z veritaban? uygulamalar?n? özgürce kullanma f?rsat? verir. ASP programlama ortam?n?n özgür olmas?n?n sebebi tüm derleme i?leminin sunucu taraf?nda bitmesi ve kullan?c?n?n sadece sonuçta olu?an HTML sayfalar?n? görmesidir.

ASP’nin Kullan?m Amaçlar? ve Avantajlar?

Çok geni? bir kullan?m alan? olan ASP, scripting diye tabir edilen VBScript, JavaScript gibi her türlü ham kodu kullanabilir, sundu?u kolay anla??l?r do?al dili ile orta derece HTML bilen kimseler taraf?ndan bile kolayca kavranabilir.
ASP'nin Netscape Navigator / Internet Explorer /Opera gibi Web taray?c?lar?ndan ba??ms?z olmas?n?n yan?s?ra en büyük avantajlar?ndan biri kulland???n?z teknolojilerin, scriptlerin sakl? kalmas?d?r.
ASP ile haz?rlanan projeler kaynaklar?n yönetimi, kontrolü ve uzaktan sistem yönetimine imkan verir. ?irketler aras? bilgi payla??m? için ideal bir ortam olu?turur.

JAVA SCRIPT

Java Script Netscape taraf?ndan geli?tirilmi? bir script dilidir. Düz yaz? formundad?r. Browserlara ba?l?d?r ve yorumlan?r. HTML'nin içine gömülür. Etiketi <script>...</script> ?eklindedir.Java Script; etkile?imli web sayfas? yap?m?nda HTML'nin yetersiz kalmas? nedeniyle C/C++ dilleri baz al?narak geli?tirilen, "düz yaz?" formunda bir script (komutlar dizisi) dilidir. Java Script kodlar? herhangi bir metin editörü (Win 95/98 Not defteri vb.) ile düz yaz? formunda yaz?labilir. Bu ?ekilde yaz?lm?? Java Script kodlar? istemci taraf?nda, yani ziyaretçinin web taray?c?s? taraf?ndan yorumlan?r ve yapt?r?lmak istenen i?lemler gerçekle?ir. Ama bu i?lemlerin gerçekle?mesi için mutlaka bir olay gereklidir. (Örne?in, sayfan?n aç?lmas?-kapanmas?, ziyaretçinin sayfada herhangi bir yeri t?klamas? veya klavyede herhangi bir tu?a basmas? gibi...)

Java Script kodlar?n? web sayfas? içerisinde 2 ?ekilde tan?mlayabiliriz;
1. HTML kodlar? içerisinde <SCRIPT>....</SCRIPT> etiketleri aras?nda yazarak,
<script>  <!-- JavaScript kodlar? --> </script>

2. Düz yaz? formunda ve .js uzant?s? ile farkl? bir dosya olu?turup, bu dosyaya HTML içerisinde link vererek.
<SCRIPT LANGUAGE="javaScript" src="inc/navbar.js"> </SCRIPT>

JAVA APPLET

Java (yani Java Applet), Sun Microsystems taraf?ndan geli?tirilmi? nesneye yönelik programlama dilidir ve i?letim sistemlerinden ba??ms?z olarak çal???r. HTML'nin bir parças? olamaz. Etiketi <applet>...</applet> ?eklindedir.Java Applet haz?rlayabilmeniz için Sun firmas?n?n ücretsiz olarak da??tt??? JDK (Java Development Kit – Java Geli?tirme Ortam?) program?n? download etmeniz gerekmektedir.

<APPLET code=hotbutton.class height=20 width=122>
<PARAM NAME="cl?p" VALUE="">
<PARAM NAME="act?veshadow" VALUE="fff9e3">
<PARAM NAME="shadowcolor" VALUE="ffedaf">
<PARAM NAME="al?gn" VALUE="icon">
</APPLET>

CSS

CSS (Cascading Style Sheets), Bir HTML döküman?ndaki HTML tak?lar?n?n sitillerini belirleyen tekniktir.
CSS kodlar?n? web sayfas? içerisinde 3 ?ekilde tan?mlayabiliriz;
HTML tak?lar?n?n sitillerini, tak?lar?n içinde(Local)
<h1 style= font-family:Verdana,Arial> CSS ö?reniyorum </h1>
Sayfan?n ba??nda "" tak?lar? aras?nda (Global)
<style> h1.buyukyazilar {font-family:verdana; color:yellow} h1.digerleri {font-family:arial; color:black} h2 {font-family:verdana; color:pink} </style>
Link olarak ba?ka bir dosyadan alarak
<link rel="stylesheet" type="text/css" href="sitillerim.css">

CSS Ö?renmenin avantajlar?:

CSS, HTML tak?lar?na, HTML ile yap?lamayacak fakat i?inizi kolayla?t?racak bir çok özellik katabilir. Örne?in; hemen hemen tüm web sayfalar?nda gördü?ünüz de?i?ik link sitilleri, CSS kullan?larak yap?lm??t?r. CSS ile sayfalar?n?z? daha h?zl? hale getirebilir ve dosyan?n yükünü hafifletebilirsiniz. Sayfalar?n?z için haz?rlayaca??n?z bir CSS dosyas?n? kullanarak tüm sayfalar?n?za ayn? özellikleri verebilir, dolay?s?yla h?z ve tutarl?l?k sa?lam?? olursunuz. Tabiki CSS'in yapabilecekleri bunlarla s?n?rl? de?ildir. CSS ö?renilmesindeki kolayl???n aksine kapasitesi büyük bir dildir.

Flash

Flash, Macromedia taraf?ndan geli?tirilmi? Internet'te etkile?imli vektörel grafik ve animasyon haz?rlanmas?nda kullan?lan bir standartt?r. Web tasar?mc?lar? Flash'? çekici, ölçümlendirilebilir, çok az yer kaplayan gezinilebilir yüzeyler, teknik canland?rmalar, uzun süreli animasyonlar ve di?er ?a??rt?c? efektleri yapmak amac?yla kullan?rlar.

Kullan?m Alanlar?:

Flash ile en küçük reklam pankart?ndan (banner), en karma??k animasyonun yap?lmas?, hatta bütün bir web sitesinin olu?turulmas? mümkündür. Interaktif CD'lerin haz?rlanmas?, oyunlar, veritaban? uygulamalar?, PHP ve XML gibi birçok dil ile kullan?labilme, Flash'?n ileri düzey maharetleri aras?nda say?labilir.
Flash ile ses ile bite?lemler (bitmap) birle?tirilebilir. Yani bir dosyan?n içine müzik yada ses efekti rahatl?kla gömebiliriz. Bu bize etkile?im daha üst seviyelere çekebilme ?ans?n? verir.

Flash içerisinde bulunan bütün görüntü, ses, text elemanlar? flash'a özgü baz? s?k??t?rma teknikleri sayesinde çok küçük boyutlara s?k??t?r?labilir. Bu s?k??t?rma oranlar? program içerisinden kalitelerini de?i?tirmek suretiyle ayarlanabilir. Böylece örne?in 1 birim tutan bir ses/görüntü dosyas? 0.1 ile 0.9 aras?nda boyutlarda son kullan?c?ya ula?t?r?labilir.
Macromedia Flash program?, macromedia'n?n http://www.macromedia.com adresinden deneme amaçl? olarak indirilebilir. Bunun d???nda tam kullan?m için belirli bir ücret kar??l???nda macromedia'dan yada temsilciliklerinden temin edilebilir.

Püf Noktalar

Tasar?m?n en önemli unsurlar?ndan biri tablolard?r. Tablolar? amac?n?za uygun ?ekilde sayfaya yerle?tirdi?inizde sayfan?z, görsel aç?dan daha üstün bir tasar?ma sahip olacakt?r. Çünkü hizalama, uygun yere uygun resmi yerle?tirme gibi ?eyler kod yazarak çok uzun sürebilir. Ama tablolar ile bu problemi a?abilirsiniz.

Dikkat edilmesi gereken en önemli ?eylerden biri de resim kullan?m?. Sayfalar?n?zda mümkün oldu?unca az resim kullan?n. ?ayet resim kullan?rsan?z, boyutlar? minimum, kaliteyi optimum düzeyde tutmaya özen gösterin. Çünkü Türkiye de internetin h?z? malum. Teorik h?z? 44.000 kb '? geçmeyen ziyaretçi, sayfan?z?n aç?lmas?n? dakikalarca bekleyemeyebiliyor. Sayfalar?n da daha çabuk aç?lmas? için akla gelen ilk ?ey de resimler oluyor. E?er ki resimden ba?ka Java Applet vs. varsa önceli?i bunlara verin.

?nternet üzerinde en çok kullan?lan browser'lar IE ve Netscape Navigator ve Firefox dur. Büyük ço?unlukla da IE kullan?l?r. Sitenizin yap?m a?amas?nda farkl? browserlarda sitenizin nas?l göründü?ünü test etmeniz gerekebilmektedir. Çünkü baz? tag'ler farkl? browserlarda ayn? etkiyi yaratamayabilmektedir. Bunun da çabuk fark edilmesi, sizi emek, zaman ve kaynak kayb?ndan kurtarabilir.

Sayfalar?n?z?, farkl? ekran çözünürlüklerinde test edin. Optimum çözünürlükte karar k?ld???n?zda sayfalar? bu ekran çözünürlü?ünde tasarlay?n. Bunu yapman?zdaki sebep ?udur: Her kullan?c? sizinle ayn? ekran çözünürlü?ünü kullanmayabilir. Sizin 800*600 çözünürlükte yapt???n?z site, browser'?n?zda gayet güzel görünebilirken, 640*480 kullanan ziyaretçinin bilgisayar?nda da??n?k ve biçimsiz görünebilir.

Al?nt?d?r,Te?ekkür Ediyoruz...
Ara?. Görv.
Özgür Ç?N?