html5制作静态网页，html5静态网页设计

静态网页制作特点与方法

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

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

3、静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。

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

5、静态页面 优点：相对于其他两种页面(动态页面和伪静态页面)，速度最快，而且不需要从数据库里面提取数据，速度快的同时，也不会对服务器产生压力。缺点：由于数据都是存储在HTML里面，所以导致文件非常大。

相关问答

Q1: 简要叙述静态网站制作的主要步骤?

静态网页制作步骤：第一步：在制作静态网页之前，我们需要对网页进行1：1的渲染，也称为静态网页渲染。制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作。第二步：PS切片制作好的静态网页效果图。

明确需求 首先明确客户需求，确定风格和页面格调，并且确定网页主色调，明确需求以后，就可以安排美工出图了。

在开始制作网站之前，首先需要明确网站的目标和需求。

、首先说一下程序制作，由于是全静态的网站，所以你用frontpage就可以了，只要会word的，基本上它也拿来就上手。

Q2: 静态网页制作的具体过程

布局页面 设计站点结构和收集了足够的资源之后，就可以开始布局页面了。

你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html 打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

、首先说一下程序制作，由于是全静态的网站，所以你用frontpage就可以了，只要会word的，基本上它也拿来就上手。

Q3: 静态网页制作步骤

1、静态网页制作步骤：第一步：在制作静态网页之前，我们需要对网页进行1：1的渲染，也称为静态网页渲染。制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作。第二步：PS切片制作好的静态网页效果图。

2、编辑文档与超级连接 经过上面的几个步骤之后，一切准备工作都已经就绪，现在可以像装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。

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

4、制作子页，并与主页导航栏栏目链接。制作完成后打开主页预览，逐步修改完善。如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。以上是制作普通静态网页的基本步骤。

5、方法一：使用现成的插件，比如：ISAPI_Rewrite、IIS Rewrite、Apache HTTP服务器的mod_rewrite等，它们都是基于正则表达式解析器开发的重写引擎。它们的使用方法查看它们自带的帮助即可。

Q4: 如何实现html静态页修改本地html、js文件

1、可以使用localStorage，这是HTML5的一个特性。相当于是前端页面的一个数据库。可以存储5M以内的数据。在不手动清除的情况下，将永久存储。

2、每个页面该标签位置一样，看的效果就是标签没动，下面内容变了。下面通过ifram展示，点击标签改变iframe地址。下面东西在点击后去动态请求。（请求数据，然后通过模板渲染。

3、随便进一个网页。把这段代码打到浏览器中javascript：document.body.contentEditable=true；document.designMode=on；void0。然后，修改想改的内容。

4、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。

关于html5制作静态网页和html5静态网页设计的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。