网页布局方法都有哪些？

一、静态布局

在传统的网页设计中，网页上所有元素的大小都是px。

1. 布局特征

无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。常规的PC站点是静态布局的，具有最小宽度，因此，如果宽度小于此值，则显示滚动条，如果宽度大于此值，则显示内容居中和背景。这种设计在PC上很常见。

2. 设计方法

PC:中心布局，所有样式使用绝对宽度/高度(px)，设计一个布局，在屏幕的宽度和高度已经调整，使用水平和垂直滚动条检查覆盖部分;移动设备:建立一个单独的移动网站，设计一个单独的布局，并使用一个不同的域名，如wap。或者m。

优点:这种布局对设计师和CSS作者来说都是最简单的，并且没有兼容性问题。

缺点:很明显你不能改变用户的屏幕尺寸。目前，大多数门户网站、大多数企业PC广告网站都采用了这种布局。固定像素大小的web页面是匹配固定像素大小的显示的最简单方法。然而，这种方法不是一种完全兼容的方式来创建未来的web页面。我们需要一些方法来适应未知的设备。

二、流式布局

液体版面(也称为“流体”)的特点是页面元素的宽度根据屏幕分辨率进行调整，但总体版面不变。代表性围栏系统(网格系统)。例如，将主网页正文的宽度设置为80最小宽度设置为960px。图像也被类似地处理(宽度：100%，最大宽度通常设置为图像本身的大小，以防止由于拉伸而失真)。

页面设计怎么设置？

设置的方法：

1、首先打开Word软件，新建一个word文档，然后在文档中输入对应的内容。

2、之后点击的页面布局-页边距-自定义边距，即可进入页面设置界面。

3、进入页面设置之后，可以看到页面设置主要包括页边距，纸张，版式等。

4、然后继续进行页边距设置，设置纸张的方向和页码范围，一般纸张方向为纵向，页码范围一般是为普通，也可以选择对称页边距。

5、接着设置纸张，纸张的大小一般为a4纸，也可以使用信纸和a3纸，这个根据需要来进行选择。

6、再接着设置版式，版式主要设置节的起始位置，也可以对页眉页脚进行设置。设置奇偶页不同，或者首页不同，为奇偶页设置不同的页边距也是可以的。

方法/步骤分步阅读

1打开准备好的word文档，切换到“页面布局”选项卡。

2单击页面设置组右下角的对话框启动器。

3切换到“页边距”选项卡，将上下页边距设置为“2.54”厘米，左右页边距设置为“3.17”厘米。

4切换到“纸张”选项卡，纸张大小选择为“A4”。

5切换到“版式”选项卡，在页眉和页脚微调框中输入相对应的值，例如距边界页眉和页脚为“1.5”厘米。

6切换到“设计”选项卡，单击页面背景组中的下拉选项，选择一个自己喜欢的颜色，即可完成设置。

怎样自创一个网页？

这个简单，但就是要先找一个建站平台。我自己是用凡科自助建站这种工具制作的，你可以参考一下步骤：

1、注册账号；

2、在模板库中，选定一个模板并创建，会自动生成一个网站的雏形。

3、在模板的基础上，将前期准备好的文案内容、图片，逐一替换和加入至网站模板中。

4、接着，按照事前的准备，对一些细节比如字体的大小、颜色、图片的大小等进行调整，如果有需要加入动画效果的，则可以直接选定该元素并添加动画效果。

5、最后预览整体效果，点击保存完成建网站。

Tags：自创   怎样   网页

转载：感谢您对半点优化网(www.bdxc.net)网站的认可以及对作品的青睐，欢迎各位朋友分享到个人网站或朋友圈。转载请说明文章出处“半点优化网”。/wzjs/38144.html

很赞哦！ ()