MACROMEDIA DREAMWEAVER' IN ABC' Sİ

Benzer belgeler
Kullanım Kılavuzu

Microsoft Word 2010 ara yüzündeki bölümler aşağıda gösterilmiştir.

FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin

MEBİS Kullanım Kılavuzu. Öğretim Elemanı Yeni İstanbul Medipol Üniversitesi

Microsoft PowerPoint

Flash ile Etkileşimli Öğretim Materyali Hazırlama Semineri

Doç. Dr. İsmail Rakıp Karaş Hazırlayan: İdris Kahraman

ASP.NET ile Bir Web Sitesi Oluşturma

AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu

Security Configuration Wizard ile güvenliği artırmak

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )

4 Front Page Sayfası Özellikleri

MİCROSOFT WORD. Araç çubukları: menü çubuğundan yapabileceğimiz işlemleri daha kısa zamanda araç çubukları ile yapabiliriz.

WORD KULLANIMI

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

ADOBE CONNECT Versiyonu KULLANIM KLAVUZU

Açılan programın pencere görünümü aşağıdaki gibidir. 2. Araç Çubuğundan kaydet düğmesi ile

Web Hizmeti Bağlantıları


FireBug eklentisini eklentiyi yazan sitesinden veya FireFox un eklentiler indirebilirsiniz.

Adım 1) Photoshop ekranının üst bölümünde bulunan Window seçeneğinden Animation u seçiyoruz. Ve alt kısımda uzun bir kutucuk açıldığını göreceksiniz.

UFUK ÜNİVERSİTESİ MERKEZ KÜTÜPHANESİ MENDELEY KULLANIM KILAVUZU

Microsoft FrontPage Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

SAB 103 TEMEL BİLGİSAYAR KULLANIMI

Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır.

Önce başlıkları alt alta yazıyoruz ve bunları sırası liste (Unordered list) haline getirip her satıra ayrı ayrı link veriyoruz.

İçindekiler. Akıllı Tahta Uygulaması (ATU) Kullanma Kılavuzu. İçindekiler. Bölüm 1: Uygulama Hakkında Genel bilgi 2

5.Slayt ana hat görünümü 6.Görev bölmesi penceresi 7.Not alanı 8.Durum çubuğu

LOGO PARTNER MEETING

MS POWERPOINT Şekil 111 Powerpoint 2010 Programını Başlatmak

GOSS SORU BANKASI ÖNERİ HAVUZU OLUŞTURMA KILAVUZU

Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu

BİLGİSAYAR DESTEKLİ TASARIM II

Cite While You Write özelliği

MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ. BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI. AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU

LOGİN EKRANI. Şekil -1

Kişisel Web Sitesi Hazırlama, Öğretim Materyallerinin Web Üzerinden Yayınlanması

Metin Tabanlı İçerik Oluşturma Araçları

Microsoft PowerPoint. Slayt Hazırlama. Nilgün Çokça

Windows Live Movie Maker

2000 de Programlarla Çalışmalar

TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA

İSTANBUL KEMERBURGAZ ÜNİVERSİTESİ İÇERİK YÖNETİM SİSTEMİ KULLANIM KLAVUZU KEMERBURGAZ ÜNİVERSİTESİ İÇERİK YÖNETİM SİSTEMİ

1. BELGE İŞLEMLERİ. Şekil 1.2: Open Office ilk açıldığında gelen ekran

Modu l 8: Sunu Hazırlama

LUCA YENİ ARAYÜZ UYGULAMASI

Conficy Efficy 2014 Kullanıcı Kılavuzu. Oturum Açma. Ana Ekran. Alan Ekleme. Formlar

A-PDF Split DEMO : Purchase from to remove the watermark. Yüklemek

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1

Android Ders Notları

Hizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için:

EndNote Web Hızlı Başvuru kartı

Seçenekler Menüsünden Genel Sekmesi

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü seçiyoruz

POWER POINT Power Point ile Çalışmaya Başlamak

UZAKTAN EĞİTİM YÖNETİM SİSTEMİ (MMYO)EĞİTMEN YARDIM KILAVUZU

MS PowerPoint ile Sunum Hazırlama


