网页设计实验报告.doc

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