HTMLCSS网站设计基础教程教学大纲.docx

HTMLCSS网站设计基础教程教学大纲.docx

《HTMLCSS网站设计基础教程教学大纲.docx》由会员分享，可在线阅读，更多相关《HTMLCSS网站设计基础教程教学大纲.docx（21页珍藏版）》请在冰豆网上搜索。

HTMLCSS网站设计基础教程教学大纲

Standardizationofsanygroup#QS8QHH-HHGX8Q8-GNHHJ8-HHMHGN#

HTMLCSS网站设计基础教程教学大纲

《HTML5+CSS3网站设计基础教程》课程教学大纲

（课程英文名称）

课程编号：

201601210011

学分：

5学分

学时：

76学时（其中：

讲课学时：

47学时上机学时：

26学时）

先修课程：

计算机基础、计算机网络、计算机应用

后续课程：

UI设计、JavaScript网页特效

适用专业：

信息技术及其计算机相关专业

开课部门：

计算机系

一、课程的性质与目标

《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。

二、课程设计理念与思路

课程设计理念：

高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。

单纯的技能训练不是提高高等职业教育的理想课程。

以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。

课程设计思路：

基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。

教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。

三、教学条件要求

开发工具：

DreamweaverCS6

四、课程的主要内容及基本要求

第一章初识HTML5

学习单元

初识HTML5

学时

10学时

学习目标

1.了解HTML5发展历程

2.理解HTML5浏览器支持情况

3.熟悉HTML5基本语法,掌握HTML5语法新特性。

4.掌握HTML5相关标记及属性，能够制作简单的网页页面。

学习内容

知识点

了解

掌握

重点

难点

HTML5发展历史

√

HTML5的优势

√

HTML5浏览器支持情况

√

创建第一个HTML5页面

√

HTML5文档基本格式

√

HTML5语法

√

HTML标记

√

标记的属性

√

HTML5文档头部相关标记

√

标题和段落标记

√

文本格式化标记

√

特殊字符标记

√

常用图像格式

√

图像标记

√

绝对路径和相对路径

√

创建超链接

√

锚点链接

√

√

第二章HTML5页面元素及属性

学习单元

HTML5页面元素及属性

学时

6学时

学习目标

1.掌握结构元素的使用，可以使页面分区更明确。

2.理解分组元素的使用，能够建立简单的标题组。

3.掌握页面交互元素的使用，能够实现简单的交互效果。

4.理解文本层次语义元素，能够在页面中突出所标记的文本内容。

5.掌握全局属性的应用，能够使页面元素实现相应的操作。

学习内容

知识点

了解

掌握

重点

难点

ul元素

√

ol元素

√

dl元素

√

列表的嵌套应用

√

√

header元素

√

nav元素

√

article元素

√

section元素

√

footer元素

√

figure和figcaption元素

√

hgroup元素

√

details和summary元素

√

progress元素?

√

meter元素

√

time元素

√

mark元素

√

cite元素

√

draggable属性

√

hidden属性

√

spellcheck属性

√

contenteditable属性

√

第三章CSS3入门

学习单元

CSS3入门

学时

8学时

学习目标

1.了解CSS3的发展历史以及主流浏览器的支持情况。

2.掌握CSS基础选择器，能够运用CSS选择器定义标记样式。

3.熟悉CSS文本样式属性，能够运用相应的属性定义文本样式。

4.理解CSS优先级，能够区分复合选择器权重的大小。

学习内容

知识点

了解

掌握

重点

难点

CSS3概述

√

CSS3发展历史

√

CSS3浏览器支持情况

√

CSS样式规则

√

引入CSS样式表

√

CSS基础选择器

√

字体样式属性

√

√

文本外观属性

√

√

CSS层叠性和继承性

√

CSS优先级

√

√

第四章CSS3选择器

学习单元

CSS3选择器

学时

8学时

学习目标

1.掌握CSS3中新增加的属性选择器，能够运用属性选择器为页面中的元素添加样式。

2.理解关系选择器的用法，能够准确判断元素与元素间的关系。

3.掌握常用的结构化伪类选择器，能够为相同名称的元素定义不同样式。

4.掌握伪元素选择器的使用，能够在页面中插入所需要的文字或图片内容。

5.掌握CSS伪类，会使用CSS伪类实现超链接特效。

学习内容

知识点

了解

掌握

重点

难点

E[att^=value]属性选择器

√

E[att$=value]属性选择器

√

E[att*=value]属性选择器

√

子代选择器（>）

√

兄弟选择器（+、~）

√

:

root选择器

√

:

not选择器

√

:

only-child?

选择器

√

:

first-child和:

last-child选择器

√

:

和:

nth-last-child（n）选择器

√

√

:

和:

nth-last-of-type（n）选择器

√

:

√

:

target选择器

√

:

选择器

√

√

:

选择器

√

√

链接伪类

√

第五章CSS盒子模型

学习单元

CSS盒子模型

学时

8学时

学习目标

1.掌握盒子的相关属性，能够制作常见的盒子模型效果。

2.掌握背景属性的设置方法，能够设置背景颜色和图像。

3.理解渐变属性的原理，能够设置渐变背景。

4.熟悉CSS控制列表样式的方式，能够运用背景图像定义列表项目符号。

学习内容

知识点

了解

掌握

重点

难点

认识盒子模型

√

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

HTMLCSS 网站 设计 基础教程 教学大纲

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。