- Dreamweaver, web sayfalarını hazırlamayı ve yönetmeyi sağlar

2. - Dreamweaver, web sayfalarını hazırlamayı ve yönetmeyi sağlar - WYSIWYG (What You See Is What You Get) mantığı ile çalışır

3. bölüm 1: - Çalışma alanı - Paletler - Ayarlar (edit>preferences)

6. Çalışma ekranı

7. A- Tarayıcı desteğini kontrol edip, hataları arar B-Kodların geçerliliğinin kontrolü yapılır C- Dosya yönetimi yapılır D- Tarayıcıda derleme ve önizleme yapılmasını sağlar E- Yenileme düğmesi F- klavuz ve ızgara çizgileri gibi nesnelerin görüntülenmesini sağlar G- Tablo çizgileri, çerçeve çizgileri gibi özelliklerin görüntülenmesini sağlar

8. Paletler 1- görüntüler 2- renkler 3- linkler 4- flashlar 5- shockwave 6- videolar 7- scriptler 8- şablonlar 9- kütüphane Site dosyalarının bulunduğu palet. Sitenin dosya yönetimi bu paletten yapılır Siteye eklenmiş tüm nesneler bu palette yer alır

9. dinamik veritabanlı web sayfaları oluşturulurken kullanılır 1- site için kullanılabilir aktif veritabanlarını gösterir 2- aktif sayfanın sorgu sonuçlarını gösterir 3- dinamik veri oluşturmak ve kullanmak için web sayfasına sunucu davranışları CSS sitillerini yönetmeyi sağlar. CSS sitilleri, önceden hazırlanmış biçimlerdir katmanların sıralanmsı, gösterilmesi-gizlenmesi gibi işleri yapar eklemeyi sağlar 4- coldfusion tabanlı sitelerde coldfusion nesnelerinin düzenlenmesini ve kullanılmasını sağlar

10. web sayfalarını tasarlarken yapılan işlemlerin geçmişini tutar 1- seçili nesnelerin çeşitli özelliklerini ayarlamayı sağlar 2- sayfalardaki html kodlarına davranışlar eklemeyi sağlar sayfalarının html kodlarının görüntülenmesini sağlar

11. html, php gibi diller için referans kaynakları içerir dökümanlara eklenecek kod gruplarının bulunduğu palettir palet menüsü paletler ile ilgili özelliklerin ayarlanmasını sağlar hareketli web sayfası içeriği hazırlamak için kullanılır

12. Ayarlar DW yi her çalıştırmada yürütülecek ayarları bildirir dökümanla ve düzenleme ile ilgili ayarların yer aldığı bölümdür

13. ekrandaki, form nesneleri, çerçeveler gini nesnelerin görüntülenip gizlendiğinde özelliklerinin görüntülendiği bölüm kod penceresinde, kodların renkleri ile ilgili ayarlar

14. kodların yazım biçimlerinin ayarlandığı bölüm

15. kodların yeniden düzenlenmesi ile ilgili ayarların yer aldığı bölüm code ipuçlarının yeraldığı bölüm

16. kopyalama ve yapıştırma işlemlerinin ayarlarının yapıldığı bölüm sitil sayfaları ile ilgili ayarların yer aldığı bölüm

17. dosya karşılaştırma ayarlarının yapıldığı bölüm yazı fontları ilgili ayarların yer aldığı bölüm

18. dosya tipleri ve editörlerle ilgili ayarların yeraldığı bölüm belirteç ayarlarının yapıldığı bölüm

19. görünmeyen nesnelerin görüntülenme ayarlarının yapıldığı bölüm layer (katman) larla ilgili ayarların yapıldığı bölüm

20. tablo, çerçeve v.b. ögelerin sayfa içerisinde yerleşiminin ayarlanması ile ilgili ayarların yeraldığı bölüm yeni açılacak döküman ile ilgili ayarların yapıldığı bölüm

21. önizleme yapılacak tarayıcılar ile ilgili ayarların yapıldığı bölüm site yönetimi ile ilgili ayarların yapıldığı bölüm

22. durum çubuğunun ayarlarının yapıldığı bölüm kod geçerliliğini kontrol edecek standartlarla ilgili ayarların bulunduğu bölüm

23. bölüm 2: - sitenin içeriği belirleme - sitenin biçimini belirleme

24. sitenin içeriği web sitesini oluşturmanın temeli sitenin içeriğini belirlemeden geçer sitenin boyutu web sayfalarını yayınlamak için Hosting (barındırma) ve domain (isim kaydı) hizmeti verenfirmalardan alan ve alan adı satın alınır web sayfalarını yayınlamak için diğer bir yöntem ise bedava web hizmeti veren sitelerden alan almaktır. Ancak bu alanlar oldukça küçük, trafik miktarı düşük ve verdikleri sunucu hizmetleri sınırlıdır bu nedenle paralı alanlara fazla ücret ödememek veya ücretsiz alanlara sitenizi sığdırabilmek için sitenizin içeriği iyi optimize edilmelidir. optimize, her site elemanı için farklı yöntemler gerektirir. örneğin resimler için, .bmp uzantılı resim formatı yerine daha az yer kaplayan .gif yada .jpg formatını kullanmak daha uygun olacaktır web sayfası konusunda arştırma yapma - konu hakında (sitenin hazırlanacağı sektör ile ilgili) bilgi düzeyini sınama - sektörle ilgili kişilerin içerik hakkında fikirlerine başvurma

