如何进行网站总体设计.docx

如何进行网站总体设计.docx

《如何进行网站总体设计.docx》由会员分享，可在线阅读，更多相关《如何进行网站总体设计.docx（6页珍藏版）》请在冰豆网上搜索。

如何进行网站总体设计

如何进行网站总体设计

1如何进行网站总体设计？

首先，我们要根据作业需求进行整理、分析、归类，形成网站栏目表用以清淅表达网站结构以及栏目的规划。

然后我们以同样的方法，来进行二层栏目下的子栏目，对它进行归类，并逐一确定每个二级分栏目的主页面需要放哪些具体的东西，二级栏目下面的每个小栏目需要放哪些内容，让观赏人员能够很清楚的了解本栏目的每个细节和栏目模块功能。

具体有以下几项：

第一，网站栏目概述，其中包括栏目定位，栏目目的，服务对像，子栏目设置，首页内容，分页内容！

这一部分起到一个索引的作用，让观众看起来能对网站有一个大概的整体把握和了解。

一目了然。

第二，网站栏目详情，栏目详情就是把每一个子栏目的具体情况描述一下，其中包括到各个子栏目的名称，栏目的目的。

第三，相关栏目，这一项是用以说明本栏目和其它栏目之间的结合，沟通，之所以要有这一项是想通过各个栏目之间的联系，来加强网站的整体性。

网页设计的目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。

而我们所要做的网站是个人网站，因此从自身角度出发，分析自己的兴趣爱好，以一种活泼青春的曲调

页面设置（属性）、

页面属性：

背景颜色：

#9bf3e1蓝绿色清新和成熟

蓝绿色是蓝色和绿色的混合色，代表一种甜美的女性特质，而较深的蓝绿色则于甜美中增添了成熟。

同紫色、淡粉色组合，体现出一种温柔的女性气质。

鲜艳的蓝绿色和粉色营造干净、复古的感觉。

表格插入内容的意义

表格设置：

表格宽度是990px；共分五个栏目，分别是：

个人信息、微小说、剪影流年、我的故事、本站地图

表格第一行插入的是整个网站的logo，当下最流行的青春活泼的喜洋洋与灰太狼组合，表现自己的童真童趣。

第二行是网站的五个部分的标题，五等分，不会产生偏重的感觉

第三行是当前位置，以及时间日期，提示每个网页所属位置，让人一目了然

第四部分也就是整个网站的主体，每个页面在这一部分的内容各不相同，

视频格式（flv）为什么？

有的需要mediaplayer视频大小（px*px）

这是Macromedia公司的流式视频格式，可以用暴风影音播放的。

FLV格式不仅可以轻松的导入Flash中，几百帧的影片就以两秒钟；同时也可以通过rtmp协议从Flashcom服务器上流式播出。

一般情况下，我们自己制作的视频是MP4或AVI格式，这些格式的视频是很大的，所以我们第一步要做的是把视频格式进行转换，以便节约空间资源和更快的打开视频，一般将它转换为网页视频格式SWF或FLV等。

FLV是FLASHVIDEO的简称，FLV流媒体格式是一种新的视频格式，全称为FlashVideo。

由于它形成的文件极小、加载速度极快，使得网络观看视频文件成为可能，它的出现有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好的使用等缺点。

不同版本Dreamweaver语句如何编写？

对于Dreamweaver本身来说不是一种语言，它只是方便我们开发网页的工具。

视频打不开的时候是如何解决的？

（路径问题）

一般情况下，我们自己制作的视频是MP4或AVI格式，这些格式的视频是很大的，所以我们第一步要做的是把视频格式进行转换，以便节约空间资源和更快的打开视频，一般将它转换为网页视频格式SWF或FLV等。

将转换格式后的视频放到该网页所在的正确的文件夹，，一般情况下路径不对视频是打不开的。

色彩设计、背景色、表达思想（心情爱好有什么关系）

整个网站的色彩约三种色系：

玫红色，绿色，蓝色。

玫瑰红的色彩透彻明晰，既包含着孕育生命的能量，又流露出含蓄的美感，华丽而不失典雅。

