face+ 关于 服务 案例
首页 案例 服务 关于 face+

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

Time: 2021-04-07

网页设计网站设计的基础,也是传递信息的重要方式之一。对于很多网站来说,网页设计有很多要求和类型,其中最特别的要算静态网页了。有人觉得静态网页就是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为大家介绍的关于静态网页设计的相关内容。静态网页设计不同于其他网页设计,但是对于网站来说是一种很好地保存数据和信息的方式。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼205
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康胡同17号A座三层
010-64015620
service@faceui.com

办公地址地图

深圳

深圳市福田区金田路4018号安联大厦2601
0755-33955611
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2015 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开