Web Tasarımını Nasıl Yapacağız?

Bu yazı "http://www.webtasarimcd.com/nasil.html "dan alınmıştır.

Web Tasarımını Nasıl Yapacağız?

Burada web tasarımına yeni başlayanlar için en basit şekilde web sitesini nasıl yapabileceğinizi göstereceğiz. Biz HTML şablonlarından birisini Microsoft Frontpage programı ile düzenleyecez. Tabii ki tasarım sadece böyle mi yapılır ? Hayır, burada en basit haliyle en küçük değişiklikleri nasıl yapabileceğimiz gösterilmektedir. Siz istediğiniz programla (dreamweaver, flash, photoshop gibi), istediğiniz şekilde, istediğiniz kısımları değiştirip, istediğiniz kadar sayfa yapabilirsiniz.

Önce beğendiğiniz web sitesi şablonunu sağ tıklayıp "Gönder" ve "Belgelerime" seçeneğini tıklayarak şablonumuzu bilgisayarımıza kopyalayalım.

Microsoft Frontpage programını açınız.

"Dosya / Aç" komutlarıyla bilgisayarımızdaki web site şablonunu Frontpage içerisinde açınız.

Bizim seçtiğimiz web şablonu aşağıdaki gibi görünmektedir. Şimdi bunu örnek olarak düzenleyeceğiz.

Sayfadaki yazıları aynı Word içerisinde olduğu gibi seçiyor ve istediğimizi yazıyoruz.

Resimleri eklemek için ise "Ekle" komutu, "Resim" ve "Dosyadan" tıklıyoruz.

Bilgisayarımızdaki başka bir resmi bularak buradan ekliyoruz.

Unutmayınki imleciniz neredeyse resim sayfanın orasına gelecektir. Sonrasında sürükle, bırak yaparak resmin yerini değiştirebiliriz. Ayrıca resmin boyutunu ayarlamak için resmin köşelerinden tutarak sürükle-bırak yöntemiyle resminizi yeniden boyutlandırabilirsiniz.

Düzenlemeyi bitirdikten sonra kaydediniz.

İkinci Sayfa

Hazırladığımız sayfanın ortasındaki bölümü siliyoruz.

Yerine ürünler sayfalarımızdan birini yapacağız. İstediğimiz resmi ekleyip, istediğimiz yazıyı yazıyoruz.

Şimdi bu yeni yaptığımız sayfayı "Dosya / Farklı Kaydet" komutuyla yeni bir isim vererek kaydediyoruz.

Biz "urunler" şeklinde isim verdik. Dosya isimlerinde Türkçe karakter kullanmamanız faydanıza olacaktır.

Şimdi bu yeni oluşturduğumuz sayfayı ilk giriş sayfamızdaki ilgili bölüme bağlayalım. Önce giriş sayfamızı (İndex dosyamızı) Frontpage'de açıyoruz. Ürünler sayfamıza köprü kuracağımız kelimeyi veya resimi seçiyoruz. Sağ tuşla tıklayarak "Köprü" komutunu tıklıyoruz.

Açılan sayfada yeni "urunler" dosyamızı çift tıklıyoruz.

Şimdi giriş sayfanızdan ürünler yazısını tıklayanlar "urunler" şeklinde hazırlamış olduğunuz sayfayı görüntüleyecekler.

Bu şekilde istediğiniz kadar web sayfası yapıp kaydederek web sitenizi oluşturduğunuzda web siteniz yayına hazırdır.

Nasıl mı yayınlanır?

Web'de Yayınlama

Web sitenizin tasarımını bitirip oluşturduğunuz dosyaları bilgisayarınıza kaydettiniz. Şimdi sıra geldi web'de yayınlamaya.

Tabii bu işlemin birçok yapılma yöntemi var. (Bkz. Her yiğidin bir yoğurt yiyişi vardır. :) Biz birisini aşağıda özetleyeceğiz.

Bu işlem web tasarımdan daha kolaydır. Alan adınızı(domain, www.abc.com gibi) ve web barındırma (hosting) hizmetini aldığınız yer size bir kullanıcı adı ve bir şifre verir. Çoğunlukla size bu konuda bir eposta yollar. Size gerekli bütün bilgiler bu eposta içerisindedir. Dikkatle okuyunuz ve adım adım takip ederek web sitenizi yayınlayınız. Genel olarak şu şekilde yapılır:

Bir FTP programıyla (ücretsiz olarak buradan indirebilir veya İnternet Explorer programını da aynı şekilde kullanabilirsiniz) web sunucunuza bağlanırsınız. (Size verilen kullanıcı adı ve şifre ile bağlanabilirsiniz ancak) Bilgisayarınızdaki önceden hazırlamış olduğunuz dosyaları seçip, web sunucunuza yollarsınız. (Upload)

Hepsi bu kadar. Web siteniz yayınlanmıştır.

Web Sitenizin Güncellenmesi:

Değişiklik yapmak tabii ki aynı şekildedir. İstediğiniz zaman istediğiniz web sayfanızı değiştirirsiniz, sonra tekrar aynı yöntemle web sunucunuza yeni sayfanızı yollarsınız.

Hepsi bu kadar. Web siteniz güncellenmiştir.