网页设计报告.pdfVIP

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