8 Mart 2009 Pazar

Web Sitesi Oluşturmak İçin İlk Adım: HTML

Bir web sitesi oluşturmak için en önemli nokta şu: HTML

HTML, "Hyper Text Markup Language"in kısaltması oluyor. Bu öğrenmeniz gereken en temel kavram. Bunu öğrendikten sonra basit bir metin editörü (Notepad) ile bile web siteleri oluşturabilirsiniz. Ancak unutmayalım ki biz bu dili kullanmak istiyoruz ve bunun herşeyini bilmemize gerek yok. Temel kavramları öğrendikten sonra yapmamız gereken şey Frontpage ya da hatta bir Word'de web sayfası oluşturmak. Yani görsel arayüzlü programlar ile dizayn yapmak. Madem arayüzlü programlar kullanacağız o zaman neden HTML öğreniyoruz ki, diye soruyorsunuz değil mi :) Görsel arayüz imkanı sağlayan programlar kodları kendileri otomatik olarak ekliyorlar; ancak bazen tam istediğimiz gibi olmuyor. Ya da diyelim ki sayfanıza janjanlı bir javascript kodu ekleyeceksiniz ki, o zaman bunu HTML kodu içinde nereye koymanız gerektiğini bilmelisiniz. Bunun için de dolayısıyla bu dili bilmek önemli.

Peki bu HTML denilen zamazingoyu nerden öğreneceğiz? Aslında bunu anlatan birçok site mevcut. İngilizce biliyorum ben diyorsanız buyrun: http://www.html.net/ Eğer yok hocam ben Türkçe siteyi tercih ederim diyorsanız buyrun: http://www.bidb.odtu.edu.tr/index.php?go=ig&sub=html

Ya hocam beni uğraştırma HTML'yle diyorsanız dediğim gibi doğrudan MS Frontpage ya da Dreamweaver kullanabilirsiniz. Bu programların sağladığı arayüzle kolaylıkla site tasarlayabilirsiniz. Bu programların özelliği WYSIWYG (What You See Is What You Get) olmaları. Yani ne görüyorsanız onu elde ediyorsunuz. "Yok efendim ben bunu dizayn etmiştim de bu programla, sonra böyle saçma sapan birşey çıktı" olmuyor (genelde :) ). Bu programlar eğer Word kullanmasını biliyorsanız sizin için hiç de zor olmaz. Word'de tasarlıyor gibi tasarlayacaksınız... Hatta Word'de bile tasarlarsınız ama yapabilecekleriniz sınırlıdır. Neyse, yani o kadar basit. Abicim ben Word de bilmiyorum ki diyorsanız, belki de Web site tasarlama fikrini tekrar gözden geçirmelisiniz. En iyisi siz Blog'lardan faydalanın. Bunun için de "blogspot" tavsiyemdir. Sizi dizayn derdiyle yormaz. Güzel ve kolay bir arayüzle hitap ettiğiniz kişilere ulaşmanızı sağlar. Üstelik ücretsiz !

Genconun teki çıkar da eğer derse ki " ya hocam beni kesmiyor böyle HTML felan, bana daha dinamik, böyle daha kımıl kımıl bir şey lazım", benim tavsiyem o zaman PHP, ASP, Silverlight kullanmaları yönünde olacaktır. Özellikle ifade edeyim bunlar yeni başlayan arkadaşlara zor gelebilir. O yüzden bu blogda ben öncelikle basit bir web sayfası dizaynı nasıl yapılır onu anlatacağım.


7 Mart 2009 Cumartesi

Web Sitesi Ne İşe Yarar Ki?

Bir web sitesinin ne işe yarayacağını az çok herkes biliyor. Ancak diyelim ki "Şen Danışmanlık" diye bir şirketimiz var ve buna bir web sitesi yaptık. Bunu yaptığımızda bakalım ne oluyor:

1. Şen Danışmanlığın hitap ettiği kitle aradaki coğrafik engelleri kaldırarak istediği gibi firmanın bilgilerine ulaşabiliyor.

2. Şen Danışmanlık'ın kurum imajı güçleniyor.

3. Güzel bir dizayn ve organizasyonla kendi hizmetlerini tanıtabiliyor.

4. Diyelim ki bir değişiklik oldu, bir şey ilan etmek istiyor firmamız. Çok kolay ! Web sitesi aracılığıyla yapıyor.

5. Reklam için kağıt, poşet, kıl, tüy yün masrafına gerek kalmıyor.

6. Gece gündüz saat hiç önemli değil, istediği zaman müşteriler firmamızın bilgilerine ulaşabiliyor: 7x24