Dosyalama olarak: HTML, PDF, DOC ve XLS dosya türlerini kullanabilirsiniz. Kütüphane Modülü açıldığında Vet.Asistanı Kütüphanesi ekrana gelmektedir.

SMART Board EĞİTİMLERİ(sürüm:10) 1. Aşama

Ecat 8. Hakbim Bilgi İşlem A.Ş. Versiyon

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir.

WORDPRESS İLE BLOG TASARLAMA REHBERİ İçindekiler

ÖĞRENME FAALĠYETĠ 4 ÖĞRENME FAALĠYETĠ 4 4. SAYFA YAPISI

OYAK YATIRIM FX Meta İşlem Platformu Kullanma Kılavuzu

Dreamweaver Asset Panelinin kullanımı ve bölümleri

2-Hafta Temel İşlemler

T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı. Evrak Logo Ekleme Kılavuzu. Kasım 2012

a. Giriş sekmesi: 1. Paragraf bölümünde Madde İşaretleri veya Numaralandırma seçeneklerinden istediğinize tıklayın.

Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır.

TRAKYA BİRLİK WEBSİTE YÖNETİM PANELİ. Kullanıcı Dokümantasyonu

CRYSTAL REPORT EĞĠTĠM DÖKÜMANLARI

AdverTech Dijital Tabela Yönetim Yazılımı Kullanım Klavuzu

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

Okul Web Sitesi Yönetim Paneli Kullanımı

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ. Öğr. Gör. Rıza ALTUNAY

AKINSOFT OfficeMessenger

KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU. Kaynak :

Powerpoint; Microsoft ofis programları içinde bulunan bir sunum hazırlama programıdır.

III. Ünite A. BAŞLANGIÇ B. TEMEL İŞLEMLER C. BİÇİMLEME D. SAYFA BİÇİMLEME E. YAZDIRMA F. İLERİ ÖZELLİKLER KELİME İŞLEM PROGRAMI

Horoz Programlanabilir Zaman Rölesi

BİLGİSAYARDA OFİS PROGRAMLARI NESNE İŞLEMLERİ

Hızlı Başlangıç Kılavuzu

fizy Sürüm Yeni Özellik: Kullanıcı Listelerini Paylaşabilme

2- Kontrol Sil En Öne Getir En Arkaya Gönder Resim Özellikler: Genel Özellikler...

düğmesine ile bir sayfa yukarıya, düğmesi ile bir sayfa aşağı gidebilirsiniz.

ecyber Kullanıcı Kılavuzu 1 / 1 1. ecyber hakkında Sistem gereksinimleri:... 2 Donanım:... 2 Yazılım: Kullanım Rehberi...

Okul Web Sitesi Yönetim Paneli Kullanımı

6. NESNE İŞLEMLERİ 6.1. Resim Ekleme Ekle Çizimler Resim Küçük Resim : Ekle Resim Ekle : Ekle Çizimler 6.2. Şekil Ekleme Ekle Çizimler şekiller

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME

KULLANIM KILAVUZU. VSP Teknoloji ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI

BİLGİSAYAR PROGRAMLAMA


Temel Bilgisayar Dersi

Microsoft FrontPage Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

WORD KULLANIMI

Transkript:

