网页设计作品简单静态（静态网页设计案例）

本文目录一览：

• 1、静态网页制作特点与方法
• 2、静态网页制作
• 3、做一个简单的静态网页.

静态网页制作特点与方法

布局特点：屏幕分辨率变化时，页面里面元素的位置会变化而大小不会变化。设计方法：使用@media媒体查询给不同尺寸和介质的设备切换不同的样式。

静态网页的特点 静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。

静态网页的工作原理：静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。

简单的理解静态网页是以.htm、.html、.shtml、.xml等为后缀的页面。它也可以呈现各类动态的结果，如.gif后缀的动画、FLASH及滚动字母等等。

在网站优化中，静态页面具有以下特点：加载速度快：静态页面不需要经过服务器计算，加载速度更快，可以提高页面加载速度，提升用户体验。搜索引擎友好：静态页面不需要进行搜索引擎优化，因此更容易被搜索引擎识别和索引。

所以通过一些技术来达到网页的静态有非常重要的价值和意义。我们需要讨论的就是怎样生成静态网页的技术和方法。

静态网页制作

1、打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。

2、*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

3、电子商务网站规划设计以后，就开始进入网站的建设阶段，这一阶段主要有域名注册，网站配置，网页制作和网站测试的四个部分。

4、MicrosoftFrontPage，是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。

做一个简单的静态网页.

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站 另外我们还可以采用front page。也可以很容易的实现。

新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。

做一个简易的普通网页比较容易。当然，制作的方法有好几种，有的是直接写代码、有的是用绘图软件绘制页面再导出网页、常用的是使用网页制作软件做网页。

第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。

最简单的。新建一个文本文档（也就是记事本）在里面打上几个字，保存。然后把后缀.txt改为.html 再用浏览器打开 这就是一个静态网页了。Dreamweaver 是很专业的网页设计软件。你可以搜索一下教程。很简单的。

代码如下，就算是在body标签里面写上helloword不用h2标签，浏览器也会输出helloWord的，在图片中有详细的注释了。