什么是静态网页及静态网页设计步骤

网页设计是网站设计的基础，也是传递信息的重要方式之一。对于很多网站来说，网页设计有很多要求和类型，其中最特别的要算静态网页了。有人觉得静态网页就是HTML文件，其实不然，静态网页还可以存在一些动态的效果。今天就让faceui为大家介绍什么是静态网页及静态网页设计步骤。

　　什么是静态网页

　　静态网页有时也被称为平面页。在网站设计中，纯粹HTML（标准通用标记语言下的一个应用）格式的网页通常被称为“静态网页”，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。容易误解的是静态页面都是htm这类页面，实际上静态也不是完全静态，他也可以出现各种动态的效果，如GIF格式的动画、FLASH、滚动字幕等。

静态网页设计（图片来自网络）

　　特点：

　　1、静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”；（动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容。）

　　2、网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。

　　3、静态网页的内容相对稳定，因此容易被搜索引擎检索。

　　4、静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。

　　5、静态网页的交互性较差，在功能方面有较大的限制。

　　6、页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。

　　7、减轻了服务器的负担，工作量减少，也就降低了数据库的成本。

静态网页设计（图片来自网络）

　　静态网页设计步骤

　　1、设计好要写一个怎样的静态网页画面，然后到网上收集图片素材或者其他资源。小编自己到网上找了个参考，然后用ps自己编辑了一张图，同时很多需要用到的按钮之类的背景图片。

　　2、新建项目文件夹，这是个好习惯，将一个网页的东西放在一个文件夹中以后方便找，这里小编的是moban1，然后在moban1文件夹里面再新建两个文件夹style和images和一个html文件,style里面存放样式文件test.css,images存放需要用到的图片。

　　3、编写test.html文件，小编的习惯是编写完html文件一个div后，同时调整css样式文件，下面是完整的html文件和css文件代码。

　　4、在浏览器中打开，因为是html文件所以这里直接右键打开即可，右键--打开方式--（选择你要在哪个浏览器中打开）或者直接点击打开选项，就会用默认浏览器打开。

　　以上就是faceui为大家介绍的关于静态网页设计的相关内容。静态网页设计不同于其他网页设计，但是对于网站来说是一种很好地保存数据和信息的方式。