本课程专注于家居网站的设计与开发,涵盖JavaScript、CSS和HTML等核心技能。学生将通过实践项目掌握前端技术,并完成一份详细的设计报告。
网页文件(.html)至少5个,实现至少10个功能,每个网页至少体现一个功能。具体要求如下:
1. 使用DOM和事件操作元素、属性和内容4次,以改变外观并提高交互性。例如:增加或删除留言、Tab选项卡等。
2. 使用表单及控件的常用DOM属性、方法与事件进行一次前端验证,并实现其他功能一次。
3. 利用BOM调用浏览器功能1次,如页面滚动、秒杀倒计时、打印通知和本地存储等。
4. 采用ECharts库实现数据可视化1次。使用Swiper框架实现轮播图展示1次。
5. 使用Ajax或fetch获取第三方网站的数据,并更新本网页内容一次。
具体要实现的功能包括:
1. 首页:包含下拉框、轮播图以及通过Ajax获取图片并实时更新;
2. 产品展示页面:提供图片放大功能和倒计时显示;
3. 关于我们页面:设有定时跳转链接,并且能够自动变换背景图像;
4. 联系方式页面:包括复选框及文本输入区域供用户留言或咨询使用。
5. 登录/注册页面:具备表单前端验证机制,同时支持鼠标点击特效以增强用户体验。