CSS3网站基础设计 4

课程标准课程代码：02014013课程类型：职业技能课课程性质：必修课课程学时：64学时适用对象：课程学分：4学分修读学期：考核方式：形成性考试制定人：批准人：一、课程定位课程是软件技术专业的专业核心课，是培养Web前端开发程序员的主要支撑课程。本课程主要培养学生熟练使用HTML标签制作页面的能力、使用CSS美化页面的能力、使用CSS+DIV技术进行布局页面的能力。培养学生良好的编码风格，提升学生专业技能，为使学生成为Web前端开发程序员奠定良好的基础。二、课程学习目标1.知识目标（1）学习HTML、掌握文本、图像、超链接、表格、表单相关标签；（2）了解框架页面的制作；（3）掌握CSS的基本语法和使用场合；（4）掌握CSS美化页面的技术；（5）掌握CSS+DIV布局网页技术；（6）掌握HTML5新增标签的用法；（7）掌握网站的开发流程。2.能力目标（1）会使用HTML的标签制作网页的内容；（2）会使用表格的相关标签制作各种表格；（3）会使用表单的相关标签，制作各种提交页面；（4）能灵活运用CSS技术美化网页；（5）能灵活运用CSS+DIV技术布局网页；（6）会运用网站的开发流程和CSS+DIV技术制作小型商业网站；3.素质目标（1）培养学生自我学习能力、自我展示能力和总结的能力；（2）具备规范化，标准化的代码编写习惯，一定速度的编写能力；（3）具备良好的沟通能力和良好的团队合作精神；（4）规范化的文档撰写能力。三、课程设计思路1.设计思想本课程的主要内容包括HTML、CSS、CSS+DIV布局网页技术，为了能较好地训练学生掌握各项技能，本课程设计一到两个使用CSS+DIV技术制作的网站、CSS美化网站，教师在教学过程中以网站的具体实现过程贯穿整个教学过程，根据用户需求来设计、布局和制作整个网站，使学生在制作主页和各个分支页的过程中，逐步掌握布局网页和美化网页的技术。2.课程重、难点重点：块级标签和行级标签的基本用法；CSS美化网页；盒子属性的含义及用法；CSS+DIV布局网页的技术。难点：盒子模型及盒子属性的含义及用法；CSS+DIV布局网页的技术。3．教学方法设计教学采用讲练结合，使学生在边讲边练的过程中，对每一个技能点做到深刻理解，并能灵活运用。综合运用多种教学法完成课程教学，如对比教学法、问题教学法、现场编程教学法、视频演示教学法、案例教学法等。鼓励教师探索更先进有效的教学方法，提高教学效果及教学质量；鼓励学生课外参与实际工程项目来提高技能。四、教学内容与学时分配序号学习内容拟实现的能力目标知识目标重点及难点学时学习模块学习单元理论实践1模块1HTML的基本标签任务1行级和块级标签组织页面内容会使用HTML的基本结构创建网页；会使用行级和块级标签组织页面内容。了解HTML；掌握段落、标题、水平线、图像、列表、分区、图片、范围、换行等基本标签的用法。重点：块级标签和行级标签的基本用法。24任务2表单元素实现注册页面会使用各种表单元素实现注册页面。掌握表单、文本框、密码框、隐藏域、按钮、单选按钮、复选框、下拉列表、多行文本域等基本标签用法。132模块2表格的应用和布局任务1用表格显示数据任务2用表格实现页面布局会使用表格显示数据；会使用表格实现页面布局。掌握表格的基本使用方法；制作跨行跨列的表格；了解表格的高级用法：添加表格标题、数据分组等；掌握使用表格进行布局。重点：表格标签的基本用法263模块3CSS样式表任务1利用CSS制作网上商城“商品分类”版块会CSS的基本语法；会使用文本和字体样式美化网页；会使用背景样式美化网页。掌握CSS样式表规则；掌握理解样式表的用途。重点：CSS样式；盒子属性的含义及用法；浮动的理解。难点：盒子模型的应用；典型布局的应用13任务2利用CSS完成网上商城“登录页”的布局会使用盒模型相关属性实现页面布局；能通晓普通文档流、浮动与清除属性的含义。掌握盒子模型的概念；盒子具有的单个属性：边框、内边距、外边距；掌握浮动属性；清除属性。46任务3利用CSS制作典型的局部布局会使用div-ul-li实现局部布局；会使用div-dl-dt-dd实现图文混编；会使用伪类样式控制超链接样式。掌握超链接伪类；掌握样式的三种应用方式；样式的优先级。244模块4CSS+DIV制作网上商城网站任务1CSS+DIV制作网上商城首页会使用CSS+DIV制作简单的页面布局；会根据网站开发流程制作网站。掌握网站开发的流程；掌握内容和样式分离的思想。重点：CSS+DIV布局网页的技术。难点：CSS+DIV布局网页。210任务2CSS+DIV制作商品具体介绍页会使用div-ul-li实现局部布局。掌握实现布局的普通思路；掌握实现布局的简洁思路。2任务3CSS+DIV制作注册页会使用form-table-tr实现表单布局；会使用CSS+DIV替换框架布局。掌握创建页面间链接导航的方法；掌握综合使用各种标签及CSS方法。225模块5HTML5设置网页内容任务1HTML5常用元素和属性会使用HTML5新增的元素设置页面内容。掌握HTML5新增的元素的使用方法。重点：HTML5新增的使用频率较高的元素22任务2HTML5表单元素和属性会使用HTML5新input类型进行页面设置。会使用HTML5新增的表单元素设置页面内容。理解HTML5新input类型的含义。掌握HTML5新增的表单元素的使用方法。22合计64五、考核方案与考核标准本课程采用形成性考核方式。考核包括职业素质考核、职业能力考核、阶段测试的考核。职业素质：课堂出勤、学习态度、团队协作等，占考核分数的10%。职业能力：教学单元任务的准备、实施、汇报或总结以及课堂编码练习及课后编码作业，占60%。阶段性测试：侧重阶段知识掌握程度考核，占30%。职业素质Q10%课堂出勤、学习态度、团队协作阶段测试T30%阶段性课堂测试职业能力C60%课堂编码练习及课后编码作业课程成绩=Q*10%+T*30%+C*60%。学生学习成绩评价与考核表评价项目评价内容评价形式权重（%）分值课堂出勤堂出勤、学习态度、团队协作参与课堂学习时间、效率1010基本标签制作页面基本标签的应用提交的工作成果1515用表格实现页面布局表格的基本标签的应用；表格做布局工具的使用的熟练度；表格布局的应用场合选择。提交的工作成果1515利用CSS制作典型的局部布局典型布局所用结构的选择；样式设置的思考方向与书写。提交的工作成果1515CSS+DIV制作网上商城首页各分区的结构选择；各分区的样式描述。首页每一部分完成的效果。提交的工作成果1515阶段测试1理论知识的理解；上机操作的实践效果。测试的提交成果3030合计100100六、教学资源开发与利用（含教材选用、实验实训场室、耗材规划等）教学场地要求：机房电脑通畅不卡机，能上网。装有Dreamweaver最新版本的编辑工具（或者HBuilder等其他编辑工具）、Chrome最新版本的浏览器。教材选用建议：朱翠苗.HTML5+CSS3网站设计基础（第二版），大连理工大学出版社，202