1首先打开Atom编辑器导入项目文件夹，先创建一个indexhtml的文件定义一下html文件的主信息2然后填写自己的网页内容， 设置一下样式，直接在body后面加上background=quot图片名字quot即可插入图片3最后来到浏览器，刷新。

给装图片的div一张背景图，比如下面代码divbackgroundurl图片路径 norepeatbackgroundsize100% 背景图片百分百显示，norepeat意思是不重复显示。

简约的表现形式很多，通常多种结合起来使用，那么在美工设计中如何做到简约设计呢，下面我们一起来看看吧#xF50D大标题将大标题作为网页的视觉中心，简洁图片作为大标题的背景，这样很容易将视觉聚焦，让人一眼就能看出这个网页是做什么的#xF5BC。

工作中，网页设计师经常会遇见这些状况时间这么短又要出彩又是要大气要有气氛风格不明确很难把握栏目这么多页面又这么长突然觉得束手无策，脑袋里一片空白，没想法了，怎么办？下面简浅的归纳了几个快速让页面。

新建项目文件夹如下图所示 编写indexhtml文件，代码如下ltDOCTYPE html lunbo。

分析如下1首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页选择“经典”界面，有助于我们更便捷使用这个软件2下面选择这三个界面，代码拆分设计，一般默认设计界面，对于新手这个功能具有。

第一靠前无边框设计无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线边框删掉，用间距来代替的一种设计方法无边框设计一般是以大图为主，图片本来就是一种分割元素而内容基本是有规律的，留白。

网页设计的工作目标，是通过使用更合理的颜色字体图片样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验高级的网页设计甚至会考虑到通过声光交互等来实现更好的视听感受网页设计主要以Adobe。