25. sitenin vereceği mesajı belirleme - hedef kitlenin beklentilerini saptama - hedef kitlenin seviyesini saptama - sektör politikası ile verilecek mesajın uyuşması - kurumun sıradan olmadığını, özel olduğunu vurgulama hedef kitle web sitesini tasarlarken, ürün yada faaliyet alanına giren kitleyi belirlemek gerekir hedef kitle türleri : - ürünün alıcıları - hizmetin alıcıları - ürünün kullanıcıları - hizmetin kullanıcıları hedef kitle belirlendikten sonra, hedef kitle düzeyine göre site içeriğinin bilgi kaynağı olarak yapıldığı imajı yansıtılmalıdır. hedef kitlenin ilgisini çekecek espri, bilgi ve estantaneler siteye yansıtılmalıdır.

26. içeriği kategorilendirme giriş sayfası sitenin en önemli kısmıdır; çünkü ziyaretçi ilk olarak burayı görür. sitenin görselliğini ve kullanım kolaylığını giriş sayfasına göre değerlendirecektir. giriş sayfasının tasarımı - anasayfa mümkün olduğunca hızlı açılmalıdır - renk düzeni mümkün olduğu kadar göze hoş görünecek şekilde olmalıdır - anasayfa ile diğer alt sayfalar bütünlük arz etmelidir - içeriği zenginleştirmek amacı güdülürken, çok fazla detaya girilmemelidir - sayfaların site klasörleri içerisinde nasıl yer alacağı önceden belirlenmelidir

27. sitenin biçimi tasarımcının mesajı, tasarım gücü siteye yansımalıdır tasarım nesnelerinin belirlenmesi tasarımı iki önemli ögesi vardır : 1- KARŞITLIK 2- SİMETRİ KARŞITLIK : üst üste gelen nesneleri ayırt edilmesi ya da nesnelerin birbirine karışmamasıdır SİMETRİ : sayfalarda aynı özellikteki nesnelerin biçimlerininde aynı olması ya da bir sayfada sayfa biçiminin simetri taşımasıdır karşıtlığın faydaları : - metinlerin okunabilirliğini artırır - nesnelerin sayfa içerisindeki nesnelerin farklılığı yansıtır - kullanıcının gözünün yorulmasını engeller karşıtlık kullanılırken abrtılmamalıdır, örneğin çk fazla kelime vurgulanmamalı ya da birbiri ile alakasız çok fazla renk kullanılmamalıdır

28. ayrıca sayfalar tasarlanırken, sayfalarda mümkün olduğunca standartlaşma yakalanmalıdır. sayfaların planlanması - sayfaların genel bir şemasını oluşturun - klasör yapısını belirleyin - hangi sayfada ne tür nesne ve sayfanın neresinde kullanılacağına karar verin - sayfaların renk düzenleri ne şekilde olacağını belirleyin - sayfa için gerekli animasyon, resim ve banner gibi nesneleri hazırlayın - metin biçimlerini belirleyin,sade ve anlaşılır bir dil kullanı - sitenin konusu ve biçimine uygun (renk, boyut gibi) ile ilgili nesneler kullanın

29. bölüm 3: - yerel ve internet siteleri - siteyi tasarlarken files paleti ile çalışma - Site tanımı olmayan bir sunucudaki belgeleri düzenleme

30. yerel ve internet siteleri web siteniz için yerel ve internet sitesi olmak üzere 2 ayrı klasör oluşturun. yerel sitede sitenizde kullandığınız dosyaların tamamı yeralırken, internet sitesi klasöründe en son upload (yükleme) dosyaları yer alsın. çünkü, siteyi yaparken kullandığınız ya da tasarladığınız her dosyayı upload etmezsiniz. DW de site tasarlamaya başlamadan önce, bir site tanımlamalısınız. site tanımlamak için;

34. siteyi tasarlarken files paleti ile çalışma • KLASÖR OLUŞTURMA • Alt klasör oluşturulacak klasörü seç • Üzerinde sağ tıkla • “New folder” ı seç • İsim gir

35. DOSYA OLUŞTURMA • Dosya oluşturulacak klasörü seç • Üzerinde sağ tıkla • “New file” ı seç • İsim gir • DOSYA VE KLASÖR YÖNETME • Bir dosyayı çalıştıracağı programda açmak için çift tıkla • Başka bir prog. Açmak için sağ tıkla • Klasör içeriğini görmek ve saklamak için (+ ve -) • Ardışık öğeleri seçmek için • shift • Ardışık olmayan öğeleri seçmek için • ctrl

36. Dosya-klasör silmek için DELETE • Dosya-klasör adını değiştirmek için sağ tıkla RENAME • Dosya-klasör taşımak için sürükle • SİTE HARİTASI OLUŞTURMA • Anasayfayı tanımlamak için sağ tıkla ve • Site haritasını görmek için

37. Site tanımı olmayan bir sunucudaki belgeleri düzenleme