网页和网站设计报告.doc

网页和网站设计课程设计大作业XX网站设计报告目录前言4一、作业背景4二、选题说明5三、小组任务分工5第一章 网站规划6第一节 背景介绍6一、网站类型6 二、 服务领域6第二章 网站设计 第一节 网站页面设计7第二节 网站设计与开发流程8 第三节 上传空间10 第四节 域名申请过程10第三章 结束语第一节 收获11 第二节 不足11 第三节 主要参考文献11西安石油大学经济管理学院 专业 班 组号： 姓名 7前言一、作业背景本文根据网页和网站设计课程要求而做。课程设计大作业要求如下：1. 完成静态网站开发报告，包括以下内容：1) 网站名称2) 网站规划与设计 网站类型与服务领域； 网站服务对象； 网站处理流程； 网站所需页面； 开发平台与工具等3) 网站开发 网页内容编排 网页美工设计等2. 完成网站相关页面与内容的开发，要求： 网站至少由两级页面构成，网站内容充实，页面布局合理，内容编排符合网站主题； 使用Dreamweaver完成网站的页面布局； 尝试使用Dreamweaver中的网页框架和或div布局； 每个页面中至少要有一个使用Flash制作的动画（需要包括学过的flash内容）； 设计每个页面中的按钮和导航条。 网站功能必须包括个人简介模块，其他模块可以自由扩充。可以包括家乡介绍、个人趣事、感悟、相册、经历、所取得的成绩、爱好、以及个人理想等。 能方便的从每个页面返回到首页。4. 最终成果（1）设计报告（电子文档和打印的报告），格式要求见附件（2）程序源代码第一章 网站规划第一节 背景介绍 一、网站类型本网站类型是信息类网站。主要为广大 群众提供有关站主个人简介的信息搜寻。 二、 服务领域 本网站的服务领域主要是有关个人信息的介绍。第二节 网站服务对象与主题 一、服务对象 本网站的服务对象是站主自己以及对站主感兴趣的朋友。 二、网站主题 本网站的主题是：为广大对站主感兴趣的朋友提供站主的信息简介。第2章 网站设计 第一节 网站页面设计一、页面构成本网站由两页面构成。一个一级页面首页，三个二级页面个人爱好页面、基本信息简介页面以及绝密档案页面构成。 一级页面首页是本网站的开始页面，由图片、文字。Flash动画和各种超链接组成，其中，Flash动画均是由站主亲自设计，通过dreamFlash 制作而成。整个页面的设计与制作则是通过Dreamweaver完成。（制作如图） 二级页面个人基本信息简介页面主要是通过一张表格来介绍站主的个人基本信息；（效果如图） 二级页面火影动漫页面则大量运用Flash及图片技术，因页面较长故利用了锚点技术，大致介绍了一个组织的人物；（效果如图） 二级页面 绝密档案页面插入了恰当的背景音乐，充分表现了该页面的主题。 （效果图请自行查看） 第2节 网站设计与开发流程一、流程详细 首先，搜集各方面的资料，确定网站的类型、主题、服务对象、服务领域以及网站的名称；其次，确定网站的基本结构，包括网站页面结构和网站功能；然后，分析站点结构，在Dreamweaver 中建立站点；再有，制作相关的Flash，搜集相关资料；再次，在Dreamweaver中制作网页，并实现网页间的连接，修复完善；最后，通过Internet申请域名并将网页上传。第三节 开发平台与工具 一、Dreamweaver Dreamweaver，简称“DW”，中文名称梦想编织者，是美国MACROMEDIA公司开发的集制作网页和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 二、fireworks Fireworks是Adobe推出的一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性， 还提供了一个预先构建资源的公用库， 并可与 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。 在 Fireworks 中将设计迅速转变为模型， 或利用来自Illustrator、Photoshop和Flash的其它资源。 然后直接置入Dreamweaver中轻松地进行开发与部署。 三、Flash Flash又被称之为闪客，是由micromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。 特性1、Flash被大量应用于互联网网页的矢量动画设计。因为使用向量运算（VectorGraphics）的方式，产生出来的影片占用存储空间较小。2、使用Flash创作出的影片有自己的特殊档案格式（SWF），该公司声称全世界97%的网络浏览器都内建Flash播放器（FlashPlayer）。3、Flash是Macromedia提出的“富因特网应用”（RIA）概念的实现平台之一。第四节 上传空间一、域名详细第五节 域名申请过程一、申请过程简述 登陆Internet，输入网址www.3v.cm，进入网站。跟随流程注册账号。账号申请完毕之时，域名空间也随之申请完成，可在账户管理中找到。第三章 结束语第一节 收获通过这次的网页与网站设计大作业，使我更加理解了Flash、Dreamweaver以及fireworks三种网页与网站设计工具的操作过程和基本操作技能，现在我已经可以比较熟练的使用这三种开发工具。同时，我也掌握了网页与网站设计的总体布局和全部流程，以及在细微环节中的各种处理等，巩固了我的基本知识，提高了我的动手操作能力。第2节 不足 在网页设计的过程中