Photoshop Magazin
 


Dreamweaver’da Site Tanımlama

01 April 2009 | Sayı: Apr 2009
 
1 2 3 4 5
 

Site tanımlama bize pekçok kolaylık sağlar. Mesela farklı site çalışmaları için açtığımız klasörleri organize etmek ve bu klasörler arasında hızlıca geçiş yapabilmek için Site Tanımlama özelliği kullanılabilir. Bu sayede bir çalışmayı kapatmadan başka bir çalışmada yeralan dosyalarımızı açabilir ve bu dosyaları düzenleyebiliriz.

Klasörlere Site tanımlaması atayalım

Dreamweaver ile site tasarlayabilmek için öncelikle sitenin dosyalarının barındırılacağı klasörün site olarak tanımlanması gereklidir. Bunu üç farklı şekilde yapabiliriz.Birincisi Dreamweaver içindeki Files tabındaki Manage Sites linkini tıklayarak açılacak panelden New Site botununu tıklayarak.İkincisi Files bölümündeki açılır menünün en altındaki Manage Sites menüsünü tıklayarak açılacak panelden New Site butonuna tıklayarakÜçüncüsü de Site Menüsünden New Site menüsü seçerek.

New Site tıklandığında site ismi, dosyaların tutulacağı yer, hangi programlama dilinin kullanılacağı gibi bilgileri girebileceğimiz panel açılır. Burada bilgileri istersek bir sihirbaz yardımıyla girebileceğimiz gibi Advanced tabını tıklayarak kendimiz de gerekli bilgileri doldurabiliriz.

Gelin birlikte bir siteyi tanımlayalım

Öncelikle Advanced Tabını tıklayalım. Burada Local Info bölümünü seçelim.Site name bölümüne sitemizin ismini verelim. Bu bize daha sonra site listesinden seçerken çalışacağımız siteyi seçmekte yardımcı olacaktır. Akılda kalıcı ve anlamlı bir isim vermenizi tavsiye ederim. Örneğin PhotoshopMagazin. Local Root Folder bizim dosyalarımızı koyacağımız ana klasördür. Yani Server’daki en üst seviyedir. Bunu tanımlamak için kenarındaki küçük klasör imajına tıklayabiliriz. Açılan klasör listesinden ilgili klasörümüzü seçtikten sonra Kaydet butonuna basıyoruz.Burada Default Images Folder resimlerimizin tutulacağı klasördür. Bunu da aynı şekilde yan taraftaki klasör ikonunu tıklayarak tanımlayabiliriz. Artık burada işimiz bitti.Daha sonra Remote Info bölümüne geçiyoruz. Burada sitemize erişim türünü belirliyoruz. Biz kendi bilgisayarımızda çalışacağımız için burada Local Network’ü ve alttaki Remote Folder bölümüne ise biraz önce Local Root folder olarak tanıladığımız klasörü belirtiyoruz.En son olarak da sitemizi eğer ASP, PHP, .NET gibi bir programlama dilini kullanarak hazırlayacaksak buradan belirtiyoruz. Eğer bir programlama dili kullanılmayacak sadece HTML bir site tasarlayacaksak None seçeneğini işaretlememiz gereklidir. Access olarak kendi bilgisayarımızdan çalıştığımız için Local Network’ü seçelim ve son olarak da Testing Server Folder’ı gene dosyalarımızı tuttuğumuz klasörü belirterek tamamlayalım. OK tuşuna basarak işlemi sonlandıralım.Bu aşamadan sonra Dreamweaver otomatik olarak belirttiğiniz dizini ve program içerisinde “Files” sekmesi altında tüm dosyalarımızı gösterecek. Artık Dreamweaver ile sitemizi tanımlamış olduk. Bundan böyle çalışmak istediğimiz bu dizini seçerek işlemlerimizi yapabiliriz. Eğer birden fazla site tanımlaması yapmışsak bunları gene “Files” bölümündeki site başlıklarına tıklayarak görebilir ve çalışmak istegidimiz siteyi seçerek çalışmaya başlayabiliriz.

Not : Eğer bir programlama dili kullanacaksak öncelikle bu programlama dilini çalıştıracak yazılımı bilgisayarımıza kurmamız kurmamız gereklidir. Bunu ilerleyen derslerimizde göreceğiz. Bilgisayarımızda PHP veya ASP dosyalarını çalıştırabilmek için neler yapılmalı, neleri kurmalıyız database olarak MYSQL, MSSQL veya Access nasıl kullanılır ilerleyen derslerimizde detaylıca anlatacağız. Şimdilik düz html bir site tasarladığımızı varsayıyoruz...


Siteyi tasarlamaya başlayalımEvet artık Dreamweaver bizim sitemiz ile ilgili bilgilere sahip. Artık sitemizi tasarlamaya başlayabiliriz. File menüsünden
New komutu verelim.Açılan pencereden Blank Page’i, Page Type alanından Html’i, Layout bölümünden ise None seçeneğini seçelim. Create butonuna basarak ilk web sayfamızı oluşturalım. Burada bize temel Html kodlarının hazır olarak yazıldığı boş bir Html sayfası oluşturulur. Burada Title kısmı bizim sitemizin başlığıdır ve buraya yazacağımız mesaj bizim Browser’ımızın üst barında site ismi olarak görüntülenir. Body Tag’leri arasındaki alan ise sayfamızın tarayıcılarda görüntülenen kısmıdır. <body> </body> Tag’ları arasına yazımızı yazalım.Görüntülemek için Design tabına basabilirsiniz ve işte karşınızda ilk web sayfamız. Eğer browserde görmek isterseniz
F12 tuşuna da basabilirsiniz. İşte sonuç :

Bir sonraki dersimizde görüşmek üzere

 

April 2009

 


Dreamweaver