项目作业 3778
等2381人参与

小伙伴们,我们学习了html来搭建网页的内容,接下来让我们去实现效果图中所展示的网页吧!(上传作业时,记得也要将图片文件夹放进去一起打包上传)

效果图如下:

//img1.sycdn.imooc.com//climg/5ee9e8f829b4973b05001000.jpg

作业描述

一、语言和环境

      1、实现语言

               HTML

      2、 环境要求及开发工具

             建议 Sublime Text 或 VSCode 或  webStorm 

二、网页整体要求:

      1、要求页面整洁、美观,与提供的页面效果图、结构基本保持一致;

      2、要求HTML代码书写、命名符合规范,在代码中添加必要的注释。

      3、 网页文件夹管理,图片文件要独立建文件夹

三、具体要求:  

      1、网页分为以下几部分:顶部、banner图、新闻区、近期专题区、友情链接区、页脚区,网页内容居中显示。

      2、Banner图展示块:宽度100%占据整个浏览器。

      3、网页结构布局使用HTML标签中的表格标签(<table></table>)

      4、页面中涉及到的颜色


评分标准是什么?

规范【4分】

        * 网页文件夹管理,图片资料独立文件夹。

        * HTML代码规范及添加适量注释。

网页整体【10分】

        * 页面整体结构使用表格进行布局,网页居中显示,每个区域背景宽度为100%。

顶部【20分】

        * 与效果图结构基本保持一致:导航、Logo区 、下拉列表区  。

banner图【10分】        

        * 与效果图结构基本保持一致;

        * Banner图片宽度和浏览器的宽度等宽。

新闻区【30分】

        * 与效果图结构基本保持一致;

        * 添加相应图片与文字,每项内容之间有一定距离以及颜色和字体大小设置。

近期专题区【10分】

        * 与效果图结构基本保持一致;由图片和文字组成。

友情链接区【8分】

        * 与效果图结构基本保持一致;

        * 内容整体居中显示。

页脚区【8分】

        * 网页版权信息,文本内容垂直水平居中显示。

        

作业素材
下载素材

作业素材仅供学习与参考,请按要求完成作业

项目作业上传说明
第1步:上传你的作业压缩包
第2步:等待讲师一对一批复
第3步:查看讲师点评
上传作业

登录后查看更多作业,立即

意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师