《HTMLCSS网站设计基础教程》教学大纲
《HTML5+CSS3网站设计基础教程》_教学大纲
《HTML5+CSS3网站设计基础教程》课程教学大纲（课程英文名称）课程编号：201601210011学分：5学分学时：76学时（其中：讲课学时：47一、课程的性质与目标《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。
开发工具：DreamweaverCS6第一章初识HTML5第二章HTML5页面元素及属性第四章CSS3选择器背景与图片不透明度的设√置设置背景图像平铺√设置背景图像的位置√设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变√Array第七章表单的应用textarea元素√select元素√datalist元素√keygen元素√output元素√CSS控制表单样式√√第八章多媒体技术?animation-duration属性√animation-timing-function√属性animation-delay属性√animation-iteration-count√属性animation-direction属性√animation属性√第十章实战开发—制作电商网站首页面76学时合计47学时29学时六、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。
HTMLCSS网站设计基础教程教学大纲
HTML5+CSS3网站设计基础教程课程教学大纲课程英文名称课程编号：0011学分：5学分学时：76学时其中：讲课学时：47学时上机学时：26学时先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、 JavaScript网页特效适用专业：信息技术及其计算机相关专业开课部门：计算机系一、课程的性质与目标HTML5+CSS3网站设计基础教程是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例项目实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标,以案例项目任务实现为载体、理论学习与时间操作相结合”。
三、教学条件要求开发工具：Dreamweaver CS6四、课程的主要内容及基本要求第一章初识HTML5第二章 HTML5页面元素及属性第三章 CSS3入门第四章 CSS3选择器第五章 CSS盒子模型第六章浮动与定位第七章表单的应用第八章多媒体技术第九章 CSS3高级应用第十章实战开发—制作电商网站首页面…………………………………………………………………五、学时分配六、考核模式与成绩评定办法本课程为考试课程,期末考试采用百分制的闭卷考试模式。
学生的考试成绩由平时成绩 30% 和期末考试 70% 组成,其中,平时成绩包括出勤 5% 、作业 5% 、上机成绩 20% 。
网页设计与制作HTMLCSS教学大纲
《网页设计与制作(HTML+CSS)》课程教学大纲（课程英文名称）课程编号：2学分：5学分学时：64学时（其中：讲课学时：45 上机学时：19 ）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计javascript网页特效适用专业：信息及其计算机相关专业开课部门：计算机系一、课程的性质与目标《网页设计与制作(HTML+CSS)》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。
二、课程的主要内容及基本要求第一章HTML与CSS网页设计概述（4学时）[知识点]➢Web的基础知识➢HTMLl简介➢CSS简介➢常用浏览器介绍➢Dreamweaver 工具使用➢利用Dreamweaver创建第一个页面[重点]➢HTML简介➢Dreamweaver工具使用[难点]➢Dreamweaver工具创建第一个页面[基本要求]➢了解HTML版本的发展历程➢掌握Dreamweaver工具的使用，能够使用Dreamweaver创建一个包含html结构和CSS样式的简单网页。
第二章 HTML入门（6学时）[知识点]➢HTML基本语法结构➢HTML 标记属性➢HTML 常用文本控制标记➢HTML 文本格式化标记➢HTML 图像标记➢HTML 相对路径和绝对路径➢HTML 图文混排技巧[重点]➢HTML基本语法结构➢HTML 常用文本控制标记➢HTML 图像标记➢HTML 相对路径和绝对路径[难点]➢HTML 标记属性的使用➢HTML 相对路径和绝对路径[基本要求]➢掌握HTML基本语法结构➢掌握HTML中常用的文本标记➢区分什么是相对路径和绝对路径➢掌握HTML图像标记的使用➢掌握图片混排常用技巧[阶段案例]使用HTML文本控制标记、HTML图像标记及相关标记的属性实现网页中常见的图文混排效果，如下图所示。
《HTML、CSS、DIV网页设计》课程教学大纲(移动互联网-黄海平)
《HTML、CSS、DIV网页设计》课程教学大纲课程代码：21134030课程名称：HTML、CSS、DIV网页设计课程性质：专业必修课学分：3 学时：72讲课学时：36 实践/实验学时：36适用专业：软件工程先修课程：大学计算机基础一、课程目标本课程主要介绍Internet互联网基本知识，掌握网页设计基本方法。
掌握HTML和CSS的基本规范和应用。
掌握HTML语言基础及最新标准，网页基本的文字和段落的格式化，列表、图表、超链接、图像等HTML元素的使用，CSS的设计理念和高级应用，CSS常用概念如盒模型、选择器、常见属性及最新标准，表格、框架和表单。
使学生能够正确而熟练地使用HTML进行网页的设计，能够结合开发案例进行实际网页开发的设计和实现。
培养学生认识网页设计在Web应用开发中的地位及作用，加深学生对用户体验的重要性的理解，为学生今后从事Web 应用软件开发工作打下坚实的基础。
二、教学内容1.Web开发技术综述教学要求：了解Web的起源；Web前端开发的由来；Web前端开发所涉及的内容；Web 前端开发工具介绍；常见浏览器及Web前端开发涉及的标准。
教学内容：Z1. Web的起源Z2.网页设计的相关国际标准ZN3.网页设计开发环境的配置Z4.网页浏览器的兼容性问题实验内容：实验一网页设计开发环境和运行环境的配置方法，插件的下载和安装。
（1）开发工具安装：下载和安装开源代码编辑器Notepad++，标准浏览器（2）使用Notepad++编写个人简历网页2. HTML入门教学要求：掌握HTML文档的结构及其各个组成部分，熟悉和掌握头部、主体、常用标记、常见属性、语法及规范；HTML的兼容性及其测试方法。
教学内容：HTML文档的结构及其各个组成部分；常用标记、常见属性、语法及规范；Chrome程序员开发工具的使用；Z1. HTML文档的结构Z2. 常用标记、常见属性、语法及规范实验内容：实验二 HTML文档的结构的练习（1）创建一个包含html结构的简单网页（2）Chrome程序员开发工具3.CSS入门教学要求：掌握CSS的特点及3种设置方法；CSS属性中的单位；CSS文字样式； CSS 背景与颜色；CSS的继承和重叠；教学内容：CSS的特点及3种设置方法；CSS属性中的单位；文字样式；背景与颜色；Z1. CSS样式规则Z2. CSS基础选择器N3. 复合选择器Z4. 字体样式属性Z5. 样式外观属性实验内容：实验三使用CSS文本样式属性控制网页中的文本，制作网页中常见的新闻页面，效果。
《HTML CSS网页设计与布局》教案
《HTML CSS网页设计与布局》教案第一章：HTML基础1.1 教学目标让学生了解HTML的基本概念和作用让学生掌握HTML的基本语法和结构让学生了解常用的HTML标签及其功能1.2 教学内容HTML的基本概念和作用HTML的基本语法和结构常用的HTML标签及其功能1.3 教学步骤引入HTML的概念和作用讲解HTML的基本语法和结构通过实例演示常用的HTML标签及其功能1.4 课后作业练习使用HTML编写简单的页面学习更多的HTML标签和属性第二章：CSS基础2.1 教学目标让学生了解CSS的基本概念和作用让学生掌握CSS的基本语法和选择器让学生了解常用的CSS属性及其功能2.2 教学内容CSS的基本概念和作用CSS的基本语法和选择器常用的CSS属性及其功能2.3 教学步骤引入CSS的概念和作用讲解CSS的基本语法和选择器通过实例演示常用的CSS属性及其功能2.4 课后作业练习使用CSS样式化页面元素学习更多的CSS属性和选择器第三章：网页布局基础3.1 教学目标让学生了解网页布局的基本概念和原则让学生掌握使用CSS进行布局的方法让学生了解常用的布局方式及其优缺点3.2 教学内容网页布局的基本概念和原则使用CSS进行布局的方法常用的布局方式及其优缺点3.3 教学步骤引入网页布局的概念和原则讲解使用CSS进行布局的方法通过实例演示常用的布局方式及其应用3.4 课后作业练习使用CSS进行简单的网页布局学习更多的布局方式和技巧第四章：响应式网页设计4.1 教学目标让学生了解响应式网页设计的基本概念和原则让学生掌握使用CSS媒体查询进行响应式设计的方法让学生了解常用的响应式设计框架及其应用4.2 教学内容响应式网页设计的基本概念和原则使用CSS媒体查询进行响应式设计的方法常用的响应式设计框架及其应用4.3 教学步骤引入响应式网页设计的概念和原则讲解使用CSS媒体查询进行响应式设计的方法通过实例演示常用的响应式设计框架及其应用4.4 课后作业练习使用CSS媒体查询进行简单的响应式设计学习更多的响应式设计框架和技巧第五章：HTML和CSS综合应用5.1 教学目标让学生了解HTML和CSS综合应用的基本方法让学生掌握使用HTML和CSS制作完整的网页让学生了解常用的网页设计和布局原则5.2 教学内容HTML和CSS综合应用的基本方法使用HTML和CSS制作完整的网页常用的网页设计和布局原则5.3 教学步骤讲解HTML和CSS综合应用的基本方法通过实例演示使用HTML和CSS制作完整的网页介绍常用的网页设计和布局原则5.4 课后作业练习使用HTML和CSS制作完整的网页学习更多的网页设计和布局原则第六章：HTML高级应用6.1 教学目标让学生了解HTML高级应用的概念和作用让学生掌握使用HTML5新特性进行网页开发的方法让学生了解HTML与JavaScript的交互方式6.2 教学内容HTML高级应用的概念和作用HTML5新特性及其使用方法HTML与JavaScript的交互方式6.3 教学步骤引入HTML高级应用的概念和作用讲解HTML5新特性及其使用方法通过实例演示HTML与JavaScript的交互方式6.4 课后作业练习使用HTML5新特性进行网页开发学习更多的HTML与JavaScript交互技巧第七章：CSS高级应用7.1 教学目标让学生了解CSS高级应用的概念和作用让学生掌握使用CSS预处理器如Sass和Less的方法让学生了解CSS优化和重构的方法7.2 教学内容CSS高级应用的概念和作用CSS预处理器如Sass和Less的使用方法CSS优化和重构的方法7.3 教学步骤引入CSS高级应用的概念和作用讲解CSS预处理器如Sass和Less的使用方法通过实例演示CSS优化和重构的方法7.4 课后作业练习使用CSS预处理器进行网页开发学习更多的CSS优化和重构技巧第八章：网页设计与布局原则8.1 教学目标让学生了解网页设计的基本原则和方法让学生掌握使用HTML和CSS进行布局的技巧让学生了解响应式网页设计的原则和技巧8.2 教学内容网页设计的基本原则和方法使用HTML和CSS进行布局的技巧响应式网页设计的原则和技巧8.3 教学步骤引入网页设计的基本原则和方法讲解使用HTML和CSS进行布局的技巧通过实例演示响应式网页设计的原则和技巧8.4 课后作业练习使用HTML和CSS进行网页设计和布局学习更多的响应式网页设计原则和技巧第九章：网页设计与布局实战9.1 教学目标让学生了解网页设计与布局实战的基本流程让学生掌握使用HTML和CSS进行实战的方法和技巧让学生了解常用的网页设计与布局工具和框架9.2 教学内容网页设计与布局实战的基本流程使用HTML和CSS进行实战的方法和技巧常用的网页设计与布局工具和框架9.3 教学步骤引入网页设计与布局实战的基本流程讲解使用HTML和CSS进行实战的方法和技巧通过实例演示常用的网页设计与布局工具和框架的应用9.4 课后作业练习使用HTML和CSS进行网页设计与布局实战学习更多的网页设计与布局工具和框架的使用方法第十章：项目实训与课程总结10.1 教学目标让学生了解项目实训的基本流程和方法让学生掌握HTML和CSS网页设计与布局的综合应用能力让学生总结本课程所学知识和技巧10.2 教学内容项目实训的基本流程和方法HTML和CSS网页设计与布局的综合应用能力课程总结10.3 教学步骤引入项目实训的基本流程和方法讲解HTML和CSS网页设计与布局的综合应用能力通过实例演示项目实训的应用引导学生总结本课程所学知识和技巧10.4 课后作业完成项目实训并提交项目报告复习本课程所学知识和技巧第十一章：前端构建工具11.1 教学目标让学生了解前端构建工具的概念和作用让学生掌握使用Gulp和Webpack等工具的方法让学生了解前端自动化构建的工作流程11.2 教学内容前端构建工具的概念和作用使用Gulp和Webpack等工具的方法前端自动化构建的工作流程11.3 教学步骤引入前端构建工具的概念和作用讲解使用Gulp和Webpack等工具的方法通过实例演示前端自动化构建的工作流程11.4 课后作业练习使用Gulp和Webpack等工具进行前端构建学习更多前端自动化构建的工具和技巧第十二章：前端框架与库12.1 教学目标让学生了解前端框架和库的概念和作用让学生掌握使用React和Vue等框架的方法让学生了解前端框架和库的优势和限制12.2 教学内容前端框架和库的概念和作用使用React和Vue等框架的方法前端框架和库的优势和限制12.3 教学步骤引入前端框架和库的概念和作用讲解使用React和Vue等框架的方法通过实例演示前端框架和库的应用12.4 课后作业练习使用React和Vue等框架进行前端开发学习更多前端框架和库的使用方法第十三章：版本控制13.1 教学目标让学生了解版本控制的概念和作用让学生掌握使用Git进行版本控制的方法让学生了解版本控制的最佳实践13.2 教学内容版本控制的概念和作用使用Git进行版本控制的方法版本控制的最佳实践13.3 教学步骤引入版本控制的概念和作用讲解使用Git进行版本控制的方法通过实例演示版本控制的最佳实践13.4 课后作业练习使用Git进行版本控制学习更多关于版本控制的知识和技巧第十四章：Web性能优化14.1 教学目标让学生了解Web性能优化的概念和作用让学生掌握Web性能优化的方法和技巧让学生了解Web性能优化的工具和指标14.2 教学内容Web性能优化的概念和作用Web性能优化的方法和技巧Web性能优化的工具和指标14.3 教学步骤引入Web性能优化的概念和作用讲解Web性能优化的方法和技巧通过实例演示Web性能优化的应用14.4 课后作业练习使用Web性能优化的方法和技巧学习更多关于Web性能优化的工具和指标的知识第十五章：项目管理与团队协作15.1 教学目标让学生了解项目管理的概念和作用让学生掌握项目管理和团队协作的方法和技巧让学生了解项目管理和团队协作的工具和平台15.2 教学内容项目管理的概念和作用项目管理和团队协作的方法和技巧项目管理和团队协作的工具和平台15.3 教学步骤引入项目管理的概念和作用讲解项目管理和团队协作的方法和技巧通过实例演示项目管理和团队协作的应用15.4 课后作业练习使用项目管理和团队协作的方法和技巧学习更多关于项目管理和团队协作的工具和平台的知识重点和难点解析本文主要介绍了《HTML CSS网页设计与布局》的教学教案，内容涵盖了HTML 基础、CSS基础、网页布局基础、响应式网页设计、HTML高级应用、CSS高级应用、网页设计与布局原则、网页设计与布局实战、前端构建工具、前端框架与库、版本控制、Web性能优化以及项目管理与团队协作等十五个章节。
HTMLCSS网站设计基础教程教学大纲(二)
HTMLCSS网站设计基础教程教学大纲(二)
- 简介
- 介绍HTMLCSS网站设计基础教程的重要性
- 概述教学大纲的内容
- HTML基础
- 介绍HTML的概念和作用
- 讲解HTML标签和属性
- 演示HTML的基本结构和语法
- 实践练习：编写简单的HTML页面
- CSS基础
- 介绍CSS的概念和作用
- 讲解CSS的选择器和属性
- 演示CSS的基本语法和样式规则
- 实践练习：为HTML页面添加样式
- 网页布局
- 介绍网页布局的概念和重要性
- 讲解盒模型和浮动布局
- 演示网页布局的实现方法
- 实践练习：编写具有不同布局的网页
- 响应式设计
- 介绍响应式设计的概念和优势
- 讲解媒体查询和弹性布局
- 演示响应式设计的实现方法
- 实践练习：编写适应不同屏幕大小的网页
- 网页交互
- 介绍网页交互的概念和实现方式
- 讲解JavaScript的基本语法和DOM操作
- 演示网页交互的实现方法
- 实践练习：为网页添加交互效果
- 网站优化
- 介绍网站优化的概念和重要性
- 讲解SEO和网站性能优化
- 演示网站优化的实现方法
- 实践练习：优化网站的SEO和性能
- 结语
- 总结HTMLCSS网站设计基础教程的教学大纲 - 强调学习HTMLCSS网站设计基础的重要性 - 鼓励学习者继续深入学习和实践。
HTMLCSS网站设计基础教程课程标准(一)
HTMLCSS网站设计基础教程课程标准(一)HTMLCSS网站设计基础教程是一门为初学者提供基础性指导的课程。
在这门课程中，学员将学习如何编写HTML和CSS代码，以及如何使用这些技术创建出具有视觉吸引力和交互性的网站。
该课程标准的制定，是为了确保该课程的教学内容具有一定的完善性和实用性，以帮助学员更好地掌握优秀的网站设计技能。
一、课程目标和教学大纲课程标准需要明确该教程的目标和大纲。
该教程的目标应该是帮助学员了解HTML和CSS的基本语法和编写规则，以及如何将这些知识应用于网站设计和开发。
教学大纲应该涵盖HTML标签、CSS选择器、布局设计、图像和多媒体的使用、响应式设计等内容。
二、教学方法和教学资源课程标准还需要明确教学方法和教学资源。
合适的教学方法可以帮助学员更好地理解和掌握所学内容。
比如，该课程可以采用实践性教学，让学员使用所学知识创建一个包含多个页面的网站。
同时，该教程需要为学员提供合适的教学资源，如教材、代码示例、教学视频等，以帮助学员更好地学习掌握所学知识。
三、学员评估和学习成果课程标准还需要确定一套学员评估标准和学习成果。
学员评估可以采用作业、实验和考试等方式，以检测学员所学知识的掌握情况。
然后，这些数据可以用来评估学员的课程成绩和对课程的整体表现。
同时，学习成果可以通过问卷调查等方式来收集，以评估课程的实用性和完整性。
四、教员背景和教学能力课程标准还需要要求该课程的教员具有相关的背景和教学能力。
教员应该具有专业的知识和丰富的实践经验，能够通过教学方法和教学资源帮助学员掌握所学知识。
总结HTMLCSS网站设计基础教程标准的制定，是为了确保该教程的教学内容能够真正帮助初学者了解和掌握HTML和CSS的基础知识，并有效地应用这些知识于网站设计和开发中。
课程标准需要包括课程目标和教学大纲、教学方法和教学资源、学员评估和学习成果、以及教员背景和教学能力等内容。
只有在课程标准的保障下，才能确保该教程的教学质量和实用性，从而为学员提供一种有价值的学习体验。
《HTML CSS网站设计》课程教学设计方案
《HTML+CSS网站设计》课程教学方案
第一部分：课程概况
《HTML+CSS网站设计》是Web应用开发的基础课程，是计算机类专业的一门实践性很强的技术基础课。
本课程介绍Web 程序设计的基本原理和技术、HTML网页程序设计基础和CSS使用等有关内容。
通过本课程的学习，使学生掌握开发Web页面的基础知识和方法，对Web页面程序设计有一个全面的认识和了解，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。
第二部分：课程内容
整个课程内容可分为三大部分：
第一部分为html基础，主要介绍的是课程入门相关的知识，比如与本课程有关的一些基本概念、html 标记的用法等。
会以语法和实例相结合的形式详细讲解HTML语言中各个元素及其属性的作用、语法和显示效果。
这部分内容是学好本门课程的前提，篇幅大概占用本门课程的30%。
第二部分为CSS相关内容，会从CSS基本概念开始，分别讲解css选择器、盒子模型和定位与浮动等控
制各种元素显示的方法，以及CSS布局页面的技巧等知识，这一部分是本门课程的重难点所在，内容占比也比较大，会占用本课程的50%。
第三部分为实战演练环节，主要内容包括站点的建立、页面整体及各组块的布局分析、框架搭建、页面实例每个部分的制作过程等。
会用十讲左右的时间完成一个布局合理、美观大方的页面。
这张页面涉及到了网页设计的大部分知识点，学习过程中，通过实战演练环节的学习，期望大家可以完整地掌握页面制作的方法。
第三部分：教学设计。
HTMLCSS网站设计基础教程教学大纲(一)
HTMLCSS网站设计基础教程教学大纲(一) HTMLCSS网站设计基础教程教学大纲随着互联网的发展，网站的设计和制作成为一门热门的技能。
而HTML 和CSS无疑是网站设计和制作的基础。
为了帮助初学者更好地掌握HTML和CSS，本文将制定一份HTMLCSS网站设计基础教程教学大纲。
一、课程概述本课程旨在通过讲授HTML和CSS基础知识，帮助学生掌握网站的设计与制作基础技能。
课程内容涵盖HTML基础、CSS基础、页面布局等方面的知识。
二、在线学习资源本课程的学习资源包括视频教程、在线编程环境、课后练习等。
学生可以根据自己的需要，有选择地学习相关内容。
教师也可以通过这些在线学习资源，检查学生的学习情况。
三、课程内容1. HTML基础知识入门知识HTML标签元素属性2. CSS基础知识CSS语法选择器CSS样式框模型布局3. 页面布局盒子模型浮动定位部分布局实战案例四、课程教学方法本课程采用讲授、演示、实践相结合的方法。
在讲解HTML和CSS基础知识的同时，教师会用实例或者案例演示相关概念的应用。
通过互动性强的课堂，可以让学生更好地理解和掌握相关知识。
同时鼓励学生在课后进行实践，强化学习效果。
五、课程考核方式本课程的考核方式采用课堂考试和课后作业相结合的方式。
课堂考试主要考察学生掌握HTML和CSS基础知识以及页面布局方法的能力。
作业主要包括实践类的练习和课程案例应用，以检验学生对知识的掌握情况。
六、总结HTML和CSS是网站设计和制作的基础，学习好HTML和CSS，可以帮助你更高效的进行网站设计和制作。
本课程旨在帮助初学者掌握HTML和CSS基础知识，同时学会应用到实际设计。
学生需要花费一定的时间和精力学习，相信在学习的过程中，你会发现学习网站设计和制作是一件有趣的事情。
HTML5+CSS3网站设计基础教程_教学大纲
《HTML5+CSS3网站设计基础教程》课程教学大纲（课程英文名称）课程编号：0011学分：5学分学时：76学时（其中：讲课学时：47学时上机学时：26学时）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、 JavaScript网页特效适用专业：信息技术及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。
三、教学条件要求开发工具：Dreamweaver CS6四、课程的主要内容及基本要求第一章初识HTML5第二章 HTML5页面元素及属性第三章 CSS3入门第四章 CSS3选择器第五章 CSS盒子模型第六章浮动与定位第七章表单的应用第八章多媒体技术第九章CSS3高级应用第十章实战开发—制作电商网站首页面…………………………………………………………………五、学时分配六、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《HTML5+CSS3网站设计基础教程》课程教学大纲
（课程英文名称）
课程编号：201601210011
学分：5学分
学时：76学时（其中：讲课学时：47学时上机学时：26学时）
先修课程：计算机基础、计算机网络、计算机应用
后续课程：UI设计、JavaScript网页特效
适用专业：信息技术及其计算机相关专业
开课部门：计算机系
一、课程的性质与目标
《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路
课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。
三、教学条件要求
开发工具：DreamweaverCS6
四、课程的主要内容及基本要求第一章初识HTML5
第二章HTML5页面元素及属性
第三章CSS3入门
第四章CSS3选择器
第五章CSS盒子模型
第六章浮动与定位
第七章表单的应用
第八章多媒体技术?
第九章CSS3高级应用?
第十章实战开发—制作电商网站首页面
…………………………………………………………………
五、学时分配
六、考核模式与成绩评定办法
本课程为考试课程，期末考试采用百分制的闭卷考试模式。
学生的考试成绩由平时成绩（30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、上机成绩（20%）。
七、选用教材和主要参考书
本大纲是根据教材《HTML5+CSS3网站设计基础教程》所设计的。
参考书籍：
传智播客.《网页设计与制作（HTML+CSS）》中国铁道出版社.201408
传智播客.《HTML+CSS+JavaScript网页制作案例教程》人民邮电出版社.201508
八、大纲说明
本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是编写程序，要求学生动手完成指定的程序设计或验证。
撰写人：审定人：
批准人：执行时间：。