PPTHTML5+CSS3 Web前端开发技术 课件 导言

HTML5+CSS3Web前端开发技术导言HTML5

+

CSS3Web前端开发技术课程性质典型工作任务课程学习目标学习情境设计01030204课程性质《HTML5+CSS3Web前端开发技术》是一门基于工作过程系统化开发的学习领域课程，是Web前端开发相关专业的职业核心课程。本课程注重对学生职业能力、创新精神和实践能力的培养，培养学生利用HTML5和CSS3技术进行网站的设计与开发的实践能力，融理论和实践一体化，是教、学、做一体化的专业课程，也是工学结合的课程。适用专业：Web前端开发、软件技术、网页设计相关专业。建议课时：72典型工作任务本教材的典型工作任务如图所示一、基本理论方面掌握HTML基本结构和语法知识掌握文本、图片、超链接、表格、表单等常用元素的知识掌握HTML5新增全局属性、结构化与页面增强、表单、多媒体元素的知识掌握CSS基本语法知识掌握CSS选择器、单位、颜色的知识掌握CSS字体、文本、背景、区块属性的的知识掌握CSS盒模型、浮动、布局的知识掌握CSS3选择器、边框特性、颜色、字体、盒阴影、背景特性的知识掌握CSS3动画效果、过渡效果、多列布局以及弹性布局的知识掌握视口、媒体查询等响应式布局知识学习目标二、基本技能方面能熟练创建和调试HTML5项目能熟练使用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能开发网页能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能开发网页能熟练使用CSS设计网页样式能熟练使用CSS美化网页样式能熟练使用CSS3的选择器、盒模型、过渡、动画等属性美化网页能熟练使用CSS3的边框特性、颜色、字体、盒阴影、背景特性、多列布局、弹性布局等功能美化网页学习目标三、职业素养方面

能够完成真实业务代码的转化能够独立分析解决问题能够快速准确地查找参考资料能够与小组其他成员通力合作学习目标学习情境设计序号学习情境任务简介学时1制作HTML5欢迎页面开发一个简单的HTML5页面，完成开发环境的配置以及对HTML5页面基本结构的搭建及预览调试。22制作招聘网站账号登录页面开发一个招聘网站的登录页面，完成页面的整体框架设计，页首、页脚、导航栏、页面背景以及表单版块的实现。63制作招聘网站求职申请页面开发一个招聘网站的求职申请页面，完成页面的整体框架设计，页面布局，以及输入框、下拉框和按钮的样式实现。64制作招聘网站用户注册页面开发一个招聘网站的注册页面，完成页面的整体框架设计，以及文本框、复选框和按钮的样式实现。65制作招聘网站职位列表页面开发一个招聘网站的职位列表页面，完成页面的整体框架设计，以及搜索栏、筛选栏、项目列表版块的实现。86制作招聘网站职位详情页面开发一个招聘网站职位详情页面，完成页面的整体框架设计，内容版块以及弹性布局、响应式布局的实现。87制作招聘网站首页开发一个招聘网站的首页，完成页面的整体框架设计，页首、页脚、导航栏、宣传栏视频、轮播图和其他内容版块的实现。128制作企业网站首页开发一个企业网站的首页，完成页面的整体框架设计，页首、页脚、导航栏、轮播图和其他内容版块，以及美化动效的实现。129开发微型播放器微信小程序开发一个简单的播放器小程序，完成视频播放控制以及发送弹幕功能的实现。410开发网上店铺微信小程序开发一个网上店铺微