Herhangi bir sayfa oluşturmaya başlamadan önce bir Web sitesi hazırlamanın ilk adımı, bilgisayarınızda sitenin içinde yer alacak her şeyi içerecek olan klasörün oluşturulmasıdır. Bu işlem yerel bir site tanımlamak olarak adlandırılır. Hedef klasör, yerel kök klasörü (local root folder) olarak bilinir ve sabit diskinizde yer alacak olan yerel sitenin sınırlarını belirler ve uzak sitenin adeta bir temsili gibidir. Uzak site, ziyaretçilerinizin erişeceği Web sunucusunda bulunacak olan asıl sitedir. Yerel bir site tanımlamak size yerel ve uzak versiyonlar arasında aynı klasör hiyerarşisini koruma imkanı sağlar. Bu da işlevsel bir site yaratmak ve bunun sürekliliğini sağlamak için çok önemlidir.
İçinde sitenin dosyaları ve klasörlerin yapısıyla ilgili ayarlar bulunan yerel kök klasörüyle birlikte bir yerel site oluşturduğunuzda, siteye ait dosyaların yerel kök klasörünün dışında bir yerde saklanması önlenmiş olur. Sabit diskinizde yer alan ama yerel kök klasörünüzün dışında bulunan dosyalar uzak sunucuya aktarılamaz. Bu kısıtlama, siz sitenizi geliştirirken site çevrimiçi olarak erişilebilir hale getirildiğinde kullanılamaz durumda olan dosyalara erişmenizi engeller. Sitedeki farklı bir konuma taşınmış olan bir dosyaya ait bütün referansların güncellenmesi gibi pek çok Dreamweaver CS3 özelliği gerçek anlamda çalışabilmek için yerel bir site tanımına ihtiyaç duyar. Elemanları edinmeniz gerekir bu alışkanlığı kazanmazsanız bağlantılar, yollar ve dosya yönetimi konularında sorun yaşayabilirsiniz.
Bilgisayarınızda siteniz için bir klasör oluşturun. bu klasör için en uygun yer sürücünüzün kökünde bir klasör oluşturmaktır. (Ör: C:\WebSitem) Yerel kök klasörünün adı, ilgili sitenin adı ya da sizin seçtiğiniz başka bir ad olabilir. Birden fazla site hazırlıyorsanız, siteleri birbirinden kolayca ayırmanızı sağlayacak açıklayıcı isimler seçmeniz işinizi kolaylaştıracaktır. Yerel kök klasörünün adı sadece dosya yönetimi açısından önemlidir ve sitenin ziyaretçileri tarafından görünmeyecektir.
Dreamweaver CS3 Başlangıç sayfasındaki Yeni Oluşturur bölümünden Dreamweaver Sitesini seçin. Temel ve Gelişmiş adındaki iki sekmesiyle birlikte Site Tanımı iletişim kutusu açılacaktır. Bu sekmeleri kullanarak bir site tanımlama işlemini nasıl gerçekleştirmek istediğinizi seçebilirsiniz. Temel, iletişim kutusunu açtığınızda varsayılan olarak görünen moddur ve işlem boyunca size adım adım yardımcı olur. Gelişmiş modu, yapılandırmada kullanabileceğiniz bir dizi ilave seçenek ve ayar sunar. Temel modundaki açıklayıcı metinler burada görüntülenmez.
Bu uygulamada henüz seçili durumda değilse Temel sekmesine tıklayınız.
Dreamweaver, Site Tanımı iletişim kutusunun Temel sekmesinde Sitenizi nasıl adlandırmak isterseniz? ifadesiyle sitenizin adının ne olacağını soracaktır. Site adı Kutusuna Dreamweaver yazın ve İleri düğmesine tıklayın. Anlaşılır ve mantıklı isimler her bir siteyi diğerlerinden kolayca ayırmanızı sağlar ve birden fazla siteyle çalışırken bunların yönetimini kolaşlaştırır. Yerel kök klasöründe olduğu gibi site ismi sadece sizin dreamweaverın tanımlanmış siteler listesinde referans olarak kullanacağınız bir araçtır. ve sitenizin kullanıcıları tarafından görülmez. Bu ekrandaki HTTP addresi metin alanını boş bırakmanız gerekir. HTTP addresi (sitenin URLi), site köküyle ilişkili bağlantıları tanımlamak için kullanılır;
Dreamweaver, ColdFusion, ASP.NET, ASP,JSP, yada PHP gibi bir sunucu teknolojisi ile çalışmak istermisiniz? ifadesiyle ColdFusion, ASP.NET, ASP, JSP ya da PHP gibi bir sunucu teknolojisiyle çalışıp çalışmayacağınızı soracaktır.
Hayır, sunucu teknolojisi kullanmak istemiyorum seçeneğine ait radyo düğmesine tıklayarak bir sunucu teknolojisi kullanmak istemediğinizi belirtin. İleri düğmesine tıklayarak bir sonraki bölüme geçin. Şu anda veritabanları ya da diğer sunucu teknolojilerini kullanan sayfalar oluşturmadığınız için hayır seçeneğini işaretlemeniz gerekiyor. Siste ayarlarında değişiklik yapmanız gerektiğinde Site > Siteleri Yönet komutunu, ardından da listeden istediğiniz siteyi seçip Düzenle düğmesine tıklayarak bu işlevi daha sonra eklemeniz mümkündür.
Bu bölümün üst kısmında Dreamweaver , Geliştirme sırasında dosyalarınızla nasıl çalışmak istiyorsunuz? ifadesiyle geliştirme sürecinde dosyalarınızla nasıl çalışmak istediğinizi sorar. Makinamda yerel kopyaları düzenle sonra hazır olduğunda sunucuya yükle (önerilen) seçeneğine tıklayın. Şu anda makinenizdeki dosyalarla çalışacaksınız ve bir uzak sunucuya erişmeniz gerekmiyor. Böyle durumlarda bilgisayarınızda bulunan dosyaları düzenlersiniz. Eğer bir uzak sunucunuz varsa, bu seçenek, dosyaların iki kopyası olduğunu (biri yerel sabit diskinizde, diğeri de sunucunuzda) gösterir. Bu da gerektiğinde size orjinal dosyaları sunucudan alma seçeneğini sunar (eğer yerel olarak değiştirilen dosyaları yükleyerek bunları değiştirmediyseniz). Prodüksiyon ve test çalışmalarınızı yerel sabit diskinizde yaptığınızda, tamamlanmamış sayfaların Webde yayınlanmasını engellemiş olursunuz.
Yine bu bölümde dreamweaver, Dosyalarınızı bilgisayarınızda nerede depolamak istiyorsunuz? ifadesiyle dosyalarınızı bilgisayarınızda nerde depolamak istediğinizi sorar. Metin alanının sağındaki klasör simgesine tıklayın ve oluşturduğunuz klasörü bulun. Bu metin alanı sabit diskinizde siteye ait bütün dosyaların saklanacağı klasörü belirlemenizi sağlar. Bu, uzak sitedeki kök klasörün eşdeğeridir. Dreamweaver bu yerel kök klasörünü sitenizdeki belgeler, resimler ve bağlantılara ait yolları belirlemek için için kullanılır.
Kendi sitelerinizi oluştururken eğer mevcut bir klasörünüz yoksa, Dreamweaverın siteniz için seçtiğiniz ismi temel alarak otomatik olarak bir klasör oluşturmasına izin vererek işinizi kolaylaştırabilirsiniz.
İleri düğmesine tıklayarak bir sonraki bölüme geçin uzak sunucunuza nasıl bağlanacağınızı soran Uzak sunucunuza nasıl bağlanıyorsunuz? sorusunun larındaki Yok seçeneğini işaretleyin.
Şu anda yerel bir site üzerinde çalışıyorsunuz ve bir uzak sunucuya erişmeniz gerekmiyor.
İleri düğmesine tıklayarak bir sonraki bölüme geçin. Yeni tanımladığınız site bilgilerini gözden geçirin ve iletişim kutusunun alt kısmındaki Bitti düğmesine tıklayın.
Sağ kısımda Dosyalar panelinde artık kendi dosya ve klasörlerinizi göreceksiniz.
Yeni Bir Sayfa Oluşturmak ve Bu Sayfayı Kaydetmek
Yerel sitenizi tanımladıktan sonra Web sayfalarınızı oluşturmaya ve bunlarla çalışmaya hazırsınız demektir. Yeni bir sayfaoluşturduğunuzda ilk yapmanız gereken şey belgenizi kaydetmek olmalıdır.
Dosya > Yeni komutunu seçin. Yeni Belge iletişim kutusu açılacaktır.
Açılan pencereden HTML seçeneceğini seçin ve Oluştur butonuna tıklayarak HTML dökümanı oluşturun.
Dosya > Kaydet seçeneğini seçerek oluşturduğunuz dökümanı kayıt edin. Sayfanızı kaydetmek için sayfanın üzerine metin ya da resim yerleştirmeyi beklemeyin. Yeni belgeleri açar açmaz sayfalarınızı kaydedin. Dosyanızı zamanında kaydettiyseniz, resim ya da başka medya elemanları aktardığınızda bu elemanların sitenizdeki konumları gösteren bütün yollar düzgün olarak oluşturulacaktır. Eğer belgenizi kaydetmezseniz, eklediğiniz elemanın konumunu sabit diskinize göre tanımlayan ve file:// şeklinde başlayan bir yol kullanılacaktır. Belgeyi kaydetmeden bir nesne eklemeye kalktığınızda Dreamweaver bu eleman için file:// yolları uzak sunucularda çalışmaz, çünkü dosyaların bilgisayarınıza özgü konumlarını tanımlarlar.
Dosya Adlandırma Standartları: Bir Web sunucusunda kullanılacak dosyaları adlandırma işleminin, sabit diskinizdeki dosyaları adlandırmaya göre biraz farklı olduğunu unutmayın. Sunucuda hangi iletişim sisteminin kullanıldığını bilmeniz işinizi kolaylaştıracaktır. Bunun için en çok kullanılan sistemler Unix, Linux, Windows NT ve Mac OStur. Windowstaki adlandırma yapısı, diğer *NIX tabanlı işletim sistemlerinden farklıdır. Örneğin Unix BÜYÜK/küçük harflere duyarlıdır. Yani dosyam.html ile DOSYAM.HTML aynı değildir. Dosyalarınızın isimlerini sadece küçük harflerle yazarak dosya adlandırma işlemini basitleştirmiş ve tutarlılık sağlamış olursunuz. Dosyalarınızı adlandırırken sadece alfabedeki harfleri (A-Z) ve rakamları (0-9) kullanmalısınız. Aşağıda hem dosya, hem de klasörlerin isimlerinde uymak gereken diğer önemli adlandırma standartları verilmiştir.
Boşluklar: Dosya isimlerinde asla boşluk kullanmayın. Sözcükleri ayırmanız gerekiyorsa, boşluğun işlevini görmesi için alt çizgi veya tire karakterini kullanın. Boşluk karakteri kullandığınızda sorun çıkabilir, çünkü tarayıcılar boşluk karakteri kullandığınızda sorun çıkabilir, çünkü tarayıcılar boşluk karakterlerini %20 karakterleriyle değiştirirler.
Özel Karakterler: ?, %, *, > ya da / gibi özel karakterleri kullanmayın. virgül kullanmayın.
Sayılar: Dosya isimlerinin en başında sayı kullanmaktan kaçının
Uzunluk: Klasör ve dosya isimlerinin olabildiğince kısa olmasına gayret edin. Klasör isminin sayfaya erişmek için yazdığınız URLin bir parçası haline geldiğini unutmayın.
Kaynak : Yerel Bir Site Tanımlamak Dreamweaver CS3
İçinde sitenin dosyaları ve klasörlerin yapısıyla ilgili ayarlar bulunan yerel kök klasörüyle birlikte bir yerel site oluşturduğunuzda, siteye ait dosyaların yerel kök klasörünün dışında bir yerde saklanması önlenmiş olur. Sabit diskinizde yer alan ama yerel kök klasörünüzün dışında bulunan dosyalar uzak sunucuya aktarılamaz. Bu kısıtlama, siz sitenizi geliştirirken site çevrimiçi olarak erişilebilir hale getirildiğinde kullanılamaz durumda olan dosyalara erişmenizi engeller. Sitedeki farklı bir konuma taşınmış olan bir dosyaya ait bütün referansların güncellenmesi gibi pek çok Dreamweaver CS3 özelliği gerçek anlamda çalışabilmek için yerel bir site tanımına ihtiyaç duyar. Elemanları edinmeniz gerekir bu alışkanlığı kazanmazsanız bağlantılar, yollar ve dosya yönetimi konularında sorun yaşayabilirsiniz.
Bilgisayarınızda siteniz için bir klasör oluşturun. bu klasör için en uygun yer sürücünüzün kökünde bir klasör oluşturmaktır. (Ör: C:\WebSitem) Yerel kök klasörünün adı, ilgili sitenin adı ya da sizin seçtiğiniz başka bir ad olabilir. Birden fazla site hazırlıyorsanız, siteleri birbirinden kolayca ayırmanızı sağlayacak açıklayıcı isimler seçmeniz işinizi kolaylaştıracaktır. Yerel kök klasörünün adı sadece dosya yönetimi açısından önemlidir ve sitenin ziyaretçileri tarafından görünmeyecektir.
Dreamweaver CS3 Başlangıç sayfasındaki Yeni Oluşturur bölümünden Dreamweaver Sitesini seçin. Temel ve Gelişmiş adındaki iki sekmesiyle birlikte Site Tanımı iletişim kutusu açılacaktır. Bu sekmeleri kullanarak bir site tanımlama işlemini nasıl gerçekleştirmek istediğinizi seçebilirsiniz. Temel, iletişim kutusunu açtığınızda varsayılan olarak görünen moddur ve işlem boyunca size adım adım yardımcı olur. Gelişmiş modu, yapılandırmada kullanabileceğiniz bir dizi ilave seçenek ve ayar sunar. Temel modundaki açıklayıcı metinler burada görüntülenmez.
Bu uygulamada henüz seçili durumda değilse Temel sekmesine tıklayınız.
Dreamweaver, Site Tanımı iletişim kutusunun Temel sekmesinde Sitenizi nasıl adlandırmak isterseniz? ifadesiyle sitenizin adının ne olacağını soracaktır. Site adı Kutusuna Dreamweaver yazın ve İleri düğmesine tıklayın. Anlaşılır ve mantıklı isimler her bir siteyi diğerlerinden kolayca ayırmanızı sağlar ve birden fazla siteyle çalışırken bunların yönetimini kolaşlaştırır. Yerel kök klasöründe olduğu gibi site ismi sadece sizin dreamweaverın tanımlanmış siteler listesinde referans olarak kullanacağınız bir araçtır. ve sitenizin kullanıcıları tarafından görülmez. Bu ekrandaki HTTP addresi metin alanını boş bırakmanız gerekir. HTTP addresi (sitenin URLi), site köküyle ilişkili bağlantıları tanımlamak için kullanılır;
Dreamweaver, ColdFusion, ASP.NET, ASP,JSP, yada PHP gibi bir sunucu teknolojisi ile çalışmak istermisiniz? ifadesiyle ColdFusion, ASP.NET, ASP, JSP ya da PHP gibi bir sunucu teknolojisiyle çalışıp çalışmayacağınızı soracaktır.
Hayır, sunucu teknolojisi kullanmak istemiyorum seçeneğine ait radyo düğmesine tıklayarak bir sunucu teknolojisi kullanmak istemediğinizi belirtin. İleri düğmesine tıklayarak bir sonraki bölüme geçin. Şu anda veritabanları ya da diğer sunucu teknolojilerini kullanan sayfalar oluşturmadığınız için hayır seçeneğini işaretlemeniz gerekiyor. Siste ayarlarında değişiklik yapmanız gerektiğinde Site > Siteleri Yönet komutunu, ardından da listeden istediğiniz siteyi seçip Düzenle düğmesine tıklayarak bu işlevi daha sonra eklemeniz mümkündür.
Bu bölümün üst kısmında Dreamweaver , Geliştirme sırasında dosyalarınızla nasıl çalışmak istiyorsunuz? ifadesiyle geliştirme sürecinde dosyalarınızla nasıl çalışmak istediğinizi sorar. Makinamda yerel kopyaları düzenle sonra hazır olduğunda sunucuya yükle (önerilen) seçeneğine tıklayın. Şu anda makinenizdeki dosyalarla çalışacaksınız ve bir uzak sunucuya erişmeniz gerekmiyor. Böyle durumlarda bilgisayarınızda bulunan dosyaları düzenlersiniz. Eğer bir uzak sunucunuz varsa, bu seçenek, dosyaların iki kopyası olduğunu (biri yerel sabit diskinizde, diğeri de sunucunuzda) gösterir. Bu da gerektiğinde size orjinal dosyaları sunucudan alma seçeneğini sunar (eğer yerel olarak değiştirilen dosyaları yükleyerek bunları değiştirmediyseniz). Prodüksiyon ve test çalışmalarınızı yerel sabit diskinizde yaptığınızda, tamamlanmamış sayfaların Webde yayınlanmasını engellemiş olursunuz.
Yine bu bölümde dreamweaver, Dosyalarınızı bilgisayarınızda nerede depolamak istiyorsunuz? ifadesiyle dosyalarınızı bilgisayarınızda nerde depolamak istediğinizi sorar. Metin alanının sağındaki klasör simgesine tıklayın ve oluşturduğunuz klasörü bulun. Bu metin alanı sabit diskinizde siteye ait bütün dosyaların saklanacağı klasörü belirlemenizi sağlar. Bu, uzak sitedeki kök klasörün eşdeğeridir. Dreamweaver bu yerel kök klasörünü sitenizdeki belgeler, resimler ve bağlantılara ait yolları belirlemek için için kullanılır.
Kendi sitelerinizi oluştururken eğer mevcut bir klasörünüz yoksa, Dreamweaverın siteniz için seçtiğiniz ismi temel alarak otomatik olarak bir klasör oluşturmasına izin vererek işinizi kolaylaştırabilirsiniz.
İleri düğmesine tıklayarak bir sonraki bölüme geçin uzak sunucunuza nasıl bağlanacağınızı soran Uzak sunucunuza nasıl bağlanıyorsunuz? sorusunun larındaki Yok seçeneğini işaretleyin.
Şu anda yerel bir site üzerinde çalışıyorsunuz ve bir uzak sunucuya erişmeniz gerekmiyor.
İleri düğmesine tıklayarak bir sonraki bölüme geçin. Yeni tanımladığınız site bilgilerini gözden geçirin ve iletişim kutusunun alt kısmındaki Bitti düğmesine tıklayın.
Sağ kısımda Dosyalar panelinde artık kendi dosya ve klasörlerinizi göreceksiniz.
Yeni Bir Sayfa Oluşturmak ve Bu Sayfayı Kaydetmek
Yerel sitenizi tanımladıktan sonra Web sayfalarınızı oluşturmaya ve bunlarla çalışmaya hazırsınız demektir. Yeni bir sayfaoluşturduğunuzda ilk yapmanız gereken şey belgenizi kaydetmek olmalıdır.
Dosya > Yeni komutunu seçin. Yeni Belge iletişim kutusu açılacaktır.
Açılan pencereden HTML seçeneceğini seçin ve Oluştur butonuna tıklayarak HTML dökümanı oluşturun.
Dosya > Kaydet seçeneğini seçerek oluşturduğunuz dökümanı kayıt edin. Sayfanızı kaydetmek için sayfanın üzerine metin ya da resim yerleştirmeyi beklemeyin. Yeni belgeleri açar açmaz sayfalarınızı kaydedin. Dosyanızı zamanında kaydettiyseniz, resim ya da başka medya elemanları aktardığınızda bu elemanların sitenizdeki konumları gösteren bütün yollar düzgün olarak oluşturulacaktır. Eğer belgenizi kaydetmezseniz, eklediğiniz elemanın konumunu sabit diskinize göre tanımlayan ve file:// şeklinde başlayan bir yol kullanılacaktır. Belgeyi kaydetmeden bir nesne eklemeye kalktığınızda Dreamweaver bu eleman için file:// yolları uzak sunucularda çalışmaz, çünkü dosyaların bilgisayarınıza özgü konumlarını tanımlarlar.
Dosya Adlandırma Standartları: Bir Web sunucusunda kullanılacak dosyaları adlandırma işleminin, sabit diskinizdeki dosyaları adlandırmaya göre biraz farklı olduğunu unutmayın. Sunucuda hangi iletişim sisteminin kullanıldığını bilmeniz işinizi kolaylaştıracaktır. Bunun için en çok kullanılan sistemler Unix, Linux, Windows NT ve Mac OStur. Windowstaki adlandırma yapısı, diğer *NIX tabanlı işletim sistemlerinden farklıdır. Örneğin Unix BÜYÜK/küçük harflere duyarlıdır. Yani dosyam.html ile DOSYAM.HTML aynı değildir. Dosyalarınızın isimlerini sadece küçük harflerle yazarak dosya adlandırma işlemini basitleştirmiş ve tutarlılık sağlamış olursunuz. Dosyalarınızı adlandırırken sadece alfabedeki harfleri (A-Z) ve rakamları (0-9) kullanmalısınız. Aşağıda hem dosya, hem de klasörlerin isimlerinde uymak gereken diğer önemli adlandırma standartları verilmiştir.
Boşluklar: Dosya isimlerinde asla boşluk kullanmayın. Sözcükleri ayırmanız gerekiyorsa, boşluğun işlevini görmesi için alt çizgi veya tire karakterini kullanın. Boşluk karakteri kullandığınızda sorun çıkabilir, çünkü tarayıcılar boşluk karakteri kullandığınızda sorun çıkabilir, çünkü tarayıcılar boşluk karakterlerini %20 karakterleriyle değiştirirler.
Özel Karakterler: ?, %, *, > ya da / gibi özel karakterleri kullanmayın. virgül kullanmayın.
Sayılar: Dosya isimlerinin en başında sayı kullanmaktan kaçının
Uzunluk: Klasör ve dosya isimlerinin olabildiğince kısa olmasına gayret edin. Klasör isminin sayfaya erişmek için yazdığınız URLin bir parçası haline geldiğini unutmayın.
Kaynak : Yerel Bir Site Tanımlamak Dreamweaver CS3
