提交 e31cbbd8 创建 作者: 宋海霞's avatar 宋海霞

调整readme

上级 4aa006f8
......@@ -13,11 +13,13 @@
# 页面设计要求
页面分成header、nav、menu、mainbody(分为main、rightbar左右两个子div)、footer等区域。如下图lab016-1所示:
![](./img/布局.png)
![](./images/布局.png)
# 编程要求
根据要求,设计图lab016-2的网页,网页示意图如下:
![](./img/最终示例.png)
![](./images/最终示例.png)
*在trees文件夹中提供了设计所有的素材*
**按照下面的步骤继续实验:**
1.页面内容设计。
(1) 页面布局规划,根据图lab016-1在body标记中插入相关的DIV,形成DIV嵌套结构。代码如下:
......@@ -81,7 +83,7 @@ c. 在id为 rightbar_down 的div中,插入段落和浮动框架。代码格式
```
(7) 完成上述操作后,整个页面的信息添加完毕。保存页面后在浏览器中查看,网页效果如下图lab016-3所示:
![](./img/全部信息.png)
![](./images/全部信息.png)
2.表现设计。
在style标记中分别定义div、p、ul、li、a等标记的样式,其样式要求如下所示。
......@@ -123,4 +125,4 @@ b. 实现菜单水平导航,使用列表项样式li{float:left;}。
5.确认设计正确后,提交作业到CodeCode.net平台。
# 教师参考答案
请教师用户首先访问[教师项目群组](https://www.codecode.net/engintime/web-group/web-front-teacher-group),申请权限并审核通过后,再[domain relative url](/engintime/web-group/web-front-teacher-group/Lab014.git)访问本项目的参考答案
请教师用户首先访问[教师项目群组](https://www.codecode.net/engintime/web-group/web-front-teacher-group),申请权限并审核通过后,再[domain relative url](/engintime/web-group/web-front-teacher-group/Lab016.git)访问本项目的参考答案
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论