《WEB前端开发实践专题》课程教学大纲
课程名称：WEB前端开发实践专题
课程类别（必修/选修）：必修
课程英文名称：WEBfront-enddevelopmentpractice
总学时/周学时/学分：36/2/2.0
其中实验（实训、讨论等）学时：36
先修课程：无
授课时间：周一上午1-2节（3，4班）、周一上午3-4节（1，2班）
授课对象：16级计算机科学与技术专业1，2，3，4班
授课地点：7A204、205
开课院系：计算机与网络安全学院
任课教师姓名/职称：郑慧君/讲师
联系电话：
Email：273883098@
答疑时间、地点与方式：机房现场答疑
课程考核方式：
作业（√）
出勤（√）
大作业（√）
使用教材：网页设计与制作（HTML+CSS）中国铁道出版社传智播客高教产品研发部编著参考教材：菜鸟教程
课程简介：本课程是计算机类各专业公共的专业基础课，是训练网站开发技能的主干课程，为后续课程提供静态
网页设计与制作的理论基础和操作技能。
本课程作为一门专业基础课，侧重于学习静态网页的设计与制作、HTML
语言、CSS样式,使学生学会使用DIV+CSS来做网页布局。
课程教学目标：
1.了解HTML和CSS相关的标准；
2.培养学生熟练掌握HTML常见标签的使用方法；
3.培养学生掌握CSS样式写法与调用方法；
4.培养学生通过Dreamwaver快速设计CSS样式表；
5.培养学生学会使用盒子模型进行网页布局；
6.使学生学会用CSS设置文本和图像的样式；
7.培养学生通过CSS样式表来设计整个站点； 本课程与学生核心能力培养之间的关联（可多选）： □核心能力1：具有运用数学、基础科学及计算机科学与技术相关知识的能力□核心能力2：具有设计与执行计算机软、硬件实验，以及分析与解释数据的能力□核心能力3：具有计算机科学与技术工程实践中所需技术、技巧及使用计算机辅助工具的能力□核心能力4：在计算机科学与技术的许多领域中，具有至少某一项专业能力，例如：硬件、软件、多媒体、系统、网络、理论等，并具有编程能力，进一步地具备设计、开发软、硬件模块及系统的能力□核心能力5：具有项目管理、有效沟通、领域整合与团队合作的能力√核心能力6：具有运用计算机科学与技术理论及应用知识，分析与解决相关问题的能力，亦可以将自己的专业知识创造性地应用于新的领域或跨多重领域，进行研发或创新的能力√核心能力7：具有应对计算机科学与技术快速变迁的能力，培养自我持续学习的习惯及能力□核心能力8：具有工程伦理、社会责任、国际观及前瞻视野 实实践践教教学学进进程程表表 周周次次实实验验项项目目名名称称学学时时 重重点点与与难难点点
1 HTML+CSS概述
2 1、WEB基本概念
2、WEB编辑工具的使用 项项目目类类型型 设计 教教学学方方式式 教学做一体化
2 HTML文本标记
2 的运用 常见的文本标记的使用 设计 教学做
一 体化
3 图片标记的运
2 用
1、图片标记
2、相对路径、绝对路径
3、设计图文混排 教学做一体化
4 CSS选择器
2 1、CSS的书写规则
2、基本选择器的写法与用设计 教学做
一 法 体化
5 复合选择器
2 1、复合选择器的运用 设计 教学做
一 体化
6 盒子模型
2 1、内边距设置
2、外边距的设置 设计 教学做
一 体化
7 盒子模型
2 1、元素类型的转换
2、元素的嵌套 设计 教学做
一 体化
8 列表
2 1、列表的写法
2、列表样式的设置 设计 教学做
一 体化
9 列表
2 1、使用列表制作横向菜单
2、使用列表制作设计 教学做
一 纵向菜单 体化 10列表
2 1、使用类别制作商品列表 设计 教学做
一 体化 11表格
2 1、表格基本结构
2、表格的属性 设计 教学做
一 体化 12表格
2 1、表格的样式设计 设计 教学做
一 体化 13表格
2 1、表单元素的使用 设计 教学做
一 体化 14表格
2 1、使用表格和表单元素进行页面的制作 设计 教学做
一 体化 15浮动与定位
2 1、浮动属性的使用
2、清除浮动 设计 教学做
一 体化 16浮动与定位
2 1、相对定位
2、绝对定位 设计 教学做
一 体化 17浮动与定位
2 1、使用进行网页布局 设计 教学做
一 体化 18大作业
2 1、图文混排
2、网页布局
3、表单元素的设计 学生练习 使用 实践教学进程表 周次实验项目名称学时 合计：36 重点与难点成绩评定方法及标准 考核内容 评价标准 考勤 总分100分，旷课一次扣10分，迟到扣5分 作业 计算十次作业，根据作业等级评分 大作业 根据大作业评分标准进行评分 大纲编写日期：2018-03-28 系（专业）课程委员会审查意见： 项目类
型 教学方式 权重0.150.150.70 我系（专业）课程委员会已对本课程教学大纲进行了审查，同意执行。
系（专业）课程委员会主任签名： 日期： 年月日 注：
1、课程教学目标：请精炼概括3-5条目标，并注明每条目标所要求的学习目标层次（理解、运用、分析、综合和评价）。
本课程教学目标须与授课对象的专业培养目标有一定的对应关系
2、学生核心能力即毕业要求或培养要求，请任课教师从授课对象人才培养方案中对应部分复制（/）
3、教学方式可选：课堂讲授/小组讨论/实验/实训
4、若课程无理论教学环节或无实践教学环节，可将相应的教学进度表删掉。
本课程作为一门专业基础课，侧重于学习静态网页的设计与制作、HTML
语言、CSS样式,使学生学会使用DIV+CSS来做网页布局。
课程教学目标：
1.了解HTML和CSS相关的标准；
2.培养学生熟练掌握HTML常见标签的使用方法；
3.培养学生掌握CSS样式写法与调用方法；
4.培养学生通过Dreamwaver快速设计CSS样式表；
5.培养学生学会使用盒子模型进行网页布局；
6.使学生学会用CSS设置文本和图像的样式；
7.培养学生通过CSS样式表来设计整个站点； 本课程与学生核心能力培养之间的关联（可多选）： □核心能力1：具有运用数学、基础科学及计算机科学与技术相关知识的能力□核心能力2：具有设计与执行计算机软、硬件实验，以及分析与解释数据的能力□核心能力3：具有计算机科学与技术工程实践中所需技术、技巧及使用计算机辅助工具的能力□核心能力4：在计算机科学与技术的许多领域中，具有至少某一项专业能力，例如：硬件、软件、多媒体、系统、网络、理论等，并具有编程能力，进一步地具备设计、开发软、硬件模块及系统的能力□核心能力5：具有项目管理、有效沟通、领域整合与团队合作的能力√核心能力6：具有运用计算机科学与技术理论及应用知识，分析与解决相关问题的能力，亦可以将自己的专业知识创造性地应用于新的领域或跨多重领域，进行研发或创新的能力√核心能力7：具有应对计算机科学与技术快速变迁的能力，培养自我持续学习的习惯及能力□核心能力8：具有工程伦理、社会责任、国际观及前瞻视野 实实践践教教学学进进程程表表 周周次次实实验验项项目目名名称称学学时时 重重点点与与难难点点
1 HTML+CSS概述
2 1、WEB基本概念
2、WEB编辑工具的使用 项项目目类类型型 设计 教教学学方方式式 教学做一体化
2 HTML文本标记
2 的运用 常见的文本标记的使用 设计 教学做
一 体化
3 图片标记的运
2 用
1、图片标记
2、相对路径、绝对路径
3、设计图文混排 教学做一体化
4 CSS选择器
2 1、CSS的书写规则
2、基本选择器的写法与用设计 教学做
一 法 体化
5 复合选择器
2 1、复合选择器的运用 设计 教学做
一 体化
6 盒子模型
2 1、内边距设置
2、外边距的设置 设计 教学做
一 体化
7 盒子模型
2 1、元素类型的转换
2、元素的嵌套 设计 教学做
一 体化
8 列表
2 1、列表的写法
2、列表样式的设置 设计 教学做
一 体化
9 列表
2 1、使用列表制作横向菜单
2、使用列表制作设计 教学做
一 纵向菜单 体化 10列表
2 1、使用类别制作商品列表 设计 教学做
一 体化 11表格
2 1、表格基本结构
2、表格的属性 设计 教学做
一 体化 12表格
2 1、表格的样式设计 设计 教学做
一 体化 13表格
2 1、表单元素的使用 设计 教学做
一 体化 14表格
2 1、使用表格和表单元素进行页面的制作 设计 教学做
一 体化 15浮动与定位
2 1、浮动属性的使用
2、清除浮动 设计 教学做
一 体化 16浮动与定位
2 1、相对定位
2、绝对定位 设计 教学做
一 体化 17浮动与定位
2 1、使用进行网页布局 设计 教学做
一 体化 18大作业
2 1、图文混排
2、网页布局
3、表单元素的设计 学生练习 使用 实践教学进程表 周次实验项目名称学时 合计：36 重点与难点成绩评定方法及标准 考核内容 评价标准 考勤 总分100分，旷课一次扣10分，迟到扣5分 作业 计算十次作业，根据作业等级评分 大作业 根据大作业评分标准进行评分 大纲编写日期：2018-03-28 系（专业）课程委员会审查意见： 项目类
型 教学方式 权重0.150.150.70 我系（专业）课程委员会已对本课程教学大纲进行了审查，同意执行。
系（专业）课程委员会主任签名： 日期： 年月日 注：
1、课程教学目标：请精炼概括3-5条目标，并注明每条目标所要求的学习目标层次（理解、运用、分析、综合和评价）。
本课程教学目标须与授课对象的专业培养目标有一定的对应关系
2、学生核心能力即毕业要求或培养要求，请任课教师从授课对象人才培养方案中对应部分复制（/）
3、教学方式可选：课堂讲授/小组讨论/实验/实训
4、若课程无理论教学环节或无实践教学环节，可将相应的教学进度表删掉。
声明：
该资讯来自于互联网网友发布，如有侵犯您的权益请联系我们。
