Resimli Açıklama:

Index, web sayfamızın temelini oluşturur; bağlantılar, linkler, web sayfamız içerisinde yer alacak tüm bölümler index sayfası içerisinde yer alır.
Yapılan tüm çalışmalar bir klasör içinde toplanır ve buraya kayıt edilir.
FrontPage programında kaydettiğiniz ilk sayfa index olarak isimlendirilir. Tarayıcı sitenize girdiğinde index.htm/index.html ‘yi arar.

Sayfa Özellikleri
Dosya>>Özellikler’e gelinerek açılır ve burada sayfanın arkaplanının arama motorlarında geçen tanımı tarzında bilgiler kayıt edilir.

Genel Sekmesi;
Konum: Bilgisayarımızda web sitesinin nereye kaydetiğimiz belirleriz.
Başlık: Tarayıcımızdan(internet Explorer) siteyi açtığımızda sitemizin tarayı tarafından aldığı isimi belirler.
Sayfa açıklaması: Arama motorlarında sitemizin tanımını belirler.
Anahtar sözcükler: Arama motorları arama yaparken sitemizi bu anahtar kelimelere göre bulur.
Arkaplan Sesi: Sayfamız ilk açıldığında verdiği ses efektini ve bunun kaç kere tekrarlanacağını buradan ayarlanır.
NOT: ses dosyası wave dosya formatında olmalıdır

Biçimlendirme Sekmesi;
Arkaplan resmi: Burdan seçtiğimiz resim sayfamızın tekrarlayarak arka zeminini kaplar.
Renkler Sekmesinde arkaplan: sayfa arkasını tek renk seçmek için buradan bir renk seçmeliyiz.
NOT: burada seçeceğimiz resimin boyutu ve formatı önemlidir çünkü büyük boyutlu bir resim seçersek sayfanın açılması gecikir ve resim formatı .gif , .png , .jpg olmalıdır.
Köprü: Burada linkimizin aldığı rengi belirleriz fakat bu daha ziyaret edilmemiş link için geçerlidir.
Ziyaret Edilen Link: Ziyaret edilen linkin aldığı rengi belirler.
Etkin köprü: Aktif olarak açık olan linkin aldığı renktir.
NOT:Büyük bir arşiv hazırlandığında kullanıcının kolay gezine bilmesi ve hangi linklere girip çıktığını anlaşılması için bu gerçekten çok önemlidir.

Gelişmiş Sekmesi;
Burada sayfanın hangi taraftan ne kadar boşluk bırakılması gerektiğini piksel olarak ayarlanmasında kullanırız.

Sayfa hazırlarken sol alt kısımda bulunan tasarla-böl-kod-önizleme ksmını görceksiniz bunlar;
Tasarla: Bu kısımda sayfamızı html kodlarına gerek kalmadan hazırlamaya yarar ve yazdığınız her yazıyı ve koyduğunuz her resmi otomatik olarak html taglarına çevirir.
Böl: tasarla kısmında yüzde yüz bir müdahale yapamazsınız çünkü html dilinde de yazmamız gerekebilir. Büzden bu bölüm en kullanışlıdır. Hem html , hem de kod yazmadan burada sayfa hazırlayabilirsiniz.
Kod: Burada yalnızca html kodlarını görünür.
Önizleme: Bu kısımda sayfanın tarayıcı tarafından nasıl göründüğüne bakmak için kullanılır



Gezinti; (Görünüm>>Gezinti)
Sayfayı daha yapmaya başlamadan taslağını hazırlamada kullanılır. buradan herhangi bir sayfayı çift tıklayarak sayfayı açabilirsiniz.
NOT: Yapılacak sitenin sayfalarını ve bağıntılarını önce burada hazırlamak büyük kolaylık sağlayabilir.



Katman(div);
Adından anlaşılacağı gibi sayfa alanında katmanlar üzerinde hazırlamamız sonra yapacağımız değişikliklerde bu katma içinde bulunan tüm öğeleri kaplayacağı için büyük bir zahmetten kurtaracaktır.



Katmanın üzerinin sağ tıkladığımızda katman özellikleri diye bir seçenek çıkacak.Buradan gölgelendirme kenarlık ve konumlandırma yapabilirsiniz ve katmanları birbirine bağlantı kurabilirisiniz.Böylece katmanlar birbirlerine göre konumlanırlar.



Tablo;
Tablo sekmesinden seçebiliriz bu tablonun özelliği olarak arkaplan veya resim atayabilir CSS kodlarını uygulayarak tablonun tamamına bir özellik katabilirisiniz. Katmandan farkı tablo içerik yönünden içinde bulunduğu nesneleri özelliğini belirler katman ise fiziksel olarak belirler.

Ekle Sekmesinden resim seçerek bir resim , word art ve flash uygulaması koyabilirisiniz sayfanıza koyabilirsiniz



Resimlere açıklama ve link atama;
Resmiz üzerine gelin ve sağ tıklayın köprü menüsü size link atmak için sizde bir adres (kendi siteniz veya dışındanda bir adres olabilir) ve e-mail adresi isteyecek.
Sağ tıklyaıp resim özelliklerini tıklarsanız burada boyutunu ayarlayabilir ve metin kısmınada bir açıklama yazarak kullanıcı resmin üzerine geldiğinde 1 sn sonra çıkan açıklamayı yazabilirsiniz.

Quickly and easily design, develop, and maintain websites and web applications — from start to finish — with Adobe® Dreamweaver® CS3 software. Built for both designers and developers, Dreamweaver CS3 offers the choice of working in an intuitive visual layout interface or a streamlined coding environment.

Macromedia Dreamweaver Serisine yeni bir rakip olarak duyurulan ve piyasaya sürülen adobe serisinin Web editörü... İndirme adresi DEVAMInda...

Artık web Sitesi yapmak için HTML bilmenize hiç gerek yok, çünkü Aurora Web Editor Sizin için bu işi yapıyor... Yeni başlayanlar mutlaka deneyin, çok faydalı bir program... İndirme adresi devamında...

CoffeeCup yazılım grubundan çok basit bir şekilde site sahibi olmanızı sağlayacak harika bir program... İndirme Adresi devamında...