- Dreamweaver Kullanıcı Kılavuzu
- Giriş
- Dreamweaver ve Creative Cloud
- Dreamweaver çalışma alanları ve görünümleri
- Site kurma
- Dreamweaver siteleri hakkında
- Sitenizin yerel bir sürümünü kurma
- Yayımlama sunucusuna bağlanma
- Test sunucusu kurma
- Dreamweaver site ayarlarını içe ve dışa aktarma
- Mevcut web sitelerini uzak sunucudan yerel site köküne getirme
- Dreamweaver'daki erişilebilirlik özellikleri
- Gelişmiş ayarlar
- Dosya aktarmak için site tercihlerini ayarlama
- Dreamweaver'da proxy sunucu ayarlarını belirtme
- Dreamweaver ayarlarını Creative Cloud ile senkronize etme
- Dreamweaver'da Git'i kullanma
- Dosyaları yönetme
- Dosyaları oluşturma ve açma
- Dosyaları ve klasörleri yönetme
- Sunucunuzdan dosya alma ve dosyaları sunucunuza koyma
- Dosyaları teslim etme ve teslim alma
- Dosyaları senkronize etme
- Dosyaları farklılıklar açısından karşılaştırma
- Dreamweaver sitenizde dosya ve klasör perdeleme
- Dreamweaver siteleri için Tasarım Notları'nı etkinleştirme
- Olası Gatekeeper zaafını önleme
- Mizanpaj ve tasarım
- Mizanpaj için görsel yardımcılar kullanma
- Sayfanızın mizanpajını hazırlamak için CSS'yi kullanma hakkında
- Bootstrap kullanarak dinamik web siteleri tasarlama
- Dreamweaver'da ortam sorguları oluşturma ve kullanma
- Tablolara sahip içerik sunma
- Renkler
- Değişken ızgara mizanpajlarını kullanarak dinamik tasarım
- Dreamweaver'da Extract
- CSS
- Basamaklı Stil Sayfaları'nı anlama
- CSS Tasarımcısı'nı kullanarak sayfa mizanpajını yapma
- Dreamweaver'da CSS ön işlemcilerini kullanma
- Dreamweaver'da CSS Stili tercihlerini ayarlama
- Dreamweaver'da CSS kurallarını taşıma
- Dreamweaver'da satır içi CSS'yi CSS kuralına dönüştürme
- Div etiketleriyle çalışma
- Arka plana degradeler uygulama
- Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme
- Kodu formatlama
- Sayfa içeriği ve varlıklar
- Sayfa özelliklerini ayarlama
- CSS başlığı özelliklerini ve CSS bağ özelliklerini ayarlama
- Metinle çalışma
- Metni, etiketleri ve nitelikleri bulma ve değiştirme
- DOM paneli
- Canlı Görünüm'de düzenleme
- Dreamweaver'da belgeleri kodlama
- Belge penceresinde öğe seçme ve görüntüleme
- Özellik denetiminde metin özelliklerini belirleme
- Web sayfası üzerinde yazım denetimi gerçekleştirme
- Dreamweaver'da yatay cetveller kullanma
- Dreamweaver'da font birleşimlerini ekleme ve değiştirme
- Varlıklarla çalışma
- Dreamweaver'da tarih ekleme ve güncelleştirme
- Dreamweaver'da sık kullanılan varlıklar oluşturma ve yönetme
- Dreamweaver'da görüntü ekleme ve düzenleme
- Medya nesneleri ekleme
- Dreamweaver'da video ekleme
- HTML5 video ekleme
- SWF dosyaları ekleme
- Ses efektleri ekleme
- Dreamweaver'da HTML5 ses ekleme
- Kitaplık öğeleriyle çalışma
- Dreamweaver'da Arapça ve İbranice metin kullanma
- Bağlama ve gezinme
- jQuery bileşenleri ve efektleri
- Web sitelerini kodlama
- Dreamweaver'da kod yazma hakkında
- Dreamweaver'da kodlama ortamı
- Kodlama tercihlerini ayarlama
- Kod rengini özelleştirme
- Kod yazma ve düzenleme
- Kod ipuçları verme ve kod tamamlama
- Kodu daraltma ve genişletme
- Parçacıklar ile kodu tekrar kullanma
- Lint kodu
- Kodu en iyileştirme
- Tasarım görünümünde kod düzenleme
- Sayfaların başlık içeriğiyle çalışma
- Dreamweaver'da sunucu tarafı içerikleri ekleme
- Dreamweaver'da etiket kitaplıkları kullanma
- Dreamweaver'a özel etiketleri içe aktarma
- JavaScript davranışlarını kullanma (genel talimatlar)
- Yerleşik JavaScript davranışları uygulama
- XML ve XSLT hakkında
- Dreamweaver uygulamasında sunucu tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver uygulamasında istemci tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver'da XSLT için karakter varlıkları ekleme
- Kodu formatlama
- Ürünler arası iş akışları
- Dreamweaver uzantılarını yükleme ve kullanma
- Dreamweaver uygulama içi güncelleştirmeleri
- Dreamweaver'da Microsoft Office belgeleri ekleme (yalnızca Windows)
- Fireworks ve Dreamweaver ile çalışma
- Contribute ile Dreamweaver sitelerindeki içeriği düzenleme
- Dreamweaver-Business Catalyst entegrasyonu
- Kişiselleştirilmiş e-posta kampanyaları oluşturma
- Şablonlar
- Dreamweaver şablonları hakkında
- Şablonları ve şablon tabanlı belgeleri tanıma
- Dreamweaver şablonu oluşturma
- Şablonlarda düzenlenebilir bölgeler oluşturma
- Dreamweaver'da yinelenen bölgeler ve tablolar oluşturma
- Şablonlarda isteğe bağlı bölgeler kullanma
- Dreamweaver'da düzenlenebilir etiket niteliklerini tanımlama
- Dreamweaver uygulamasında yuvalanmış şablonlar oluşturma
- Şablonları düzenleme, güncelleştirme ve silme
- Dreamweaver'da xml içeriğini dışa ve içe aktarma
- Mevcut bir belgenin şablonunu uygulama veya kaldırma
- Dreamweaver şablonlarındaki içerikleri düzenleme
- Dreamweaver'daki şablon etiketleri için sözdizimi kuralları
- Şablon bölgeleri için vurgulama tercihlerini belirleme
- Dreamweaver'da şablon kullanmanın avantajları
- Mobil ve çoklu ekran
- Dinamik siteler, sayfalar ve web formları
- Web uygulamalarını anlama
- Bilgisayarınızı uygulama geliştirme için ayarlama
- Veritabanı bağlantılarında sorun giderme
- Dreamweaver uygulamasında bağlantı komut dosyalarını kaldırma
- Dinamik sayfalar tasarlama
- Dinamik içerik kaynaklarına genel bakış
- Dinamik içerik kaynaklarını tanımlama
- Sayfalara dinamik içerik ekleme
- Dreamweaver'da dinamik içeriği değiştirme
- Veritabanı kayıtlarını görüntüleme
- Dreamweaver'da canlı veri sağlama ve ilgili sorunları giderme
- Dreamweaver'da özel sunucu davranışı ekleme
- Dreamweaver ile form oluşturma
- Kullanıcılardan bilgi toplamak için formları kullanma
- Dreamweaver'da ColdFusion formları oluşturma ve etkinleştirme
- Web formları oluşturma
- Form öğeleri için geliştirilmiş HTML5 desteği
- Dreamweaver uygulamasını kullanarak bir form geliştirme
- Uygulamaları görsel olarak oluşturma
- Dreamweaver'da kalıp ve ayrıntı sayfaları oluşturma
- Arama ve sonuç sayfaları oluşturma
- Kayıt ekleme sayfası oluşturma
- Dreamweaver'da güncelleme kaydı sayfası oluşturma
- Dreamweaver'da kayıt silme sayfaları oluşturma
- Dreamweaver'da veritabanını değiştirmek için ASP komutları kullanma
- Kayıt sayfası oluşturma
- Oturum açma sayfası oluşturma
- Yalnızca yetkili kullanıcıların erişebileceği bir sayfa oluşturma
- Dreamweaver ile ColdFusion'daki klasörlerin güvenliğini sağlama
- Dreamweaver'da ColdFusion bileşenleri kullanma
- Web sitelerini test etme, önizleme ve yayımlama
- Sorun giderme
Dreamweaver ve sonraki sürümlerinde kullanıcı arabirimi basitleştirilmiştir. Sonuç olarak, bu makalede açıklanan seçeneklerden bazılarını Dreamweaver ve sonraki sürümlerinde bulamayabilirsiniz. Daha fazla bilgi için bu makaleye bakın.
Kayıt sayfaları hakkında
Web uygulamanızda kullanıcıların sitenizi ilk ziyaret ettiklerinde kaydolmalarını gerektiren bir sayfa olabilir.
Kayıt sayfası şu yapı taşlarından oluşur:
Kullanıcılar hakkında oturum açma bilgileri saklayan bir veritabanı
Kullanıcıların bir kullanıcı adı ve şifre seçmelerine izin veren bir HTML formu
Bu formu ayrıca kullanıcılardan başka kişisel bilgiler almak için de kullanabilirsiniz.
Site kullanıcıları veritabanı tablosunu güncelleştirmek için bir Kayıt Ekle sunucu davranışı
Kullanıcının girdiği kullanıcı adını başka bir kullanıcının alıp almadığını denetlemek için Yeni Kullanıcı Adını Denetle sunucu davranışı
Kullanıcılar hakkında oturum açma bilgileri saklama
Kayıt sayfası kullanıcıların girdiği oturum açma bilgilerini saklamak için bir veritabanı tablosu gerektirir.
- Veritabanı tablonuzun bir kullanıcı adı ve şifre sütunu içerdiğinden emin olun. Oturum açmış kullanıcıların farklı erişim ayrıcalıkları olmasını istiyorsanız, bir erişim ayrıcalığı sütunu da ekleyin.
- Sitenin tüm kullanıcıları için ortak bir şifre belirlemek istiyorsanız, veritabanı uygulamanızı (Microsoft Access, Microsoft SQL Server, Oracle vs.) şifreyi her yeni kullanıcı kaydına varsayılan olarak ekleyecek şekilde yapılandırın. Çoğu veritabanı uygulamasında bir sütunu, her yeni kayıt eklendiğinde varsayılan bir değere ayarlayabilirsiniz. Varsayılan değeri şifreye ayarlayın.
- Ayrıca veritabanı tablosunu kullanıcı hakkında başka yararlı bilgiler saklamak için de kullanabilirsiniz.
Kayıt sayfası oluşturmadaki sonraki adım, kayıt sayfasına kullanıcıların bir kullanıcı adı ve (gerekiyorsa) şifre seçmelerine izin veren bir HTML formu eklemektir.
Kullanıcı adı ve şifre seçmek için HTML formu ekleme
Kayıt sayfasına, kullanıcıların kullanıcı adı ve (gerekiyorsa) şifre seçmelerine izin veren bir HTML formu eklersiniz.
-
Dreamweaver tasarım araçlarını kullanarak bir sayfa oluşturun (Dosya > Yeni > Boş Sayfa) ve kayıt sayfanızın mizanpajını yapın.
-
Ekleme noktasını HTML formunun görünmesini istediğiniz yere yerleştirip Ekle menüsünden Form'u seçerek formu ekleyin.
Sayfada boş bir form oluşturulur. Formun ince kırmızı çizgilerle temsil edilen sınırlarını görmek için görünmez Öğeler'i (Görünüm > Görsel Yardımcılar > Görünmez Öğeler) etkinleştirmeniz gerekebilir.
-
HTML formunu; Belge penceresinin en altındaki <form> etiketini tıklatarak, Özellik denetçisini (Pencere > Özellikler) seçerek ve Form Adı kutusuna bir ad girerek adlandırın.
Forma, kullanıcı Gönder düğmesini tıklattığında kayıt verilerini nereye ve nasıl göndereceğini söylemek için action veya method niteliğini belirtmeniz gerekmez. Kayıt Ekle sunucu davranışı, bu nitelikleri sizin yerinize belirler.
-
Kullanıcıların kullanıcı adı ve şifre girmelerine izin vermek için metin alanları ekleyin (Ekle > Form > Metin Alanı).
Formda ayrıca başka kişisel verileri kaydetmek için başka form nesneleri de olabilir.
Kullanıcılara form nesnelerinin ne olduğunu anlatmak için her birinin yanına etiket (metin veya görüntü) eklemelisiniz. Ayrıca form nesnelerini bir HTML tablosunun içine yerleştirerek hizalamalısınız. Form nesneleri hakkında daha fazla bilgi için bkz. Web formları oluşturma.
-
Forma bir Gönder düğmesi ekleyin (Ekle > Form > Düğme).
Gönder düğmesinin etiketini; düğmeyi seçip, Özellik denetçisini (Pencere > Özellikler) açıp, Değer kutusuna yeni bir değer girerek değiştirebilirsiniz.
Kayıt sayfası oluşturmadaki sonraki adım, veritabanındaki kullanıcılar tablosuna kayıt eklemek için Kayıt Ekle sunucu davranışını eklemektir.
Kullanıcı veritabanı tablosunu güncelleştirme
Veritabanındaki kullanıcılar tablosunu güncelleştirmek için kayıt sayfasına bir Kayıt Ekle sunucu davranışı eklemelisiniz.
-
Sunucu Davranışları panelinde (Pencere > Sunucu Davranışları) Artı (+) düğmesini tıklatın ve açılır menüden Kayıt Ekle'yi seçin.
Kayıt Ekle iletişim kutusu açılır.
-
Veritabanındaki, kullanıcı verilerinin ekleneceği kullanıcı tablosunu belirttiğinizden emin olarak iletişim kutusunu tamamlayın. Tamam'ı tıklatın.
Kayıt sayfası oluşturmadaki son adım, kullanıcı adının kayıtlı başka bir kullanıcı tarafından kullanılmadığından emin olmaktır.
Kullanıcı adının benzersiz olmasını sağlayacak sunucu davranışı ekleme
Kayıt sayfasına, kullanıcı kayıtlı kullanıcı veritabanınıza eklenmeden önce kullanıcının adının benzersiz olduğunu doğrulayan bir sunucu davranışı ekleyebilirsiniz.
Kullanıcı kayıt sayfasındaki Gönder düğmesini tıklattığında, sunucu davranışı kullanıcı tarafından girilen kullanıcı adını veritabanındaki kayıtlı kullanıcı tablosundaki kullanıcı adları ile karşılaştırır. Veritabanı tablosunda eşleşen bir kullanıcı adı bulunmazsa, sunucu davranışı kayıt ekleme işlemini normal olarak yürütür. Eşleşen bir ad bulunursa, sunucu davranışı kayıt ekleme işlemini iptal eder ve yeni bir sayfa (genellikle kullanıcıya o kullanıcı adının daha önce alınmış olduğunu bildiren bir sayfa) açar.
-
Sunucu Davranışları panelinde (Pencere > Sunucu Davranışları) Artı (+) düğmesini tıklatın ve açılır menüden Kullanıcı Kimliği Doğrulama > Yeni Kullanıcı Adını Denetle'yi seçin.
-
Kullanıcı Adı Alanı açılır menüsünde ziyaretçilerinizin kullanıcı adı girmek için kullandıkları form metin alanını seçin.
-
Zaten Varsa Buraya Git kutusunda veritabanı tablosunda eşleşen bir kullanıcı adı bulunursa açılacak bir sayfa belirtin ve Tamam'ı tıklatın.
Açılan sayfa kullanıcıyı kullanıcı adının daha önce alındığını bildirerek uyarmalı ve kullanıcının yeniden denemesine izin vermelidir.