网页和网站设计报告

目录

前言 ........................................................................................................................................................................... 2

一、作业背景......................................................................................................... 2 二、选题说明....................................................................... 错误！未定义书签。 三、小组任务分工............................................................... 错误！未定义书签。

第一章 网站规划 .................................................................................................................................................... 3

第一节 背景介绍.................................................................................................. 3 一、网站类型......................................................................................................... 3 二、 服务领域........................................................................................................ 3

第二章 网站设计

第一节 网站页面设计 ...................................................................................................................... 4

第二节 网站设计与开发流程 ............................................................................... 5 第三节 上传空间 ................................................................................................................................. 6 第四节 域名申请过程 ....................................................................................................................... 7 第三章 结束语

第一节 收获.......................................................................................................... 7 第二节 不足 ........................................................................................................... 7 第三节 主要参考文献.......................................................................................... 7

西安石油大学经济管理学院 专业 班 组号： 姓名

1

《网页和网站设计》课程设计大作业——XX网站设计报告

前言

一、作业背景

本文根据《网页和网站设计》课程要求而做。

课程设计大作业要求如下：

1. 完成静态网站开发报告，包括以下内容： 1) 网站名称 2) 网站规划与设计

 网站类型与服务领域；  网站服务对象；  网站处理流程；  网站所需页面；  开发平台与工具等 3) 网站开发

 网页内容编排  网页美工设计等

2. 完成网站相关页面与内容的开发，要求：

 网站至少由两级页面构成，网站内容充实，页面布局合理，内容编排符合网

站主题；

 使用Dreamweaver完成网站的页面布局；

 尝试使用Dreamweaver中的网页框架和或div布局；

 每个页面中至少要有一个使用Flash制作的动画（需要包括学过的flash内

容）；

 设计每个页面中的按钮和导航条。

 网站功能必须包括个人简介模块，其他模块可以自由扩充。可以包括家乡介

绍、个人趣事、感悟、相册、经历、所取得的成绩、爱好、以及个人理想等。

 能方便的从每个页面返回到首页。

西安石油大学经济管理学院 专业 班 组号： 姓名

2

《网页和网站设计》课程设计大作业——XX网站设计报告

4. 最终成果

（1）设计报告（电子文档和打印的报告），格式要求见附件 （2）程序源代码

第一章 网站规划

第一节 背景介绍

一、网站类型

本网站类型是信息类网站。主要为广大 群众提供有关站主个人简介的信息搜寻。

二、 服务领域

本网站的服务领域主要是有关个人信息的介绍。

第二节 网站服务对象与主题

一、服务对象

本网站的服务对象是站主自己以及对站主感兴趣的朋友。 二、网站主题

本网站的主题是：为广大对站主感兴趣的朋友提供站主的信息简介。

西安石油大学经济管理学院 专业 班 组号： 姓名

3

《网页和网站设计》课程设计大作业——XX网站设计报告

第二章 网站设计

第

一

一节

、

页

网站

面

页面

构

设计

成

本网站由两页面构成。一个一级页面——首页，三个二级页面——个人爱好页面、基本信息

简

介

页

面

以

及

绝

密

档

案

页

面

构

成

。

一级页面——首页是本网站的开始页面，由图片、文字。Flash动画和各种超链接组成，其中，Flash动画均是由站主亲自设计，通过dreamFlash 制作而成。整个页面的设计与制

作

则

是

通

过

Dreamweaver

完

成

。

（

制

作

如

图

）

西安石油大学经济管理学院 专业 班 组号： 姓名

4

《网页和网站设计》课程设计大作业——XX网站设计报告

二级页面——个人基本信息简介页面主要是通过一张表格来介绍站主的个人基本信息

；

（

效

果

如

图

）

二级页面——火影动漫页面则大量运用Flash及图片技术，因页面较长故利用了锚点技术，大致介绍了一个组织的人物；（效果如图）

二级页面 ——绝密档案页面插入了恰当的背景音乐，充分表现了该页面的主题。 （效果图请自行查看）

第二节 网

一、流程详细

西安石油大学经济管理学院 专业 班 组号： 姓名

5

站设计与开发流程

《网页和网站设计》课程设计大作业——XX网站设计报告

首先，搜集各方面的资料，确定网站的类型、主题、服务对象、服务领域以及网站的名称；其次，确定网站的基本结构，包括网站页面结构和网站功能；然后，分析站点结构，在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）概念的实现平台之一。

第四节 上传空间

一、域名详细

西安石油大学经济管理学院 专业 班 组号： 姓名

6

《网页和网站设计》课程设计大作业——XX网站设计报告

第

一

五

、

节

申

请

域

过

名申

程

请

简

过程

述

登陆Internet，输入网址www.3v.cm，进入网站。跟随流程注册账号。账号申请完毕

之时，域名空间也随之申请完成，可在账户管理中找到。

第

第

三

一

章

节

结

束

收

语

获

通过这次的网页与网站设计大作业，使我更加理解了Flash、Dreamweaver以及fireworks三种网页与网站设计工具的操作过程和基本操作技能，现在我已经可以比较熟练的使用这三种开发工具。同时，我也掌握了网页与网站设计的总体布局和全部流程，以及在细微环节中的各种处理等，巩固了我的基本知识，提高了我的动手操作能力。

第二节 不足

在网页设计的过程中，仍然会有比较棘手的问题不知道如何解决，例如在做

Flash

的时候，做出来的效果达不到自己预想的效果，网页制作中对于尺寸的把握不是很好，对于代码修改出现的问题不知怎么解决。这些都需要我在今后的学习中继续努力改善。

第三节 主要参考文献

1．《网页设计与制作教程》 2 .

西安石油大学经济管理学院 专业 班 组号： 姓名

7