MACROMEDIA DREAMWEAVER' IN ABC' Sİ İnternet hemen bütün dünyayı sarıp sarmalamışken, insanlar 'bu sanal dünyada benim de söyleyeceğim şeyler olmalı! ben de sesimi herkeslere duyurabilmeliyim!' düşüncesiyle yana yakıla 'derdine derman' ilaçlar arayıp durdu. Tabii bu ihtiyaçlar zaman içinde çok çok güzel araçların programların doğmasına, gelişip büyümesine yardımcı oldu. Bizim de sitemize konu olarak aldığımız Macromedia Dreamweaver işte bu ihtiyaçları karşılama adına üretilmiş güzel mi güzel bir program. (Şu an bu sayfalarda dolaştığınıza göre göre sizde bu kanaatte olmalısınız) Web sayfası tasarımında kullanılan visual editörlerden en iyisi olarak belirtebileceğim Dreamweaver aslında kullanımının kolaylığı ile de bir başka güzel. Programı sistemimize kurduğumuzda ilk olarak aşağıdaki gibi bir pencere ile karşılaşıyoruz. Programı denemek maksadıyla kurup da ilk etapta böyle bir ekranla karşılaşanlar pencerelerin çokluğunu görüp ürkebilirler. Ama hepsi o kadar. Bu pencerelerden bazıları tasarım esnasında işimize pek de yaramayacağından kapatabilir, böylelikle daha geniş bir alanda çalışma imkanı bulabiliriz. Örnek bir çalışma ortamını altta gözlemleyebilirsiniz. İsterseniz şimdi bu pencere üzerinde yer alan parçaları sırasıyla tanıyalım: Hemen bütün programlarda yukarıdakiyle birebir örtüşmese de çoğu standart olan mönüler yer alır. Kullanıcı ister ilgili icon veya tuş kombinasyonunu kullanarak, isterse de yukarıdaki mönü içinde yer alan komutları seçerek işlemlerini yapar. Bu araç çubuğu Dreamweaver' ın daha önceki sürümlerinde olmayan fakat doğan ihtiyaca binâen 4.0 sürümüne eklenen kısmı. Peki ne iş yapar bu çubuk? Artık Dreamweaver ile sayfalar tasarlarken ekran görüntüsü için değişik alternatifler kullanabileceğiz. İstersek sadece hazırladığımız sayfanın kodu üzerinde işlem yapabileceğimiz gibi (1), hem kodu hem tasarım ekranını aynı anda izleyebilecek (2) ya da sadece tasarım ekranı üzerinde (3) çalışabileceğiz. Dreamweaver default olarak şekilde de görüldüğü gibi tasarım ekranını tercih etmiştir. Eğer bizim tercihimizde tasarım ekranı

olursa çalışma ortamımızı yine iki farklı şekilde düzenleyebiliriz. İstersek Object penceresi üzerinde yer alan yandaki parça üzerindeki View kısmından standart görüntüyü seçerek Dreamweaverın önceki sürümlerinde kullandığı tasarım ekranını kullanırız, istersek de yaptığımız çalışmalara yerleştirdiğimiz nesnelerin ölçülerini görmemizi ve üzerlerinde gerekli değişiklikleri yapabilmemizi sağlayan Layout View seçeneğini kullanabiliriz. Layout View seçeneği aktifken aynı zamanda resmin üst kısmında yer alan iki butondan birini de seçerek daha pratik bir çalışma ortamı oluşturabiliriz. Bu çubuk tasarım ekranınızın en alt kısmında yer almakta olup esasında iki parçadan oluşmuştur. Çubuğun solunda yer alan kısmı o an hangi HTML belirteci üzerinde çalıştığınızı gösterirken, sağ parçada ise tasarımlarınızı değişik ekran boyutlarında test edebilmek için ayarlanmış window size kısmıyla beraber tasarım esnasında sıkça kullanacağınız özelliklere ait iconlar bulunur. Bu çubuk üzerindeki <body> ifadesi o an üzerinde çalışılan HTML tagının <body> olduğunu gösterir. Ayrıca aynı çubuk üzerinde yer alan aşağıdaki parçada bahsedilmesi gereken bir kaç özellik yer almaktadır. Şöyleki; 1020x575 kısmı o anki tasarım ekranının ölçülerini göstermektedir. Kullanıcı isterse çalışmalarını buradan değişik ekran boyutlarını aktif hale getirerek kontrol edebilir. 1K / 1 sec kısmı o an üzerinde çalıştığınız sayfanın toplam ne kadar yer kapladığını ve internet üzerindeyken ne kadar sürede açılacağını gösterir. Hemen onun yanında yer alan cıcıklı-bıcıklı resimlerde tasarım esnasında kullanacağımız alet-edavatları listeliyor. Adı Launcher. Burada yer alan nesneleri sırasıyla tanıtayım. Detaylı olarak neler yaptıklarını daha sonra izah edeceğim. Show Site. Üzerinde çalıştığımız siteye ait tüm dosya ve dizinleri görmek için kullanırız. Show Assets. Site içinde kullandığımız resim, script, link gibi nesne ve işlemleri listelemek için kullanırız. Show HTML Style. Yeni stiller oluşturabilir, bu stilleri sayfalarımıza uygulayabiliriz. Show CSS Style. Sayfalarımızda kullanmak için CSS' ler tanımlayabilir, bunlar üzerinde istediğimiz işlemleri yapabiliriz. Show Behaviors. ile sayfalarımızı interaktif hale getirebiliriz. Bu özellik ile neler yapabileceklerimizi görünce "İşte bunun için Dreamweaver..." diyeceksiniz. Show History ise bir başka güzel. Tasarım esnasında sürekli tekrar ettiğimiz işlemleri History ile çabuklaştırabilir, bunları tekrar tekrar kullanabiliriz. O an için HTML kodlarının bulunduğu yere gitmek istediğmizde Show HTML Inspector' u kullanacağız. İmlecimiz tasarım ekranında nerede duruyorsa oraya gitmemizi ve HTML kodlarını düzenlememize yardımcı olur. Properties penceresi olarak adlandırılan yukarıdaki pencereye zamanla çok alışacak, hatta Dreamweaver ekranında göremezseniz 'nerdeymiş benim properties pencerem!' diyeceksiniz. Şahsen ben diyorum. Üzerinde çalıştığınız sayfada o an hangi nesne aktifse (layer, image, text, table gibi) onlar üzerinde yapabileceğiniz işlemleri size gösterir. Bu pencere için Dreamweaver' da kullandığımız iki kolumuzdan biri :) diyebiliriz.

