[网页设计实验报告.doc

---------------------------------------------装--------------------------------- --------- 订 -----------------------------------------线---------------------------------------- 班级 经济学1班 组别 第六组 - 广 东 商 学 院 答 题 纸（格式二） 课程 网页设计与制作基础 2012－2013学年第一学期 小组成绩 　评阅人 评语（由教师在答辩时填写） 评价项目 好 一般 差 评分标准 主题选择 每项10分。好（8-10分）;一般（6-7分）;差（6分以下） 网站环境与站点管理 网页布局设计 内容组织与导航设计 样式与外观设计 设计报告撰写 好（15-20分）;一般（10-14分）;差（9分以下） 页面元素的插入及设置 文字 每项5分。好（4-5分）;一般（3分）;差（3分以下） 图片 超链接 多媒体元素 表格 表单 个人成绩表（该表前两列由学生填写外，其余部分由教师填写） 学号 姓名 贡献率（%） 个人成绩 12250602104 12250602108 12250602107 12250602116 12250602128 动漫网页设计 ---------------------------------------------------------------------------------------------------------------------- 设计目的 首先，通过制作网页了解HTML中涉及的技术；其次，掌握网页设计的流程及相关网页制作效果，比如框架集、插入图片或者媒体、CSS样式、Java Script语言等等；最后，通过了解Dreamweaver的使用方法后对制作网页和网页开发的流程进行网页设计。因此，选择一个我们组员比较感兴趣的课题“动漫”进行网页设计，拓宽组员之间对动漫的认识，增强交流，掌握网页设计技能，并通过网页普及动漫元素。 设计环境 软件：Dreamweaver、Fireworks 硬件：Windows XP、Windows 7、电脑 分工情况 本来是打算按照：陈灼德、黄炯杭收集资料，邓锴网页设计，陈光锐、卢雄伟编写程序，全体成员美化的分工来进行网页设计的，后来考虑到要充分发挥组员对Dreamweaver的操作使用能力，所以改为卢雄伟负责总主页，其他组员自己选一动漫进行自我设计，由总主页链接到每个组员的分主页。这样能够很好地展示每个组员的能力，并且在制作中，我们互相交流Dreamweaver的制作，尽可能地使得网页的制作能够简洁、美观。 设计流程 设计流程： 网页主要分为5个页面，分别是火影忍者简介、人物简介、剧场版、壁纸、注册用户或会员页面，以火影忍者简介作为主页。 寻找素材、包括GIF动态图、相关图片文字、JS代码等。 制作导航，超链接到各个网页中，导航运用的是图片切换行为。 在“火影忍者简介”中，利用锚点标记、层、Spry菜单栏与行为混合应用、内部超链接、Java Script返回顶部、表单表格混合应用、插入GIF图像、内部CSS样式整体布局形成。另外，超链接到“注册用户或会员注册”页面中。最后增加“登录”JS语言。 在“人物简介”中，利用Spry菜单栏与行为混合应用、层、锚点标记、内部超链接、Java Script返回顶部、内部CSS样式、表格表单混合运用、插入动态GIF图像美化页面整体运用布局。 在“剧场版”中，运用插入动态GIF图片、层、时间轴、插入Flash视频、Java Script返回顶部布局。 在“壁纸”中，运用表格将每一张图片都放在表格中，设置合适大小，运用显-隐藏和晃动行为、层、每一张图片都超链接到每一张图片的原始尺寸页面中布局。 在“注册”页面中，运用表单表格混合应用、图像交换对象、插入动态GIF图片美化、Spry选项卡式列表、超链接到“火影忍者简介”主页整体布局。