2022年HTML5+CSS3网站设计基础教程_教学大纲.pdf
《2022年HTML5+CSS3网站设计基础教程_教学大纲.pdf》由会员分享,可在线阅读,更多相关《2022年HTML5+CSS3网站设计基础教程_教学大纲.pdf(9页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、HTML5+CSS3 网站设计基础教程 课程教学大纲(课程英文名称)课程编号: 0011学分: 5 学分学时: 76 学时(其中:讲课学时:47 学时上机学时: 26 学时)先修课程 :计算机基础、计算机网络、计算机应用后续课程 :UI 设计、 JavaScript网页特效适用专业:信息技术及其计算机相关专业开课部门:计算机系一、课程的性质与目标HTML5+CSS3 网站设计基础教程是面向计算机相关专业的一门专业基础课,涉及网页基础、 HTML标记、 CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局
2、效果及变形和动画效果,学会制作各种企业、门户、电商类网站。二、课程设计理念与思路课程设计理念: 高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向, 培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。课程设计思路: 基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例(项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标,以案例(项目)任务实现为载体、理论学
3、习与时间操作相结合” 。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 1 页,共 9 页 - - - - - - - - - - 三、教学条件要求开发工具: Dreamweaver CS6四、课程的主要内容及基本要求第一章初识 HTML5学习单元初识 HTML5学时10 学时学习目标1.了解 HTML5 发展历程2.理解 HTML5 浏览器支持情况3.熟悉 HTML5 基本语法 , 掌握 HTML5 语法新特性。4.掌握 HTML5 相关标记及属性,能够制作简单的网页页面。学习内容知识点了解掌握重点难点
4、HTML5 发展历史HTML5 的优势HTML5 浏览器支持情况创建第一个HTML5页面HTML5 文档基本格式HTML5 语法HTML标记标记的属性HTML5 文档头部相关标记标题和段落标记文本格式化标记特殊字符标记常用图像格式图像标记 绝对路径和相对路径创建超链接锚点链接第二章 HTML5 页面元素及属性学习单元HTML5 页面元素及属性学时6 学时学习目标1.掌握结构元素的使用,可以使页面分区更明确。2.理解分组元素的使用,能够建立简单的标题组。3.掌握页面交互元素的使用,能够实现简单的交互效果。4.理解文本层次语义元素,能够在页面中突出所标记的文本内容。5.掌握全局属性的应用,能够使页
5、面元素实现相应的操作。学习内容知识点了解掌握重点难点ul 元素精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 2 页,共 9 页 - - - - - - - - - - ol 元素dl 元素列表的嵌套应用header 元素nav 元素article元素section元素footer元素figure和 figcaption元素hgroup 元素details和 summary元素progress元素meter 元素time 元素mark 元素cite元素draggable属性hidden 属性spellch
6、eck属性contenteditable属性第三章 CSS3 入门学习单元CSS3入门学时8 学时学习目标1.了解 CSS3的发展历史以及主流浏览器的支持情况。2.掌握 CSS基础选择器,能够运用CSS选择器定义标记样式。3.熟悉 CSS文本样式属性,能够运用相应的属性定义文本样式。4.理解 CSS优先级,能够区分复合选择器权重的大小。学习内容知识点了解掌握重点难点CSS3概述CSS3发展历史CSS3浏览器支持情况CSS样式规则引入 CSS样式表CSS基础选择器字体样式属性文本外观属性CSS层叠性和继承性CSS优先级第四章 CSS3 选择器精品资料 - - - 欢迎下载 - - - - - -
7、 - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 3 页,共 9 页 - - - - - - - - - - 学习单元CSS3选择器学时8 学时学习目标1.掌握 CSS3中新增加的属性选择器,能够运用属性选择器为页面中的元素添加样式。2.理解关系选择器的用法,能够准确判断元素与元素间的关系。3.掌握常用的结构化伪类选择器,能够为相同名称的元素定义不同样式。4.掌握伪元素选择器的使用,能够在页面中插入所需要的文字或图片内容。5.掌握 CSS伪类,会使用CSS伪类实现超链接特效。学习内容知识点了解掌握重点难点Eatt=value 属性选择器Eatt$=value属
8、性选择器Eatt*=value属性选择器子代选择器( )兄弟选择器( +、):root选择器:not选择器:only-child 选择器:first-child和:last-child选择器:nth-child(n)和:nth-last-child(n)选择器:nth-of-type(n)和:nth-last-of-type(n)选择器:empty 选择器:target选择器:before选择器:after选择器链接伪类第五章 CSS 盒子模型学习单元CSS盒子模型学时8 学时学习目标1.掌握盒子的相关属性,能够制作常见的盒子模型效果。2.掌握背景属性的设置方法,能够设置背景颜色和图像。3.理
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2022 HTML5 CSS3 网站 设计 基础教程 教学大纲
限制150内