学时：100
学分：6
HTML+CSS是网页构成的基本要素，“跨平台开发”的概念也逐渐走进移动开发者的视野。目前国内外已经有很多基于HTML5的跨平台开发工具，掌握HTML+CSS技术，运用工具中所提供的各种丰富的功能模块，可在很短时间内完成App的开发而且让你的App具备完美的原生体验。
通过本课程的学习，使学生对网页得组成有所了解，从最简单的网页开发基础入手，通过本课程的学习与实践，使学生掌握网页得基本组成部分，掌握使用HTML完成网页开发得步骤，并能结合CSS为网页增添华丽的动画与3D效果样式，能够编写大型综合性网页。
- 课程学时分配
教学章节 |
理论 |
实验 |
第一章：HTML语言基础 |
4 |
4 |
第二章：表格和表单 |
4 |
4 |
第三章：CSS样式表基础 |
4 |
4 |
第四章：CSS样式表深入 |
4 |
4 |
第五章：块状元素和行内元素 |
4 |
4 |
第六章：盒子模型与盒子定位 |
8 |
8 |
第七章：菜单样式设计 |
4 |
4 |
第八章：表格布局网页制作 |
4 |
4 |
第九章：DIV页面布局 |
4 |
4 |
第十章：静态网站设计案例 |
10 |
10 |
合计 |
50 |
50 |
三、实践教学的基本要求
1.课内实验项目一览表
序号 |
实验项目 |
学时 |
必/选做 |
1 |
HTML基本标签 |
2 |
必做 |
2 |
网页表单表格设计 |
2 |
必做 |
3 |
网页基础CSS样式设计 |
2 |
必做 |
4 |
网页CSS样式设计 |
2 |
必做 |
5 |
网页CSS样式设计 |
2 |
必做 |
6 |
浮动广告位设计案例 |
2 |
必做 |
7 |
导航栏菜单设计案例 |
2 |
必做 |
8 |
网页布局设计 |
2 |
必做 |
9 |
新疆旅游网网页设计案例 |
4 |
必做 |
10 |
百度贴吧网页设计案例 |
4 |
必做 |
总计 |
24 |
||
2.实践教学要求
（1）教学目的: 加强实践环节，培养学生的动手能力。使学生通过实验验证课堂所学理论，加深理解并掌握网页设计相关理论知识。
(2) 教学要求：了解要求学生掌握Hbulider软件的操作过程，以及利用该软件进行实际网页设计开发的步骤。
(3) 教学形式：课堂教学和教学实验相互结合，通过实验内容巩固所学知识。
四、课程的基本教学内容及要求
第一章 HTML语言基础
1.教学内容
（1）B/S程序架构
（2）HTML语言
（3）HTML常用标签
2.重点与难点
重点：HTML常用标签分类，常用标签使用。
难点：HTML常用标签分类，常用标签使用。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生了解HTML语言，掌握HTML常用标签分类以及常用标签使用，会使用Hblider完成简单得页面练习。
第二章 表格和表单
1.教学内容
（1）表格的基本结构，表格的基本语法
（2）表格的基本操作
（3）表单的使用
（4）表单基本元素
2.重点与难点
重点：表格/表单的基本结构，基本语法以及常用操作。
难点：表格/表单的基本结构，基本语法以及常用操作。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求掌握网页中表格和表单的基本结构，基本语法以及常用操作，并可以完成简单的表格表单页面设计。
第三章 CSS样式表基础
1.教学内容
（1）CSS基本语法
（2）CSS基本用法
（3）CSS基础选择器
2.重点与难点
重点：CSS基本语法，CSS中选择器的分类及各类选择器的使用方法。
难点：CSS基本语法，CSS中选择器的分类及各类选择器的使用方法。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生了解什么是CSS，掌握CSS基本语法和基本使用方式，CSS中选择器的分类及各类选择器的使用方法，并能使用CSS为网页添加简单的样式。
第四章 CSS样式深入
1.教学内容
（1）CSS颜色属性
（2）字体属性
（3）CSS背景属性
（4）CSS列表属性
（5）CSS文本格式化
2.重点与难点
重点：CSS各类样式的基本语法，属性及使用。
难点：CSS各类样式的基本语法，属性及使用。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生深入了解掌握CSS颜色、字体、背景、列表等属性基本语法和使用方式，并能使用CSS为网页添加相应的样式。
第五章 块状元素,行内元素
1.教学内容
（1）块状元素和行内元素
（2）元素之间相互转换
2.重点与难点
重点：块状元素和行内元素区别和相互转换。
难点：块状元素和行内元素区别和相互转换。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生深入了解掌握CSS中元素的分类和相互转换，并能使用CSS为网页添加相应的样式。
第六章 盒子模型
1.教学内容
（1）盒子模型
（2）盒子模型计算
（3）边距设置
（4）盒子模型阴影
（5）盒子定位
2.重点与难点
重点：盒子模型大小计算方式，内外边距设置使用，盒子定位方式和区别。
难点：盒子模型大小计算方式，内外边距设置使用，盒子定位方式和区别。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生深入了解掌握CSS中盒子模型的分类，盒子大小的计算，以及盒子边距的设计和计算，熟练定位盒子位置，并能使用CSS为网页添加相应的样式。
第七章 菜单样式设计
1.教学内容
（1）水平导航菜单设计
（2）垂直导航菜单设计
（3）悬浮菜单设计
2.重点与难点
重点：水平/垂直/悬浮导航菜单设计。
难点：水平/垂直/悬浮导航菜单设计。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生熟练使用CSS样式基础完成不同类型的导航菜单设计。
第八章 表格布局网页制作
1.教学内容
（1）网页布局属性
（2）使用表格完成完成网页布局
2.重点与难点
重点：使用表格完成完成网页布局。
难点：使用表格完成完成网页布局。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生掌握网页布局的用途，熟练使用CSS表格完成网页布局。
第九章 DIV页面布局
1.教学内容
（1）使用DIV完成完成网页布局
（2）新疆旅游网网页设计
2.重点与难点
重点：使用DIV完成完成网页布局。
难点：使用DIV完成完成网页布局。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生掌握网页布局的用途，熟练使用DIV完成网页布局，完成新疆旅游网网页设计。
第十章 静态网站设计案例
1.教学内容
（1）百度贴吧网页设计
2.重点与难点
重点：百度贴吧网页设计。
难点：百度贴吧网页设计。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生熟练使用HTML+CSS完成百度贴吧网页设计
五、课程考核
1.考核方式、记分制和考核时间
本课程采用理论闭卷考查+上机实践两种考核方式，成绩采用百分制记分，理论考试时间为60分钟，上机考试时间为120分钟
2.考试成绩构成
课程总成绩=平时成绩10%+实践成绩20%+期末考试成绩70%。
3.考核题型及命题要求
理论考核题型为选择题。
上机考试题型为网页设计题。
命题依据教学大纲要求，命题在教学大纲规定的教学目的、教学要求、教学内容和教材范围之内，按照重分析推理和理论联系实际原则，既考查对基本知识的识记能力，又考查运用所学知识实际运用能力，考试命题的覆盖面应尽可能广一些，其中主要考查学生对HTML+CSS基础的掌握程度和使用HTML+CSS完成网页设计的熟练程度。
六、参考教材
[1] 明日科技.梅长林.零基础学HTML5+CSS3.吉林大学出版社,2017
[2] Elisabeth Robson,Eric Freeman著,徐阳,丁小峰等译.Head First HTML与CSS（第2版）.中国电力出版社.2013
七、大纲说明
本大纲根据计算机应用专业人才培养方案、培养规格和数据分析与处理性质，结合学校现有条件制定本大纲，其内容根据课程内容、人才培养方案及科学性和合理性原则选编。对大纲中的重点应深入讲解，对难点采用课堂讲授与课下辅导为主，课堂讲授中，教师反复强调工程性的指导思想，以及所讲知识点在信息科学领域所处的位置和作用，以生动的实例引导学生，提高学生学习的积极性。
制定人： 审定人：
到此这篇HTML+CSS教学大纲_html css基础课程的文章就介绍到这了,更多相关HTML+CSS教学大纲_html css基础课程内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/3042.html