Khristine Annwn Page
macromedia
®DREAMWEAVER
®8
Kaynağından Eğitim
A-PDF Split DEMO : Purchase from www.A-PDF.com to remove the watermark
Macromedia Dreamweaver 8 Kaynağından Eğitim Khristine Annwn Page Çeviren: Arif Ortakmaç
Editör: Suat Koyuncu ISBN: 975-6675-34-9
Medyasoft Yayınları tarafından Adobe Press ve
Pearson Education’ın bir birimi olan Peachpit Press ile birlikte yayınlanmıştır.
Bizi World Wide Web’de şu adreslerde bulabilirsiniz:
http://www.medyasoft.com.tr • http://www.peachpit.com • http://www.adobe.com
Medyasoft Yayınları Genel Yayın Yönetmeni: Suat Koyuncu Medyasoft Bilgi Sistemleri San. ve Tic. Ltd.
Okmeydanı, Dünür Sk. No: 3, Bilişim Center Kağıthane – İSTANBUL Tel: 0 (212) 220 54 52 Faks: 0 (212) 210 52 78 E-posta: [email protected] Web: http://www.medyasoft.com.tr
“Authorized translation from the English language edition, entitled Macromedia Dreamweaver 8 Training from the Source (1st edition, 0-321-33626-7 by Khristine Annwn Page), published by Pearson Education, Inc, publishing as Adobe Press, Copyright © 2006
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from the Publisher.
TURKISH language edition published by Medyasoft Bilgi Sistemleri San. ve Tic. Ltd., Copyright © 2006”
Pearson Education, Inc.’ye bağlı Adobe Press tarafından yayınlanmış olan, Macromedia Dreamweaver 8 Training from the Source (1. baskı, Khristine Annwn Page) isimli kitabın İngilizce’den yetkili çevirisidir. Copyright © 2006
Tüm hakları saklıdır. Bu kitabın hiçbir bölümü yayıncının yazılı izni alınmaksızın elektronik ve mekanik yöntemler, fotokopi, kayıt işlemi veya burada belirtilmeyen farklı yöntemler kullanılarak çoğaltılamaz ve dağıtılamaz.
Türkçe baskısı Medyasoft Bilgi Sistemleri San. ve Tic. Ltd. tarafından yayınlanmıştır. Copyright © 2006 Türkçe çevirinin tüm yayın hakları bir Medyasoft Bilgi Sistemleri San. ve Tic. Ltd. Şti.’ne aittir.
Yayınevinden yazılı izin alınmadan kısmen veya tamamen alıntı yapılamaz, hiçbir şekilde kopya edilemez, çoğaltılamaz ve yayınlanamaz.
Ticari Markalar
Flash, Macromedia Flash, Dreamweaver, Fireworks, Macromedia ve Macromedia logosu, Adobe Systems, Inc.’in tescilli markalarıdır.
Bu kitapta tescilli markalar kullanılmıştır. Tescilli bir markanın adının geçtiği her durumda bir tescilli marka işareti koymak yerine, bu markaları sadece yayıncılık anlamında, marka sahibinin yararına, hiçbir hak ihlali niyeti olmaksızın kullandığımızı belirtiriz.
Bu kitaptaki herhangi bir terimin kullanım şekli, ticari marka veya hizmet markasının ihlali olarak görülmemelidir.
Uyarı
Bu kitaptaki bilgiler tamamen garanti dışında olup “olduğu gibi” dağıtılmaktadır. Bu kitabın hazırlanması konusunda gösterilen tüm özene rağmen, yazar, Adobe Systems Inc. ve bu kitabın yayıncıları, ne şahıs ne de kurum olarak bu kitapta bahsedilen bilgisayar yazılım ve donanım ürünleri yüzünden, doğrudan ya da dolaylı olarak gerçekleşen veya gerçekleştiği iddia edilen
kayıplar ve zararlardan hiçbir kişi ya da şahısa karşı sorumlu değildirler.
Birinci Basım : Eylül 2006
Basım ve Cilt : ELMA Bilgisayar Basım / İSTANBUL Türkiye’de basılmış ve ciltlenmiştir.
Büründüğü bütün şekillerle Kutsal Ruh’a ve Tanrısal güce duyduğum derin sevgiyle birlikte büyükannemle büyükbabamın anısına, bütün aileme.
— Khristine Annwn Page
Biyografi
Khristine Annwn Page, hepsi Peachpit Press ve Macromedia Press tarafından yayınlanan Macromedia Dreamweaver MX 2004 Kaynağından Eğitim ve Macromedia Dreamweaver MX Kaynağından Eğitim kitaplarını yazmış ve Macromedia Dreamweaver MX 2004 Certified Developer Study Guide ve Macromedia Dreamweaver 4 Training from the Source kitaplarında yardımcı yazarlık yapmıştır. San Francisco Eyalet Üniversitesi’nin Multimedia Studies programında Dreamweaver ve Web tasarımı dersleri vermiş, ayrıca Stanford Üniversitesi’ndeki Reuters Digital Vision Fellowship programı kapsamında ve pek çok bağımsız müşteriye Dreamweaver eğitimi vermiştir. Khristine şu anda San Jose, Kaliforniya’daki bir sanat, dans ve yoga merkezi olan Prakasa Ma’nın
(www.prakasama.com) yöneticiliğini yapmaktadır ve Crescent dergisinin editör/
yayımcısıdır. Ayrıca sanatçılar ve yazarlardan oluşan bir grup olan NorthWind Studios (www.northwindstudios.com) aracılığıyla serbest Web geliştiricisi olarak çalışmaktadır.
Khristine geçmişte San Francisco Exploratorium’da Multimedya Uzmanı ve müzeler, kâr amacı gütmeyen kuruluşlar ve sosyal sorumluluğa dayalı şirketler için Web sitesi hazırlayan bir firma olan Ideum’da Web tasarımcısı olarak görev yapmıştır. Khristine, Rhode Island School of Design’dan (www.risd.edu) Senior Award for Excellence ödülünü almıştır ve BFA sahibidir. Kendisine Adobe tarafından da çeşitli ödüller verilmiştir ve çalışmaları Providence, RI, New York City ve Palo Alto, CA’daki galerilerde sergilenmiştir.
Teşekkür
Susan Hobbs, Angela Kozlowski, Demian Holmberg, Sue Hove’a ve Peachpit ile Macromedia’daki diğer bütün harika insanlara çok teşekkür ederim. Özellikle Jayne Hillman ve Yoga Sangha’ya (www.yogasangha.com), ayrıca sitelerinin bu kitabın projesi olarak kullanılmasına izin verdikleri için stüdyodaki diğer eğitmenlere ve personele binlerce kez teşekkür ederim. Bütün destekleri, asla esirgemedikleri sevgileri ve verdikleri cesaret için, Avalon Art & Yoga’dan Paul ve Britta’ya, Mary Page, Rick Page, Jill Page, Rich Page, Yayoi Page, Adrienne Renka Page, Jessie Gauld, Russell Reza-Khaliq Gonzaga, Carol Coughlin’e ve Katarina, Bhaktisukhini’ye ve DoK’taki herkese ve diğer arkadaşlarıma ve aileme özel olarak teşekkürlerimi sunuyorum.
Kitabın İngilizce Orijinal Basımına Katkıda Bulunanlar
Yazar Khristine Annwn Page
Macromedia Press Editörü Angela C. Kozlowski
Editör Susan Hobbs Yardımcı Editör
Nancy Sixsmith Teknik Editörler Demian Holmberg - Dori Smith
Üretim Kordinatörü Becky Winter Tasarımcılar:
Rick Gordon, Emerald Valley Graphics Debbie Roberti, Espresso Graphics
Dizin:
Julie Bess, JBIndexing Inc.
Kapak Tasarımı George Mattingly, GMD
Kitabın Türkçe Basımına Katkıda Bulunanlar Katkıda Bulunanlar
Çeviren Arif Ortakmaç
Editör Suat Koyuncu Yardımcı Editörler Hatice Korkut - Ece Zeynep
Dizin Suat Koyuncu Sayfa Tasarımı
Mahmut Benek Kapak Tasarımı
Hayati Şentürk
Giriş . . . .xiii
DERS 1 Dreamweaver 8 Temelleri . . . . 1
Çalışma Alanının Tanınması 3
Siteyi Geliştirmek Üzere Hazırlık Yapmak 5
Yerel Bir Site Tanımlamak 10
Yeni Bir Sayfa Oluşturmak ve Bu Sayfayı Kaydetmek 18
Araçları Tanıyalım 23
Panellerle ve Belgelerle Çalışmak 27
Sayfaya Bir Başlık Atamak 32
Önizlemede Kullanılacak Web Tarayıcılarının Belirlenmesi 33
Temel Konuları Tek Başınıza Keşfedin 35
DERS 2 Sayfaya İçerik Eklemek . . . . 39
Metin Aktarmak 41
İçeriğin Yapısını Tanımlamak 43
Satır Sonu Oluşturmak 46
Bölünemez Boşluk Eklemek 47
Metni Hizalamak 49
Alıntıları Tanımlamak 50
Liste Oluşturmak 52
Tanım Listeleri Oluşturmak 56
İç İçe Listeler Oluşturmak 57
Satıriçi Karakter Biçimlendirme 59
Özel Karakter Eklemek 61
Çoklu Dil Desteği İçeren Belgeler Oluşturmak 63
Yatay Cetvel Eklemek 65
Otomatik Olarak Tarih Eklemek 66
İçeriği Tek Başınıza Biçimlendirin 68
İçindekiler Tablosu
DERS 3 Bağlantı Oluşturmak . . . . 71 Bağlantı Rengini ve Biçimlendirme Özelliklerini Ayarlamak 73
Hipermetin Bağlantıları Oluşturmak 77
Bağlantılar ve Dosya Yapısı 80
Bir Siteye Yeni Klasörler ve Dosyalar Eklemek 82
Bir Site Haritası Oluşturmak 89
Site Haritası Görünümünde Bağlantılarla Çalışmak 91
Sitenin Bir Alt Bölümünü Görüntülemek 94
Site Haritasını Kaydetmek 96
Bağlantı Hedefini Ayarlamak 96
İsimli Yer İmleri Eklemek ve Bunlara Bağlantı Atamak 98
E-posta Bağlantıları Eklemek 104
Bağlantılarla Tek Başınıza Çalışın 105
DERS 4 Stil Sayfaları Geliştirmek . . . . 107
Bir Arka Plan Rengi Belirlemek 110
Fontu Değiştirmek 111
Font Boyutunu Değiştirmek 115
Font Rengini Tanımlamak 118
Stillerin İncelenmesi 121
Dahili Stillerle Çalışmak 123
Dahili Stilleri Harici Stillere Dönüştürmek 130 Mevcut Bir Harici Stil Sayfasını Bağlamak 131
Harici Stiller Oluşturmak 134
Etiket Kombinasyonları İçin Stil Oluşturmak 144
Mevcut Bir Stili Düzenlemek 149
Stil Önceliği 151
Temel Tipte Bir CSS Yerleşim Düzeni Hazırlamak 159
CSS’le Tek Başınıza Çalışın 165
DERS 5 Resimlerle Çalışmak . . . . 169
Bir Arka Plan Resmi Kullanmak 171
Sayfaya Resim Yerleştirmek 175
Resimleri Yeniden Boyutlandırmak ve Tazelemek 180
Resimlerin Yerleştirilmesi 182
Bir Resmin Etrafına Kenarlık Eklemek 184
Resimlere İsim Atamak 185
İÇİNDEKİLER TABLOSU vii
Assets Panelini Kullanarak Resim Eklemek 186
Resimleri Favori Listesiyle Yönetmek 190
Bir Resmin Etrafındaki Boşluğu Ayarlamak 191
Bir Resim Yer Tutucusu Eklemek 193
Resim Yer Tutucusunu Değiştirmek 194
Resim Düzenleme Tercihlerini Ayarlamak 195
Temel Resim Düzenleme İşlemleri 196
Resim Tabanlı Bağlantılar Oluşturmak 199
Resim Haritası Oluşturmak 200
Resimleri Tek Başınıza Kullanın 204
DERS 6 Tablo Oluşturmak . . . . 207
Tablo Oluşturmak 209
Hesap Tablolarından Veri Aktarmak 215
Tablo Hücrelerini Kopyalamak ve Yapıştırmak 217
Tabloyu Seçmek 219
Tablo Hücrelerini Seçmek ve Biçimlendirmek 220
Tablo İçeriğini Sıralamak 226
Tabloda Değişiklik Yapmak 227
Tabloların Dışarıya Aktarılması 229
Tablolarda Resim Kullanmak 230
Tabloları İç İçe Yerleştirmek 237
Bilgisayar Ekranları İçin Tasarım Yapmak 241 Window Size Menüsünü Kullanarak Sayfa Düzenini Kontrol Etmek 242
Layout Görünümünde Tablo Oluşturmak 243
Tablo Yerleşiminde Değişiklik Yapmak 247
Hücrelere Biçimlendirme Uygulamak 249
Layout Modunda Genişlik Ayarı 250
Taslak Resim Kullanmak 252
DERS 7 Multimedya Bileşenlerini Kullanmak . . . . 255
Flash Metni Oluşturmak 257
Flash Metninde Değişiklik Yapmak 260
Flash Düğmeleri Eklemek 260
Flash Animasyonu Eklemek 263
Image Viewer’ın Kullanılması 265
Quicktime Filmlerini Gömmek 273
viii İÇİNDEKİLER TABLOSU
DERS 8 Kullanıcı Etkileşimi . . . .277
Bir Rollover Resmi Eklemek 279
Davranış Eklemek 282
Bir Olayla Birden Fazla Resmi Değiştirmek 287
Resim Haritalarına Davranış Eklemek 289
Eylemleri ve Olayları Düzenlemek 291
Bir Durum Çubuğu Mesajı Oluşturmak 293
Web Tarayıcısını Kontrol Etmek 294
Yeni Bir Tarayıcı Penceresi Açmak 297
Bir Açılır Menü Oluşturmak 300
DERS 9 Katman Oluşturmak . . . . 307
Katman Oluşturmak 309
Katmanları Adlandırmak 315
Katmanlarda Değişiklik Yapmak 316
Katmanların Yığılma Sırasını Değiştirmek 322 Katmanları İç İçe Yerleştirmek ve Dışarıya Çıkarmak 324 Katmanın Görünürlük Özelliğini Değiştirmek 327 Izgara ve Cetvel Seçeneklerini Ayarlamak 328
Drag Layer Davranışını Kullanmak 331
Show-Hide Layers Davranışını Kullanmak 334
Katmanları Tablolara Dönüştürmek 336
Netscape Resize Fix Komutunu Kullanmak 340
Timeline ile Animasyon 341
Timeline’ın Çalışma Şekli 341
Timelines Paneli 342
Timeline’a Nesne Eklemek 342
Anahtar Karelerin Kullanılması 343
Timeline’ı Davranışlarla Kontrol Etmek 344
Bir Nesneyi Yerleştirmek 345
Bir Katmanın Yolunu Kaydetmek 346
Resim Özelliklerini Değiştirmek 348
Görünürlüğü ve Büyüklüğü Değiştirmek 348
Dreamweaver’da Animasyonu Önizlemek 348
İÇİNDEKİLER TABLOSU ix
DERS 10 FrameOluşturmak . . . . 351
Bir Frameset Oluşturmak 353
Bir Frameset’i Kaydetmek 357
Bir Frameset’te Bulunan Frame’leri Yeniden Boyutlandırmak 359
Frame Özelliklerini Ayarlamak 363
Frame İçeriğini Oluşturmak ve Düzenlemek 366
Diğer İçerik Belgelerini Oluşturmak 369
Mevcut Bir Sayfayı Bir Frame’de Açmak 370
Frame İçeriğini Kontrol Etmek 371
Frame İçeriğini Bağlantılarla Kontrol Etmek 372
NoFrames İçeriğini Oluşturmak 374
Frame’lerle Tek Başınıza Çalışın 376
DERS 11 Form Oluşturmak . . . .377
Formun Oluşturulması 379
Form İçeriğini Gruplamak 381
Tek Satırlı Metin Alanları Eklemek 383
Radyo Düğmeleri Eklemek 390
Onay Kutuları Eklemek 393
Liste ve Menü Öğeleri Eklemek 395
Çok Satırlı Metin Alanları Eklemek 398
Düğme Eklemek 401
Gizli Alanlar Oluşturmak 402
Formları Biçimlendirmek 404
Formların İşlenmesi 406
Formları Test Etmek 407
Sıçrama Menüleri Oluşturmak 409
Formlarınızı Tek Başınıza Oluşturun 411
DERS 12 Kütüphane Öğelerini Kullanmak . . . . 413
Bir Kütüphane Öğesi Oluşturmak 415
Bir Kütüphane Öğesini Bir Sayfaya Yerleştirmek 417 Bir Kütüphane Öğesini Yeniden Oluşturmak 420 Bir Kütüphane Öğesinde Değişiklik Yapmak 421
Kütüphane Referanslarını Güncellemek 424
x İÇİNDEKİLER TABLOSU
DERS 13 Şablonları Kullanmak . . . . 427
Şablon Oluşturmak 429
Bir Şablona Düzenlenebilir Alanlar Eklemek 432
Düzenlenebilir Bölgeleri Kaldırmak 436
İsteğe Bağlı İçerik Oluşturmak 437
Tekrarlanan Bölgeler Eklemek 440
Belirli Bir Şablonu Temel Alan Sayfalar Hazırlamak 444
İsteğe Bağlı İçeriği Kontrol Etmek 447
Tekrarlanan Girişler Eklemek 448
Şablonda Değişiklik Yapmak 450
Düzenlenebilir Etiket Nitelikleri Oluşturmak 452 Düzenlenebilir Bir Etiket Niteliğinde Değişiklik Yapmak 454
Yuvalanmış Şablonlar Oluşturmak 455
DERS 14 Siteyi Yönetmek . . . . 459
Files Panelini Kullanmak 461
Bir Dreamweaver Sitesi Dışındaki Dosyalara Erişmek 464 Files Panelini Kullanarak Sayfalarda Değişiklik Yapmak 466
Bir Uzak Siteye Bağlanmak 470
Dosyaları Yüklemek 473
Dosyaları ve Klasörleri Gizlemek 477
Dosya Almak ve Göndermek (Check In/Out) 482
Tasarım Notları Kullanmak 486
Site Tanımlarını Dışarıya Aktarmak 488
Sunucu Bağlantıları Oluşturmak 489
Contribute Uyumluluğu 491
DERS 15 Erişilebilirlik ve Test . . . . 497
Erişilebilirlik Testi 499
Tarayıcı Uyumluluğunu Kontrol Etmek 502
Sitedeki Bağlantıları Kontrol Etmek 508
Artık Dosyaları Kontrol Etmek 509
Site İçin Rapor Oluşturmak 512
Yazım Denetimi 513
İÇİNDEKİLER TABLOSU xi
DERS 16 Kodları Düzenlemek . . . . 515
Belge Görünümleri Arasında Geçiş Yapmak 517 Code Görünümünde HTML Kodunu Düzenlemek 520 Code Araç Çubuğunu Kullanmak 523 Yeni Pencerenin Konumunu Ayarlamak 526 Meta Etiketleri 529 Tag Inspector’ı Kullanmak 533 Kodu Quick Tag Özelliğiyle Düzenlemek 535 Snippet’ları Kullanmak 537 Clean Up XHTML Komutunu Kullanmak 541 Microsoft Word HTML Dosyalarıyla Çalışmak 543 Code Görünümünde Kodu Yazdırmak 545 Gelişmiş Özelleştirme İşlemleri 545 DERS 17 Bul ve Değiştir Özelliği . . . 549
Belgede Arama Yapmak 551 HTML Etiketlerini Silmek 553 Bul ve Değiştir Özelliği Kullanarak Harici Stil Sayfalarını İliştirmek 557 Bul ve Değiştir Özelliğini Kullanarak Özel Stiller Uygulamak 560 Arama Kriterlerini Kaydetmek ve Tekrar Kullanmak 562 Düzenli İfadeleri Kullanarak Aramak ve Değiştirmek 563 Bir İsmin Çeşitli Varyasyonlarını Bulmak 566 EK A Düzenli İfadeler . . . . 569
EK B Macintosh Kısayolları . . . . 571
EK C Windows Kısayolları . . . . 575
Dizin . . . . 579
xii İÇİNDEKİLER TABLOSU
