网站设计任务书

网站设计任务书主题：“我美丽的家乡”

课程名称：网页设计与制作

学号

姓名：

班级：

指导教师：

提交日期：

学期：

一、网络平台的选择

本网站采用静态网页平台，原因如下：

第一、速度，对于速度而说，静态页面比动态好，因为静态页面是实实在在存在于服务器上的页面。在用户向服务器发出请求时，可以直接直接调用。然而动态，其实是一个动态页面，只是用一个技术或手段，请动态页面中的“？”等一些符号用蜘蛛可以很内容识别出来的字母给代替了。所以像这种静态页面，要向服务器发出请求时，还要多出一个功能就是转化功能，如何同时请求过多，会加大服务器的负荷。

第二、容量，对于容量而言，因为静态页面是实实在在存在于服务器中，因此会占用一定的空间，如何文件过多，占用的空间就多。然而动态就可以避免这一点，因为伪静态是将动态的URL给转换成静态，实际在服务器上是不存在的。

第三、搜索引擎友好性。对于静态URL页面，实实在在存在于服务器上，当搜索引擎收录之后，URL是不会改变的，哪有用户访问时，也不会出问题。然而如果是动态页面，服务器伪静态组件不出问题，这个URL就没有问题，如何动态组件出问题了，哪么当搜索引擎收录这个URL就会出错，如果出现错误过多，会让搜索引擎讨厌你网站，所以在试用动态页面时，动态组件，一定不要出错。

二、基本素材的收集

1、网页背景：用ps 做出的9╳9像素的图片。

2、flash：flash由软件swftext制作。

3、风景图片：在百度图片下载，后根据网页制作需要，用ps处理。44

三、网站的基本结构介绍

网站栏目

※首页：主要介绍家乡的基本信息；

※美食广场：主要介绍家乡的特色美食；

※著名人物：主要介绍了家乡著名人物；

※家乡特色：主要介绍家乡特产及公厕文化；※名胜古迹：主要介绍家乡的旅游景点。

网站目录结构

一级页面页面部局

网站页面介绍

一、首页面

分为一行三列，第一列介绍临汾概况，中间是flash”古城临汾欢迎您”，中间下方为一个字幕“我美丽的家乡—临汾”，最右边是一个交互式按钮，用于连接到首页。

二、一级页面

1、首页

导航分为五个“首页，家乡特色，著名人物，美食广场，名胜古迹”。左侧导航分为“历史沿革，地理环境，名族融合，珍贵资源”，中间主体部分是四个嵌入式框架，详细介绍了临汾的基本信息。

2、家乡特色

中间主题是临汾特产及公厕文化，右侧上方时一个文本特效代码，下方是一个图片特效代码。公厕文化下方图片‘more’链接至公厕文化页面。

3、著名人物

中间主体部分，上方以文本特效代码形式，列举了著名人物，下方主要以图片的形式介绍了著名人物。右侧是一个导航“艺术家，政治家，革命家，思想家，大作家”。

4、美食广场

主体部分图片兼文字说明的形式介绍了几大著名美食。

5、名胜古迹

主体部分主要以图片形式，生动形象的介绍了家乡的旅游景点，除此之外，还介绍了俩大著名景点，最右方以滚动字幕的形式列举了家乡的各大景点。

三、二级页面

主要采取文字的形式介绍家乡的历史，地理，文化，民族，及资源状况。

1，历史沿革

2、地理环境

3、珍贵资源

4、民族融合

5、艺术家

6、政治家

7、革命家

8、思想家

9、大作家

10、公厕文化

11、图片特效代码

四、网站设计最终的收获

生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用，以及网站里的特效代码。渐渐的我觉得这也没有多神奇了。

通过半年的课堂学习，我大体掌握了网页设计的基本方法，例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用images，这样可以避免页面调用时不正确的现象发生。2、虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Swftext软件提供了功能齐全的flash制作工具。3、网页设计布局一般为三行一列，主题955╳600像素，导航栏200像素，版权声明部分占50-70像素。这样网页设计部较合适，符合人们的审美观。

针对我所学的网页设计，网页布局、图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里，师傅领进门，修行在个人。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。