网页设计静态网站图片（网页静态图片效果设计与制作）

本文目录一览：

• 1、在html静态网页中如何插入背景图片,急需?
• 2、制作一个静态版的网页,不需要自己编程?
• 3、静态网页设计制作中的布局模式

在html静态网页中如何插入背景图片,急需?

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html 的文件。

2、首先，制作一个只有一个div和一段文本的简单HTML页面。02要添加整个页面的背景图片，我们只能给body标签添加背景，所以我们给body添加了一个叫做BG的样式。

3、打开HBuilderX软件。进入后新建一个html文件。命名为背景图片点击创建。然后在同一文件夹中放入一张背景图片。然后在head中编写style样式，如图所示。

4、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

5、在html中插入整个页面的背景图的方法如下：打开HBuilder；新建html项目。设置文件名，点击“完成”。将背景图拖动到Hbuilder工程的img文件夹。点击“确定”。找到body/body。

制作一个静态版的网页,不需要自己编程?

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

第一阶段：注册工具平台账号。企业网页可以 没有相关工具的帮助是做不出来的。而使用自助建站系统，可以避免下载网站制作工具，直接在线制作企业网站。所以第一阶段，企业可以在网上找到相关的自助建站系统，注册平台账号。

有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。jQuery，简单易用，在W3school简单学习js后，直接上手jQuery即可完成一些简单的项目。

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

布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。

POP布局是一种艺术化、时尚化的网页布局方式。设计通常以一幅精美的海报图片作为版面的主体。[8]闪光灯布局 Flash布局是指以一个或多个FLASH作为页面主体的网页布局。在这种布局中，大部分甚至整个页面都是Flash。

响应式布局：自适应布局的升级版，响应式网站要普遍适应市面上各类屏幕，开发难度和工作量都是非常大的，开发价格自然比普通网站高。

对比布局 顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。