Bizim seçtiğimiz web şablonu aşağıdaki gibi görünmektedir. Şimdi bunu örnek olarak düzenleyeceğiz. Burada web tasarımına yeni başlayanlar için en basit şekilde web sitesini nasıl yapabileceğinizi resimlerle göstereceğiz. Biz HTML şablonlarından birisini Microsoft Frontpage programı ile düzenleyeceğiz. 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.
Süslü Yazılar; İsterseniz herhangi bir resim işlemci program ile (Photoshop, Paint shop gibi) daha süslü yazılar hazırlayarak web sitenizi daha gösterişli hale getirebilirsiniz. Web Tasarım CD web site şablonlarındaki bu tür yazıları da ister bu tür programlarla değiştirebilir veya ilgili yazı resmini seçip del tuşu ile silerek normal yazı şeklinde yazabilirsiniz. Eğer bu tür yazıları seviyor ama yeterince Photoshop türü programları kullanamıyorsanız,
Cool Text: Logo and Graphics Generator sitesini kullanarak istediğiniz yazıyı kolayca gösterişli hale getirebilirsiniz.
Resimleri eklemek için ise "Ekle" komutu, "Resim" ve "Dosyadan" tıklıyoruz. Bilgisayarımızdaki başka bir resmi bularak buradan ekliyoruz. Unutmayın ki imleciniz neredeyse resim sayfanın o noktası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. Şimdi web sitemizin ikinci sayfasını yapalım. 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 resmi 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.