让自己呈现出年轻、有朝气的感觉.浪漫，可爱，温馨，甜蜜。

蓝色代表和谐宁静，粉色代表温馨可爱。

蓝色让人心情平静，粉色让人不会生气。

它是真理和和谐的颜色，常常用于冷却、安抚、调整和保护。

玫红色象征着典雅和明快。

它搭配同系色和类似的亮色，制造出热门而活泼的效果；

而绿色系的色彩给人玫瑰花叶的感觉，搭配起来很协调。

通过使用补色的蓝色，与其搭配，制造出水流动的效果，衬出了动感。

而这几种颜色是自己特别喜欢的，和性格有很大关系，粉红色的色调比较柔和，是感情细腻、个性温柔的人喜欢的颜色，自己活泼好动，向往青春的活力，喜欢绿色带给生命的感动和新奇，选择这几种颜色也是寄托了自己的愿望与理想，一直保持年轻活力，精彩有朝气的人生。

字体设计（字体字号）

对于字体的选择，整个网站主要是以微软雅黑为主要字体，辅助有宋体，选择微软雅黑字体是因为它是迄今为止个人电脑上可以显示的最清晰的中文字体。

它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。

即使是小字号依然清晰，而且强调文字设计的审美性和文化性，朴实大方，典雅端庄。

不会像其他字体铿锵有力，但却多了份圆润感，使整个页面看上去不那么呆板。

在字号方面，设置logo、主标题、副标题等字号不一以便区分，主要内容部分的字体视内容多少而定，字数较多的如per_info2页面，选用STYLE7格式字体，还有些设置成18号字体，例如per_info4页面，一些标题等选用STYLE2或者STYLE3标题格式。

图像设计（大小、格式、存储质量8）？

点击小图看大图

设计感悟（对教学网站如何插入视频、声音、以及插入视频的感受）？

可以使用Dreamweaver将Flash内容插入到页面中。

若要插入SWF文件（Flash内容），请执行以下操作：

在“文档”窗口的“设计”视图中，将插入点放置在您要插入内容的地方，然后执行以下操作之一：

在“插入”栏的“常用”类别中，选择“媒体”，然后单击“插入Flash”图标。

选择“插入”>“媒体”>“Flash”。

在显示的对话框中，选择一个Flash文件（.swf）。

Flash占位符随即出现在“文档”窗口中（与Flash按钮和文本对象不同）。

有关设置FlashSWF文件属性的信息，请参见设置Flash和Shockwave影片属性。

一个好的网站如何设计？

首先，我们要根据作业需求进行整理、分析、归类，形成网站栏目表用以清淅表达网站结构以及栏目的规划。

1、页面内容要新颖

网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。

2、网页命名要简洁

由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。

这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。

3、注意视觉效果

设计Web页面时，一定要用1024*768的分辨率来分别观察。

许多浏览器使用1024*768的分辨率，尽管在1280*1024高分辨率下一些Web页面看上去很具吸引力，但在1024*768的模式下可能会黯然失色。

作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页

4、善用表格来布局

不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。

5、少用特殊字体

虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。

在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。

6、考虑浏览器的兼容性

设计风格的考虑，如色彩的搭配，图形、线条的使用等等。

要时刻为用户着想，必须最少在几种不同类型的浏览器下测试网站，看看兼容性如何。

7、不宜多用闪烁文字

有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也。

8、每个页面都要有导航按钮

应当避免强迫用户使用工具栏中的向前和向后按钮。

你的设计应当使用户能够很快地找到他们所要的东西。

绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。

9、避免长文本页面

在一个站点上有许多只有文本的冗长页面，是令人乏味的，人们为了阅读这些长文本，不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。

如果你有大量的基于文本的文档，应当以AdobeAcrobat格式的文件形式来放置，以便你的访问者能离线阅读，从而节省宝贵的时间。

10、网页风格要统一

你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。

这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。

11、不能忽视错别字

一个好的网站对设计的每一个细节都不会放过，哪怕是一个微小的拼写错误都是绝对不能出现的。