网页设计大作业.pdfVIP

⽹页设计⼤作业 简介：⽤了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.反馈页⾯滑动⿏标可以选择反馈什么问题 就介绍到这⾥，如果⼤家需要可以下载参考： 如果你觉的有⽤可以点个赞，欢迎⼤家评论留⾔。