1. Hafta - Adobe Dreamweaver
WEB sayfası tasarımı kodlar aracılığıyla yapılabildiği gibi tasarım editörleri kullanılarak da yapılmaktadır. Dreamweaver da bu tasarım araçlarından en sık olarak kullanılan programdır.
Dreamweaver iş akışına genel bakış Web sitesi oluşturmak için birçok yaklaşım kullanabilirsiniz. Bir tanesi şudur: Sitenizi planlama ve kurma Dosyaların nerelere konacağını belirleyin ve sitenin gereklerini, dinleyici kitlesinin eşkalini ve sitenin amaçlarını gözden geçirin. Buna ek olarak kullanıcı erişiminin yanı sıra tarayıcı, eklenti ve indirme kısıtlamaları gibi teknik gerekleri de değerlendirin. Bilgilerinizi düzenledikten ve yapınızı belirledikten sonra sitenizi oluşturmaya başlayabilirsiniz. Site dosyalarınızı organize etme ve yönetme Gerektiğinde düzeni değiştirmek için dosyalar panelinde kolayca dosya ve klasör ekleyebilir, silebilir ve yeniden adlandırabilirsiniz. Dosyalar panelinde ayrıca sitenizi yönetmek, uzak bir dosya ile site arasında dosya aktarma işlemlerini yapabilirsiniz. Sayfalara içerik ekleme Dreamweaver programının özelliği olarak sayfanıza resim müzik ses video ve daha bir çok yenilik ekleyebilirsiniz. Son olarak, Dreamweaver, web sitesi performansını maksimum düzeye çıkarmak ve sayfaları, değişik web tarayıcıları ile uyumluluklarından emin olmak üzere test etmek için araçlar sunar. El ile kod yazarak sayfa oluşturma Dreamweaver da site yapımı 2 yönlü olabilir. Bunlardan biri Dreamweaver programını kullanarak ya da Html kodları ile site yapmak olabilir. Dinamik içerik için web uygulaması kurma Dreamweaver da dinamik içerik uygulamasınıda kullanıla bilir bunlar resim video eklenebilir. Başka web sitelernin kaynaklarındanda yararlanablirsiniz. Test ve yayınlamaSayfanızı hazırladıktan sonra internete sitenizi yayınlayabilirsiniz ve herkese gösterebilirsiniz ayrıca sitede düzenlemeleride yapabilirsiniz.
Dreamweaver Bu haftaki ilk dersimizde öncelikle Dreamweaver programını tanımak amaçlanmıştır. Başlangıç SayfasıDreamweaver CS3’ü açtıktan sonra bir başlangıç sayfası göreceksiniz. Bu sayfada şu araçlar bulunmaktadır:•En son açılan belgelere ait hızlı bağlantılar•Farklı dosya tiplerinde yeni belgeler oluşturmak için kullanabileceğiniz seçenekler•Kendi siteleriniz için bir başlangıç noktası oluşturacak sayfa tasarımı örnekleri•Aralarında bir Dreamweaver turu ve kılavuzunun da bulunduğu program kaynakları•Programın araçlarına ekleme yapmak için kullanabileceğiniz kaynakları içeren Dreamweaver Exchange’e ait bir bağlantıYeni bir sayfa oluşturma işlemine başladığınızda veya Başlangıç Sayfası’ndaki diğer seçenekleri seçtiğinizde Başlangıç Sayfası kendiliğinden kapanır.
Herhangi bir sayfa üzerinde çalışmaya başlamadan önce kendinize ya da müşterinize sitenizin hangi amaçlara hizmet edeceği ve ne gibi içerikler barındırması gerektirdiği ile iligili soruları sorun.
Web sitenizle ziyaretçileriniz arasındaki bağlantı, kısmen sitenizin yapısına bağlıdır. Açıklık ve kullanım kolaylığı iyi bir Web sitesi için hayati özelliklerdir. Geliştirme sürecinin bu önemli aşaması, bu kitapta göreceğiniz ilk konudur.Web sitelerinin temelini site yapısı oluşturur. İyi yapılandırılmamış bir Web sitesinde dolaşmak ve böyle bir siteyi kullanmak kafa karıştırıcı ve zor olabilir, ayrıca böyle bir sitenin devamlılığını sağlamak da pek kolay olmayabilir. Anlaşılır, iletişim sorunu olmayan ve ziyaretçilerinin kolayca kullanabileceği bir site oluşturmak için, herhangi bir HTML belgesi oluşturmadan önce sitenin yapısının nasıl olacağını ve sitede kullanılacak dosya ve klasörlerin hiyerarşisini eksiksiz olarak planlamanız gerekir.
Bir Web sitesi tasarlarken çalışmaya, genel tasarımı gösteren küçük resimler oluşturarak başlayabilirsiniz (bu, fikirlerinizi kâğıt üzerinde görmek için kullanabileceğiniz hızlı bir beyin fırtınası yöntemidir). Bu süreç boyunca, 1. Aşama’da sorulan soruların cevaplarını ve yaptığınız araştırmanın sonuçlarını göz önünde bulundurmaya devam etmeniz gerekir. Tasarımınızı geliştirirken uygulamanız gereken ikinci adım, başlangıçtaki fikirlerinizin en iyilerini ayıklayarak çok daha ayrıntılı taslaklar oluşturmaktır. Son olarak, seçilen tasarıma göre oluşturulan sayfaların nasıl görüneceğini gösteren eksiksiz örnek(ler) oluşturulabilir. Bu tasarım sürecinde müşterinizle sürekli olarak görüşmeniz gerekir. Tasarım fikirleri açısından müşterinizin istemeyeceği örnekler oluşturmak istemeyeceksinizdir.Ayrıca, düşüncelerinizin teknik olarak Web sitesinde de aynen gerçekleştirileceğinden emin olmak için yapacağınız görsel tasarım bileşenlerini test etme işleminin de bu aşamada gerçekleştirilmesi gerekir. Etkin bir Web tasarımının temelini, sitenin tümüyle işlevsel teknik özelliklerine aktarılabilen görsel kavramlar oluşturur. Bir Web sitesinde gerçekleştirebileceğiniz şeylerle ilgili bilginiz ne kadar fazlaysa, sitede kullanacağınız öğelerin etkin bir şekilde tasarımı için o kadar donanımlısınız demektir. Bu kitapta, oluştururken Dreamweaver’dan yardım alabileceğiniz birçok teknik Web özelliğini öğreneceksiniz.Sitenin görüntüsü ve insanlarda oluşturduğu his, görünüm ve sitede kullanılacak stiller ve renklerle ilgili özel ayrıntıları içeren stil kılavuzu da genellikle bu aşamada oluşturulur.Bir Web sitesi oluşturulurken, geliştirme aşamalarının büyük ölçüde iç içe geçtiği pek çok durumla (aşamaların her birinde sık sık tekrarlanan çalışmalar) karşılaşılır. 2. aşamadaki kavramlardan bazılarını bundan sonraki birkaç derste göreceksiniz; bununla birlikte 3. aşamaya ait prodüksiyon evresi kitaptaki neredeyse tüm dersleri kapsamaktadır.
Web sitesini tasarlama işlemini bitirdikten sonra, ziyaretçilerin kullanımına sunmadan önce onu test etmek de çok önemlidir. En basit Web sitelerinin bile mantıklı bir şekilde test edilmesi gerekir. Örneğin Web sitenizi, popüler Web tarayıcılarının hepsiyle test etmeniz gerekmektedir. Her ne kadar Windows’ta kullanılan Microsoft Internet Explorer günümüzde en çok kullanılan tarayıcı olsa da, Mozilla Firefox, Opera ve Safari’nin pazardaki payları da azımsanmayacak ölçüdedir. Internet Explorer gibi bir tarayıcının bile, bırakınWindows ve Macintosh sürümleri arasındaki farkları, 5, 5.5 ve 6 sürümleri arasında ciddi farklar vardır. Farklı tarayıcıların sayfalarınızı görüntüleme şekillerindeki farklar dışında, her sayfayı ve her bağlantıyı da test ettiğinizden emin olmalısınız.
Arkadaşlar ilk haftamızda Dreamweaver tanıma aşamasını gördük sizden isteğim evinizde dreamweaver hakkında araştırma yapıp bilgisayarlarınıza Dreamweaver programını indirip kurunuz