開發(fā)文檔的具體要求
1.開發(fā)工程師的具體職責(zé)
在完成產(chǎn)品的基本設(shè)計(jì)或詳細(xì)設(shè)計(jì)后毫胜，為實(shí)現(xiàn)產(chǎn)品的功能图云，需要進(jìn)行網(wǎng)站界面的設(shè)計(jì)與制作。
2.該網(wǎng)站的開發(fā)運(yùn)用的技術(shù)和作用
1.HTML
作用：是一種描述性的標(biāo)記語言钧汹，就是用來描述網(wǎng)頁內(nèi)容的一些特定符號(hào)据某；用于描述網(wǎng)頁中內(nèi)容的顯示方式欺殿，比如文字以什么顏色、什么大小來顯示鳖敷。
2.CSS
作用:可以改變HTML的基本特性脖苏，從而控制傳統(tǒng)網(wǎng)頁上的元素，諸如精確的空白定踱、段落縮進(jìn)棍潘、文本的外觀和鏈接的狀態(tài)等等。這樣崖媚，你就可以實(shí)現(xiàn)對(duì)網(wǎng)頁元素的格式控制亦歉。 CSS不僅允許你指定單個(gè)網(wǎng)頁的外觀，還可以被用來為網(wǎng)站提供一致的界面畅哑。
3.Bootstrap
作用：用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架肴楷。Bootstrap 是基于 HTML、CSS荠呐、JAVASCRIPT 的前端框架赛蔫，采用它來設(shè)計(jì)頁面常見的控件，完成頁面的自適應(yīng)布局
4.ASP.NET
作用：是一種動(dòng)態(tài)網(wǎng)頁技術(shù)泥张，在服務(wù)器端運(yùn)行.Net代碼呵恢，動(dòng)態(tài)生成HTML。
3.該網(wǎng)站的開發(fā)過程（重點(diǎn)描述用戶登錄相關(guān)的功能實(shí)現(xiàn)）
1.根據(jù)參考項(xiàng)目媚创，修改成如下的登錄頁面
![]()
QQ圖片20180622165330.png
QQ圖片20180622165330.png
QQ圖片20180622165337.png
2.為網(wǎng)站網(wǎng)頁編輯HTML文檔基本結(jié)構(gòu)
QQ圖片20180622170413.png
3.采用標(biāo)識(shí)符瑰剃，為網(wǎng)站網(wǎng)頁登陸界面設(shè)置控件，用于收集用戶信息
QQ圖片20180622170817.png
QQ圖片20180622170821.png
4.完成網(wǎng)頁用戶登錄界面功能
QQ圖片20180622170827.png
4.重要功能貼入圖片筝野，貼入代碼片段
1.GIF圖
66.gif
2.重要代碼
<body class="my-login-page">
<form id="form1" runat="server">
<section class="h-100">
<div class="container h-100">
<div class="row justify-content-md-center h-100">
<div class="card-wrapper">
<div class="brand">
<img src="Images/logo.png" />
</div>
<div class="card fat">
<div class="card-body">
<h4 class="card-title">登錄</h4>
<div class="form-group">
<label for="email">郵件地址</label>
<input id="email" type="email" class="form-control" name="email" value="" required autofocus runat="server"/>
</div>
<div class="form-group">
<label for="password">
密碼
</label>
<input id="password" type="password" class="form-control" name="password" required data-eye runat="server"/>
</div>
<div class="form-group">
<label>
<input type="checkbox" name="remember" />
記住我
<a href="forgot.aspx" class="float-right">忘記密碼?
</a>
</label>
</div>
<div class="form-group no-margin">
<asp:Button ID="bt_Login" runat="server" Text="登錄" CssClass="btn btn-primary btn-block" OnClick="bt_Login_Click"/>
</div>
<div class="margin-top20 text-center">
沒有賬戶? <a href="register.aspx">注冊(cè)</a>
</div>
</div>
</div>
<div class="footer">
Copyright © 2018 — CQCET-IOT
</div>
</div>
</div>
</div>
</section>
</form>
</body>
