| 开课平台 | 爱课程（中国大学MOOC） |
|---|---|
| 开课高校 | 长沙航空职业技术学院 |
| 开课教师 | 蓝桂芳、林巧、刘新桥、钟平 |
| 学科专业 | 职业教育电子信息 |
| 开课时间 | 2024/03/18 - 2024/07/10 |
|---|---|
| 课程周期 | 17 周 |
| 开课状态 | 已结课 |
| 每周学时 | - |
《Web前端开发技术》是电子信息类专业的专业选修课程，通过本课程的学习使学生掌握常用的网页制作技术。
根据前端网页开发相关技能要求，本课程整合了HTML 5标记语言、DIV+CSS技术等教学内容，设计选取了4个技术难度渐进式的教学项目，25个学习子任务，全面介绍了当代网页制作基本技术技能。项目1主要介绍了HTML5语言基础知识、HTML5常用标签、 CSS3技术基础知识、CSS3常用属性、Dreamweaver软件的基本用法；项目2主要介绍了表格标签、图像标签、超链接标签、表单标签、HTML 5常用标签的综合应用；项目3主要介绍了网页布局盒子模型、DIV+CSS技术布局基本方法、使用CSS技术对常见网页元素进行美化的方法、DIV+CSS技术布局技术的实际应用、CSS页面美化技术的实际应用 ；项目4主要介绍了常见导航条的制作、复杂页面布局的实现方法、图文混排的实现方法。
通过本课程的学习学生能够掌握HTML5标记语言及CSS 技术相关知识，能够熟练使用Dreamweaver软件制作网页，能规划、创建、发布、维护静态网站，能运用DIV+CSS布局技术实现网页布局 ，能灵活运用CSS技术美化网页内容。
本课程适用于电子信息类本科、专科类学生，尤其是计算机应用相关的专业。同时，该课程也可作为其他专业的学生用于兴趣学习、拓展学习。
项目1 唐诗赏析页面的制作
任务1.1 制作我的第一个网页
任务1.2 掌握 HTML基本标签的使用方法
任务1.3 掌握CSS技术的基础知识
任务1.4 CSS常用属性的使用
任务1.5 唐诗赏析页面的制作
项目1 唐诗赏析页面的制作单元测验
项目1 唐诗赏析页面的制作单元作业
项目2 俱乐部网站各页面制作
任务2.1 表格、图像及超链接标签的使用
任务2.2 潜水俱乐部网站首页制作
任务2.3 潜水俱乐部网站精彩图片页面制作
任务2.4 潜水俱乐部网站近期活动页面制作
任务2.5 表单及表单元素的使用
任务2.6 潜水俱乐部网站在线预约页面制作
俱乐部网站各页面制作单元测验
项目2 俱乐部网站各页面制作作业
项目3 俱乐部网站页面布局及美化
任务3.1 网页布局及盒子模型
任务3.2 DIV+CSS布局基本方法
任务3.3 超链接及表格的美化
任务3.4 表单元素的排版及美化
任务3.5 标题、列表的美化及图文混排
任务3.6 潜水俱乐部网站首页的排版及美化
任务3.7 潜水俱乐部网站近期活动页面的排版及美化
任务3.8 潜水俱乐部网站在线预约页面的排版及美化
项目3 俱乐部网站页面布局及美化单元测验
项目3 俱乐部网站页面布局及美化单元作业
项目4 培训机构首页制作
任务4.1 使用CSS制作网页导航条
任务4.2 培训机构首页整体布局及header区域制作
任务4.3 培训机构首页导航及banner制作
任务4.4 培训机构首页右侧导航制作
任务4.5 培训机构首页学校简介、学校新闻列表制作
任务4.6 培训机构首页精品课程列表制作
项目4 培训机构首页制作单元测验
项目4 培训机构首页制作单元作业