## 一、动态新闻界面设计效果图
(5)动态新闻页面,动态新闻界面如图所示:
![](http://h.yiniuedu.com/ab55a52006bc0a56106b0d9f96145078)
该页面整体布局分为上中下,上面为导航菜单和图片。中间为内容区,下面为页脚区,显示联系邮箱、联系地址,联系QQ,联系电话,以及联系我们,版权所有、ICP备案、资源活动、法律声明和环保方案。
动态新闻主要是新闻列表要求以年月日为层,有新闻的标题、新闻内容简要概述。通过点击新闻标题,后续可以实现跳转到对应的新闻界面。新闻列表默认展示当前最新的5条新闻。
动态新闻页面主要展示公司所从事服务的行业案例新闻的信息。
## 二、动态新闻界面布局实现
![](http://h.yiniuedu.com/2b01c86df324a2fc629f5ee71443a0ab)
![](http://h.yiniuedu.com/ae4dc1e401810cab4ed3e1d800502e9b)
![](http://h.yiniuedu.com/748bf9423fd7e5f3f2de3f62b1841994)
## 三、页面CSS样式实现
![](http://h.yiniuedu.com/0c0777f8e21c5f6dfe9f86864a923a5f)