开发部分

一、开发工程师的具体职责

（1）会使用HTML、CSS、JavaScript等技术做网页前端开发
（2）基于VS的ASP .NET应用程序开发
（3）输入：需求分析说明书和基本设计
输出：代码

二、网站开发技术

1）HTML
作用：用于描述网页中内容的显示方式，比如文字以什么颜色、什么大小来显示，这些都是利用HTML标记来实现的。
2）CSS
作用：可以改变HTML的基本特性，从而控制传统网页上的元素，诸如精确的空白、段落缩进、文本的外观和链接的状态等等。这样，你就可以实现对网页元素的格式控制。 CSS不仅允许你指定单个网页的外观，还可以被用来为网站提供一致的界面。
3)Bootstrap
作用：移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
浏览器支持：所有的主流浏览器都支持 Bootstrap。
响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
4）ASP.Net
作用：在服务器端运行.Net代码，动态生成HTML。

三、网站开发过程

1、使用CSS改变页面布局

xiugai.PNG

2、使用ASP.Net技术更换登陆控件，添加一个button，再删去原有的登陆控件

denglu.PNG

3、在原有的功能中添加一个注册功能

注册功能.gif

四、重要代码

                       </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 />
                                </div>

                                <div class="form-group">
                                    <label for="password">
                                        密码
                                    </label>
                                    <input id="password" type="password" class="form-control" name="password" required data-eye />
                                </div>

                                <div class="form-group">
                                    <label>
                                        <input type="checkbox" name="remember" />
                                        记住我
                                        <a href="forgot.html" class="float-right">忘记密码?
                                        </a>
                                    </label>
                                </div>

                                <div class="form-group no-margin">
                                    <input type="submit" class="btn btn-primary btn-block" value="登录" />
                                </div>
                                <div class="margin-top20 text-center">
                                    没有账户? <a href="register.html">注册</a>
                                </div>
                            </div>
                        </div>
                        <div class="footer">
                            Copyright &copy; 2018 &mdash; CQCET-IOT
                        </div>

代码