招聘网站特效制作招聘网站特效制作讲解和分析需求讲解和分析需求(20分钟)学员首先阅读项目案例需求和实现步骤老师讲解需求,学生理解需求并分析问题描述招聘网站特效制作,实现如下功能:1、网站首页2、新用户注册3、用户登录4、简历管理:信息填写5、职位搜索6、招聘公司页面查看网站整体效果查看问题分析-1模板制作:网站底部做成模板,网站其他页面调用模板,模板用DIV套表格布局问题分析-2首页:index.html1、DIV套表格布局页面2、网页左侧实现带关闭按钮、随滚动条上下移动的广告层3、随机漂浮的图片广告4、向上、向左滚动的信息(利用marquee跑马灯实现)5、最热招聘(本页内链接)网站首页效果查看注册页面:register.html1、E-mail和会员名要求单击按钮验证;提示错误信息及信息填写正确页面2、密码用onBlur离开焦点的表单提示效果直接提示3、提交按钮换为图片按钮,并且鼠标移到按钮上,图片背景改变问题分析-3注册页面效果查看问题分析-4登录页面效果查看登录:login.html1、用户名和密码用JS验证是否为空2、提交按钮换为图片按钮,并且鼠标移到按钮上,图片背景改变问题分析-5简历管理页面效果查看简历管理:intro.html1、基本个人信息、简历填写、附加信息的注册2、用onBlur直接验证表单内容3、居住地用级联下拉列表框问题分析-6职位搜索:search.html1、DIV套表格布局2、点击工作地点弹出选择层,选中的地点直接显示在按钮上3、职能类别/行业类别:和工作地点选择一样,可以用复选框进行多项选择,选中的项显示在下面的单元格内职位搜索页面效果查看问题分析-7招聘公司页面:company.html1、页面打开时,弹出广告窗口2、二级的横向菜单,鼠标移动一级菜单时,二级菜单显示,离开时,二级菜单隐藏;鼠标在菜单上时,超链接文字及背景样式改变3、四幅图片循环显示的横幅广告4、职位按地区搜索,实现级联的二级下拉列表框5、左侧的功能菜单下的超链接,实现对应网页右侧相对层的显示、隐藏效果招聘公司页面效果查看难点分析-1新用户注册页面按钮验证E-mail及用户名functionchemail(email){if(email.value.indexOf('@',0)==-1){alert("请输入正确的电子邮件地址");email.focus();returnfalse;}else{window.open("checkmail.html","",)}}验证符合要求弹出窗口验证符合要求弹出窗口查看页面效果难点分析-2登录页面提交按钮用图片按钮,鼠标移动到按钮上,按钮背景变化