1、文章列表页面左侧有一块空白区域,我们可以在里面添加一些图片或者链接文件
![计算机专业毕业设计:[26]添加左侧图片文件](https://exp-picture.cdn.bcebos.com/db196cdade49610f09476db0a56817e950e1d2a5.jpg)
2、打开index页面,找到新闻分类界面,复制界面代码
![计算机专业毕业设计:[26]添加左侧图片文件](https://exp-picture.cdn.bcebos.com/cd93a56651598540803bc456b5a23a42a17ac4a5.jpg)
3、调整界面大小及布局,我们这里宽度设定为250PX
![计算机专业毕业设计:[26]添加左侧图片文件](https://exp-picture.cdn.bcebos.com/a31e1214c27bd282189861f23cb1eef97ebd36aa.jpg)
4、复制显示新闻分类的代码,放在新闻列表界面,确保控件名相同,适当调整,这里就不细讲了
![计算机专业毕业设计:[26]添加左侧图片文件](https://exp-picture.cdn.bcebos.com/023cff37c97622bcd1d40fd3a05fd546049628aa.jpg)
5、新闻分类已经显示出来了,我们还可以在下面适当的添加几张图片,使得内容更加充实点
![计算机专业毕业设计:[26]添加左侧图片文件](https://exp-picture.cdn.bcebos.com/460fdc8333bf3bef8f5e900c3f3ea8db564a1aaa.jpg)
6、找到</asp:DataList>标签,我们要插入的代码就在这个标签之后
![计算机专业毕业设计:[26]添加左侧图片文件](https://exp-picture.cdn.bcebos.com/def3c219ce2c5b1bd8cf34682b39131fcfec0eaa.jpg)
7、直接插入网页图片标签就可以了,这个比较简单,以后我们再来美化<img src="images/huoban_logo.gif" />
![计算机专业毕业设计:[26]添加左侧图片文件](https://exp-picture.cdn.bcebos.com/58021a0148fe1e428e7ac465c2299a88381303aa.jpg)