网页设计报告.doc

. .
优选
. . . .
. .
目 录
一、设计题目1
二、设计性质、目的和任务1
1、设计性质1
2、设计目的和任务1
三、设计容2
四、设计说明3
〔一〕、标题的创意和设计4
〔二〕、站标的创意和设计4
〔三〕、栏目的创意和设计5
〔四〕、网页的设计6
1、毛遂自荐〔二级页〕6
2、天真烂漫〔二级页〕7
〔1〕、如梦年华〔三级页〕8
〔2〕、在水一方〔三级页〕9
3、朝气蓬勃〔二级页〕11
4、菁色岁月〔二级页〕12
〔1〕、书声琅琅〔三级页〕13
〔2〕、同舟共济〔三级页〕14
5、斗志昂扬〔二级页〕15
五、设计总结17
一、设计题目
白驹过隙，岁月静好
. .
优选
. . . .
. .
二、设计性质、目的和任务
1、设计性质
本课程设计是学生在学习网页设计软件Dreaweaver和Flash动画设计课程后的实践性很强的专业课课程设计，是对所学Dreaweaver和Flash知识的综合运用，为培养职业核心能力与素质奠定根底，在专业人才培养方案中起重要作用。
2、设计目的和任务
(一)容：
综合利用Dreamweaver和Flash设计制作一个。
设计题目：在线购物或个人，任选其一〔具体名称和栏目自定〕。
(二)要求：
1、和素材制作要有自己的创意。
2、通过设计熟练掌握网页设计和Flash素材制作的根本流程和各种常用工具的使用方法和技巧。
3、Dreamweaver的容要求：
⑴、有图文的混合排版,要有自己设计的图像素材 (可是静态或Flash动画)。
⑵、要有自己设计的站标〔静态或Flash动画任选〕。
⑶、网页要求表达不同布局〔表格布局、层布局、框架布局〕。
⑷、要有CSS样式、模板和库的使用。
⑸、要有鼠标经过图像。
⑹、制作弹出信息对话框。
⑺、随主页弹出的广告窗口。
⑻、要有工程列表或编号列表。
⑼、多种超的设置。
⑽、有插入的声音文件或背景音乐。
4、Flash的容要求：
⑴、熟练掌握Flash的根本操作方法。
. .
优选
. . . .
. .
⑵、设计的Flash标题文字动画〔或Flash的TOP文件〕，做到动画新颖且与主题风格一致。
⑶、根据风格、容的需要制作相应的动画广告或其它动画素材，要有形状补间动画、运动补间动画、蒙版动画，动画中可根据需要参加声音或音乐。
注意：以上要求为设计的根本要求，各项均是必须有的，缺少某项将影响成绩！
三、设计容
类型：个人
构造:
我 我制作的是个人, 这个介绍的是我的成长过程，主要包括我的家乡、个人信息，以及同窗好友的友情和到现在的大学生活的感悟。
四、设计说明
进入，映入眼联的是"白驹过隙，岁月静好〞的一种时光的沉淀，舞动的蝴蝶，伴随着音乐的旋律蝴蝶轻轻的挥舞着翅膀，整个网页给人一种心灵得到放松，精神得到舒缓的感觉，背景采用淡雅的颜色，突出了温情，使色彩显得更加的协调。
因为蝴蝶以其身美、形美、色美、情美被人们欣赏，历代咏诵。蝴蝶是最美丽的昆虫，被人们誉为"会飞的花朵〞，是一种高雅的象征，可以令人体会到回归大自然的赏心悦目，所以我采用了Flash做出蝴蝶翩翩起舞的效果，与主题的"白驹过隙，岁月静好〞相结合，使主题更加的鲜明。
〔一〕、标题的创意和设计
标题构思：以"白驹过隙，岁月静好〞为中心来讲述从童年、少年到青年的成长过程等一系列的回忆碎片