現在開始設計日記帳。首先我希望日記帳能有「新增」、「更新」、「明細」及「圖表」四項功能。除了一開始的 Daily.aspx 外，還要再新增三個 aspx 網頁檔。如下圖：
四個網頁就會有四個連結，做個主板頁面嗎？我選擇用 Html，然後用 include 的方式。先新增 html檔，一樣按右鍵加入新項目，如下圖。
然後編輯 Menu.html 檔，在<body> </body> 中間加入下列語法：
<br />
<br />
<h3>這是我的日記帳</h3>
<hr />
<ul id="menu">
<li><a href="Daily.aspx">圖表</a></li>
<li><a href="AddRecord.aspx">新增</a></li>
<li><a href="UpdateRecord.aspx">更新</a></li>
<li><a href="Details.aspx">明細</a></li>
</ul>
<hr />
上述就是標題以及要連結的清單。<ul id="menu"> 這是表示這個清單的樣式代碼，我們要編輯項目清單的樣式，所以在 <head> </head>之間加入下列語法：
<style type="text/css">
使用 Chrome 打開 Menu.html 檔，會看到下圖。左邊是對應的 css 語法。
<!--
#menu {
font-size: 120%;
}
#menu li {
list-style:none;
padding: 0 10px;
border-left:solid 1px #333;
display:inline;
}
#menu li a {
text-decoration:none;
}
-->
</style>
現在回到 Daily.aspx 檔，加入如下圖語法：
今天就先介紹到這裡。
沒有留言:
張貼留言