⽹页设计⼤作业
简介:⽤了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.点击查看更多会显⽰隐藏内容
jquery是什么软件4.点击后显⽰了隐藏内容
5.答题技巧页⾯ ⿏标经过习题有放⼤镜效果
6.机考四级页⾯
7.考试流程页⾯
8.四六级英语页⾯,该页⾯下半部分可以增删留⾔
9.反馈页⾯滑动⿏标可以选择反馈什么问题
就介绍到这⾥,如果⼤家需要可以下载参考:
如果你觉的有⽤可以点个赞,欢迎⼤家评论留⾔。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论