网页设计(dw和flash)课程设计.doc

目 录 一、设计题目 1 二、设计性质、目的和任务 1 1、设计性质 1 2、设计目的和任务 1 三、设计内容 2 四、设计说明 3 （一）、网站标题的创意和设计 3 （二）、站标的创意和设计 4 （三）、栏目的创意和设计 4 1、二级页 5 2、三级页 13 五、设计总结 17 一、设计题目 杰然不同 二、设计性质、目的和任务 1、设计性质 本课程设计是学生在学习网页设计软件Dreaweaver和Flash动画设计课程后的实践性很强的专业课课程设计，是对所学Dreaweaver和Flash知识的综合运用，为培养职业核心能力与素质奠定基础，在专业人才培养方案中起重要作用。 2、设计目的和任务 (一)内容： 综合利用Dreamweaver和Flash设计制作一个网站。 设计题目：在线购物网站或个人网站，任选其一（具体名称和栏目自定）。 (二)要求： 1、网站和素材制作要有自己的创意。 2、通过设计熟练掌握网页设计和Flash素材制作的基本流程和各种常用工具的使用方法和技巧。 3、Dreamweaver的内容要求： ⑴、有图文的混合排版,要有自己设计的图像素材 (可是静态或Flash动画)。 ⑵、要有自己设计的站标（静态或Flash动画任选）。 ⑶、网页要求体现不同布局（表格布局、层布局、框架布局）。 ⑷、要有CSS样式、模板和库的使用。 ⑸、要有鼠标经过图像。 ⑹、制作弹出信息对话框。 ⑺、随主页弹出的广告窗口。 ⑻、要有项目列表或编号列表。 ⑼、多种超链接的设置。 ⑽、有插入的声音文件或背景音乐。 4、Flash的内容要求： ⑴、熟练掌握Flash的基本操作方法。 ⑵、设计网站的Flash标题文字动画（或Flash的TOP文件），做到动画新颖且与主题风格一致。 ⑶、根据网站风格、内容的需要制作相应的动画广告或其它动画素材，要有形状补间动画、运动补间动画、蒙版动画，动画中可根据需要加入声音或音乐。 注意：以上要求为设计的基本要求，各项均是必须有的，缺少某项将影响成绩！ 三、设计内容 网站类型：个人网站 网站结构: 我制作的是个人网站,来描述平凡世界的我也有自己的与众不同,网站主要介绍了我的基本资料、家乡、生活学习中的点滴以及对人生的感悟。 四、设计说明 进入主页首先会弹出对话框表示对浏览者的欢迎，应入眼联的站标旋转出了人生的不同轨迹。不断飞舞的花瓣围绕着杰然不同四个艺术字既气势又典雅，珍珠导航炫彩夺目。两个熊宝宝突出了幸福小窝的温情，不失色彩而显得更加可爱。右侧的flash动画“幸福小窝窝”活灵活现，尤如跳动的音符。伴随着“有朋自远方来，不亦乐乎”的文字随鼠标移动特效，给整个网页增添了画龙点睛的一笔。 （一）、网站标题的创意和设计 网站标题构思：以自我为中心来讲述对生活、学习、人际交往、成长历程等一系列社会体验的感悟，展示我的杰然不同。 通过以前学习的Photoshop对文字进行变形和修饰，达到此种效果，突显与众不同。 （二）、站标的创意和设计 站标构思：人生有各种不同的经历,旋转的正方体代表我生活中千姿百态的故事,而我是其中的主角,以自我为中心体验独无二的的生活。每个人都有自己的任知和对生活的感触，我很平凡，但是却依旧有属于自己的杰然不同，无论开心与否，都是对自己足迹的一种见证。世界很大，属于我的并不多。可是生活是一种态度，我乐与在自己所拥有的天地中尽情享受，旋转这花花世界。 为了与标题”杰然不同”相呼应,我想到了用正方体来制作站标,正方体不同的面代表我生活中经历的各种人与事。通过photoshop把所需要的正方体扣出,然后利用flash中的3-D旋转工具和输入文字并适时调整文字透明度所制作。 （三）、栏目的创意和设计 网站导航：珍珠—大自然的璀璨奇迹，如同夜空的明月落入凡尘，明洁圆润。用珍珠来做导航象征着圣洁健康的人生旅途。 制作珍珠导航首先得找好素材，并扣取出所选中的珍珠部分，然后进行文字的色彩搭配。 网站包括四个栏目，分别是： 悠悠岁月：从一出生就伴随自己的符号；此页面包含两个下级页，分别是时光静好——个人资料简介；梦呓乡语——留恋家乡的一砖一瓦。 五彩缤纷：展示生活中的美好瞬间； 韵味无穷：生活、学习中的乐趣和体会；此页包含两个下级页，分别是懵懂少年——那即将远去的校园生活，流年依旧，逝去的回忆；花花世界——生活中的形形色色，每个人都有自己的感触。 与杰有约：人生在世知己难寻，留下你的希望，我会好好珍惜。 1、二级页 悠悠岁月 都曾有过欲说当年好困惑，亦真亦幻难取舍的感慨；悠悠岁月讲述了人这一生如飞舞的彩蝶虽美好却也要忍受那破茧成蝶的煎熬。 色彩斑斓的玻璃球经过鼠标跟随图象的修饰后别有一番风味，蝶儿没有束缚自由飞翔好比我对生活的希望，自由自在。经fl