MIS2000 Lab -- ASP.NET專題實務 / WebForm + MVC線上教學影片

這是我的文章備份，原文請看我的網站： http://www.dotblogs.com.tw/mis2000lab/

[習題][下載]ASP.NET的 簡易投票區 #5 --C#範例下載

http://www.dotblogs.com.tw/mis2000lab/archive/2010/10/04/vote_sample_download_csharp.aspx

[習題]ASP.NET的 簡易投票區 #6 --直立的長條圖

http://www.dotblogs.com.tw/mis2000lab/archive/2010/10/06/html_chart_6.aspx

關於投票區的所有文章，請看本網站的 --

http://www.dotblogs.com.tw/mis2000lab/Tags/%E6%8A%95%E7%A5%A8%E5%8D%80/default.aspx

補充下集（ASP.NET專題實務II -- 範例集與4.0新功能）的

          第十一章「投票區與長條圖」

以前我們都是用「橫式」的長條圖

首先就是一個簡單的投票畫面～

投票完成後，立刻會看見「得票數」。我用「橫式長條圖」來展示之，這是本文的重點所在～～

--------------------------------------------------------------------------------------------------------------------

有很多朋友來信詢問直立式長條圖的作法（如下圖）。其實作法跟前面橫式的長條圖是一樣的，

我們只要善用HTML圖片的屬性即可。

 
     

      圖Chart  直立式長條圖，需要搭配HTML的表格（<Table>）

以前使用圖片的「寬度（width）」來延展，橫向地做出長條圖。現在要做成直式的長條圖（如上圖），只要改為控制圖片的「高度（height）」即可。

直立式的長條圖，需要搭配HTML的表格（<Table>）這樣畫面才會漂亮。請看下列的HTML原始檔：

只要讓長條圖的格子，能夠（垂直）向下對齊、（水平）至中對齊，就能讓畫面美觀。HTML的表格（<Table>）每一個格子（儲存格、<td>）的對齊寫法如下：

• （垂直）向下對齊 -- valign="bottom"
• （水平）至中對齊 -- align="center"

因為很多 ASP.NET的初學者並沒有接觸過熟悉傳統 HTML碼，所以我為您演練的範例比較少用到這些東西。

但是您既然要寫網頁程式，熟悉傳統 HTML碼就是網頁的根源，您遲早要學會它。

熟悉傳統 HTML碼（甚至是CSS），搭配自己撰寫 ADO.NET程式的能力，幾乎沒有什麼功能是作不到的。

傳統 ASP與 JSP、PHP的程式設計師，沒有我們ASP.NET那麼好用的 Web控制項，人家一樣可以做出各種變化。

關於投票區的所有文章，請看本網站的 --

http://www.dotblogs.com.tw/mis2000lab/Tags/%E6%8A%95%E7%A5%A8%E5%8D%80/default.aspx