目录
一． 信息量 .................................................................................................................................... 1
二． 布局 ........................................................................................................................................ 1
三． 截图和技术说明 ..................................................................................................................... 1
3.1
主页 ........................................................................................................................................... 1
3.2
二级页面 ................................................................................................................................... 5
3.3 三级页面 ................................................................................................................................... 6
四． 问题 ........................................................................................................................................ 7
五． 总结 ........................................................................................................................................ 8
一．信息量
三个页面，主页，本科建设页面，管理文件。内容基本上保存完整。
二．布局
在主页中使用弹性布局，绝对定位和相对定位。所有页面的尾部使用绝对定位。
使用到无序列表和表格表现导航栏和数据展示
三．截图和技术说明
页面容器（wrapper）。
广告栏(banner)：左边为 logo，右边有一张背景图片，右边上半部和下半部的搜索使用
line-height 隔开。
导航菜单栏(menu)：ul li ul li 嵌套，形成下拉菜单，鼠标移动到某个具体的一级菜单栏
显示二级菜单。
尾部：采用绝对定位，相对于页面容器。分为左右两部分，左边为网站基本信息，右
边为网站官方媒体图片链接。
3.1 主页
进入二级页面：鼠标移动到导航栏中的本科教育，显示下拉菜单的管理文件等，点击
管理文件进入二级页面。
图片轮播(img):存放 7 张图片，左下部存放 7 个数字，对应 7 张图片，采用 css3 的技术：
animaon 来实现图片轮播效果。
主体(secon)：采用弹性布局和绝对定位，左(le)：中(main)：右(right)=3:3:2。左、中