7. Şen Danışmanlık rakipleri karşısında avantaj sağlıyor...

Aslına bakarsak bunlar bir web sitesinin bir kuruma kazandırabileceği en temel şeyler. Bunların dışında yazılabilecek şeyler de var. Ancak biz meseleye daha çok kişisel yaklaşıyoruz. Bu yüzden daha çok kişiye ne kazandırabileceğini de dile getirmek gerek. Bunlardan birkaçı:

1. Dünyada olup bitenlere dair içimizden geçenleri yazabiliriz.

2. Herhangi bir konuda bilgimizi insanlarla paylaşabiliriz.

3. Kendi web sitemizle çok kolay olmasa da para kazanabiliriz.

4. Diyelim mankeniz -olmasak da olabilir tabii-, siteyi kişisel tanıtım ve reklam aracı olarak kullanabiliriz.

5. Web adresi uzantılı birkaç e-mail adresine sahip olabiliriz. adim@soyadim.com gibi...

Yani biraz emek sarfederek oluşturacağımız bir web sitesi bize çok şey kazandırabilir. Hadi bakalım, kolları sıvayalım !

Web sitesi nedir ?

Bir web sitesi, bir web sunucusunda kayıtlı, internet aracılığıyla erişilebilen fotoğraf, video ve web sayfaları gibi dijital kaynaklardan oluşan düzenli bir sistemdir. Böyle diyor Viki.


Peki sunucu ne demek? Sunucu (server), internete bağlanmış ve internet kullanıcılarına hizmet eden bir bilgisayardır. Evet bildiğimiz bilgisayar. Ancak bu bilgisayarlar sonuçta sadece internet kullanıcılarına hizmet ettiği için her birisinin klavyesi, monitörü, faresi gibi ıvır zıvırı yoktur. Sadece kasadan ibarettir. Bu bilgisayarlar eğer web için kullanılacaksa, o zaman bu bilgisayarlarda web sayfalarımız kayıtlıdır. Eğer bir internet kullanıcısı web sitemize girmek isterse, aslında bu bilgisayara (sunucuya) ulaşmış olacak. Bu bilgisayar da web sayfalarını internet aracılığıyla kullanıcının bilgisayarına iletecek.


Web sayfası ne demektir peki? Web sayfası genellikle HTML dilinde yazılmış bir dökümandır. Bu dökümana erişim için istemci (internet kullanıcısı) web sunucusuna HTTP (Hypertext Transfer Protocol) ile bağlanır. HTTP istemci ile sunucu arasındaki iletişim dilidir, protokoldür.


Alan adı (Domain name) diye de bir kavram var ki bu da şu işe yarar. Internetteki bilgisayarların kendilerine has numaraları vardır: IP ve MAC. Bu bilgisayarlara ulaşmak için bu numaraları bilmek gerekir. Ancak internet kullanıcılarına bu numara girdirmek pek kolay bir şey olmayacağı için bir sistem oluşturulmuş, DNS (Domain Name Service: Alan Adı Hizmeti) diye. Bu sistemi siz web-browserınız aracılığıyla kullanıyorsunuz. Misal "http://benimdewebsitemolsun.blogspot.com" yazdınız, bu durumda bilgisayarınız bu adın nereye (hangi IP'ye) ait olduğunu bilmeli. Bu yüzden DNS ile bunu önce öğreniyor. Sonra da siz o alan adına karşılık gelen sunucuya bağlanmış oluyorsunuz.


------------------------------------------------------------------------------------------

Şimdiii demek ki bizim web sitesi yapabilmemiz için önce bir Alan Adına (1) sonra bir Web Sunucusuna (Web Hosting) (2) sonra da Web Sayfalarına (3) ihtiyacımız varmış.

------------------------------------------------------------------------------------------


Peki hocam kel alaka olacaka ama "www" neyin nesi? Sanırım bunu birçok kişi biliyor; ama ifade etmekte fayda var. "www", "World Wide Web" kelimelerinin kısaltması oluyor. Bu şu demek: dünyanın her tarafından erişilebilir websitesi.


Benim de web sitem olsun !

Merhabalar arkadaşlar,
bu blogda amatör anlamda bir web sitenin nasıl yapılacağını sizlere çok basit bir şekilde anlatacağım. Bir web sitenin ne demek olduğundan başlayıp nasıl dizayn edeceğimize kadar olan basamakları adım adım beraberce inceleyeceğiz. Keyifle takip etmeniz dileğiyle :)