Kullanıcı arayüzü ve ana sayfalar

Modern Web sitelerinin damgası kesinlikle detay ve onları oluşturan çeşitli sayfaların kullanım kolaylığı ile dikkat edilir. Örneğin, en popüler siteleri setleri her sayfasında aynıdır ve aynı zamanda sayfaları kendileri gezinme basit ve sezgisel yollarla gerekli renk ve karakter modelleri dayanmaktadır. Herkes tüm farklı ve kullanımı zor sayfaları ile sitelere erişim için dinlenme biraz olur, burada bu bizim siteler için kaçınmak gerekir budur.

Sayfaları ortak bir görünüm vermek ve bir sitenin hissetmek çözüm tüm sayfaları türetmek hangi bir birincil sınıf oluşturmaktır. ASP.NET sadece özelliklerini sitemizin sayfalarından miras alınacak birincil sayfa (İlköğretim sayfa) uygulamak için Sayfa sınıf odaklı bir model esas aldığından

Tüm sayfalar. Sırayla System.Web.UI.Page kaynaklanmaktadır birincil elde Aspx sayfası. Sayfa ve her sayfada arasındaki ortak unsurların yükleme ile ana sayfa fiyatlar geri kalan işler.

Yapısı bu tür oluşturmak için ASP.NET tarafından sağlanan araçlar sözde Ana Sayfa. Bu sayfaların bir sitenin tipik sayfasına çok benzer ve uzantısı. Master ile dosyaları tanımlanır.

Ana sayfa, bir kullanıcı bir ana sayfa istekleri ve yanıtları ikincisi tarafından filtrelenir bağlı bir sayfaya gittiğinde bir şablon olarak kullanılır ve. Sonra ASP.NET ana sayfa ve tek bir sınıfta içerik sayfası (. Aspx) birleştirir. Içerik sayfası dosyasındaki ana sayfa ekleme istendiğinde. Sayfadaki denetimlerin koleksiyona eklenen bir kontrol Aspx oluşturur.

Şimdi bir ana sayfa tanımlamak ve nasıl kullanılacağını görelim. Biz Visual Studio'yu ve tipi Boş Web Sitesi yeni bir proje oluşturun. Projemizde tip Ana Sayfa yeni bir öğe ekle

Sayfa düzeyinde görünümü önceki ders ve Visual Studio tarafından oluşturulan kodda görüldüğü gibi normal bir web formları benzer aşağıdadır

Bana daha sonra ele alınacaktır ContentPlaceHolder kontrol eklendi dikkat edelim. Ana sayfa geri kalanı sitemizde normal bir sayfa olarak dilediği özelleştirilebilir için.

Örneğin, bir arka plan rengi (arka plan) dışında ayarlayarak vücut etiket değiştirelim

ana sayfa artık gri arka plan (# bbbbbb) sahiptir.

Kullanıcı Yeni Öğe Ekle iletişim kutuları alt kontrol, proje web formu (bu default.aspx arama) için yeni bir öğe eklemek istiyorum seçin ana sayfa

Biz size proje (bizim durumumuzda sadece bir tane olacak) için ekliyorsanız sayfanın ana sayfa seçebileceğiniz başka bir iletişim kutusu görüntülenir Tamam ven tıklayın

Biz Default.aspx sayfasına Tasarım sekmesinde bakarsanız bunu sayfa şablon ayarlarını devralır o ana sayfa için aynı arka plan rengini ve bu gösterileri göreceksiniz.

Bu Default.aspx sayfasına Visual Studio tarafından oluşturulan kodu

onu biz sayfanıza MasterPage.master bakın.

Bu noktada size istediğiniz tüm sayfaları (özel içerik her) oluşturabilir ve bizim ana sayfaya ekleyin. Biz ana sayfanın içeriğini değiştirmek için gidiyoruz sonra ise ona bağlı tüm sayfaları tek adımda güncellenecektir.

Açıkçası ne basit olarak sunulan ancak özellikle karmaşık grafikler ile sitelerde bu araçların potansiyeli olduğunu göstermektedir.

• <<Önceki Ders
• Endeks Yardım
• Sonraki Ders>>