招聘网站特效制作,实现如下功能:
1、网站首页
2、新用户注册
3、用户登录
4、简历管理:信息填写
5、职位搜索
6、招聘公司页面查看
模板制作:网站底部做成模板,网站其他页面调用模板,模板用DIV套表格布局
首页:index.html
1、DIV套表格布局页面
2、网页左侧实现带关闭按钮、随滚动条上下移动的广告层
3、随机漂浮的图片广告
4、向上、向左滚动的信息(利用marquee跑马灯实现)
5、最热招聘(本页内链接)
注册页面:register.html
1、E-mail和会员名要求单击按钮验证;提示错误信息及信息填写正确页面
2、密码用onBlur离开焦点的表单提示效果直接提示
3、提交按钮换为图片按钮,并且鼠标移到按钮上,图片背景改变
登录:login.html
1、用户名和密码用JS验证是否为空
2、提交按钮换为图片按钮,并且鼠标移到按钮上,图片背景改变
简历管理:intro.html
1、基本个人信息、简历填写、附加信息的注册
2、用onBlur直接验证表单内容
3、居住地用级联下拉列表框
职位搜索:search.html
1、DIV套表格布局
2、点击工作地点弹出选择层,选中的地点直接显示在按钮上
3、职能类别/行业类别:和工作地点选择一样,可以用复选框进行多项选择,选中的项显示在下面的单元格内
招聘公司页面:company.html
1、页面打开时,弹出广告窗口
2、二级的横向菜单,鼠标移动一级菜单时,二级菜单显示,离开时,二级菜单隐藏;鼠标在菜单上时,超链接文字及背景样式改变
3、四幅图片循环显示的横幅广告
4、职位按地区搜索,实现级联的二级下拉列表框
5、左侧的功能菜单下的超链接,实现对应网页右侧相对层的显示、隐藏效果
第一阶段(10分钟)
利用Dreamweaver制作模板页:Template.dwt
第二阶段(20分钟)
利用Dreamweaver制作新用户注册页面:register.html
第三阶段(10分钟)
利用Dreamweaver制作用户登录页面:login.html
第四阶段(30分钟)
利用Dreamweaver制作简历管理页面:intro.html
第五阶段(30分钟)
利用Dreamweaver制作职位搜索页面:search.html
第六阶段(30分钟)
利用Dreamweaver制作网站首页:index.html
第七阶段(40分钟)
利用Dreamweaver制作招聘公司页面:company.html
总结:
巩固的知识点:
CSS样式表
DIV的显示、隐藏:style.display:block/none
DIV套表格实现网页布局
javascript特效
级联下拉列表框,动态创建option
表单验证