左右框架型布局 这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
创新互联公司主营尤溪网站建设的网络公司,主营网站建设方案,app开发定制,尤溪h5重庆小程序开发公司搭建,尤溪网站营销推广欢迎尤溪等地区企业咨询
在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal(入口)，会大大增加架构设计的复杂度。
1、通过div的id ， 给div定义CSS样式，例如，把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。在div的下面定义一张被拖放图片，并设置该图片的属性为允许被拖放。
2、另外 background-size：cover；还可以替换成 background-size：contain；使用cover的意思是把背景图片充满整个容器，而不考虑是不是可以看到完整的图片；使用contain的意思是在容器里完整显示图片，而不考虑容器是否被填满。
3、这个实现一般有两用方式 用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。
插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。
body style=background-image： url(图片文件地址)； background-attachment： fixed；这样背景图片就会固定住，不会因页面滚动而重复。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，新增样式代码：background-image： url(image.jpg)；background-size： 100%。