Pratik HTML Editörü ile Web Sayfası Sunumu

Amatörlerin şablonlar yardımıyla etkili sonuçlar elde etmesini sağlayan HTML aracı, Script Wizard gibi önemli fonksiyonlarıyla da profesyonellerin ilgisini çekiyor. CHIP, bir web sayfasını altı adımda nasıl hazırlayacağınızı gösteriyor.

Çok geriye gitmeden, örneğin beş sene önce, web sayfaları daha çok metinlerden ve birkaç resimden oluşuyordu. Ancak çok hızlı bir şekilde gelişen internet, şu anda yaratıcılık konusunda sınır tanımıyor. Dinamik HTML, Java, Flash gibi yeni teknolojiler sayesinde, artık her bir web sayfasının ayrı bir sanat eseri olduğu söylenebilir. Ancak eklenen her yeni özellik, biraz daha karmaşa anlamına geliyor. Tüm yeni özellikleri bünyesinde toplayan Namo WebEditor, işte bu noktada devreye giriyor ve yediden yetmişe tüm kullanıcıların yeni teknolojilerden faydalanmasına imkan tanıyor.

Namo WebEditor’ün sunduğu ve üzerinde değişiklik yapmanıza imkan tanıdığı hazır şablonlar ve konular sayesinde, size sadece içerikle uğraşmak kalıyor. Script Wizard ile örneğin rollover gibi efektleri web sayfanıza rahatlıkla uygulayabilir veya hazırladığınız düğmelere yeni bağlantılar atayabilirsiniz. Bu sayede sadece birkaç tıklama ile sayfanıza yeni efektler ekleyebilir ve hemen tüm güncel browser’lar ile uyumlu web sayfaları hazırlayabilirsiniz.

1. Yeni Sayfa Oluşturmak
Namo Web Editor ile kendi web sayfanızı oluşturabilmek için ilk olarak File/New komutunu çalıştırın. Bunun sonucunda ekrana gelen Resource Manager penceresi üzerinden istediğiniz şablonu seçebilirsiniz. Namo hem tablo hem de çerçeve bazlı şablonlara sahip. Önizleme şeklinde ekrana gelen şablonlardan çalışma amacınıza en
uygun olanını, sadece üzerine tıklayarak seçin ve OK düğmesine tıklayın. Burada bulunan Menu düğmesini kullanarak kendiniz de yeni kategoriler ve şablonlar oluşturabilir veya buradaki şablonların kullanımını kolaylaştırmak için Theme olarak atayabilirsiniz.

2. Sayfa Konusu Seçmek
Namo, tasarım şablonları haricinde sayfanıza uygulayabileceğiniz hazır konulara da sahip. Bu konularda, sayfanıza renk ve biçim açısından uyum sağlayacak hazır düğmeler, banner ve simgeler mevcut. Format/Themes komutu ile ekrana gelen pencere üzerinden
istediğiniz konuyu, sadece örnek görüntüsü üzerine tıklayarak seçebilir ve OK düğmesini kullanarak sayfanıza uygulayabilirsiniz. Bir önceki adımdaki pencere ile sadece içerik açısından farklılık gösteren Resource Manager penceresi üzerindeki Menu düğmesini
kullanarak konular ve kategoriler üzerinde değişiklik yapabilirsiniz.

3. Tabloların Biçimlendirilmesi
?imdi sıra tablo bazlı tasarımın düzenlenmesine geldi. Her bir hücrenin büyüklüğünü ve burada kullanılacak arka plan renklerini istediğiniz gibi atayabilirsiniz. Tablo ile ilgili
tüm fonksiyonları bulabileceğiniz Table menüsü içerisindeki Cell Propertieskomutunu çalıştırın. Burada bulunan Imagekutucuğunun yanındaki düğmelere tıklayarak, seçili hücre içerisine istediğiniz resim veya Namo Clip Art’ını ekleyebilirsiniz. Hücrenin yazı tipi, metin konumu, kutu boyutları ve kenarlıkları gibi görsel özellikleri değiştirmek için de bu pencerenin en altında bulunan Style düğmesine tıklayabilirsiniz.

4. Konu Bileşenlerini Kullanmak
Uyguladığınız konu içerisinde düğme ve banner’ları hazırladığınız sayfa üzerinde istediğiniz yere taşıyabilirsiniz. Bunun için Insert/Site Element/Theme Objects komutunu
çalıştırın ve bunun sonucuna ekrana gelen ön izlemeli pencere üzerinden istediğiniz bileşeni seçin. Son olarak bu nesneye ait dosyanın kaydedileceği konumu ve ismini de
belirledikten sonra OKdüğmesine tıklayın. Daha sonra eklediğiniz bu nesneler üzerinde konum haricinde değişiklikler yapabilirsiniz. Üzerindeki metnin yazı tipi, rengi gibi
özelliklerini değiştirebilirsiniz. Bunun için eklenen nesne üzerine sağ tuşla tıklamanız ve nesne menüsündeki Theme Object komutunu çalıştırmanız yeterli olacaktır.

5. Rollover Efektleri Hazırlamak
Ziyaretçinin fare imlecini bir düğme üzerine taşıdığında bir “rollover” efektinin harekete geçmesi, yani düğmenin değişmesi ilgi çekici olacaktır. Namo WebEditor ile bu tür efektleri web sayfanızda rahatlıkla kullanabilirsiniz. Bunun için ilk olarak rollover efekti uygulamak istediğiniz nesneyi seçin ve Insert Script Wizard düğmesine tıklayın. Bunun sonucunda ekrana gelen pencere üzerindeki Category listesinden Image Effects ve Select a Script listesinden de “Rollover effect” öğelerini seçin. Next düğmesi ile ulaşılan bir sonraki adımdaki Previewpenceresinde sihirbazın oluşturduğu rollover efektini kontrol edebilir ve eğer memnun kalmazsanız kaldırabilirsiniz.

6. Hyperlink Oluşturmak
Düğmeye son olarak yönlendirmesini istediğiniz sayfanın adresini girmelisiniz. Bunun için araç çubuğundaki Hyperlink düğmesine tıklayın. Ekrana gelen pencere üzerindeki
URL kutusuna bağlantının adresini girin. Eğer eksiksiz bir web isteği oluşturmak istiyorsanız, buraya ileride oluşturacağınız sayfaların da isimlerini girmelisiniz. Target Frame listesinden ise yeni sayfanın görüntüleneceği pencereyi seçmelisiniz. Bunun için genellikle “_parent” yani ana pencere kullanılır. Yaptığınız değişiklikleri uygulamak için
OK düğmesine tıklayın. Artık eksiksiz bir web sayfasına sahipsiniz.

Okuyucu Yorumları

Toplam 2 Yorum

işime yarayacak bilgiler bldum. emeği geçn herkese teşekkurler

Sen de yorum yaz


CHIP'i Takip edin
E-Posta listemize katılın
CHIP Dergi Mobil Cihazınızda

İlginizi çekebilir