Niçin web siteniz olmalı

Niçin Web Siteniz Olmalı?

*Bir Web sayfası yalnız onu incelemek isteyen “hedef kesime” ulaşır.
*Web sayfaları oluşturmak için tek harcamanız telefon hat tutarı olacaktır.
*Web sayfaları hazırlarken hayal gücünüzü olabilidiğince kullanabilirsiniz.
*Web sayfaları kolayca düzeltilip yeniden yayınlanabilir.
*Sayfalarınız zamanında etkisiyle yeniliklere uğrayacaktır.
*Web sayfalarınız 24 saat süresince tüm dünyaya açık olacak ve web kullanıcılarına “etkileşimli” bir hizmet verecektir.
*Web sayfalarını kullananların fikirlerini ve beklentilerini öğrenmek için derleyebilirsiniz.
*Web sayfalarının kaderi öteki medyalar şeklinde çöp kutusunda sonlanmaz.
Web Editörleri ve İncelemeleri

Herşeyden ilkin size gerekecek olan program, kullananları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 şekilde bir Web Browser'ı tarafınca izlenecek şekilde tasarlayarak biraraya getirebilirsiniz. Bunun için önünüzde Allaire Homesite,Microsoft Frontpage, Netscape Composer, Adobe PageMill, Macromedia DreamWeaver, HotDog Pro benzer biçimde 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 haricinde da değişik 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 kullanımı ve öğrenmesi kolay bir düzenleyicidir.Ek olarak Microsoft’un ISS Web sunucusuyla tümleşmesi oldukca iyidir.Frontpage görsel arabilimi (tam olmasada WYSIWYG denebilir) yardımıyla hiçbir HTML kodu yazmadan Internet sayfaları oluşturabilmeyi sağlar.

Eksileri: Frontpage, öncesinden sizin düzenlemiş olabileceğiniz kodları, tekrardan düzenlemekte oldukca ısrarcıdır.Bu yüzden 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ırı olan oranda 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 benzer biçimde dilleri otomatik tanıma, Dreamweaver’la bütünleşme, istenen şekilde kodu girintileyebilme, fazlaca 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 hafıza kaçırması ve maalesef bir tek Windows’ta emek harcaması.

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 içinde 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,oldukça iyi DHTML ve Frame desteği, Web üstünden de yüklenebilen etiketlerle genişletilebilmesi, tabloları katmanlara, katmanları tablolara çevirebilmesi, rehber fotoğraf desteği, Homesite’la bütünleşme.

Eksileri: Homesite kadar iyi bir direkt HTML kodu yazımı olmaması ve maalesef bir tek Windows ve MacOs’da emek vermesi.

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 şeklinde 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 emek harcamayı 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 internet sayfası yapma imkanı veriyor.Bu tip editörler sitenizde yaptığınız her adımı, otomatikman HTML koduna çeviriyor.
Peki o süre niçin HTML öğrenmelisiniz?HTML öğrenmelisiniz bu sebeple:
En kolay niçin; eğer iyi bir webmaster olmak istiyorsanız, ve HTML bilmeden yalnız bu tür programları kullanmayı düşünüyorsanız, muhtemelen programın verdiği, programdan meydana gelen en minik 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 haiz olmanız gerekir. Ve bu da genel anlamda 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ınca tanınıp yorumlanabilen metin tabanlı bir dildir ve metnin browser tarafınca yorumlanması sonucu da web sayfaları elde edilir. Yazdığınız kodların browser tarafınca alınıp yorumlanabilmesi için, dosyalarınızın uzantısının ".htm" yada ".html" olması gerekir.
HTML de her işaretleme dilindeki benzer biçimde komutlardan oluşur, bu komutlara tag yada mark-up denir. Tag'ler herhangi bir metinden değişik oldukları browser tarafınca 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 sonrasında tag'in bitiş tag'i bulunduğ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. Ek olarak 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 adı 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çine yazdığımız notlar oldukça önemlidir.

Mesela “Afyon Kocatepe Üniversitesi” sitesinin Meta etiketleri şu şekilde olabilir:
<META name=“keywords” content=“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>

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ınca 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 sefalar getirdiniz</b><br>
<i>Web sayfama sefalar getirdiniz</i><br>
<font face="Lucida Sans Unicode" size="+2" color="#297835">Web sayfama sefalar getirdiniz</font><br>
<u>Web sayfama hoş geldiniz</u><br>
<b><u><i>Web sayfama sefalar getirdiniz</i></u></b>
<center><font face="Verdana" size="+2" color="#765678">Web sayfama hoş geldiniz</font></center><br>
</body>
</html>