开发文档的具体要求
1.开发工程师的具体职责
在完成产品的基本设计或详细设计后，为实现产品的功能，需要进行网站界面的设计与制作。
2.该网站的开发运用的技术和作用
1.HTML
作用：是一种描述性的标记语言，就是用来描述网页内容的一些特定符号；用于描述网页中内容的显示方式，比如文字以什么颜色、什么大小来显示。
2.CSS
作用:可以改变HTML的基本特性，从而控制传统网页上的元素，诸如精确的空白、段落缩进、文本的外观和链接的状态等等。这样，你就可以实现对网页元素的格式控制。 CSS不仅允许你指定单个网页的外观，还可以被用来为网站提供一致的界面。
3.Bootstrap
作用：用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架，采用它来设计页面常见的控件，完成页面的自适应布局
4.ASP.NET
作用：是一种动态网页技术，在服务器端运行.Net代码，动态生成HTML。
3.该网站的开发过程（重点描述用户登录相关的功能实现）
1.根据参考项目，修改成如下的登录页面
QQ图片20180622165330.png
QQ图片20180622165337.png
2.为网站网页编辑HTML文档基本结构
QQ图片20180622170413.png
3.采用标识符，为网站网页登陆界面设置控件，用于收集用户信息
QQ图片20180622170817.png
QQ图片20180622170821.png
4.完成网页用户登录界面功能
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">注册</a>
</div>
</div>
</div>
<div class="footer">
Copyright © 2018 — CQCET-IOT
</div>
</div>
</div>
</div>
</section>
</form>
</body>
网友评论