网页设计大作业

简介：用了html,css,js,jquery，文章末尾有下载链接。欢迎大家下载参考。

一.主题是英语四六级，主要介绍了以下五点：

      1.英语四六级的由来
      2.四级考试的考试流程
      3.四六级考试的答题技巧
      4.机考四级应该注意的地方
      5.学习四六级英语的软件

二.网页中主要应用的技术：

      1.应用了正常流布局浮动布局布局
      2.应用左右浮动做了导航栏和网页logo应用相对定位和绝对定位做了主页里导航栏背景图片上的内容
      3.应用固定定位，定位了答题技巧、考试流程、机考四级三个网页的导航栏，主页右侧的反馈de等。
      4.应用相对定位和绝对定位做了主页里导航栏背景图片上的内容
      5.网站首页（index.html）有动态时间，倒计时,显示隐藏功能（小提示，查看更多(jQuery编写)），改变样式（搜索框中文字）轮播图（jQuery插件），深色模式（改变背景色）
      6.在网站首页点击APP下载（download.html）可以定时跳转
      7.在网站首页点击 反馈（feedback.html）可以通过鼠标在各标题上滑动来选择反馈那个页面（tab标签jQuery编写），在表单做了改变样式，显示隐藏，当按照要求填写了表单会定时跳转
      8.四六级英语页面（Untitled-2.html）有增删留言的功能
      9.机考四级页面（CAT.html），考试流程页面(procudure.html)有打印功能
     10.答题技巧页面（skill.html），有打印和放大镜功能（热门习题jQuery插件）
     11.所有可以打印的页面都可以按下快捷键s打印

用dom实现了:验证表单，增删留言，改变样式显示隐藏，快捷键
用bom实现了:倒计时，定时跳转，动态时间，打印
用jQuery插件实现了：轮播图，放大镜
用jQuery编写了：显示隐藏，tab标签页  

三.网页图片

1. 提示卡片可以点击叉号关闭

2.左边是倒计时，右边是轮播图

3.点击查看更多会显示隐藏内容 

 4.点击后显示了隐藏内容

 5.答题技巧页面  鼠标经过习题有放大镜效果

 6.机考四级页面

7.考试流程页面

8.四六级英语页面，该页面下半部分可以增删留言

 9.反馈页面滑动鼠标可以选择反馈什么问题 

就介绍到这里，如果大家需要可以下载参考：html,css.js网页设计.zip-网页制作文档类资源-CSDN下载

如果你觉的有用可以点个赞，欢迎大家评论留言。