【项目作业】前端页面布局实战
项目作业 800
等14人参与
来源: 第11周 / JavaScript--控制网页行为

小伙伴们,掌握了HTML、CSS和JavaScript等基础内容,接下来,运用所学知识完成如下图所示的HTML网页开发。

效果图如下:(详情大图可在"作业素材"中下载获取)

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

作业描述

一、编程语言要求
HTML、CSS

二、网页整体要求
1、要求页面整洁、美观,与提供的页面效果图、结构基本保持一致
2、要求HTML代码和CSS代码书写、命名符合规范,在代码中添加必要的注释,方便后期的维护
3、图片文件、css样式文件要放在单独的文件夹中

三、具体要求
1、网页分为以下几部分:
顶部、banner区、ABOUT区、GALLERY区、脚区,网页内容居中显示
2、Banner区和ABOUT区的下部分展示块高度固定,宽度相对于浏览区是100%
3、字体及颜色表
(1)网页字体: Microsoft YaHei UI
(2)网页中用到的颜色
img

img

img

评分标准是什么?

一、项目规范【10分】
1、图片文件、css 样式文件放到单独的文件夹中
2、文件名、id 名、class 名命名要规范
3、代码书写规范、并且添加适量注释,方便后期的维护

二、网页整体【15分】
三、顶部【10分】
四、banner区【20分】
五、ABOUT区【30分】
六、GALLERY区【10分】
七、页脚区【5分】

作业素材
下载素材

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

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

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

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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