首页和上传页面初稿 -孙胜
代码如下：
首页：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>xueba-index</title>
<link href="index.css"rel="stylesheet" type="text/css"/>
</head>
<body>
<div>
<div id="header">
<div id="log">
<p style ="color:blue">设置
<select>
<option />最新关注
<option />下载热门
<option />热点问题
</select>
</p>
</div>
</div>
<div id="main">
<p>学霸搜索</p><br/>
<input id="search"/> <input type="submit" value="点击搜索" id="botton"/> <br/>
<div id="check">
<input type="checkbox" />文档
<input type="checkbox"/>视频
<input type ="checkbox" />问答
</div>
</div>
<div id="bottom">
<p>2012 Beihang University Software Engineering</p>
<p>Version 1.0.1 By Highestop</p>
</div>
</div>
</body>
</html>
CSS代码暂不列出。
上传页面：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>xueba-uploading</title>
<link href="uploading.css"rel="stylesheet" type="text/css"/>
<style type="text/css">
#li {
margin-left: 0px;
}
</style>
</head>
<body>
<div id="header">
<div id="logo">
<a href="http://localhost:51618/MainForm.aspx">XueBa</a>
<span>Free Novel Approach For CS Learning</span>
</div>
<a id="search_submit" href="#">Search</a>
<input id="search" title="Search the site" />
<div id="log">
<a href="#">Login</a>
<a href="#">Register</a>
</div>
</div>
<div id="left">
<div id="catagory">
<a>Catagory</a>
</div>
<ul id="list">
<li class="item">
<a class="name" href="#">Item 01</a>
<p class="tag">Latest Questions : <span class="green_tag">23</span></p>
<p class="tag">Latest Answers : <span class="blue_tag">6</span></p>
</li>
<li class="item">
<a class="name" href="#">Item 02</a>
<p class="tag">Latest Questions : <span class="green_tag">12</span></p>
<p class="tag">Latest Answers : <span class="blue_tag">4</span></p>
</li>
<li class="item">
<a class="name" href="#">Item 03</a>
<p class="tag">Latest Questions : <span class="green_tag">65</span></p>
<p class="tag">Latest Answers : <span class="blue_tag">21</span></p>
</li>
<li class="item">
<a class="name" href="#">Item 04</a>
<p class="tag">Latest Questions : <span class="green_tag">8</span></p>
<p class="tag">Latest Answers : <span class="blue_tag">2</span></p>
</li>
</ul>
</div>
<div id="main">
<div id="way_nav"><a href="/">下载频道</a><em>></em>资源上传</div>
<div id="content">
<div>
<form id="uploadform" action="/upload/do_upload" enctype="multipart/form-data" method="post" onsubmit="return false;">
<div class="upload">
<table border="0" style="border-style: dashed; border-width: thin; width: 706px;">
<tr>
<th> </th>
<td>
<dl class="note_upload">
<dt> <input id="search1" name="txt_userfile" onchange="show_uploadfile();" /><input type="submit" value ="浏览"/>
</dt>
<ul id="ul">
<li>（未选择文件）</li>
<li>您可以上传小于<span class="red">60MB</span>的文件</li>
</ul>
</dl>
</td>
</tr>
<tr>
<th>资源名称：</th>
<td><input id="Text1" name="txt_title" type="text" class="input_1" /></td>
</tr>
<tr>
<th> </th>
<td class="gray_1">不小于5个汉字或10个字母，详细的标题容易被下载。</td>
</tr>
<tr>
<th>资源类型：</th>
<td>
<select name="sel_filetype" id="Select1">
<option value="0">请选择</option>
<option value="1">文档</option>
<option value="2">代码类</option>
<option value="3">工具类</option>
<option value="4">其他</option>
</select>
</td>
</tr>
<tr>
<th>关键词（Tag）：</th>
<td><input id="Text2" name="txt_tag" type="text" class="input_1" /></td>
</tr>
<tr>
<th> </th>
<td>单个tag不多于12个字符，多个关键字请用空格分隔，最多填写5个</td>
</tr>
<tr>
<th>所属分类：</th>
<td>
<select id="Select2" name="sel_subclass">
<option value="0" selected="selected">请选择</option>
<option value="1">文档</option>
<option value="2">视频</option>
<option value="3">问答</option>
</select>
</td>
</tr>
<tr>
<th>资源描述：</th>
<td><textarea id="textarea1"></textarea></td>
</tr>
<tr>
<th> </th>
<td>
<ul>
<li>描述>=20个字符,不支持HTML标签。</li>
<li>详细的资源描述有机会获得我们的推荐，更有利于他人下载。</li>
<li><input id="Checkbox1" name="cb_agree" type="checkbox" /><label>同意<a href="#" target="_blank">资源上传协议</a></label></li>
</ul>
</td>
</tr>
<tr>
<th> </th>
<td><input type="submit" value="提交" id ="botton"/></td>
</tr>
</table>
</div>
<div id="need" >
<dl class="needlist">
<dt>上传须知</dt>
<dd style ="font-size :small">* 如涉及侵权内容,您的资源将被移除</dd>
<dd style ="font-size :small ">* 请勿上传小说、mp3、图片等与技术无关的内容.一旦发现将被删除</dd>
<dd style ="font-size :small ">* 请勿在未经授权的情况下上传任何涉及著作权侵权的资源，除非该资源完全由您个人创作</dd>
<dd style ="font-size:small ">* 点击上传资源即表示您确认该资源不违反资源分享的使用条款，并且您拥有该资源的所有版权或者上传资源的授权</dd>
</dl>
</div>
</form>
</div>
</div><br/>
</div>
<div id="func">
<div id="btm1">
<a href="#">Sign In Account</a>
</div>
<div id="btm2">
<a href="#">Register For XueBa</a>
</div>
<div id="btm3">
<a href="#">Learn More About Us</a>
</div>
</div>
<div id="bottom" >
<p>© 2012 Beihang University Software Engineering</p>
<p>Version 1.0.1 By Highestop</p>
</div>
</body>
</html>
今后的任务：
1，完成用户登陆等相关的页面设计
2，完成文档下载相关页面设计
3，修改和完善以前的页面的不足之处。
