mooc前端技术开发_1期末答案(mooc完整答案)
28 min readmooc前端技术开发_1期末答案(mooc完整答案)
动手实践-史努比拼图
1、前端期末一、技术案例描述 1、答案答案考核知识点 <div>标记 盒子的完整宽与高 边框属性 复合背景属性 2、练习目标 ?前端期末 掌握盒子宽与高的使用方法。 ?技术 掌握边框的设置方法。 ?答案答案 掌握复合背景属性的使用方法。 3、完整需求分析 拼图相信大家都不陌生。前端期末接下来，技术通过引入复合背景属性，答案答案制作一个拼图效果。完整
第一章 初识HTML5
动手实践-制作电影宣传效果
1、前端期末一、技术案例描述 1、答案答案 考核知识点 创建超链接 2、 练习目标 ? 熟练掌握超链接标记的应用。 ? 掌握文本标记和图像标记的混合应用。
第二章 HTML5页面元素及属性
动手实践-歌曲PK评分展示
1、一、案例描述 1. 考核知识点 details和summary元素 meter元素 2. 练习目标 ? 掌握details和summary元素的使用方法。 ? 掌握meter元素的应用。 3. 需求分析 随着网络技术的不断发展，一些爱唱歌人士可以将自己唱的某一首歌曲录制下来，上传到网上与他人PK。本案例通过引入meter元素来实现PK后的效果展示。
第三章 CSS3入门
动手实践-制作新浪博客效果
1、制作新浪博客效果 案例描述 1、考核知识点 字体样式属性、文本外观属性 2、练习目标 ? 掌握CSS行内式、CSS字体样式属性、CSS文本外观属性。 ? 综合运用CSS行内式、CSS字体样式属性、CSS文本外观属性制作页面。 3、需求分析 在实际工作中，为了让页面更加美观，经常需要对字体和文本进行综合的控制来实现页面的效果。本案例通过综合使用CSS字体及文本样式属性，并结合CSS行内式制作一个新浪博客首页的展示效果。
第四章 CSS3选择器
动手实践-制作简单的热点新闻板块
1、一、案例描述 1、考核知识点 超链接标记<a> 2、练习目标 ? 掌握超链接文本的定义方法 ? 掌握无序列表的应用方法 ? 掌握链接伪类的定义方法 3、需求分析 在制作网页时，为了增强网页的功能性，经常需要将列表和超链接配合使用，为了便于初学者的理解和掌握，接下来，通过一个制作热点新闻版块的案例做具体演示。
第六章 浮动与定位
动手实践-团购
1、团购 一、案例描述 1.考核知识点 绝对定位 2.练习目标 ? 熟练掌握浮动和定位的应用。 ? 综合运用浮动和定位属性实现复杂的效果。 1、需求分析 浏览网页时，经常遇到将多个子元素融合到一个父元素的情况，为了保证子元素在页面拉伸时不发生错位就需要用到定位属性。本案例通过对图像和文字进行定位实现类似糯米团购的效果。
第七章 表单的应用
动手实践-163邮箱注册
1、一、案例描述 1、考核知识点 CSS控制表单样式 2、练习目标 ? 掌握input控件的常用属性。 ? 掌握<select>控件的使用方法。 ? 复习CSS基本样式属性。 3、需求分析 在日常工作中，我们经常需要和客户发送邮件沟通和解决问题。对于我们常用的163邮箱大家应该都不陌生，本案例将带领大家制作一款163邮箱的注册页面，使大家进一步掌握表单的使用。
第八章 多媒体技术
动手实践-梦幻仙境
1、一、案例描述 1、考核知识点 在HTML5中插入视频 2、练习目标 ? 掌握视频的插入方法。 ? 复习盒子宽、高的设置。 ? 复习定位的设置方法。 3、需求分析 播放中的视频通常可以进行点赞，分享给好友，锁屏等操作，接下来，就带领大家模仿一款视频操作页面。
第九章 CSS3高级应用
动手实践-动画
1、一、案例描述 1、考核知识点 transition属性、2D变形 2、练习目标 ? 理解transition属性、2D变形的使用。 ? 熟练运用transition属性、transform属性实现过渡及变形效果。 3、需求分析 在CSS3之前，如果需要为页面设置变形效果，需要依赖于图片、Flash或JavaScript才能完成。CSS3出现后，通过transform属性就可以实现变形效果，例如移动、倾斜、缩放以及翻转元素等。
2、一、案例描述 1、考核知识点 animation属性 2、练习目标 ? 掌握animation属性的使用。 ? 熟练运用animation属性属性实现复杂的动画效果。 3、需求分析 本节重点讲解了CSS3中的高级应用，包括过渡、变形及动画等。为了使读者更好地理解animation属性，并能够熟练运用相关属性实现元素的动画特效，本节将使用animation属性制作一个旋转的风车的动画效果。
第十章 实战开发—制作电商网站首页面
动手实践-css3网页加载后图片翻转效果
1、一、案例描述 1、考核知识点 主要使用css3属性：变形(transform)以及动画(animation) 2、练习目标 ? 理解transition属性、2D变形的使用。 ? 熟练运用transition属性、transform属性实现过渡及变形效果。 3、需求分析 当网页加载完毕后，指定的图片会进行一个角度的切换，继而实现一个动画的连串动作。 注意：因为是文档加载完毕后动画就立即执行，这个时候图片或许还没有加载出来，所以可能会出现无法看到动画效果的情况。
期末考试要求-题目自拟
自拟网站主题，设计一个网站的首页。
1、自拟网站主题，制作一个网站首页
