|
|
|
|
By Fawori.54 Webmaster Dersleri
Neden Web Siteniz Olmali?
*Bir Web sayfasi sadece onu incelemek isteyen “hedef kitleye” ulaşır.
*Web sayfalari olusturmak için tek masrafiniz telefon hat ücreti olacaktır.
*Web sayfalari hazırlarken hayal gücünüzü olabilidiğince kullanabilirsiniz.
*Web sayfaları kolayca düzeltilip tekrar yayınlanabilir.
*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 diğer medyalar gibi çöp kutusunda sonlanmaz.
Web Editörleri ve incelemeleri
Herseyden önce size gerekecek olan program, kullanicilarin izleyecegi Web sayfalarinizi hazirlayacağiniz bir programdir. Bu tip programlar ile site içinde yer almasini istediginiz resimleri, yazilari ve bağlantilari 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
İyi bir dokümantasyon
Sablonlama ve proje destegi
Özellestirebilme
CSS desteği
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.Ayrıca 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 sağlar.
Eksileri: Frontpage, önceden sizin düzenlemis olabileceğiniz kodları, tekrardan düzenlemekte çok israrcidir.Bu nedenle sayfa kodlarina elle müdahale etseniz bile, bir sonraki açısinizda bu ince ayarlarin silinme olassligi 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 çalısan 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’ın 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 çalısmasi.
HotDog Pro:
Birkaç yil öncesine kadar görsel olmayan düzenleyiciler piyasasında Homesite’la basabas giden bu program, yeni sürümlerinin sık sık 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 bağli kalacaktır.
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 İsaretleme Dili'dir. Browserlar tarafindan taninip yorumlanabilen metin tabanli bir dildir ve metnin browser tarafindan yorumlanmasi sonucu da web sayfalari elde edilir. Yazdiğiniz 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 farklı 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 olduğunu 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 yazildiğini browser'a bildirir.
<HEAD></HEAD>
Bu tag'in arasina yazilan her şey, 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.
|
|
|