İşte bunlarda bizim Dreamweaver' daki diğer kolumuz. Aşağıda pencelerin yokluğunu görünce şaşırmayın. Bu pencerelerin hepsi Object' e ait alt pencereler. Bunlar içinden en çok kullanacağımız ilk pencere olan Common penceresi. Diğer pencerelerin de ne işe yaradığını sırasıyla görelim: Sayfalarınızda extra karakterler eklemek için kullanacağımız Character, Formlar oluşturmak istediğinizde kullanacağımız Forms, Arama motorlarına kayıt olabilmek için sayfalarımıza eklemek durumunda olduğumuz Meta taglarını oluşturabilmek için kullanacağımız Head, Sayfalarımıza anchor, script veya açıklamalar eklemek için kullanabileceğimiz Invisibles, Applet, Plug-in veya ActiveX' ler ekleyebileceğimiz Special bulunmaktadır. File MENÜSÜ.: Bu menü içinde yeni sayfa, kaydet, hazır arayüzleri kullanarak saya oluşturma, kaydetme gibi standart işlemler yer alır. Bunun yanında sayfalarınıza import işlemiyle dışarıdan veri alabilir, export ile de çalışmalarınızdaki CSS'leri, Table'leri yeni baştan oluşturabilirsiniz. Convert satırında sayfanızı browserların önceki sürümlerine dönüştürebilirsiniz. Tabii bu işlemi seçmeniz durumunda sitenizin bazı özelliklerinden ödün vermeniz gerekebilir. Çünkü sayfalarınızda daha önceki sürümlerin desteklemediği özellikler kullanmış olabilirsiniz. Sayfanızı browserde gözlemlemek için Preview Browser seçeneğini, Debug in Browser ile de sisteminizde kullandığınız diğer browserleri Dreamweaver' a tanıtabilirsiniz. Check Links ile sitenizdeki linkleri kontrol edebilir bu sayede kırık linklerinizi görerek düzeltme imkanına sahip olursunuz. Check Target Browser ile de sayfanızı değişik browser versiyonlarına göre inceleyebilir, eski sürümlerde olmayan, hata veren kısımları gözlemleyebilirsiniz. Edit MENÜSÜ.: Bu menü içinde diğer programlardan bildiğiniz Kes, Kopyala, Yapıştır işlemlerinin yanında farklı olan diğer komutların ne işe yaradığına bir bakalım. Edit with External Editor ile sayfalarınızın kaynak kodunu sizin belirleyebileceğiniz bir başka program ile (notepad, homesite gibi) inceleyebilirsiniz. Preferences seçeneği ise Dreamweaver' ınızın ince ayarlarını yapabilmeniz için kullanacağınız seçenektir. Preferences seçeneği ile site içinde kullanacağınız renk kombinasyonlarından browser ayarlarına, dahili editör ayarlarından encoding ayarlarına kadar bir çok işlemi yapabilirsiniz. Hazırlayacağımız siteler genel itibariyle Türkçe olacakları için sayfalarımızda Türkçe dil desteğinin tanımlanması lazım. Ama -maalesef :(- Dreamweaver 4' de de Türkçe dil desteği yok. Ama yine de Dreamweaver' da Preferences ayarlarını kullanarak Türkçe karakterleri tanıtabiliriz.

