Tasarımlarınız varsa kendis tasarımlarınızı kullanabilirsiniz, fakat benim gibi tasarım konusunda başlangıç seviyesindeyseniz, bootstrap hazır template kullanabiliriz. Ben buradaki bootstrap templatelerden birini kullanmayı tercih ettim.
Benim tercih ettiğim tasarım: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
İlk öncelikle bu tasarımı indirelim ve sabit dosyalarını wwwroot altına taşıyalım. Bunun için indirdiğiniz klasör içerisindeki assets klasörü içindeki tüm klasörleri kopyalayalım ve projemizin wwwroot altına yapıştıralım.
Sonrasında index.html sayfasındaki komutları, Views klasöründeki,Home altındaki index.html sayfasına yapıştıralım..
Sayfada ctrl+f ile assets kelimesini aratalım ve hepsini ~ ile değiştirelim. ~ ifadesini Alt Gr+Ü tuşlarına basarak elde edebilirsiniz.
Sayfanın üstündeki ve altındaki tasarım yolları aşağıdaki gibi olacaktır.
Son olarak bu statik dosyalardan, mvc nin haberi olması için UI Katmanındaki start.up dosyasındaki Configure fonksiyonu içerisine aşağıdaki komutu eklemeliyiz.
app.UseStaticFiles();
Çalıştırıp index sayfasına bakabiliriz.
Şimdi buradaki yazıları bölümleri ve resimleri kendi projemize uygun olarak değiştirelim, gereksiz olan bölümleri kaldıralım.
Hiç yorum yok:
Yorum Gönder