台灣最大程式設計社群網站
線上人數
1163
 
會員總數:243625
討論主題:188242
歡迎您免費加入會員
討論區列表 >> ASP.NET >> 學習做一個美美的網站該如何起頭
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
學習做一個美美的網站該如何起頭
價值 : 20 QP  點閱數:373 回應數:10

樓主


門外漢
0 19
122 14
發送站內信


我目前只會寫視窗程式(C# WinForm)
我目前會用內建的基本控制項完成一個醜醜頁面
像是用Label Textbox Dropdown Gridview跟SQL取得資料顯示
但是不美觀 功能也是硬拚拚湊湊組合出來的 不太正規

想請問各位學長姊
如果想要做跟大部分網站一樣美美的(我看頁面副檔名是.aspx)
找到適當的板模後(用線上版模網站拉一拉產生出常見但不錯看的html)
像是這種https://ppt.cc/fppNfx
有HTML的板模後要怎麼繼續往下做 是否有學習的網站或書籍可以介紹呢
請學長姐們指點迷津 謝謝

搜尋相關Tags的文章: [ . ] ,
本篇文章發表於2018-03-23 10:17
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
不錯的參考

topcat
捐贈 VP 給 topcat 檢舉此回應
美美的?

要先學好html + CSS

最新的是
HTML5 + CSS3
您可以搜尋關鍵字『HTML5 CSS3 教學』
有很多資源可以學

---
另外,目前比較流行響應式網頁設計(RWD)
建議您可以學學Bootstrap這一套
http://bootstrap.hexschool.com/

Bootstrap有基本概念後
有基本概念後,有個資源很不錯
https://bootswatch.com/
Preview之後,很多的控制項,可以點各項目右上角,滑鼠移動會有個『<>』的圖案,點開可以開起程式碼,複製貼上,就可以產出類似的樣貌

^_^
本篇文章回覆於2018-03-23 14:05
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

haoaho
檢舉此回應
依你的問題來看
你目前想要學習的是網頁前端的部分

那麼可以從HTML5、CSS3、JavaScript開始學習
至少要可以看得懂你找到板模的架構

會了之後你才能比較了解如何把前後端套起來
這部分可以參考MIS2000 Lab大寫的ASP.NET 搭配 美工人員設計好的HTML網頁 #1
本篇文章回覆於2018-03-23 14:08
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
另外,讓畫面好看(UI)與讓系統好用(UX)不太一樣

建議除了學習怎麼讓畫面美美的
更重要的,可以去學學怎麼讓『使用者體驗更好』

^_^

本篇文章回覆於2018-03-23 14:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
另外,如果要更進一步的
可以搜尋關鍵字『bootstrap theme』
可以找到許多人家做好的設計
有些免費,有些則需要付費

^_^
本篇文章回覆於2018-03-23 14:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應


檢舉此回應
感謝各位學長姐提供大量資料
如何在別人做好的版型中加入後台的程式碼
(像winForm一樣用C#寫public void xxx 非在前台用javascript寫function xxx)

我想要先嘗試用別人做好的板加入程式
我發現在html控件中加入runat="server" 好像可以做到 像asp:Button一樣雙擊輸入程式
但是不知道是否方式正確 也希望有學習的資料 避免我自己亂理解
本篇文章回覆於2018-03-23 17:02
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應


檢舉此回應

我看很多公司網站都是使用類上圖的版型 我也覺得很好看
我目前只到可以用別人的版型然後上面的字圖等資料塗塗改改
還不會在上面各種button等控件輸入程式
本篇文章回覆於2018-03-23 17:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應


檢舉此回應
本篇文章回覆於2018-03-23 17:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
回應

haoaho
檢舉此回應
你之前寫過WinForm,那寫過WebForm了嗎?

我上面貼給你的連結就有範例還有影片

或者你也可以找找其他人家寫好的專案範例實際執行看看

先認識好什麼是ASP.NET

.aspx和HTML差異在哪

它前後端是如何溝通的

之後再考慮怎麼套人家的畫面
本篇文章回覆於2018-03-23 21:36
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
最有價值解答

topcat
捐贈 VP 給 topcat 檢舉此回應
網頁,最終是html5 + CSS3透過瀏覽器,轉譯成畫面呈現在你的眼前
要美美的
HTML5 + CSS3熟悉是必然的

aspx是ASP.NET的WebForm
如果您想從這學起,其實您除了要學習Html Control,還需要學Server Control更要去理解每個不同的Server Control他產生的html是什麼
這樣您才能掌握如何去應用在視覺上的表現

如果您對webForm沒概念,而目標又是美美的網頁,那麼,不建議您學ASP.NET WebForm

建議您從以下順序去學習
1.HTML5 + CSS3
2.Javascript/jQuery
3a.Angular/Vue/...這類的ClientScript Library至少要熟悉一種
3b.與後端程式的套接WebAPI
4c.ASP.NET MVC

其中3/4選一個方向去學

先別想太多從1.開始學習起吧

^_^
本篇文章回覆於2018-03-24 16:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
作者回應


檢舉此回應
好 感謝學長姐提供的意見 我逐步學習
本篇文章回覆於2018-03-26 13:55
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.