TÜRKÇE KARAKTER SORUNUNUN GİDERİLMESİ Preferences penceresindeki Category kısmından Fonts/Encoding seçeneğini seçeriz. Daha sonra Fonts/Encoding' e ait alt işlemlerin bulunduğu parça Preferences penceresinin sağ tarafında açılır. Burada yer alan Default Encoding sekmesindeki değeri Other yapıp Font Settings kısmına geçiyoruz. Burada da varsayılan font ayarını Other olarak değiştiriyoruz. Bu özelliği değiştirdiğimiz anda Proportional Font kısmında da değişik dillerdeki fontların listesi beliriveriyor. Proportional Font sekmesinde herhangi bir Türkçe fontu, Fixed Font seçeneğinde bir diğer Türkçe fontu, Code Inspector seçeneğinde de istediğiniz başka bir Türkçe fontu seçerek işlemi tamamlıyoruz. Bu işlemleri yaptıktan sonra Dreamweaver' ı kapatıp tekrar başlattığımızda Türkçe karakter sorununun çözüldüğünü görürüz. :) View MENÜSÜ.: Bu menü içinde yer alan komutları kullanılarak Dreamweaver' a ait çalışma ortamını isteğimize uygun olarak düzenleyebiliriz. Şöyleki: Şekilden de anlaşılacağı gibi bu menü birbirinden çizgilerle ayrılmış 5 parçadan oluşuyor. İlk parçada, sayfalarımızı hazırladığımız DW ekranının hangi yüzle çalışacağını belirtiyoruz. Burada yer alan Code komutunu seçmemiz durumunda HTML kodlarıyla tasarım yapacağımızı belirtmiş oluruz. Design komutunu seçmemiz demek çalışma ortamımızın sürükle ve bırak metoduyla işlem yapan ve webmasterların büyük çoğunluğunca tercih edilen tasarım ekranını kullanmak istediğimizi belirtir. Bu parçadaki son seçenek olan Code and Design ise hem HTML kodlarını, hem de tasarım ekranını aynı pencerede görmemizi sağlayacak seçenektir. İkinci parçada yer alan Switch Views komutu Code ve Design pencereleri arasında gidiş-gelişi sağlamak için kullanılır. DW ekranını tazelemek için de Refresh Design View komutu kullanılır. Gelelim üçüncü parçaya. Buradaki Head Content komutu o an üzerinde çalıştığımız sayfada kullandığımız ve Code ekranında <HEAD>...</HEAD> satırları arasında yer alan alt elemanları tasarım ekranında görüntülemek için kullanılır. Yukarıdaki şekilden de anlaşılacağı gibi biz bu sayfamızda üç tane HEAD elemanı kullanmışız. Bunlar sırasıyla: Sayfa Başlığı. title>dreamweaver' ın ABC' si - 06</title> Sayfanın karakter kümesi. Bu satırla sayfamızın Türkçe karakter modunda görünmesini sağlıyoruz. <meta http-equiv="content-type" content="text/html; charset=iso-8859-9"> Bu da bir diğer karakter kümesi. (Aslında bunu kullanmayabilirdim.) <meta http-equiv="content-type" content="text/html; charset=windows-1254">

