macromedia DREAMWEAVER 8

Transkript

1 A-PDF Split DEMO : Purchase from to remove the watermark macromedia DREAMWEAVER 8 Kaynağından Eğitim Khristine Annwn Page

2 Macromedia Dreamweaver 8 Kaynağından Eğitim Khristine Annwn Page Çeviren: Arif Ortakmaç Editör: Suat Koyuncu ISBN: 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: 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) Faks: 0 (212) E-posta: kitap@medyasoft.com.tr Web: Authorized translation from the English language edition, entitled Macromedia Dreamweaver 8 Training from the Source (1st edition, 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.

3 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

4 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 ( 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 ( 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 ( 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 ( 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.

5 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 Ç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

6 İçindekiler Tablosu Giriş xiii DERS 1 Dreamweaver 8 Temelleri Ç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 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

7 DERS 3 Bağlantı Oluşturmak 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 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 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

8 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 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 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

9 DERS 8 Kullanıcı Etkileşimi 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 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

10 DERS 10 FrameOluşturmak 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 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 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

11 DERS 13 Şablonları Kullanmak Ş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 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 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

12 DERS 16 Kodları Düzenlemek 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 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 EK B Macintosh Kısayolları EK C Windows Kısayolları Dizin xii İÇİNDEKİLER TABLOSU