招聘求职信息平台网站及广告设计
说明书
班级：07级电子商务 姓名： 罗顺锟
求职，是当今大学生在毕业前最关注的一个问题。由于如今大学生上网途径非常便捷，使得网络招聘成了异军突起深受大学生广泛欢迎的求职方式。据统计，约有九成以上的毕业生通过浏览招聘网站或者在网上发布自己的求职信息来寻找工作。网络求职有其突出的优点，即信息量大，资源丰富，更新速度快，招聘职位多等，很符合年轻人希望以最快捷便利的方式获得最多最有效信息的求职要求。
一 、整个网站的栏目规划和设定
在此次的网页设计和制作中，我的“招聘求职信息平台”网站主页分别划分为“首页、就业动态、个人求职、企业招聘、就业指南、政策法规、就业咨询、技术专题及论坛”这几个模块，而在我的网页中，论坛及用户注册项又分别设置有二级页面，加上其他的弹出窗口广告、整个网站的页面总计为九个页面。
以下为本网站的设计说明：
（一） 网页框架的结构
1.主页
网站的主页所采用到的是以表格式的方式来进行布局的，这样的布局方式最能显示出网页的简洁性易懂性。主页分别显示出了页眉，导航栏，正文内容。在页眉和导航栏处设置有用户注册与论坛的连接，点击它们就会进入相应的页面。再往下就是最新企业的一些动态，职位搜索等内容。 2. 注册用户
网页中的注册用户属于二级网页界面，从主页页眉处点击“注册”字样便能连接到注册用户的注册页面信息。 3. 论坛
也同属于二级页面，从主页页眉导航处点击“论坛”字样便连接至论坛首页，此页面为用户创造了可交流的平台方便用户进行经验交流。
1
（二） 开发工具
本次网站设计所运用到的软件主要有：Dreamweaver 、Fireworks 和Flash 这三种工具，同时还加入了时间轴设置的浮动广告，CSS样式，图片等网页特效功能及行为。而在此次设计中主要用到Dreameaver 设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图象等功能。关于Dreameaver的插入Flash功能我用的比较少，在首页里我插入了一副FLASH，主要是它的功能我还不是很了解，我相信我以后会更好的使用它
（三）内容的规划
主要内容包含了各类行业信息的链接及搜索，职场新闻资讯，最新企业的招聘信息，使浏览者第一时间了解职场上最新新闻，职场招聘职位的信息，从而更好的方便浏览者查询。在页底处还放置了网站设计人员的相关版权信息和E-mail链接，方便浏览者及时的对我们提出建议或意见，从而提高了设计人员的工作效率。
（四） 文字编排和字体效果
在网页的排版上尽量做到简洁易懂方便浏览，清晰明了。本次网页设计由中文网页常用的“宋体”、“黑体”为主构成整个页面；运用粗体，字号分别在主要页面标题与其他正文文字做主次内容上的区别
（五）图片
由于网站在首页上所运用的是几张很简单的小图片，所以在很大程度上提高了打开浏览的速度，同时图片运用得也并不是很多，这主要是考虑到个别浏览的速度，使之更加的人性化，不会让浏览者门产生眼花缭乱的感觉。
（六）动画
页眉动画采用了遮罩技术，页中的动画则采用了渐变技术。
2
二、网页广告制作介绍
图片和动画广告设计详见下表所示： 图片： 序文件及类型 号 1 站标：jpg 尺寸 所在页面 链接页面 文件说明 这个站标图片内显示出www.zpqz.com，采用浅绿色，，能体现网页的风格 为主页打广告 为内容标题设置背景，采用土黄色方框使网站色调不单一 全部都是为商家广告 W：162 Default.htm 无链接 H：6 0 2 浮动广告：png W：120 Default.htm 空链接 H：60 3 两边广告：gif 4 man_a.gif man_f.gif 至W：80 Default.htm 空链接 H：250 W：167 Default.htm 无链接 H：31 5 2009413320359092.gif至20094221640459719.gif 6 页眉首页.swf W：156 Default.htm 无链接 H：34 Default.htm 无链接 用在首页上，成为首页的焦点，引人注目 动画：
3
三、总结
通过此次的网站课程设计制作，使我了解到网站制作的过程是繁杂的，连锁性的，制作一个网站需要有足够的耐心和恒心，同时又必须要对软件的操作步骤掌握得很熟悉。而我正是因为没能很好的掌握住网络三剑客的所学知识，所以在网页的制作过程过中碰到了很多难题和挫折，最终在自己的努力和坚持下还是把网站课程设计作业完成了，也使我对网站课程设计多了些了解
4
因篇幅问题不能全部显示，请点此查看更多更全内容