WEB网站及其网页广告-课程设计.docVIP

WEB网站及网页广告课程设计 指导书 2007年9月 WEB网站及网页广告课程设计要求 第一部分 网站设计要求：制作一个包含一个首页页面和2个二级页面的网站，网站内容围绕首页结构样式所示内容来建设。 首页结构样式 站标（图） 招聘求职网站（动画） 用户： 密码： 首页 就业动态 个人求职 企业招聘 就业指南 政策法规 就业咨询 技术专题 论坛 Copyright ? 2007 ×××.com Inc. All rights reserved. ××× 版权所有 联系方式 ×××@×××. ××× 图1 首页样式要求首页要求 1、网页布局使用π型（三栏）结构，表格居中； 2、宽度按800*600的浏览分辨率设置，高度可以根据需要恰当设置； 3、网页背景或网页颜色自行设置（网页背景色不允许为白色）； 4、图1所示的所有文字自行设置字体、字号、颜色； 5、顶部以下内容自行添加相关文字及图片； 6、最后一行“……××× 版权所有”中的×××为制作者的班级和姓名；7、联系方式×××@×××. ×××为设计者的电子邮件地址，要加上E-mail链接； 8、在用户登录和注册的表单中，点击“注册”按钮能弹出用户注册表单页面（二级页面）； 9、点击“论坛”，要能链接到论坛页面（二级页面）； 10、主页上要设置浮动广告和弹出窗口广告，并要设置图像广告和Flash广告（浮动广告和弹出窗口广告中的图像内容要求及图像广告和Flash广告要求详见“第二部分：网页广告设计要求”）； 11、主页命名必须为index.htm或Default.htm。 三、二级页面要求 1、用户注册表单页面包含内容： 图2 表单页设计要求 2、论坛页面内容： （1）采用“左侧固定，上方嵌套”的框架结构，如下图所示： 图3 论坛页设计要求 （2）右上侧框架（top.htm）内容为标题，插入广告图像要求详见“第二部分：网页广告设计要求”。左侧框架（left.htm）为目录内容，框架页面内容自定，右下框架（main.htm）为主要内容显示； （3）在left.htm中点击链接后，在main.htm框架显示链接的内容。 第二部分 网页广告设计要求：在WEB网站页面内容的基础上使用Flash和Firework制作站标和设计宣传网站的动画及图片广告。 使用Fireworks设计首页上的站标，大小自定，要求包含“”字样及图片，大小应与网页布局相匹配，站标应简单、醒目，能体现网站的风格。 使用Flash设计首页页眉的动画广告，广告大小为468×60像素，要求包含“招聘求职信息平台”字样及图片，广告应运用元件，引导或遮罩等方法完成运动渐变动画广告或形状渐变动画广告的制作。 使用Fireworks设计首页上的浮动广告，广告大小为120×60像素，要求包含与网站主题相关的文字和图片，图片的背景色设为透明。 首页上弹出窗口广告要求使用Flash制作，大小为300×200像素，要求包含与网站主题相关的文字和图片。 框架页上侧框架的广告图像要求为GIF动画，大小自定，要求包含与网站主题相关的文字和图片。 在网站的合适位置设置另外3个图像或动画广告，大小自定，图片或动画均可，内容要以宣传本网站为主，尽量采用多种不同技术。 注意：所有广告的文字及图像内容必须与网站内容相关联，广告能够实现点击链接（链接地址自行设定）。 第三部分 作业上交要求： 1、将站点文件及Flash源代码（fla文件，要与网页上对应的swf文件同名）和Fireworks源文件（PNG文件，要与网页上的对应图像文件同名），没有源文件的广告设计无成绩！！！！！，所有源文件可以集中放在站点的一个文件夹中。所有文件经最新版杀毒软件检查杀毒完毕后，使用winrar或winzip软件制作成压缩文件，并以班级和姓名命名，作为附件，08级同学发送到E-mail邮箱song_a@163.com，07级同学发送到wgsu@； 2、书写设计说明书，内容包括：（1）网站网页、动画及图片广告制作介绍；（2）制作过程中遇到的问题及解决办法；（3）设计总结。设计说明书应不少于1200字，要求用16开纸打印上交。 3、站点文件要求包括：所有的网页；网页上所使用图像；动画及图片广告；相关的其余文件（如果有的话，如CSS样式文件等）。 4、站点文件和设计说明书必须在20周星期五之前发送或上交完毕，逾期后果自负。站点文件和设计说明书必须同时上交，缺其中一项以不及格论处！ 5、所有设计及设计说明书书写要求独立完成，按学校规定，如果课程设计内容及说明书有25%及以上相同者，视为互相抄袭，成绩为不及格！ 第四部分 附件：说明书范例 序 号 文件名 文件类型 尺寸 所在页面 链接页面 文 件 说 明 1 LOGO.gif Gif图片