首先保证网络为校园网（只能校园网查看和提交）
提交地址为：点击提交 密码：vi2A

操作题：制作简单聊天系统（100分）
模拟QQ聊天窗口进行聊天，发送一条消息，对方默认返回一条消息。如图1（可以自己设计页面）：

图片1

要求：
1、使用项目文件夹来管理代码，及样式、脚步要分离。
2、代码简洁明了、多加注释，图片路径尽量使用相对路径。
3、页面样式可以自拟（页面布局加分项）。

其他：考试时间2018-06-22 19:00 ~ 21:00

操作题：简单弹幕功能（100分）
用脚本做一个简单的弹幕功能，用户在指定的文本框中输入文字，点击发射按钮进行弹幕发射（弹幕在浏览器中从右往左运动、循环播放），如图1（可以自己设计页面）：

图片1

要求：
1、使用项目文件夹来管理代码，及样式、脚步要分离。
2、代码简洁明了、多加注释，图片路径尽量使用相对路径。
3、页面样式可以自拟（页面布局加分项）。
4、最后工程文件夹打包命名方式：学号加姓名，如：123456吴文艺。
5、提前5分钟提交题目，过时不候

提示：
先做简单功能，再做复制功能。
参考源代码下载地址为：
源码1
源码2

工具下载地址：
1、DW:dw地址
2、谷歌浏览器：chrome地址

作业可以直接提交：
点击提交

操作题：动态添加漂浮广告（100分）
请用两个输入框动态的添加浮动窗口（图片链接地址和图片点击链接地址），且页面最开始默认有两个漂浮广告，如图1（可以自己设计页面样式）：

图片1

要求：
1、使用项目文件夹来管理代码，及样式、脚步要分离。
2、代码简洁明了、多加注释，图片路径尽量使用相对路径。
3、最后工程文件夹打包命名方式：学号加姓名，如：123456吴文艺。
4、页面样式可以自拟（页面布局加分项）。

提示：
参考源代码下载地址为：
源码1
源码2

工具下载地址：
1、DW:dw地址
2、谷歌浏览器：chrome地址

作业可以直接提交：
点击提交

一、写程序的思路

二、前端的发展

HTML --> HTML5
CSS --> CSS3

JS框架
jquery、vue

jquery和js有什么区别

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide('10s');
  });
});

CSS框架
bootstrap
测试

扩展
node，es6

考试注意事项
1.考试时间
2.准备素材
3.开发工具
4.测试工具