文档详情

[网页设计实验报告.doc

发布:2017-01-20约3.86千字共10页下载文档
文本预览下载声明
---------------------------------------------装--------------------------------- --------- 订 -----------------------------------------线---------------------------------------- 班级 经济学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选项卡式列表、超链接到“火影忍者简介”主页整体布局。
显示全部
相似文档