Üçüncü parça içinde yer alan diğer komut dizeleri aşağıda gösterilmiştir. Table View komutunda bulunan alt seçenekler: Bunlar tasarım ekranında kullanabileceğimiz seçenekler. Tasarım ekranında Standart View veya Layout View görüntüleri arasında tercih yapabiliriz. Visual Aids komutunda bulunan alt seçenekler: Bu kısımda DW' ye eklenen resimleri temsil eden küçük resimlerin görünüp görünmeyeceğini, tablo, layer ve frame çerçevelerinin görünüp görünmeyeceğini ayarlayabiliriz. Ayrıca image haritaları da aynı şekilde istenirse görünmez hale getirilebilir. Code View Options komutunda bulunan alt seçenekler: Burada görülen komutlar code ekranını düzenlemek için kullanılırlar. Yazılan kodların sayfa boyunu geçmeden alttan devam etmesini, yazılan kodlara satır numaraları vermeyi buradan belirleriz. Ayrıca belirteçlerin renklerini normal kodlardan ayırmak için renk ayarını (Syntax Coloring) aktif hale getirebiliriz. En son Auto indent seçeneği ile yazılacak kodların sayfa başından bir miktar içerde yazılmasını sağlayabiliriz. Şimdi dördüncü kısma gelelim. Bu kısımda tasarım ekranının daha özel görünmesi için yapacaklarımız yer alır. Yani cetvelin görünüp görünmeyeceği, cetvel ölçü birimi, tasarım ekranında çizgi kullanılıp kullanılmayacağı, arka fonda görüntülenecek resim ayarları ve DW' ye eklenen eklentilerin çalıştırılabileceği kısımlar gibi işlemler. En son beşinci kısımda da DW ekranındaki Objects- Properties vb gibi pencereleri gizlemek ve görünür hale getirmek için Hide Panels, DW4 ile birlikte gelen araç çubuğunu kaldırmak içinde Toolbar seçeneği bulunur.

Insert MENÜSÜ Insert kelimesi türkçe anlam olarak eklemek demek. Yani DW' de çalışırken sayfalarımıza eklemek istediğimiz her türlü nesneyi bu menüyü kullanarak ekleyebiliriz. 'DW ile çalışma' bölümümüzde Objects penceresini kullanarak ekleyeceğimiz bütün nesneleri alternatif olarak bu menüyü kullanarakta ekleyebiliriz. Yalnız burada belirtmem gereken bir konu var. O da şu: Daha önceki DW versiyonunda olmayıp da DW4' e eklenen özelliklerden biri hareketli flash butonları. Bu butonları incelemek ve sayfalarınıza ekleyebilmek için Interactive Images komutunu daha sonra açılacak pencerede de Flash Button' u çalıştırmalısınız. Bir diğer ayrıntı ise standart DW sürümüne ek olarak kullanılabilecek objects listesini gözlemlemek için Get More Objects... seçeneği seçme işlemidir. Bu komut çalıştırıldıktan sonra DW; yayımcı sitesine bağlanacak ve size kullanılabilecek diğer objects listelerini gösterecektir. Modify MENÜSÜ Bu menü temelde properties penceresinde yapılabilecek işlemlere ek olarak bazı işlemler daha yapar. Biz properties penceresinde olmayan bu özelliklerden bahsedelim. Mesela Page Properties. Bu işlem üzerinde çalıştığımız sayfanın özelliklerini değiştirmek için kullanacağımız kısımdır. Bir diğeri Convert. Convert işlemi layerları tablolara, tabloları layerlara dönüştürmek için kullanılır. Son parçada yer alan Library, Templates ve TimeLine DW' yi DW yapan özelliklerdir. Bunlarla ilgili çalışmalarımızı 'DW ile Çalışma' kısmında anlatacağız. Text MENÜSÜ Bu menü içinde yer alan bir kısmı properties penceresi üzerinde yer alır. Bazılarına ise bu menüyü kullanarak ulaşmak gerekir. Mesela yazılacak yanının stili için Style menüsü kullanılmalıdır. Bu menü açıldığında alt pencere olarak aşağıdaki pencere çıkar.bu komutlarla yazılarımıza uygulayabileceğimiz stilleri sırasıyla görelim. Bold Italıc Underline Strikethrough Teletype Emphasis Strong Code Variable Sample Keyboard Citation Definition

