移动端网页静态网页的设计（移动端静态页面）

本文目录一览：

• 1、静态网页设计制作中的布局模式

静态网页设计制作中的布局模式

1、在视觉营销中，常见的页面布局类型多种多样，每种类型都有其独特的特点和适用场景。以下是几种主要的页面布局类型：F型布局：这是一种基于用户阅读习惯的布局模式。用户浏览网页时，通常遵循从左到右、从上到下的F型路径。

2、还有一种情况是，只是一个position：absolute；外层没有position：relative，这时会找寻那个点为参考呢？这时候的原则是：如果某父级元素中有relative者，则以某父级元素为参考原点，如果没有position：relative，则以body为参考原点。如果position：absolute外层没有relative时，这两个布局上是没有区别的。

3、我们可以把模块化的DIV想象成一个个box，然后把它们按自己的意愿排列组成完整的内容，网页布局设计就是遵循了同样的模式。

4、第二步：将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。第三步：使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网页大结构写出来，然后再按照效果图写各个部分的小版块。