IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası
  sohbet

 Kayıt ol  Topluluk
2Beğeni(ler)
  • 2 Post By SeckiN

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 14 Temmuz 2013, 21:14   #1
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Sayısı: (0)
IF Ticaret Yüzdesi:(%)
Hazır Tasarım/Temanın ASP.NET Ortamına Aktarılması




Merhabalar,

Bu yazımda, elimizde bulunan hazır bir CSS tema veya tasarımın ASP.NET ortamına nasıl aktarılacağını anlatacağım.

Ben Visual Web Developer üzerinden anlatacağım. Visual Web Developer ı açalım ve ASP.NET Empty Web Site oluşturalım.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Şimdi temamızı oluşturan dosyaları(images klasörü ve style.css dosyası) kopyalayıp ASP.NET projemizin ana dizinine yapıştıralım.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Dosyalarımızı eklediğimize göre şimdi html,javascript ve css kodlarımızı taşımanın zamanı geldi. İlk olarak ASP.NET projemize bir adet Web Form ekleyelim ve üzerine çift tıklayarak editörde aktif hale getirelim. Daha sonra Tema klasöründe yer alan index.html dosyasını yardımcı bir program(ben dreamviewer kullanıyorum) ile açıp <head></head> tagları arasındaki kodları kopyalayalım.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Kopyaladığımız kodları ASP.NET projesindeki Default.aspx isimli Web Form’umuzda yer alan <head> tagları arasına yapıştıralım.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Kullandığımız aynı mantıkla tema klasöründeki index.html dosyasında <bOdy></bOdy> tagları arasında yer alan kodları da Web Form’umuza taşıyalım. Kodlar fazla olduğu için <bOdy> ‘nin başlangıcını ve sonunu gösteriyorum.



Başlangıç :


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Son :


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Burada biraz kafanız karışmış olabilir ama proje dosyasını incelediğinizde rahatlıkla anlayacaksınız. Bu nokta dikkat etmeniz en önemli husu, tema klasöründeki index.html dosyasından taşıdığımız kodların <form id=”form1” runat=”server”> tagının altında yer almasıdır. Yer almadığı takdirde sayfanızdaki ASP.NET araçları çalışmaz hata verir. Dikkat etmeniz gereken bir diğer husus da, temanız CSS’e dökülürken %90 html elemanları kullanılarak dökülmüştür. Projeniz ile sağlıklı çalışabilmeniz için bu html elemanlarını ASP.NET elemanlarına çevirmeniz gereklidir. Buna örnek olarak temamızda yer alan müzik arama kutumuzu ASP.NET elemanı olan TextBox’a çevirelim.

HTML Elemanı : <input class="arama-input">

ASP.NET Elemanı : <asp:TextBox ID="TextBox1" CssClass="arama-input"

runat="server"></asp:TextBox>

Burada önemli olan elemanlardaki CSS class’larını taşımak. Örnekten de açıkca anlaşılıyor zaten.

 
Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
sohbet odaları reklam ver Benimmekan Mobil Sohbet
Cevapla

Etiketler
aktarılması, aspnet, hazır, ortamına, tasarım or temanın


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
CHP'ye bilgi aktarılması normal Lucifer Haber Arşivi 0 16 Haziran 2010 10:07
Dinlediğin Müziğin Aktarılması?? RapStar mIRC Scripting Sorunları 0 22 Aralık 2007 18:46