HTML ve CSS Styles komutlarını kullanarak sayfalarımızda herşeyiyle bizim kontrolümüzü gösterecek çalışmalar hazırlayabiliriz. Command MENÜSÜ Command menüsü içinde yer alan komutlar genel itibariyle bu menü kullanılarak çalıştırılması gereken komutlardır. Örneğin çalışmalarınıza hazır renk şablonları uygulamak istediğinizde bu menüden Set Color Scheme... komutunu çalıştırmanız gerekir. Ya da fotoğraflarınız için albüm oluşturmak istediğinizde Create Web Photo Album... komutunu çalıştırmalısınız. Ayrıca hazırlamış olduğunuz sayfaları word belgesine dönüştürmek için Clean Up Word HTML' i kullanabilirsiniz. Ya da tablolarınızı değişik görünümlerde oluşturmak istediğinizde Format Table...' yi kullanabilirsiniz. Site MENÜSÜ Siteler üzerinde yapılabilecek işlemlerin bulunduğu menü site menüsüdür. Beş parçadan oluşan menü içinde birinci parçada siteye ait dosya ve/veya dizinlerin bulunduğu ortamı göstermek için Site Files' ı, sayfalar arasında verdiğimiz linklerle oluşan ağaç yapısını görmek için de Site Map' ı seçeriz. İkinci parçada tasarımın başlangıcı olarak tanımlayacağımız yeni site tanımlama, tanımlı siteleri açma veya varsayılan siteyi belirlemek için komutlar bulunur. Üçüncü parçada dosyaları servera upload etmek için veya serverdan dosya almak için kullanacağımız komutlar bulunur. Dördüncü bölümde sitemiz hakkında rapor tutabileceğimiz Reports... kısmı ve sitemizdeki bütün linkleri kontrol etmek için Check Links Sitewide komutu bulunur. En son parçada ise o an çalıştığımız sayfamızın sitemizdeki konumunu veya serverdaki konumunu kontrol edebiliriz. Window MENÜSÜ Bu menü DW' deki bütün pencereleri yönetebilmeniz için hazırlanmış bir menüdür. İçinde tasarım esnasında lazım olacak veya olmayacak bütün pencereler yer alır. Kullanıcı istediği pencereyi buradan açabilir açık olanları da kapatabilir. Pencere beş parçadan oluşmuştur. İlk parça içinde 'DW' deki iki elimiz' diye tanımladığımız Objects ve Properties pencerelerini açmak ya da kapamak için kullanabileceğimiz satırlar yer alır. İlgili satırların başında tik işaretinin olması ilgili pencerelerin o an aktif durumda olduklarını gösterir. Şu halde bunlar DW' nin tasarım ekranından görülmelidir. Ayrıca ilk sayfalarda bahsettiğimiz Launcher penceresi de birinci parçada yer alır. İkinci parçada Site menüsü içinde de tanıttığımız siteye ait dosya ve/veya dizinleri gösteren Site Files ile oluşturduğumuz sayfaların ağaç yapısını gösteren Site Map yer alır. Üçüncü parçada istediğimiz zaman açıp kapayabileceğimiz diğer pencereler yer alır. Bunlar kullanıcının tercihine göre açılıp kapanabilecek pencerelerdir. Gelelim dördüncü parçaya. Burada Arrange Panels komutunu kullanarak o an açık olan pencereleri ekrana döşeyebilir ya da Hide Panels komutunu kullanarak gizleyebiliriz. Minimize All komutu ise bütün DW ekranını simge durumuna küçültmek için kullanılır. Restore All kullanılarak da DW' nin eski haline gelmesi sağlanabilir.

