静态页面和动态页面的区别（静态页面制作图文教程）

静态页面和动态页面的区别，静态页面制作教程。如果你是一个初学编码的人，你可能听说过“静态网页”和“动态网页”这两个术语，但是你可能不知道它们的意思。你可能想知道是什么使网页成为静态的，是什么使网页成为动态的。

静态页面和动态页面的区别（静态页面制作图文教程）

什么是网页?

首先，我们需要了解什么是网页和网站，以及它们有什么不同。要做到这一点，让我们考虑一个百科全书。

一部百科全书(比如维基百科)由许多页面组成。每一页都有自己的内容:标题、段落、图片、图表、项目符号、列表，当然还有你正在查找的术语的定义。

在百科全书中，在页面上找到引用(或链接)到另一个页面以获取附加信息的单词是很常见的。

静态页面和动态页面的区别（静态页面制作图文教程）

这与网页和网站非常相似。

网页是包含文本、图像、超文本或任何其他元素的单个文档。我们使用超文本标记语言(通常称为HTML)等标记语言创建网页。

超文本是任何包含超链接的网络文件。超链接是网页中的任何元素，当你点击它时，链接到另一个网页。

这些相互连接的网页形成了一个有组织的网页网络，我们称之为网站。互联网上的每个网页都必须有自己的url。

什么是静态页面?

静态页面具有以下特征：

甚至在用户请求之前，页面就已经存在了。一个静态页面必须在用户发出请求时就已经存在并被水化了(即包含内容)。如果它不存在，那么它就不是静态的。

每次用户请求时，页面通常会维护相同的内容。如果点击同一个URL返回不同的内容，那么这个页面就不是静态的。这并不是说静态页面不能被修改。但是改变静态页面的唯一方法是让创建者手动编辑内容(比如HTML文档)。

什么是动态页面?

动态页面具有以下特征:

当用户发出请求时，页面实际上并不存在于服务器上

相反，当用户发出请求时，一个脚本或程序就会运行并最终生成一个网页。它通过与数据库交互来检索数据，然后打包成页面发送出去。

对于每个请求，创建的每个新页面都可能与上一个不同。在Web前端培训中，有理论课程+实践项目一起学习，深化所学知识，积累项目经验，获得快速提升。

这是因为创建的页面依赖于用户的信息和程序。创建者不必像静态网页那样手动编辑内容。

因此，例如，如果不同的用户请求相同的页面，则返回不同的内容。

或者当用户更改设置时，会返回一个新页面。

也可能是时间变了，返回不同的内容。

网页是包含文本、图像、超文本和其他元素的单个文档。

超文本是一种包含超链接的网络文档。超链接将一个网页与另一个网页链接起来。

由相互链接的有组织的网页组成的网络称为网站。

对于被认为是静态的网站，对同一个URL的每个调用都返回同一个网页。

另一方面，如果内容变化很大，那么网页就是动态的。动态页面也以端点而不是文件路径结束。

静态页面怎么制作

下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html

打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。