7-1 编程挑战
本节编程练习不计算学习进度,请电脑登录imooc.com操作

编程挑战

小伙伴们,综合所学知识,制作如下所示的页面布局。

要求:页面宽度1000px,水平居中。

效果图:

素材图片及引用地址:

http://img1.sycdn.imooc.com//53edadad0001efe202000070.jpg

http://img1.sycdn.imooc.com//53edad8c000175cb00300029.jpg

http://img1.sycdn.imooc.com//53edad3e0001afad10000318.jpg

http://img1.sycdn.imooc.com//53edad2c0001b61310000314.jpg

http://img1.sycdn.imooc.com//53edad1600019ae910000310.jpg

http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg

http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg

http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg

http://img1.sycdn.imooc.com//53edacdd0001b8e804820302.jpg

 

任务

请按照效果图完成网页制作.

提示:相关焦点图的部分的插件,请在"源代码下载"区下载,该部分请在本地编写吆。

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>无标题文档</title>
  6. </head>
  7.  
  8. <body>
  9. </body>
  10. </html>
  1. /*在此创建CSS样式*/
返回课程