En son parçada ise o an açık olan sayfaların adları listelenir. Kullanıcı bu kısmı kullanarak sayfalar arasında dolaşabilir. Help MENÜSÜ DW 4' ün gerçekten çok güzel hazırlanmış bir yardım menüsüne sahip olduğunu belirterek sözlerime başlamak istiyorum. Bu menü hem kullanıcılara yardım amaçlı hem de DW' nin dış dünya ile ilgili bağlantılarında kullanılabilecek menüsüdür. Bu menüde bizim için belki de en önemli olanı -DW' yi gerçekten öğrenmek istediğimizi varsayarsak- Lessons ve Guided Tour komutları. Lesson kısmında yer alan dersler çok pratik bir anlatımla düzenlenmiş olduğundan öyle ahım-şahım ingilizce bilmeye de gerek kalmıyor. Ayrıca Guided Tour komutu içinde kullanıcılar için hazırlanmış video formatında anlatımları bulabilirsiniz. Böylelikle içinden çıkamadığımız işlemlerle karşılaştığımızda neyin nasıl yapıldığını görerek, tekrar tekrar izleyerek işlerimizi kolaylaştırabiliriz. Macromedia DREAMWEAVER' da Paskalya Yumurtası DW' de çalışıyorken sayfanıza herhangi bir resmi ekleyin. Daha sonra resmi seçili duruma getirin. Resim seçiliyken Properties penceresinin sol üst köşesinde de küçültülmüş hali olduğunu görün. Bundan sonra CTRL+SHIFT tuşlarına basarak elinizi bu tuşlardan kaldırmadan Properties penceresindeki o küçük resmin üzerine çift tıklayın SÜRPPRİZZ! Çift tıklamaya devam ettikçe orada DW' yi yapanların isim ve logolarını göreceksiniz. Aşağıda örnek olarak üçünün resmi var. MACROMEDIA DREAMWEAVER' DA OBJECTS KAVRAMI Characters Common Forms Frames Head Invisible Special

Macromedia Dreamweaver kullanıcı dostu bir program. Program yapımcıları bir kullanıcının nelere ihtiyacı olacağını, neleri elinin altında bulundurmak isteyeceğini iyi tespit edip ona çözümler üretmişler. İşte işlerimizi bir hayli kolaylaştıracak bu çözümlerin başında Objects penceresi geliyor. Sitemizin "Dreamweaver' ın ABC' si" bölümünde de vurguladığımız gibi objects penceresi Dreamweaver kullanıcısının iki elinden biri olacak hatta çalışma ortamında göremezse "objects pencerem olmadan çalışmam abi" diyecektir. Yukarıdaki pencere kalabalığını görüp "aboo o ne kadar pencere lo?" demeyin. Bu pencerelerin hepsi objects penceresinin alt pencereleri. Tasarım esnasında en çok kullanacağımız pencere 2. sıradaki Common penceresi. Zaten objects penceresini çalışma ortamınıza getirdiğinizde NŞA' da (Normal Şartlar Altında) size Common yüzüyle gözükür. Bu ve bundan sonraki sayfalarda sizlerle beraber yukarıdaki pencerelerde yer alan nesneleri ve ne işe yaradıklarını inceleyeceğiz. BEHAVIORS KAVRAMI Dreamweaver' ı Dreamweaver yapan bir kaç özellikten biri bu bölümde anlatacağımız behaviors. Kelime olarak davranışlar, hareketler, tavırlar demek olan behaviors; teknik terim olarak da Dreamweaver' da çeşitli nesneler üzerinde (çalışma sayfası, image, layer, form gibi ) uygulanabilecek olayları listeler. Tasarımcı kullanmak istediği behaviorsu aşağıdaki listeden seçerek sayfasına ekleyebilir. BEHAVIORS PENCERESİ Kullanıcı istediği zaman behaviors penceresini aktif hale getirebilir. Bunun için 3 değişik yol kullanabilir: Window menüsünden Behaviors komutu seçebilir. Launcher araç çubuğundan ikonuna tıklayabilir ya da Shift+F3 tuşlarına basabilirsiniz. Yukarıda belirtilen yollardan herhangi biri kullanıldığında ekrana behaviors penceresi gelir. Bu pencerede + yazan butona tıklandığında çalışma kitabı veya seçili nesne üzerinde yapılabilecek işlemlerin bulunduğu bir menü açılır. İşte sitemizin behaviors bölümünde bu menü elemanlarını sırasıyla açıklayacağız. Dreamweaver' dan maksimum verim elde etmek için bu özelliklerin bilinmesi gerekir. Zaten öğrenmeyi, öğrenmek için denemeyi seven, yeni şeyler öğrenmeye istekli ziyaretçilerimiz için bu bölümün bir hayli zevkli geçeceğini söyleyebilirim.