Siteyi Yönetmek - BITEFO FETHIYE 2007

A-PDF Split DEMO : Purchase from www.A-PDF.com to remove the watermark
14
Siteyi
Yönetmek
Bir Web sitesi geliştirme süreci genellikle planlama aşmasıyla başlar. Bu aşamada
siteyle ilgili genel fikri oluşturur, site dosyalarını ve gezinti yapısını hazırlar, içeriği toplar,
ayrıca sitenin görünümünü ve ziyaretçiler üzerinde nasıl bir etki yaratmak istediğinizi
tasarlarsınız. Bu hazırlık adımları genellikle Dreamweaver’da çalışmaya başlamadan önce
gerçekleşir. Kitapta üzerinde çalıştığınız proje sitesi olan Yoga Sangha için bu adımlar
Ders 1’de anlatıldığı gibi sizin yerinize daha önceden uygulanmıştır. Planlama aşamasını
üretim aşaması takip eder. Bu aşamada da Ders 2’den Ders 13’e kadarki süreçte olduğu
gibi Dreamweaver’ı kullanarak sitenin sayfalarını oluşturur ve test edersiniz.
Bir Web sitesiyle ilgili yapılan çalışma üretim aşaması tamamlandığında sona ermez.
Üretim aşamasından sonra Web sitesinin ziyaretçiler için erişilebilir hale getirilmesi
gerekir. Bu da faaliyete sokma (launching) adı verilen bir işlemle gerçekleştirilir. Bu
Bu derste Files panelini
kullanarak dosyalarınızı
yönetecek ve bir uzak siteye
bağlanacaksınız.
işlemde, bir sunucuya yüklendikten sonra sitenin tanıtımı ve reklâmı yapılır. Ayrıca pek
çok Web sitesi, ziyaretçilerinin ihtiyaçları ve istekleri doğrultusunda, etkinliğini sürdürmek
ve yeni ziyaretçilerin ilgisini çekmek, daha önce gelen ziyaretçilerin tekrar gelmelerini
sağlamak için sürekli olarak gelişmek zorundadır. Sürekli olarak devam eden değişiklik
yapma, güncelleme, yeni içerik ekleme ve Web sitesini optimize etme işlemleri sitenin
devamlılığını sağlamak (site maintenance) olarak adlandırılır. Üretim aşamasından
devamlılığı sağlama aşamasına geçişte, sitenin bir sunucuya yüklenmek üzere ayarlanması,
ayrıntılı bir şekilde test edilmesi, sitenin faaliyete sokulması ile sürekli yönetim ve
devamlılığı sağlama çalışmaları için hazırlık yapma işlemleri gerçekleştirilir.
Web geliştirme sürecinin hayatî bileşenlerinden biri olan site yönetimi, bir sitenin sürekli
olarak kullanılabilmesi açısından çok önemlidir. Dreamweaver, yerel kök klasörünüzde
ve uzak sunucuda bulunan site dosyalarının devamlılığını sağlayarak Web sitenizi kolayca
güncellemenizi ve kontrol etmenizi sağlayan pek çok yönetim aracı sunar. Dreamweaver,
dosyalarınızı izlemek için site tanımlarını kullanır ve burada devamlılık sağlama işlemlerini
(dosyaların ve klasörlerin taşınması, eklenmesi, silinmesi gibi) gerçekleştirmek üzere site
araçlarını kullandığınızda güncellemelerin otomatik olarak yapılmasını sağlar. Bir ekibin
iş akışını yönetmek, ekip çalışmasını ve işbirliği çabalarını koordine etmeye yönelik çeşitli
araçlarla gerçekleştirilebilir. Dreamweaver aracılığıyla birden fazla Web sitesini yönetebilir,
site ayarlarını içeriye ve dışarıya aktarabilir, hatta site hazırlamak zorunda kalmadan
sunucularla bağlantı kurarak hızlı aktarma işlemleri gerçekleştirebilirsiniz.
Planlama, üretim ve devamlılığı sağlama aşamaları arasında çakışmalar meydana
gelebilir ve her bir aşamada yapılan işlemlere ait özellikler siteden siteye farklılık
gösterebilir. Örneğin test işlemleri düzenli bir şekilde faaliyete sokma
aşamasından önce ve sonra gerçekleştirilmelidir. Sayfaların Web tarayıcısında
önizlenmesiyle gerçekleştirilen temel test işlemini Ders 1’de görmüştük. Ayrıntılı
test işlemlerini ise Ders 15’te ele alacağız.
Neler Öğreneceksiniz?
Bu derste şunları öğreneceksiniz:
• Files panelinin hangi amaçlarla kullanıldığını öğreneceksiniz.
• Files panelini kullanarak çeşitli site yönetimi işlemlerini gerçekleştireceksiniz.
• Bir yerel siteyle uzak site arasındaki farkları göreceksiniz.
• Bir uzak site bağlantısı oluşturacaksınız.
• Bir uzak sitedeki dosyaları yerel klasöre ve mevcut dosyaları bu siteye kopyalayacaksınız.
• Contribute uyumluluğu özelliğini etkinleştireceksiniz.
• Bir siteyi Contribute ile yöneteceksiniz.
460 DERS 14
Yaklaşık Süre
Bu dersin tamamlanması yaklaşık 1 saat sürecektir.
Ders Dosyaları
Ortam Dosyaları:
Lesson_14_Sites/Images/…(bütün dosyalar)
Başlangıç Dosyaları:
Lesson_14_Sites/…(bütün dosyalar)
Files Panelini Kullanmak
Files paneli (sitenizin dosya ve klasör yapısını gösterir), kenetlenmiş bir panel olarak ya
da genişletilmiş modda daha büyük bir pencere olarak görüntülenebilir. Files panelini
dosya ve klasörlerin eklenmesi, silinmesi, yeniden adlandırılması ve taşınması gibi
çeşitli devamlılık sağlama işlemlerini gerçekleştirmek için daraltılmış ya da genişletilmiş
görünümde kullanabilirsiniz. Devamlılık sağlamayla ilgili bütün işlemleri Dreamweaver
içinde gerçekleştirerek gerektiğinde bağlantılar, resimler ve diğer elemanlara ait yolların
otomatik olarak güncellenmesini sağlarsınız. Dreamweaver, yaptığınız değişiklikleri izler
ve tanımlanmış bir sitede yapılan bütün değişiklikleri temel alarak dosyalarınızı günceller.
Dosya ya da klasör değişikliklerini Finder (Macintosh’ta), Bilgisayarım (Windows’ta)
veya Windows Explorer File Manager’da (Windows’ta) yaparsanız, Dreamweaver’ın dosya
bilgilerini güncellemek için Refresh düğmesini kullanmadığınız takdirde Dreamweaver bu
değişiklikleri tanımaz ve yolları doğru şekilde takip edemez.
1. Files panel grubunu açın ve Files sekmesini seçin.
Sİteyİ Yönetmek 461
Varsayılan durumda Files paneline başlangıçta daraltılmış görünümde erişebilirsiniz.
Bu moddayken panel Files panel grubunda Assets paneline kenetlenmiş durumdadır ve
sadece yerel dosyalar görünür. Files paneli bir araç çubuğuyla birlikte site devamlılığını
sağlama işlevlerine sahip pek çok bağlam menüsü seçeneği içerir. Show menüsü,
tanımladığınız herhangi bir siteye ya da bilgisayarınıza geçmenizi sağlar. Panelin üst
kısmında yer alan View menüsünü kullanarak Local View, Remote View, Testing Server ve
Map View seçenekleri arasında geçiş yapabilirsiniz.
Macintosh kullanıcıları için: Çoğu klasörde .DS_Store adındaki
dosyalarla karşılaşabilirsiniz. DS_Store dosyaları, Macintosh Finder
tarafından klasörleri görmek için kullanılan bilgileri içerir. Bu dosyalarla ve
bunların silinmesiyle ilgili ayrıntılı bilgi için http://www.macromedia.com/go/
tn_16831 adresindeki teknik notları inceleyebilirsiniz.
2. Site menüsünde Yoga Sangha’nın seçili olduğundan emin olun ve Files paneli
araç çubuğundaki Genişletme düğmesine tıklayın.
Macintosh kullanıcıları için: Eğer açıksa, pencerenin sol üst köşesinde bulunan Close
Window düğmesine tıklayarak Başlangıç sayfasını kapatmanız gerekir. Bu dersin büyük
bir bölümünde Files panelini kullanacaksınız ve başlangıç sayfası kimi zaman genişletilmiş
Files panelinin üzerini kapatabilir.
Windows kullanıcıları için: Başlangıç sayfasını kapatmanız gerekmez, çünkü
genişletilmiş Files paneli Dreamweaver uygulaması tarafından kaplanan alanı dolduracak
şekilde açılır.
Siz Genişletme düğmesine tıkladıktan sonra Files paneli aşağıdaki şekilde gösterildiği
gibi kendi genişletilmiş penceresinde açılır. Bu ders boyunca Files panelinin genişletilmiş
görünümünü kullanacaksınız.
462 DERS 14
Yerel dosyalarınız Files panelinin sağdaki bölmesinde (Local Files bölmesi) yer alır. Files
panelini genişlettikten sonra Genişletme/Toparlama düğmesine tıklayarak tekrar Files panel
grubu haline getirebilirsiniz. Local Files bölmesinde, Ders 1’de tanımladığınız kök klasörü
(DW8_YogaSangha) içindeki her şeyi bulabilirsiniz. Bu pencerede söz konusu kök klasörü
sizin Ders 1’de verdiğiniz ismiyle listelenir. Yoga Sangha.
Bu aşamada Files panel penceresinin sol bölmesinde (Remote bölmesi) bir Yardım metni
görüntülenecektir. Bu metinde Web sunucunuzdaki mevcut dosyaları görebilmek için bir
uzak site tanımlamanız gerektiği belirtilir. Bölmelerin büyüklüğünü, onları ayıran çubuğu
sürükleyerek ayarlayabilirsiniz.
Bu derste daha sonra bir uzak site tanımlayacaksınız. “define a remote site”
bağlantısına tıkladığınızda Site Definition iletişim kutusu açılır ve Advanced
sekmesinde Remote Info kategorisi seçili durumdadır. Uzak siteye
bağlandığınızda soldaki bölmede uzak dosyalar belirir.
Files panelindeki temel araçlar, Files araç çubuğu üzerinde yer alır.
• Show menüsü, tanımladığınız bütün siteleri görüntüler ve bilgisayarınızdaki diğer
dosyalara erişme ve uzak sitelere hızlı bir şekilde bağlanma imkânı sağlar. Belirli
bir siteyi açmak için menüden ilgili siteyi seçmeniz yeterlidir. Bu uygulamada Yoga
Sangha’nın seçilmesi gerekmektedir.
• Connect/Disconnect düğmesi, uzak siteye bağlanmanızı ya da bu bağlantıyı kesmenizi
sağlar. Henüz bir uzak site tanımlamadığınız için bu düğmeye tıkladığınızda Site
Definition iletişim kutusu açılır. Varsayılan durumda Dreamweaver bir uzak FTP
sitesiyle kurulan bağlantıyı, 30 dakikadan fazla boş kalma durumunda keser.
Zaman sınırı değerini değiştirmeniz gerekirse Edit > Preferences komutunu
(Files paneli daraltılmış görünümdeyken) seçin, açılan Preferences iletişim
kutusunda Site kategorisine geçin ve FTP Connection bölümündeki Minutes
Idle metin alanındaki sayıyı değiştirin.
• Refresh düğmesi, beklediğiniz şeyi yapar. Yani yerel ve uzak dizin listelerini tazeler.
Dosya listelerinde yapılan bütün değişiklikler Refresh düğmesine tıklandıktan sonra
görüntülenir. Sitenizin üzerindeki değişiklikleri Dreamweaver dışında yani Finder’da
(Macintosh’ta) ya da Windows Explorer’da (Windows’ta) yapmanız durumunda bu
değişiklikleri görmek için yerel dosyalarınızı (Local Files) tazelemeniz gerekir.
• Üç düğmeden oluşan grup, dört farklı görünüm seçeneği sunar: Site Files, Testing
Server, Map Only ve Map and Files. Etkin görünüm vurgulanır. Burada varsayılan
görünüm seçeneği Site Files’tır.
• Get File(s) düğmesi, seçili dosyayı ya da dosyaları uzak siteden yerel klasörünüze
kopyalar. Bunu yaparken mevcut yerel kopyaları siler. Bu seçenek şu anda işlevsel
durumda değildir, çünkü henüz bir uzak site tanımlanmamıştır.
Sİteyİ Yönetmek 463
• Put File(s) düğmesi, seçili dosyayı ya da dosyaları yerel klasörden uzak siteye
kopyalar. Bunu yaparken mevcut uzak kopyaları siler. Bu seçenek şu anda işlevsel
durumda değildir, çünkü henüz bir uzak site tanımlanmamıştır.
• Check Out File(s) düğmesi, seçili dosyayı ya da dosyaları uzak sunucudan yerel
klasörünüze kopyalar. Bunu yaparken mevcut kopyaları siler. Dosya daha sonra
sunucuda “alındı” (checked out) şeklinde işaretlenir. Check In/Check Out özelliği
Web sitesinde bir ekiple işbirliği içinde çalışırken çok faydalı bir araçtır. Bir dosyanın
bu şekilde işaretlenmesi durumunda Dreamweaver hiç kimsenin bu dosyayı
düzenlemesine izin vermez. Bu seçenek şu anda işlevsel durumda değildir; çünkü
henüz bir uzak site tanımlanmamıştır ve Yoga Sangha proje sitesi için Check In/Check
Out seçeneği henüz etkinleştirilmemiştir.
• Check In düğmesi seçili dosyayı ya da dosyaları yerel klasörden uzak sunucuya
kopyalar. Bunu yaparken mevcut uzak kopyaları siler. Uzak sunucudaki dosya
diğer elemanlar tarafından düzenlenebilir. Dosyanın yerel klasörünüzde (genellikle
bilgisayarınızda) bulunan kopyası salt okunur hale gelir ve siz onu almadıkça (check
out) düzenlenemez. Bu seçenek şu anda işlevsel durumda değildir; çünkü henüz bir
uzak site tanımlanmamıştır ve Yoga Sangha proje sitesi için Check In/Check Out
seçeneği henüz etkinleştirilmemiştir.
• Synhcronize seçeneği dosyaları yerel ve uzak klasör arasında senkronize hale
getirir. Bu seçenek şu anda işlevsel durumda değildir, çünkü henüz bir uzak site
tanımlanmamıştır.
• Menü seçenekleri olan File, Edit, View ve Site, genişletilmiş Files panelinin sağ üst
köşesindeki bağlam menüsünde (Macintosh’ta) veya genişletilmiş Files panelinin
sol üst tarafında (Windows’ta) yer alır. Bağlam menüsü hem Macintosh’ta, hem de
Windows’ta Files panelinin daraltılmış görünümünde (Files panel grubunun sağ üst
köşesinde yer alır) bu menülere erişim sağlar.
Bir Dreamweaver Sitesi Dışındaki Dosyalara
Erişmek
Files panelini, sitenizin kök klasörü dışında bulunan dosyalara erişmek ve bunlarla
çalışmak için de kullanabilirsiniz. Kimi zaman resimlerin kaynak dosyaları ya da sayfa
yerleşim düzenleri gibi genelde kök klasörlerinde bulunmayan dosyalara erişmeniz
gerekebilir.
1. Files panelindeki Show menüsünde Computer (Macintosh’ta) ya da Desktop
(Windows’ta) seçeneğini işaretleyin.
Ok (Macintosh’ta) ya da artı/eksi simgeleri (Windows’ta) aracılığıyla bilgisayarınızın
içinde erişebildiğiniz çeşitli sürücüleri ve klasörleri genişletebilir ya da daraltabilirsiniz.
464 DERS 14
2. Computer simgesinin yanındaki oka (Macintosh’ta) ya da Desktop simgesinin
yanındaki artı işaretine (Windows’ta) tıklayarak sürücülerinizi ve klasörlerinizi
görüntüleyin.
Dreamweaver’la tanımlanmış her site için kök klasörü olarak tanımlanan bütün klasörler
yeşille gösterilecektir. Diğer bütün klasörlerse mavi (Macintosh’ta) ya da sarı(Windows’ta)
olarak görüntülenir.
Files paneli kullanılarak Site klasörleriyle Computer veya Desktop arasında dosyaların
sürüklenip bırakılması durumunda yeni konumda dosyaların birer kopyası oluşturulur.
Dosyaları bir site klasörü içinde sürükleyip bırakırsanız bu dosyalar yeni konuma taşınır.
Dosyaları bir site klasörüyle Computer (Macintosh’ta) ya da Desktop
(Windows’ta) arasında sürükleyip taşıma yoluyla kopyalamanız gerekiyorsa,
bunu Dreamweaver’ın Files panelinde veya Finder’da (Macintosh’ta),
Bilgisayarım’da (Windows’ta) ya da Windows Gezgini’nde (Windows’ta)
yapmanız gerekir. Files panelindeki öğeleri Finder (Macintosh’ta), Bilgisayarım
(Windows’ta) ya da Windows Gezgini (Windows’ta) içindeki klasörlere
sürükleyemezsiniz. Bunun tersi de geçerlidir.
Dosyaları, üzerlerine çift tıklayarak diğer programlarda açabilirsiniz. Dreamweaver, açmak
üzere seçtiğiniz dosyayla ilişkilendirdiği programı kullanır.
Edit > Preferences komutunu seçip Preferences iletişim kutusundaki File
Types/Editors kategorisine geçerek dosyalarla ilişkilendirilen programları
değiştirebilirsiniz. Extensions listesinde istediğiniz dosya uzantılarını seçip
ekleyebilir ya da silebilirsiniz. Editors listesini kullanarak da seçili uzantılara
sahip dosyaları açmak için hangi programların kullanılacağını belirleyebilirsiniz.
Sİteyİ Yönetmek 465
Files Panelini Kullanarak Sayfalarda Değişiklik
Yapmak
Ders 3’te öğrendiğiniz gibi, site haritası (Site Map), sitenin seçilen bölümünün görsel bir temsilini
sunar. Site haritasında sayfaları görüntülerken ve imleci sayfaların üzerinde gezdirirken Files panelinin
durum çubuğunda (alttaki çubuk) her bir sayfaya ait bilgilerin görüntülendiğine dikkat edin.
1. Local Files (Yerel Dosyalar) bölmesinde Show menüsünü kullanarak tekrar Yoga
Sangha sitesine geçin. Lesson_14_Sites klasöründe yer alan index.html dosyasını
seçin. Files panelindeki bağlam menüsüne tıklayın (Macintosh’ta). Site > Set as Home
Page komutunu seçin.
Lesson klasörlerinin birçoğunda kitaptaki derslerde üzerinde çalışabilmeniz için tüm sitenin
bir kopyası yer alır. Bu yüzden site haritasını görmek için ana sayfayı sıfırlayarak, bu derse ait
klasörde yer alan index.html dosyasına dönüştürmeniz gerekecektir.
2. Map Only görünümüne geçin. training.html dosyasının yanındaki artı simgesine (+)
tıklayın. İmleci training.html dosyasının altındaki listede yer alan asana.html dosya
adının üzerine yerleştirin.
Ders 3’te öğrendiğiniz gibi Site Map görünümü, ana sayfanın bağlantılar aracılığıyla bağlandığı
dosyaları göstermek için görsel bir yöntemden faydalanır. training.html dosyası, training
klasöründe yer alır. Bu training.html dosyasının altında listelenen sonraki dosyalar, training.
html dosyasının bağlı olduğu bütün dosyaları gösterir.
Files panelinin alt kısmında yer alan durum çubuğunda belgenin başlığı ve boyutuyla birlikte
oluşturulma tarihi görüntülenir. İmleci dosya adının üzerine getirdiğinizden emin olun (dosya
simgesinin üzerine değil). İmleç dosya adının üzerine getirilmedikçe durum çubuğunda dosya
bilgileri görüntülenmez. Durum çubuğundaki bilgilere bakarak asana.html belgesinin başlığı
olmadığını görebilirsiniz.
466 DERS 14
Bir sayfaya başlık vermeyi unutursanız ya da bir başlığı değiştirmek isterseniz bunu Files
panelini kullanarak gerçekleştirebilirsiniz.
3. Macintosh’ta bağlam menüsüne tıklayın; Windows’ta Files penceresindeki
menüyü kullanın. Site haritasında dosya adları yerine sayfa başlıklarını görmek
için View > Site Map Options > Show Page Titles komutunu seçin.
Site haritası, dosyaları başlıklarıyla gösterecek şekilde yeniden oluşturulacaktır.
4. Genişletilmiş listede Untitled Document başlıklı ikinci sayfayı bulun. Bu sayfa,
ikinci adımda gördüğünüz asana.html’dir. Başlığına tıklayarak bu sayfayı seçin.
Bir süre bekledikten sonra başlığa tekrar tıklayın.
Başlığın etrafında bir dikdörtgen belirecektir. Bu dikdörtgen, başlığı düzenleyebileceğinizi
gösterir. Burada çift tıklamayın, çünkü yapmak istediğimiz şey dosyayı açmak değil.
Sadece başlığı seçip değiştirmemiz gerekiyor.
5. Yeni başlık olarak Yoga Sangha: In-Depth Asana Training & Practice yazın ve
Return (Macintosh’ta) ya da Enter (Windows’ta) tuşuna basın.
Site haritasında yeni başlık görüntülenecektir.
Files panelini kullanarak bir sayfayı düzenlemek üzere site haritası
bölmesinde ya da Local Files bölmesinde üzerine çift tıklayarak açabilirsiniz.
6. Bağlam menüsüne tıklayın (sadece Macintosh’ta) ya da File penceresini
kullanın (Windows’ta). View > Site Map Options > Show Page Titles komutunu
seçerek başlık görünümünden dosya adı görünümüne geçin.
View > Site Map Options menüsünde yer alan Show Page Titles komutunun yanındaki
onay işareti silinecek ve dosyaların üzerinde tekrar dosya isimleri görüntülenecektir.
Sİteyİ Yönetmek 467
7. Files paneli araç çubuğunda yer alan Site Files düğmesine tıklayarak dosya
listesine geçin. Training klasörünü açın ve imm.html dosyasını seçin.
İki bölme arasındaki çubuğu sola doğru sürükleyerek sol tarafta yer alan bölmeyi
(Remote Site bölmesi) daraltmak isteyebilirsiniz. Böylece Local Files bölmesindeki
çalışma alanını büyütmüş olur ve dosyaları daha kolay bir şekilde görürsünüz.
Dosyalarınızdan birinin adını değiştirmeniz gerektiğinde Dreamweaver tarafından saklanan
bağlantı bilgisini korumak için bu değişikliği Dreamweaver’ın Files panelinde yapmanız
gerekir. Bir dosyanın (bu bir HTML dosyası, bir resim dosyası ya da diğer herhangi bir dosya
olabilir) adını Dreamweaver’ın dışında bir yerde değiştirirseniz, Dreamweaver yaptığınız
değişiklikleri izleyemez. Eğer değişikliği Files panelinde yaparsanız, Dreamweaver’a bu
dosyaya bağlı olan veya resmi (adı değişen bir resim dosyasıysa) içeren bütün sayfaları
güncelleme imkânı vermiş olursunuz.
8. imm.html seçili durumdayken, düzenlemek için dosya adına tıklayın. Dosya
adını immersion.html olarak değiştirin ve Return (Macintosh’ta) ya da Enter
(Windows’ta) tuşuna basın.
İlk tıklamada imm.html dosya adı vurgulu hale gelecek ve ikinci tıklamada dosya adının etrafında
bir dikdörtgen belirecektir. Böylece dosya adının düzenlenebilir hale geldiğini anlarsınız
Update Files iletişim kutusu açılacak ve bu isim değişikliğinden etkilenen bütün dosyaların bir
listesi görüntülenecektir.
9. Dosyaları yeni dosya adına göre güncellemek için Update düğmesine tıklayın.
Dosya listesinde yeni dosya adı görüntülenecektir.
Dreamweaver dosya adı değişikliğini, bu değişikliğin uygulandığı asıl dosyayla
ilişkili bütün dosyalarda uygular. Eğer listedeki dosyalardan biri açıksa,
Dreamweaver değişikliği yapar ama dosyayı kaydetmez ya da kapatmaz. Açık
durumda olan ve değişikliğe uğrayan dosyalarda yapılan değişiklikleri File > Save
komutunu seçerek elle kaydetmeniz gerekir.
10. Files panelindeyken Lesson_14_Sites klasöründeki ysImages klasörünü açın.
468 DERS 14
Klasörde sadece darcy.jpg adında bir dosya olduğunu göreceksiniz. Eğer bir
dosya ya da klasör doğru konumda değilse bu dosyayı ya da klasörü doğru
konuma taşıyabilirsiniz. Bu değişikliği Files panelinde yaparak bütün bağlantı
bilgilerinin doğru ve değişmeden kalmasını sağlarsınız.
11. darcy.jpg resminin simgesini Lesson_14_Sites klasöründe listede daha yukarıda yer alan
ve explorations klasörünün yakınında bulunan Images klasörünün üzerine sürükleyin.
Bu resmi kullanan bütün dosyalar yaptığınız bu taşıma işleminden etkilenecektir. Bu yüzden
resmin yolunu düzeltmeniz gerekir. Update Files iletişim kutusu açılacak ve değişiklikten
etkilenen dosyaları güncellemek isteyip istemediğinizi soracaktır.
12. Update düğmesine tıklayarak resme ait bağlantıyı güncelleyin.
Resim Images klasörüne taşınacaktır. HTML dosyalarında bu resme ait bütün referanslar
çalışmaya devam edecektir. Eğer bu dosyayı Dreamweaver’ın dışına taşırsanız yollar
güncellenmez ve resim görüntülenemez. Yani belge penceresinde ya da Web tarayıcısında bu
resmin yerine genel tipte bir resim simgesi görüntülenir. Bu da söz konusu resim dosyasının
HTML’de belirtilen konumda bulunamadığını gösterir
Dreamweaver’da sütunların sırasını değiştirerek, sütunları görüntüleyerek,
gizleyerek ya da yeni sütun ekleyerek Files panelini özelleştirebilirsiniz. Files
panelini kullanarak sütunlar üzerinde değişiklik yapmak için Site > Manage Sites
komutunu seçerek Site Definition iletişim kutusunu açın ve File View Columns
kategorisini seçin. Yukarı ya da aşağı ok düğmelerini kullanarak sütunların
sırasını değiştirebilirsiniz. Options seçeneğinin yanındaki Show onay kutusu,
Files panelinde hangi sütunların görüntüleneceğini kontrol eder. Bu işlemlerin
dışında yeni sütun ekleyebilir veya mevcut sütunları silebilir ve bunları tasarım
notları (Design Notes) ile ilişkilendirebilirsiniz. Tasarım Notları ile ilgili ayrıntıları
bu derste daha ileride göreceğiz. Kitabın geri kalanında Files panelinde
varsayılan sütun düzenini kullandığınız ve herhangi bir değişiklik yapmadığınız
kabul edilmektedir. Bütün sütunları görmek için Local Files bölmesinin alt
kısmındaki kaydırma çubuğunu kullanabilirsiniz.
Sİteyİ Yönetmek 469
Bir Uzak Siteye Bağlanmak
Ders 1’de bir yerel site oluşturmuştunuz. Bu, sabit diskinizde bulunan ve siteniz için
gereken bütün klasörleri ve dosyaları içeren bir klasördü. Ders 2’den Ders 13’e gelene
kadar sayfaları yerel sitede geliştirdiniz. Fakat kendi sitelerinizi geliştirirken, üretim
aşamasını tamamladıktan sonra Web sayfalarınızın ziyaretçiler tarafından görülebilmesi
için yerel dosyalarınızı bir uzak siteye kopyalamanız gerekecektir. Uzak site genellikle
host’unuz, Web yöneticiniz ya da istemciniz tarafından belirlenen bir sunucuda bulunur.
Bu site ayrıca yerel bir ağda da bulunabilir.
Siteyi bir canlı sunucuya aktarmak (ideali, bu iş için sitenin bulunduğu
sunucuyu kullanmaktır) ve her şeyin beklendiği şekilde çalıştığını görmek için
bu siteyi test etmek iyi olacaktır. Siteyi farklı bir konuma aktardığınız için bazı
şeylerin önceki konumda olduğu gibi çalışmama ihtimali her zaman
mevcuttur. Bu tür sorunların olup olmadığını, siteyi ziyaretçilerin ya da siteyi
görmesi istenen kişilerin kullanımına açmadan önce belirlemek ve eğer varsa
bu sorunları çözmek en iyisidir. Test etme konusunu Ders 15’te göreceğiz.
1. Site > Manage Sites komutunu seçin.
Bunun için Windows kullanıcıları, Files panelinin genişletilmiş görünümünde
yer alan Site menüsünü de kullanabilir.
Manage Sites iletişim kutusu açılacaktır.
2. Yoga Sangha proje sitesini seçin ve Edit düğmesine tıklayın. Varsayılan
durumda Advanced sekmesi etkin olacaktır. Eğer değilse, Advanced sekmesine
tıklayın.
Site Definition for Yoga Sangha iletişim kutusu açılacaktır.
470 DERS 14
3. İletişim kutusunun sol tarafındaki Category listesinden Remote Info’yu seçin.
Site Definition iletişim kutusunun Remote Info bölümünde, Dreamweaver’a hangi uzak
siteye bağlanması gerektiğini ve bu uzak sitenin niteliklerini bildirmek için gereken
bilgileri girersiniz.
Geçerli seçenek None’dır. Yoga Sangha sitesini Ders 1’de ilk oluşturduğunuzda bu seçenek
böyle ayarlanmıştı.
4. Access menüsünde Local/Network’ü seçin.
Sİteyİ Yönetmek 471
Aşağıdaki adımlarda uzak FTP (File Transfer Protocol) sitesini taklit etmek için bir klasör
oluşturacaksınız. Bu işlem, bir uzak sunucuya erişmek zorunda kalmadan Get ve Put
fonksiyonlarıyla ilâve site yönetimi fonksiyonlarını kullanmanızı sağlar. Pek çok durumda,
uzak klasörü içerecek olan ağdaki başka bir bilgisayara erişiminiz olduğunda Local/
Network seçeneğini kullanırsınız. Burada bu, sizin kendi bilgisayarınızda olacak.
FTP erişimi, uzak bir sitedeki dosyaları almak ya da bu siteye dosya
göndermek için sık kullanılan bir yöntemdir. Bu dersi tamamlarken bir uzak
site erişiminiz olamayabilir. Bu yüzden aşağıdaki bilgiler sadece referans
olması amacıyla verilmiştir. Bu seçenekleri doğru olarak ayarlamak için ağ
yöneticinize ya da host’unuza başvurun. Aşağıdaki seçeneklere, Site
Definition iletişim kutusunun Remote Info bölümündeki Access menüsünden
FTP’yi seçerek ulaşabilirsiniz.
•
FTP host: Web sunucunuzun host adı (adobe.com gibi).
•
Host directory: Uzak sitede, ziyaretçiler tarafından görünen belgelerin
saklandığı dizin (site root yani sitenin kök dizini olarak da bilinir.
•
Login ve Password: Sunucudaki kullanıcı adınız ve şifreniz. Save onay
kutusunun işaretini kaldırırsanız, uzak siteye her bağlanışınızda sizden şifre girmeniz istenir.
•
Use passive FTP: Bu seçeneği, bilgisayarınızla sunucu arasında bir
firewall varsa kullanırsınız. Bu seçenek de varsayılan durumda işaretli değildir.
•
Use firewall: Bu seçeneği, uzak sunucuya bir firewall arkasından
bağlanıyorsanız kullanırsınız. Bu seçenek de varsayılan durumda
işaretli değildir. Firewall ayarları Dreamweaver’ın Preferences iletişim kutusunda bulunur. Firewall Settings düğmesine tıklayarak buraya hemen ulaşabilirsiniz.
•
Use Secure FTP (SFTP): Bu seçeneği, bir SFTP sunucunuz
varsa kullanırsınız. SFTP sunucusu güvenli bağlantılar
oluşturmak için şifreleme özelliğini kullanır. Bu seçenek de
varsayılan durumda işaretli değildir.
5. Uzak klasörü belirlemek için Remote Folder metin kutusunun sağındaki klasör
simgesine tıklayın.
Choose Remote Folder for Site Yoga Sangha iletişim kutusu açılacaktır.
472 DERS 14
6. Sabit diskinizde kök klasörünüzün (DW8_YogaSangha) dışında bir konumu seçin.
New Folder düğmesine tıklayın, klasör adı olarak YogaRemote yazın ve bunu seçin.
Uzak klasörün yerel kök klasörünüzün dışında olması gerekir.
• Macintosh kullanıcıları için: YogaRemote klasörünü seçin ve Choose düğmesine tıklayın.
• Windows kullanıcıları için: YogaRemote klasörünü seçin ve Open düğmesine tıklayın.
Sonra da YogaRemote klasörünü uzak klasörünüz olarak kullanmak için Select düğmesine
tıklayın.
Bu klasör uzak sunucunun yerine kullanılacaktır.
7. İlâve site seçeneklerine ait dört onay kutusunu varsayılan ayarında bırakın, OK
düğmesine tıklayarak sitenizle ilgili bilgileri kaydedin ve Done düğmesine tıklayarak
Manage Sites iletişim kutusunu kapatın.
Siz sitede gerekli değişiklikleri yaptığınız için Done düğmesine tıkladıktan sonra
Dreamweaver site önbelleğini (Site Cache) güncelleyebilir
Daha sonra Site > Manage Sites komutunu seçip Manage Sites iletişim kutusunu açtıktan sonra
değişiklik yapmak istediğiniz siteyi seçerek site bilgilerini istediğiniz zaman düzenleyebilirsiniz.
Bu uygulamada Refresh File List Automatically kutusunu işaretli, Check In/Out seçeneklerini
işaretsiz ve Maintain synchronization information kutusunu işaretli olarak bırakmıştınız.
8. Files panelindeki Refresh düğmesine tıklayın.
Files panelinin Remote Site bölmesinde boş uzak klasörün görüntülendiğine dikkat edin.
Klasör simgesinin yanında sabit diskinizden klasöre giden yolu göreceksiniz. Tam yolu görmek
için imleci klasör adının üzerine getirin.
Burada bir yerel klasör tanımladınız. Files panelinin üst kısmındaki Connect düğmesi etkin
değildir, çünkü zaten bağlı durumdasınız. Otomatik olarak bağlanmadığınızda Connect
düğmesi sizi belirli bir uzak sunucuya bağlar (FTP seçeneğini kullandığınızda olduğu gibi).
Dosyaları Yüklemek
Bir uzak site tanımladıktan sonra mevcut bütün dosyaları bu konuma yüklemeniz gerekir.
Bütün bir siteyi tek seferde yükleyebilir (bu durumda sunucudaki mevcut bütün dosyalar
silinir) ya da sadece yeni veya değişen dosyaları yükleyebilirsiniz.
1. Files panelinin Local Files bölmesinde en üst seviyedeki klasörü (Site—Yoga
Sangha) seçin ve Files panelinin araç çubuğundaki Put düğmesine tıklayın.
Put düğmesi Files panelinin üst tarafını gösteren mavi oktur. Get düğmesi ise
Files panelinin alt tarafını gösteren yeşil oktur.
Sİteyİ Yönetmek 473
Dreamweaver bütün siteyi eklemek istediğinizden emin misiniz diye soran bir uyarı ekranı
görüntülediğinde OK düğmesine tıklayın.
Bütün site uzak klasöre kopyalanacaktır. İstediğiniz bir ya da birden fazla öğeyi seçip Put
düğmesine tıklayarak klasörleri, bunların içeriğini ya da dosyaları tek tek de yükleyebilirsiniz.
Bitişik birden fazla öğeyi (arka arkaya gelen öğeler) seçmek için Shift tuşunu basılı tutup
tıklama ya da bitişik olmayan birden fazla öğeyi (aralarında başka öğeler bulunan öğeler)
seçmek için Cmd (Macintosh’ta) ya da Ctrl (Windows’ta) tuşunu basılı tutup tıklama yöntemini
kullanabilirsiniz.
Background File Activity penceresi açılacak ve aktarma işleminin ilerleyişini gösterecektir.
Aktarma işlemi devam ederken Dreamweaver’da dosyalar üzerinde çalışmaya devam edebilirsiniz.
2. Local Files bölmesinde Lesson_14_Sites/Training klasöründe yer alan asana.
html dosyasını bulun ve bu dosyayı üzerine çift tıklayarak açın. Text klasöründeki
asana.txt dosyasını açın ve bu doyanın içeriğini panoya kopyalayın. asana.html
dosyasına geri dönün ve içeriği buradaki metin bilgisinin üzerine yapıştırın, sonra
da dosyayı kaydedin. İki dosyayı da kapatın.
Bu dosya artık uzak klasördeki asana.html dosyasından daha yeni bir değiştirilme tarihine
sahiptir.
• Windows kullanıcıları için: asana.html dosyasını açtığınızda Files paneli otomatik
olarak daralarak Files panel grubundaki Site bölmesini görüntülediği haline
dönecektir. asana.html belgesiyle çalışmanızı tamamladıktan sonra Files panelini
üzerindeki Genişletme düğmesine tıklayarak genişletin.
• Macintosh kullanıcıları için: asana.html dosyasını kapattığınızda başlangıç sayfası
açılıyorsa, bu sayfayı kapatarak Files panelinin üzerini kapatmasını önleyin.
474 DERS 14
3. En üst seviyedeki yerel klasörü (Site---Yoga Sangha) seçin. Bağlam menüsüne
tıklayın (Macintosh’ta). Edit > Select Newer Local komutunu seçin.
Dreamweaver bütün yerel dosyaların değiştirilme tarihlerini uzak sitede bunlara karşılık
gelen dosya bilgileriyle karşılaştırır ve sadece en yeni yerel dosyaları seçer. Macintosh’ta
Dreamweaver bütün dosyaların değiştirilme tarihlerini inceler ve bu işlem Background
File Activity penceresinde gösterilir. Hem Macintosh, hem de Windows kullanıcıları için:
Dreamweaver bu işlemi tamamlamaya kadar bekleyin. Bütün dosyaların incelenmesi
birkaç dakika sürebilir.
Dreamweaver işini bitirdikten sonra Lesson_14_Sites/Training klasöründeki asana.html
dosyası seçilecektir.
Yeni oluşturulan ya da değiştirilen dosyaları seçerken kullanabileceğiniz iki
ilâve seçenek daha vardır. Select Newer Remote, uzak sitede, kendilerine
karşılık gelen yerel klasör dosyalarından daha yeni olan dosyaları seçer.
Select Recently Modified, her iki konumda bulunan dosyaları karşılaştırarak
yeni ya da değişmiş dosyaları seçer.
Sİteyİ Yönetmek 475
4. Files paneli araç çubuğundaki Put File(s) düğmesine tıklayın.
Dependent Files iletişim kutusu açılacaktır. Burada Yes (Evet), No (Hayır) ve Cancel
(İptal) seçeneklerini göreceksiniz.
• Yes, seçili durumdaki sayfada yer alan bütün resimleri HTML sayfalarıyla birlikte
sunucuya gönderir.
• No, sadece HTML sayfalarını gönderir. Sadece HTML sayfasında değişiklik
yaptıysanız ve resimler sunucuda duruyorsa, resimleri tekrar göndermeniz için
herhangi bir sebep yoktur. Bu yüzden No düğmesine tıklamanız gerekir. Eğer bir
resimde değişiklik yaptıysanız veya sayfaya yeni bir resim eklediyseniz Yes düğmesine
tıklamanız gerekir.
• Cancel seçeneği ise aktarma işleminin gerçekleşmesini engeller ve iletişim kutusunu
kapatır.
Dependent Files iletişim kutusunda ayrıca Don’t Show Me This Message
Again onay kutusu bulunur. Bu seçenek daha önce işaretlendiyse
Dependent Files iletişim kutusunu görmezsiniz. Eğer Dependent Files
iletişim kutusunu görmüyorsanız ama görmek ve bu seçenekleri istediğiniz
şekilde belirlemek istiyorsanız Dreamweaver > Preferences (Macintosh’ta) ya
da Edit > Preferences (Windows’ta) komutunu seçin. Site kategorisini seçin
ve Dependent Files bölümünde Prompt on Get/Check Out ile Prompt on
Put/Check In seçeneklerine ait iki kutuyu işaretleyin.
5. Dependent Files iletişim kutusunu görüyorsanız No düğmesine tıklayın.
Bu uygulamada bağımlı dosyaların hiçbirinde değişiklik yapmadınız. Bu yüzden
YogaRemote adlı uzak klasörde bunları değiştirmeniz gerekmez.
Seçili dosya uzak siteye yüklenir (kopyalanır).
Yükleme işlemi tamamlandığında, Local Files bölmesindeki listeyi yansıtan Remote Site
bölmesinde bir dosya listesi görürsünüz.
476 DERS 14
Sadece yeni oluşturulan ya da üzerinde değişiklik yapılan dosyaları yüklemenin ya
da indirmenin diğer bir yolu da, yerel ve uzak siteleri senkronize hale getirmektir.
Senkronize etmek, yerel klasörle uzak site arasında paralel bir dosya ve klasör
yapısı oluşturmanızı sağlar. Burada bir konumdaki dosyalar, diğer konumda
kendilerine karşılık gelen dosyaların birer kopyasıdır.
Dreamweaver, sitenizi senkronize etmek için hem yerel, hem de uzak sitede
bulunan dosyaların değiştirilme tarihlerini karşılaştırır. Senkronizasyon, sadece
yeni oluşturulan ve üzerlerinde değişiklik yapılan dosyaları güncellemenizi sağlar.
Bir siteyi senkronize etmek için Files panelindeki bağlam menüsünden Site >
Synchronize komutunu seçin (Macintosh’ta) ya da genişletilmiş Files panelinde
Site > Synchronize komutunu seçin (Windows’ta). Direction menüsünden
bir doğrultu seçerek senkronizasyon işleminin nasıl gerçekleştirileceğini
belirleyebilirsiniz. Put newer files to remote seçeneği, sadece Dreamweaver’ın
yerel klasörünüzde uzak sitedekilerden daha yeni dosyalar bulması durumunda
güncelleme yapar. Get newer files from remote seçeneğinde indirme işlemi,
Dreamweaver’ın uzak sitede yerel klasörünüzde yer alanlardan daha yeni dosyalar
bulması durumunda gerçekleştirilir. Get and Put newer files, dosyaları her iki
yönde de aktarır. İşlemi başlatmak için Preview düğmesine tıklayın. Dreamweaver
hem yerel, hem de uzak klasörde bulunan dosyaları tarar ve değiştirilme tarihlerini
karşılaştırır. Dreamweaver yerel ve uzak klasörleri tarama işlemini bitirdikten sonra
aktarma gerekliliği duyduğu dosyaların bir listesini görüntüler. Buradaki iletişim
kutusu eylemi (Put ya da Get), dosya adını ve durumu listeler. Her bir dosya için
Action kutusunun işaretini kaldırmanız mümkündür. Dreamweaver bu dosyaları
aktaracağı dosyalar listesinden çıkarır. Güncellenecek olan dosyaların sayısı bu
iletişim kutusunun alt kısmında verilir.
Check In/Out özelliğini kullanıyorsanız senkronizasyon işlevini dikkatli kullanın.
Çünkü senkronize etme işleminde dosyalar alınır ve gönderilir (Check In/Out
özelliğini kullanıyor olsanız bile). Dosyalara Check In/Check Out alma-gönderme
işlemi uygulamaz, sadece değiştirir. Check In/Out konusuyla ilgili ayrıntıları
bu derste daha ileride göreceğiz. Aktarma işlemi tamamlandıktan sonra site
dosyalarının oluşturduğu liste, kaç tane dosyanın güncellendiği konusunda sizi
bilgilendirir. Dosyaların ne zaman aktarıldığını takip etmeniz gerekiyorsa, Save
Log düğmesine tıklayarak dosya transfer işleminin günlüğünü oluşturabilirsiniz.
Dosyaları ve Klasörleri Gizlemek
Web sitenizi geliştirirken belirli dosyaların yüklenmesini veya indirilmesini engellemek
isteyebilirsiniz. Örneğin sayfalarınıza gömülü halde çok sayıda Flash ve QuickTime filmi varsa,
Get ya da Put ile alma ya da gönderme işlemi uyguladığınız her zaman yerel klasörünüzde ya da
Sİteyİ Yönetmek 477
uzak sunucunuzdaki bu dosyaları değiştirmek istemeyebilir, ama diğer bağımlı dosyaların
otomatik olarak yüklenmesini isteyebilirsiniz. Ayrıca yerel klasörünüzde resimlere ait
kaynak dosyaları olabilir. Kaynak dosyaları normalde uzak sunuculara yüklenmez, çünkü
bunlar ziyaretçilerin Web sayfalarını görüntülemeleri için gerekli değildir ve çok fazla yer
kaplayabilirler.
Site aktarma işlevlerinden (Synchronize, Get ile Put ve Check In/Out) hariç tutmak için
belirli klasörleri ya da dosya tiplerini gizleyebilirsiniz. Gizlenmiş klasörler ve dosya tipleri,
site genelinde uygulanan işlemlerden de (Select Newer Local ve Select Newer Remote,
bağlantıların kontrol edilmesi, bul/değiştir, raporlar ve kütüphane/şablon güncelleme gibi)
hariç tutulurlar. Gizlenmiş klasörler ve dosya tipleri Assets ya da Files panelinde görünmez.
Pek çok Dreamweaver site işlevi gibi gizleme de diğer FTP programları
tarafından tanınmaz. Bu uygulamada gizleyeceğiniz klasörlere ait bilgilerin
devamlılığını sağlamak için Dreamweaver tarafından ihtiyaç duyulan veriler
Library klasöründe tutulacaktır. Bu klasör çok az yer kaplar ve yerel veya
uzak konumlardan silinmemelidir.
1. Files panelinin Local Files bölmesini kullanarak Lesson_14_Sites klasöründe
yer alan PNG klasörünü seçin.
Bu klasörde bir PNG dosyası bulunmaktadır.
Dosyaları tek tek gizleyemezsiniz. Ya klasörleri bütün olarak ya da belirli bir dosya
tipindeki tüm dosyaları gizleyebilirsiniz.
Sitenizi düzenlemek için kullanabileceğiniz güzel yöntemlerden biri, bütün
ortam dosyalarını aynı klasörde toplamaktır. Örneğin sitenizde çok sayıda
PDF (Portable Document Format) dosyası varsa, sadece PDF dosyaları için
bir klasör oluşturmak sitenizi düzenli tutmanızda ve devamlılığını sağlamada
size çok yardımcı olacaktır.
2. Bağlam menüsüne tıklayın ve Site > Cloaking > Cloak komutunu seçin (sadece
Macintosh’ta) ya da sağ tıklayarak Cloaking > Cloak komutunu seçin.
Gizleme özelliği varsayılan durumda etkin olmalıdır. Eğer Cloak seçeneği gri
olarak görüntüleniyorsa, yani seçilemez durumdaysa bağlam menüsüne
tıklayıp Site > Cloaking > Enable Cloaking (Macintosh’ta) ya da Site >
Cloaking > Enable Cloaking (Windows’ta) komutunu seçmeniz gerekir.
Macintosh kullanıcıları bağlam menüsüne ve gizleme ayarlarına erişmek için
Ctrl tuşunu basılı tutup tıklama yöntemini de kullanabilirler.
478 DERS 14
PNG klasör simgesi Files panelinin hem Local Files, hem de Remote Site bölmelerinde,
üzerinde çapraz bir kırmızı çizgiyle görüntülenecektir. Bu çapraz kırmızı çizgi, ilgili
dosyanın gizlendiğini ve site işlemlerinden hariç tutulacağını gösterir. Klasörü açtığınızda
Yoga-Sangha.png dosyasının simgesinde de çapraz bir kırmızı çizgi olduğunu görürsünüz.
Klasöre sağ tıkladıktan ya da Ctrl tuşunu basılı tutup tıkladıktan
(Macintosh’ta tek düğmeli fare kullananlar için) sonra Cloaking > Uncloak
komutunu seçerek klasörün gizleme özelliğini kaldırabilir ve site işlemlerine
dahil edebilirsiniz.
Sİteyİ Yönetmek 479
3. PNG klasörüne sağ tıklayın ya da Ctrl tuşunu basılı tutup tıklayın (Macintosh’ta
tek düğmeli fare kullananlar için) ve Cloaking > Settings komutunu seçin.
Site Definition iletişim kutusunun Advanced sekmesi açılacaktır. Cloaking kategorisinin
seçili olduğuna dikkat edin.
4. Cloak Files Ending With onay kutusunu işaretleyin. onay kutusu Metin alanında
bulunan varsayılan dosya uzantıları listesinin en sonuna tıklayın. Boşluk tuşuna
basın ve metin alanına .pdf yazın.
Birden fazla dosya tipini gizlemek için buradaki metin alanına ilâve dosya uzantıları
ekleyebilirsiniz. Birden fazla dosya tipini gizlemek için uzantıları birer boşlukla ayırmanız
gerekir. Metin alanındaki varsayılan seçenekler olan .png ve .fla uzantılarının da bu
şekilde yazılmış olduğunu görüyorsunuz. Fireworks kaynak dosyalarında .png extension
uzantısı, Flash kaynak dosyalarında ise .fla uzantısı kullanılır. Sık kullanılan kaynak
dosyaları için de uzantı listesine ekleme yapabilirsiniz (Adobe Photoshop dosya uzantısı
olan .psd gibi).
480 DERS 14
5. OK düğmesine tıklayarak Site Definition iletişim kutusunu kapatın ve
Dreamweaver size önbelleğin yeniden oluşturulacağını söyleyince OK
düğmesine tıklayın. İşlem bittiğinde Files panelinde bulunan Refresh düğmesine
tıklayın.
Yoga Sangha proje sitesinde bulunan bütün PDF dosyaları artık gizli durumdadır.
Lesson_14_Sites klasöründe dosya simgesinin üzerinde çapraz kırmızı çizgilerin
göründüğü bir PDF dosyası bulunmaktadır: ysSchedule.pdf. Artık bütün PDF dosyaları
site işlemlerinden hariç tutulmaktadır.
Dosya tiplerinin gizlilik durumunu iptal etmek isterseniz, Assets panel
grubundaki (Macintosh’ta) ya da Files panel grubundaki (Windows’ta) bağlam
menüsüne tıklayın ve Site > Cloaking > Settings komutunu seçin. Site Definition
iletişim kutusunda gizlilik durumunu iptal etmek istediğiniz dosya tipinin
uzantısını buradaki metin alanından silin veya bütün dosya tiplerini görünür
kılmak için Cloak files ending with onay kutusundaki onay işaretini kaldırın.
6. Files panelinin Local Files bölmesinde herhangi bir yere sağ tıklayarak ya da Ctrl
tuşunu basılı tutup tıklayarak (Macintosh’ta tek düğmeli fare kullananlar için)
Cloaking > Enable Cloaking komutunu seçin.
Enable Cloaking seçeneğinin işareti kaldırılacaktır. Bu da “Yoga Sangha” proje sitesinde
gizleme özelliğinin iptal edildiğini gösterir. Bu, bir sitedeki klasörlerin ve dosyaların
gizleme özelliğini geçici olarak iptal etmek için basit bir yöntemdir. Eğer Site > Cloaking
> Enable Cloaking komutunu tekrar seçerseniz gizleme özelliği tekrar etkinleşir ve daha
önceden gizli durumda bulunan bütün klasörler ve dosyalar yeniden gizlenir. Gizleme
özelliği varsayılan durumda bütün sitelerde etkindir. Klasörleri ve dosya tiplerini
gizleyebilmeniz için bu özelliğin etkin olması gerekir.
Site Definition iletişim kutusunda Cloaking kategorisini seçip Enable
Cloaking onay kutusunun işaretini kaldırarak da gizleme özelliğini bütün
sitede iptal edebilirsiniz. Ya da Cloaking > Uncloak All komutunu seçerek
bütün klasörlerin ve bütün dosya tiplerinin gizleme özelliğini aynı anda iptal
edebilirsiniz. Bu seçenek gizleme özelliğini etkin durumda bırakır ve
sitenizdeki bütün klasörlerin ve dosyaların gizleme özelliğini iptal eder. Eğer
daha önce Uncloak All komutunu kullandıysanız, klasörleri ve dosyaları
otomatik olarak yeniden gizleyemezsiniz. Gizleme özelliğini sadece geçici
olarak kaldırmak isterseniz, bunu altıncı adımda anlatıldığı şekilde
yapmalısınız. Gizleme seçeneklerine, Files (ya da Assets) panel grubunun
bağlam menüsündeki Site menüsünden (Macintosh’ta ve Windows’ta
daraltılmış durumdaki Files panelini kullanırken) ya da Site menüsünden de
(Windows’ta genişletilmiş durumdaki Files paneli) erişebilirsiniz.
Sİteyİ Yönetmek 481
Dosya Almak Ve Göndermek (Check In/Out)
Eğer bir Web sitesi projesinde bir ekiple birlikte çalışıyorsanız, Check In/Out
seçeneklerinin işbirliğini çok daha kolay hale getirdiğini göreceksiniz. Bu özellik
etkinleştirildiğinde, ekiptekilerden biri bir dosyayı düzenlemek üzere alırsa (Check Out),
Dreamweaver alınan dosyayı uzak sunucuda kilitler ve tekrar gönderilene (Check In)
kadar ekipteki başka hiç kimse bu dosyayı düzenleyemez. Tüm ekibin Dreamweaver
kullanması ve bütün ekip elemanlarının Check In/Out özelliğini etkinleştirmesi, Files
panelini kullanması ve uzak sunucuya bağlı olması durumunda Check In/Out özelliği, biri
belirli bir dosya üzerinde çalıştığında grubu bundan haberdar eder ve böylece öğelerin
kazara silinmesini ya da insanların boşuna emek harcamasını önler.
1. Site > Manage Sites komutunu seçin.
Manage Sites iletişim kutusu açılacaktır.
2. Listede Yoga Sangha proje sitesini seçin ve Edit düğmesine tıklayın.
Site Definition For Yoga Sangha iletişim kutusu açılacaktır.
3. İletişim kutusunun Advanced sekmesine geçerek Category listesinde Remote
Info seçeneğini işaretleyin.
Uzak siteyle ilgili bilgiler görüntülenecektir.
4. Check In/Out alanında Enable file check in and check out kutusunu işaretleyin.
Bir ilâve onay kutusu ve iki tane de ilâve metin kutusu belirecektir. Check out files when
opening seçeneğini işaretlerseniz, siz açtığınızda dosyalar otomatik olarak alınacaktır. Bu
işlevin düzgün bir şekilde çalışabilmesi için uzak siteye bağlı olmanız gerekir. Eğer bağlı
değilseniz Dreamweaver uzak siteye otomatik olarak bağlanır.
İlâve metin kutularının adları sırasıyla Check Out Name ve Email Address’tir.
482 DERS 14
5. İlgili metin alanlarına bir alma adı (Checkout name) ve e-posta adresinizi
yazın. Site Definition iletişim kutusunda OK düğmesine, Manage Sites iletişim
kutusunda da Done düğmesine tıklayın.
Alma adınız sadece grup referansı içindir. Bunun için kendi tam adınızı ya da bir kullanıcı
adı kullanabilirsiniz. Bu ad, bir dosyayı aldığınızda Files panelinin Checked Out By
sütununda görüntülenecektir. e-posta adresiniz de ekip üyelerinin soru sormak üzere
sizinle irtibat kurmasını sağlamak için kullanılır.
6. Files panelinin Dosya listesi görünümünde Lesson_14_Sites klasöründe yer
alan index.html sayfasını seçin ve pencerenin üst kısmında yer alan Check In
düğmesine tıklayın. Aynı işlemi sanskrit.html sayfası için tekrarlayın. Bağımlı
dosyaları dahil etmek isteyip istemediğiniz sorulursa No deyin.
Check In Düğmesi
Dreamweaver seçili dosyaları uzak klasöre yükleyecektir. Files panelinin Local Files
bölmesinde bazı dosyalar küçük bir kilit simgesiyle işaretlenir. Bu da, söz konusu
dosyaların gönderildiğini ve bunları yerel olarak düzenleyebilmeniz için alınmaları
gerektiğini gösterir.
483
Bir ekiple birlikte çalışıyorsanız ve Check In/Out özelliğini kullanıyorsanız dosyaları
yüklemek ve indirmek için herkesin Get File(s) ve Put File(s) simgelerini değil de Check
In ve Check Out File(s) simgelerini kullanması önemlidir.
Uzak sitenizin bir yerel kopyası varsa Check In/Out özelliğinin düzgün bir şekilde
çalışması için her bir yerel dosyayı göndermeniz gerekir. Check In/Out özelliğini
etkinleştirdiğinizde, dosyalarınızın uzak sunucuda otomatik olarak gönderilmeyeceğini
aklınızdan çıkarmayın. Onay ve kilit simgeleri, bir dosyanın durumunu gösterir. Onay
işareti, ilgili dosyanın alındığını, kilit de dosyanın gönderildiğini gösterir. Bir dosyada bu
ikisi de yoksa (onay işareti ve kilit) bu dosyanın mevcut bir Check In/Out durumu yok
demektir. Böyle işaretsiz bir dosyayı açabilir ya da düzenleyebilirsiniz. Bir ekiple birlikte
çalışıyor ve Check In/Out özelliğini kullanıyorsanız, bu özelliği etkinleştirdikten sonra
bütün sitenizi bir kez almanız ve göndermeniz iyi olacaktır. Böylece işaretlenmemiş
dosyaların açılıp kazara düzenlenmesini önlemiş olursunuz.
7. Files panelinde Lesson_14_Sites klasöründe yer alan sanskrit.html sayfasını
seçin. Panelin üst kısmındaki Check Out File(s) düğmesine tıklayın. Bağımlı
dosyaları dahil etmek isteyip istemediğiniz sorulursa No deyin.
Check Out File(s) düğmesi
484 DERS 14
Dosyaların en son haliyle çalıştığınızdan emin olmak için dosya yerel sitenize
indirilecektir. Hem yerel, hem de uzak dosyaların bulunduğu bölmede dosya simgesinin
yanına küçük yeşil bir onay işareti konur. Bu da dosyanın sizin tarafınızdan alındığını
gösterir. Her iki bölümde de yer alan Checked out by sütunları e-posta adresinize
giden tıklanabilir bir bağlantı formunda alma isminizi gösterir. Ekibinizin diğer üyeleri
tarafından alınan dosyalar kırmızı bir onay işaretiyle gösterilir. Bu da, tekrar gönderilene
kadar söz konusu dosyaları sizin alamayacağınızın bir işaretidir.
Başka birinin aldığı bir dosyayı açmaya kalkarsanız, Dreamweaver sizi bu dosyanın
alınmış olduğu konusunda uyaracak ve birkaç seçenek sunacaktır. Dosya açma işlemini
iptal edebilir, dosyayı görmek için açabilir ya da alma işlemini iptal edebilirsiniz.
Bu uygulamada dosyanın başka biri tarafından alındığını bildiren bir mesajlar
karşılaşırsanız, bu alma işlemini geçersiz kılma seçeneğini işaretleyin.
Check In/Out özelliğinin düzgün bir şekilde çalışabilmesi için ekipteki herkesin
Dreamweaver kullanması gerekir. Diğer FTP programları Check In/Out özelliğini
tanımaz. Diğer programlar dosyaların gönderilmesi ve alınması işlemlerinin asıl amacını
dikkate almayarak dosyaların üzerine yazabilir. Check In/Out özelliğini kullandığınızda,
FTP programları, Dreamweaver’ın oluşturduğu dosyaları görebilir. Alınan her bir dosya
için sunucuda bir LCK dosyası oluşturulur ve Dreamweaver’a dosyanın alındığı bildirilir.
Bu uygulamada Finder’da (Macintosh’ta) veya Windows Gezgini’nde (Windows’ta)
sanskrit.html.lck dosyasını görebilirsiniz. Bu dosyaları silmeyin. Bunlar Check In/Out
özelliğinin çalışması için gereklidir ve çok az yer kaplarlar.
Ayrıca Dreamweaver’ın Check In/Out kısıtlamalarını uygulayabilmesi için, ekip
tarafından kullanılan bütün dosyaların başlangıçta bütün kullanıcıların iş istasyonlarında
gönderilmiş olması gerekir. Eğer bir dosya hiç gönderilmemiş ya da alınmamışsa, bu
dosya hâlâ düzenlenebilir durumdadır (Check In/Out özelliği atlanarak).
8. Files panelinde Local Files bölmesinde yer alan sanskrit.html sayfasını seçin.
Pencerenin üst kısmında bulunan Check In düğmesine tıklayın. Bağımlı
dosyaları dahil etmek isteyip istemediğiniz sorulursa No deyin.
Bu dosya artık gönderilmiş durumdadır ve tekrar alınana kadar düzenlenemez. Şu an için
Check In/Out özelliğini etkin olarak bırakabilirsiniz. Bu derste daha sonra göreceğimiz
uygulamalardan birinde buna ihtiyacımız olacak.
Eğer Check In/Out özelliği kapalı durumdaysa ve dosyaları kilitlemek
istiyorsanız, Files (ya da Assets) panel grubundaki bağlam menüsüne
tıklayabilir ve File > Turn Off Read Only komutunu seçebilirsiniz. Bu
seçeneğe, ilgili dosyaya sağ tıkladıktan ya da Ctrl tuşunu basılı tutup
tıkladıktan (Macintosh’ta tek düğmeli fare kullananlar için) sonra Unlock
komutunu seçerek de erişebilirsiniz.
Sİteyİ Yönetmek 485
Tasarım Notları Kullanmak
Tasarım notları (Design notes), dosyalarla ilgili bilgileri takip etmek için çok faydalıdır.
Bu notlar sadece sizin bilgi almanız için kullanılır ve sitenizin ziyaretçileri tarafından
erişilemeyen ve Web tarayıcısında görüntülenemeyen gizli metin dosyalarıdır. Tasarım
notlarını uzak sunucuya yükleyerek birlikte çalıştığınız arkadaşlarınızla kolayca bilgi
paylaşabilirsiniz. Bu notlar sitenizdeki bütün dosyalarla birlikte kullanılabilir.
1. Site > Manage Sites komutunu seçin. Yoga Sangha sitesini seçin ve Edit
düğmesine tıklayın. File View Columns kategorisini seçin ve File View Columns
listesinde Notes öğesine tıklayın. Options bölümündeki Show seçeneğini
işaretleyin. Değişiklikleri siteye uygulamak için OK düğmesine ve ardından
Manage Sites iletişim kutusundaki Done düğmesine tıklayın.
Files panelinde oluşturacağınız tasarım notunu görmenizi sağlamak için Notes sütununun
etkinleşmesi gerekir.
2. Files panelinde Lesson_14_Sites/Community klasöründe yer alan AboutGreen.
html sayfasını seçin. Files panelindeki bağlam menüsüne tıklayın ve File >
Design Notes (sadece Macintosh’ta) ya da AboutGreen.html dosyasına sağ
tıklayın ve Design Notes komutunu seçin.
486 DERS 14
Files panelinde seçili dosyaya ait Notes sütununa çift tıklayarak ya da dosyaya
sağ tıklayıp veya Ctrl tuşunu basılı tutarak tıklayıp erişebileceğiniz
(Macintosh’ta tek düğmeli fare kullananlar için) bağlam menüsünden Design
Notes seçeneğini işaretleyerek de bir tasarım notu ekleyebilirsiniz.
Design Notes iletişim kutusu açılacaktır. Bu adımda kullandığınız yöntemi kullanarak bir
dosyaya Files panelinde seçili durumdayken ya da belge penceresinde açıkken tasarım notu
ekleyebilirsiniz. Basic Info sekmesi, notun ekleneceği dosyayla ilgili bilgileri ve bu dosyanın
sitedeki yolunu görüntüler. Status menüsünden bir seçim yaparak dosyanın durumunu
değiştirebilirsiniz.
Site Definition iletişim kutusundaki Design Notes kategorisi aracılığıyla Design
Notes özelliğini açabilir ya da kapatabilirsiniz. Varsayılan durumda hem Maintain
Design Notes, hem de Upload Design Notes for sharing seçenekleri işaretlidir.
Upload Design Notes for sharing seçeneğinin işaretli olması durumunda sizin
uzak sunucuda alma veya gönderme (get, put, check in ya da check out
seçenekleriyle) işlemi uyguladığınız bütün dosyalara ait tasarım notları
Dreamweaver tarafından otomatik olarak yüklenir ya da indirilir.
3. Notes metin kutusunun sağ köşesinin üzerinde bulunan Insert Date simgesine
tıklayın. Status menüsünden revision1’i seçin ve Show when file is opened
seçeneğini işaretleyin. Sonra da OK düğmesine tıklayın.
Check In/Out özelliğini kullanırken, tasarım notu oluşturmak için dosyanın
alınmış olduğundan emin olmanız gerekir. Burada dosya daha önce
gönderilmemiştir, dolayısıyla tasarım notunu dosyayı almadan ekleyebilirsiniz.
Notes metin kutusunun ilk satırına tarih bilgisi eklenecektir. Bu alanı dosyalarınızla ilgili
önemli bilgileri girmek için kullanabilirsiniz.
Sİteyİ Yönetmek 487
Bu pencerenin alt kısmında yer alan Show when file is opened seçeneği, dosya açıldığında
bu notun görüntülenmesini sağlar. Böylece ekibinizdeki diğer üyeler sizin eklediğiniz
notları kolayca görebilir.
Design Notes iletişim kutusu kapanacak ve not sizin eklediğiniz bilgiyle birlikte
AboutGreen.html dosyasına iliştirilecektir.
4. Files panelinin Local Files bölmesinde Notes sütununu görene kadar ekranı
sağa kaydırın.
Notes sütununda dosya adının sağ tarafında sarı bir metin balonu şeklinde Design Notes
simgesi belirecektir. Bu simge, dosyaya bir not iliştirildiğini gösterir.
Bu notları düzenlemek isterseniz Design Notes simgesine (sarı balon) çift
tıklayarak Design Notes iletişim kutusunu tekrar açın.
Site Tanımlarını Dışarıya Aktarmak
Site Export işlevi, site listenizden bir site seçerek bunu başka bir bilgisayara taşımanızı
sağlar. Bu işlev pek çok durumda işinize yarayacaktır. Örneğin site çalışmalarını diğer
ekip üyeleriyle paylaşmanız ya da diğer bilgisayarlara geçmeniz gerektiğinde. Siteler XML
dosyaları olarak kaydedilir ve Site Definition iletişim kutusundaki bütün ayarlar korunur.
488 DERS 14
1. Site > Manage Sites komutunu seçin ve Manage Sites iletişim kutusunda Yoga
Sangha sitesini seçin. Export düğmesine tıklayın.
Geçerli siteyi dışarıya aktarmak için Files panelindeki bağlam menüsüne
tıklayarak (Macintosh’ta) Site > Export komutunu seçebilirsiniz.
Export Site iletişim kutusu açılacaktır. Bu iletişim kutusunu kullanarak dosyayı
adlandırabilir ve aktarılan sitenin kaydedileceği konumu belirleyebilirsiniz.
2. Exported Site dosyasını Yoga Sangha sitesinin kök klasörü dışında bir yere
kaydedin.
Site, .ste uzantısıyla kaydedilecektir. Bu uzantıyı silmeye ya da değiştirmeye çalışmayın.
Aynı işlemin tersini yaparak bir siteyi Dreamweaver’a aktarmak için Site Import işlevini
kullanabilirsiniz. Bunun için Site > Import komutunu seçin, sonra da Import Site iletişim
kutusunu kullanarak siteyi bulun ve seçin. Bir yerel kök klasörü (Local Root Folder)
seçmeniz istenecektir. Sadece Dreamweaver’dan .ste uzantısıyla XML dosyaları olarak
dışarı aktarılan siteleri Dreamweaver’a aktarabilirsiniz. Export ve Import özellikleri
sadece Site Definition iletişim kutusundaki ayarları aktarır. Dosyalar site ayarlarıyla
birlikte aktarılmaz. Dosyaları da aktarma işlemine dahil etmek isterseniz, siteyi dışarıya
aktarmaya ek olarak kök klasörünüzü bütün dosyalarla birlikte aktarmanız gerekir. Eğer
Local/Network uzaktan erişim seçeneğini kullanıyorsanız, dışarıdan aktardığınız sitede
uzak klasöre giden yolu güncellemeniz gerekebilir.
Sunucu Bağlantıları Oluşturmak
Dosyaları, bir site tanımlama işlemine girişmeden aktarmak için uzak sunuculara
erişmenizi sağlayan bağlantılar oluşturabilirsiniz. Bir Dreamweaver sitesi (Ders 1’de
hazırlamaya başladığınız ve bu derste de üzerinde çalıştığınız site gibi) kullanarak
pek çok site yönetimi özelliğine erişebilirsiniz. FTP ya da RDS kullanan (Remote
Development Services) sunucu bağlantıları, Dreamweaver’ın bu derste anlatılan site
yönetimi özelliklerine erişim imkânı sağlamaz.
1. Files panelindeki Show menüsünde Computer (Macintosh’ta) ya da
Desktop (Windows’ta) seçeneğini işaretleyin. Eğer açıksa Macintosh HD’yi
(veya Macintosh’ta sabit diskinizi ne olarak adlandırdıysanız onu) ya da
Bilgisayarım’ı (Windows’ta) simge boyutuna getirin. Files panelindeki listede
FTP & RDS Servers öğesine sağ tıklayın ya da Ctrl tuşunu basılı tutarak
tıklayın (Macintosh’ta tek düğmeli fare kullananlar için) ve Add FTP Server
komutunu seçin.
Configure Server iletişim kutusu açılacaktır.
Sİteyİ Yönetmek 489
Configure Server iletişim kutusuna, Site > Manage Sites komutunu seçtikten
sonra New düğmesine tıklayıp ardından açılan menüden FTP & RDS Server
komutunu seçerek de ulaşabilirsiniz.
Buradaki seçeneklerin birçoğu, Site Definition iletişim kutusunun Remote kategorisindeki
seçeneklere benzer.
2. Bir FTP sunucusuna erişiminiz yoksa Cancel düğmesine tıklayabilirsiniz.
Bu dersi tamamlarken bir uzak sunucuya erişiminizin olmayabileceği düşünülerek
aşağıdaki bilgiler sadece referans olarak verilmiştir.
• Name: Bağlantı kurduğunuz sunucuyla ilgili kısa bir açıklama ya da bir isim.
• Access type: FTP ile RDS arasında seçim yapabilirsiniz. FTP burada açıklanan ve en
sık kullanılan seçenektir. RDS seçeneği ise sadece ColdFusion çalıştıran bir sunucuya
bağlanıldığında seçilmelidir.
• FTP host: Web sunucunuzun host adı (adobe.com gibi).
• Host directory: Uzak sitede, ziyaretçiler tarafından görünen belgelerin saklandığı
dizin (site root yani sitenin kök dizini olarak da bilinir).
• Login: Sunucudaki kullanıcı adınız.
• Password: Sunucudaki şifreniz. Save onay kutusunun işaretini kaldırırsanız, uzak
siteye bağlandığınızda şifrenizi girmeniz istenir.
490 DERS 14
Contribute Uyumluluğu
Macromedia Contribute (Macromedia Studio 8’e dahildir), daha çok teknik olmayan
kullanıcıların faydalandığı bir programdır. Teknik olmayan kullanıcılara örnek olarak,
genelde Web sitesi oluşturma, düzenleme veya yönetme gibi konularda tecrübesi
hiç olmayan ya da çok az olan içerik editörlerini gösterebiliriz. Contribute, Web
tasarımcılarına sitenin düzenlenmesi ve güncellenmesiyle ilgili sorumlulukları bir ekiple
paylaşma imkânı verirken diğer yandan da sitenin tasarımı, stili, kodları ve yapısıyla ilgili
kontrollerin devam ettirilmesini mümkün kılar. Bir Web sitesinin yöneticisi olarak siteyi
kontrol etmek için çeşitli seçenekler ayarlayabilirsiniz. Örneğin ziyaretçilerin sitenin
belirli bölümlerine erişebilmesini sağlamak ve içerik editörlerinin kullanması için stil
sayfaları (bkz. Ders 4) ve şablonlar (bkz. Ders 13) tanımlamak gibi.
Macromedia’nın ve Adobe'un Web sitesinden Contribute 3’ün 30 günlük
deneme sürümünü indirebilirsiniz.
1. Site > Manage Sites komutunu seçin, ardından Yoga Sangha proje sitesini
seçerek Edit düğmesine tıklayın.
Site Definition for Yoga Sangha iletişim kutusu açılacaktır.
2. Eğer seçili değilse Advanced sekmesine tıklayın. Category listesinde
Contribute’u seçin ve Enable Contribute compatibility kutusunu işaretleyin.
Eğer Contribute’tan önce Design Notes ve Check In/Out özellikleri
etkinleştirilmediyse bir mesaj penceresi açılarak Contribute’la çalışmak için
Dreamweaver’ın Design Notes ve Check In/Out özelliklerinin etkinleştirilmesi
gerektiğini bildirir. OK düğmesine tıklayarak iki özelliği de etkinleştirin.
Sİteyİ Yönetmek 491
Siz bu özelliği etkinleştirdikten sonra birkaç yeni ayar daha görüntülenecektir:
• Site root URL: Site Definition iletişim kutusunun Contribute bölümündeki
bu metin alanına, yönetilecek olan Web sitesinin tam URL’i yazılmalıdır. (Site
Definition iletişim kutusunun Advanced sekmesi etkin durumda olmalıdır.) URL’i
yazdıktan sonra Test düğmesine tıklayarak Dreamweaver’ın tanımladığınız siteye
bağlanabileceğini doğrulayın.
• Administration: Administer Site in Contribute düğmesi Contribute’u açar ve site
erişimini kontrol etmek gibi yönetimsel seçenekleri ayarlamanızı sağlar. Bunun için
bilgisayarınızda Macromedia Contribute programının kurulu olması gerekir.
Bir Contribute sitesinin yönetilmesiyle ilgili diğer ayarlar ve seçenekler Contribute içinden
ayarlanır. Eğer bilgisayarınızda Contribute kurulu değilse bu uygulamanın geri kalan kısmını
yapamazsınız. Bu durumda Cancel düğmesine tıklayarak Site Definition iletişim kutusunu,
ardından da Done düğmesine tıklayarak Manage Sites iletişim kutusunu kapatabilirsiniz.
3. Administer Site in Contribution düğmesine tıklayın. Dreamweaver-style editing
radyo düğmesine ve ardından Yes düğmesine tıklayın.
Eğer bu siteyi ilk defa Contribute kullanarak yönetiyorsanız, şu iki düzenleme işlemi
arasında seçim yapmanız gerekir.
• Standard word processing: Her yeni p etiketine satıriçi CSS stilleri uygular. Bir
Web sitesi için tanımlanan CSS stilleri genellikle paragrafların birbirine daha yakın
görüntülenmesine sebep olur. Genelde bu stil, masaüstü yayıncılık uygulamalarıyla (bu
uygulamalar baskı konusunda daha fazla kontrol imkânı sağlar) çalışan kullanıcılara
daha tanıdık gelmektedir. Kullanıcılar standart bir HTML paragraf etiketi (p) kullanmak
için Enter tuşuna iki kez basıp paragrafların arasına daha fazla boşluk ekleyebilir.
• Dreamweaver-style editing: Bu seçenek, Web sayfası editörlerinde olduğu gibi p
etiketleri kullanarak standart HTML paragrafları ekler. Kullanıcı Enter tuşuna bastığında
Contribute p HTML etiketini ekler; tarayıcılar p etiketi kullanan paragrafların arasına
boş bir satır görüntüler.
492 DERS 14
Satıriçi CSS stilleri kullanmanın dezavantajlarından biri, sayfaya daha
karmaşık işaretleme etiketlerinin eklenmesidir. Bu da, sayfanın HTML
yapısının HTML etiketlerini görüntüleyen Web tasarımcıları tarafından tam
olarak anlaşılamamasına sebep olabilir.
Seçim yaptıktan sonra Administer Website iletişim kutusuna Administrator rolüyle
eklendiğinizi göreceksiniz.
4. Close düğmesine tıklayarak Administer Website iletişim kutusunu kapatın.
Bir iletişim kutusu açılacak ve Administrator (Yönetici) şifresini boş bırakmak
isteyip istemediğinizi soracaktır. Administer Website iletişim kutusunda
Administration kategorisine geçmek ve Administrator şifresini ayarlamak
için No düğmesine tıklayın. İletişim kutusunun Administration kategorisinde
Set Administrator Password düğmesine tıklayın. Şifreyi password olarak
ayarlayın. Onaylamak için şifreyi ikinci kez girmeniz gerekecektir. Sonra da OK
düğmesine tıklayın. Close düğmesine tıklayarak Administer Website iletişim
kutusunu kapatın.
5. Remote Info kategorisini seçin ve Enable file check in and check out
seçeneğinin işaretini kaldırın. Site Definition iletişim kutusunda OK düğmesine,
Manage Sites iletişim kutusunda da Done düğmesine tıklayın.
Yoga Sangha proje sitesini bir ekiple birlikte oluşturmadığınız için Check In/Out özelliğini
kullanmanız gerekmez. Kitabın geri kalanında Check In/Out özelliğinin kapalı olduğu
varsayılmıştır.
Sİteyİ Yönetmek 493
Contribute’ta Bir Bağlantı Oluşturmak
Eğer Web siteniz şablonlar ve CSS kullanılarak iyi bir şekilde tasarlandıysa, son
kullanıcıların sayfalarınızın temel tasarımını değiştirmeden ve ona bir zarar vermeden
sayfa oluşturmalarını ve sayfalarda değişiklik yapmalarını kolayca sağlayabilirsiniz.
Bu adımları sadece bilgisayarınızda Contribute yüklüyse gerçekleştirebilirsiniz.
1) Contribute’u açın. Address çubuğuna Yoga Sangha sitesinin URL’ini yazın. Bunun
için Lesson_14_Sites klasöründe verilen şu URL’i kullanın: http://localhost/yoga-
Remote/Lesson_14_Sites/index.html
Yoga Sangha ana sayfasını göreceksiniz. Ana sayfanın üzerinde bir not göreceksiniz.
Notta, henüz bu Web sitesine ait bir bağlantı oluşturmadığınız belirtilir.
494 DERS 14
Contribute’ta Bir Bağlantı Oluşturmak (devam)
2) Create Connection düğmesine tıklayın. Bağlantı Sihirbazı’nı (Connection
Wizard) başlatmak için Next düğmesine tıklayın.
Bağlantı Sihirbazı’nı kullanarak Web sitesi için bir bağlantı oluşturabilirsiniz. Bağlantıyı
oluşturduktan sonra, Contribute’u kullanarak Web sitenizde sayfa oluşturmaya
başlayabilir ve mevcut sayfaların devamlılığını sağlayabilirsiniz.
Genelde son kullanıcılar kendi bağlantılarını oluşturmazlar. Çünkü bu işlemi siz yaparsınız.
Genelde yönetici (Administrator) olarak kullanıcıları siz ayarlar ve bağlantı anahtarlarını siz
gönderirsiniz.Böylece son kullanıcıların bağlantının temel çalışma şeklini bilmesi gerekmez.
3) Web sitesine giden URL sizin yerinize eklenmiş olduğu için Next düğmesine
tıklayın. Bağlantı yöntemi olarak Local/Network’ü seçin. Choose düğmesine
tıklayın ve uzak klasörü seçin: C:\inetpub\wwwroot\yogaRemote\Lesson_14_Sites.
Next düğmesine tıklayın.
FTP, Secure FTP, Local/Network ya da WebDAV aracılığıyla, Contribute kullanan Web
sitesine bağlanabilirsiniz.
4) Bağlantı Sihirbazı’nın User Information (Kullanıcı Bilgileri) adımında adınızı ve
e-posta adresinizi yazın. Next düğmesine tıklayın ve ardından Done düğmesine
tıklayarak sihirbazı kapatın.
Elinizde Contribute’un birden fazla kopyası varsa, bu kopyaların yüklü olduğu her makine
için farklı bir kullanıcı adı kullanın. Örneğin Bob(laptop) ve Bob(Mac) gibi. Aynı kullanıcı
adını kullandığınızda sorun yaşayabilirsiniz, Çünkü bu durumda diğer bir makinedeki
alma işlemlerini geçersiz kılabilirsiniz.
Artık Yoga Sangha Web sitesinin sayfalarının devamlılığını sağlamaya hazırsınız.
Sİteyİ Yönetmek 495
Ne Öğrendiniz?
Bu derste şunları öğrendiniz:
• Files panelini kullanarak çeşitli site yönetimi işlemleri gerçekleştirdiniz (yeni dosyalar
oluşturmak, dosyaları adlandırmak ve taşımak gibi) (Sayfa 461–470).
• Dosyaları taşıdıktan sonra Update Files iletişim kutusunu kullanarak yolların ve
bağlantıların doğru kalmasını sağladınız (Sayfa 468–479).
• Files panelini özelleştirdiniz ve sütunları düzenlediniz (Sayfa 469).
• Bir site haritası oluşturdunuz. Bunu yatay ve düşey olarak görüntüleyerek
dosyalarınızı yönetmek için kullandınız ve site haritasını bir resim olarak kaydetmeyi
öğrendiniz (Sayfa 470).
• Yerel siteyle uzak site arasındaki farkları, sunuculara bağlanmak için Local/Network
ve FTP seçeneklerinin nasıl kullanıldığını ve bu iki site tipinin nasıl tanımlandığını ve
düzenlendiğini öğrendiniz (Sayfa 470–473).
• Zaman kazanmak için Select Newer Local komutunu kullanarak uzak bir sitedeki
dosyaları yerel klasörlere ve mevcut dosyaları da uzak siteye kopyaladınız (Sayfa 473–477).
• Belirli dosya tiplerinin yüklenmesini ya da indirilmesini önlemek için gizleme
özelliğini etkinleştirdiniz (Sayfa 477–481).
• Diğer elemanlarla işbirliğini kolaylaştırmak için Check In/Out seçeneklerini
kullandınız (Sayfa 481–485).
• Bir dosyaya tasarım notu eklediniz, tasarım notlarını düzenlediniz ve bu notların
ekip üyeleriyle bilgi paylaşmak ve dosya durumuyla versiyonları öğrenmek için nasıl
kullanıldığını öğrendiniz (Sayfa 486–488).
• Site ayarlarını bir bilgisayardan diğerine göndermek üzere site tanımını içeriye nasıl
aktaracağınızı ve bir Dreamweaver sitesini dışarıya nasıl aktaracağınızı öğrendiniz
(Sayfa 488–489).
• Bir Dreamweaver sitesi oluşturmadan dosyaları aktarmak için hızlı sunucu
bağlantılarının nasıl oluşturulduğunu öğrendiniz (Sayfa 489–490).
• Dreamweaver kullanmayı bilmeme ihtimali olan insanlarla (içerik editörleri gibi)
çalışmak için Macromedia’nın Contribute programını nasıl kontrol edeceğinizi
öğrendiniz (Sayfa 491–495).
496 DERS 14