《html css javascript网页制作案例教程》_教学大纲解析

《《html css javascript网页制作案例教程》_教学大纲解析》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、博学谷——让IT教学更简单，让IT学习更有效《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲（课程英文名称）课程编号：201509210011学分：5学分学时：64学时（其中：讲课学时：45上机学时：19）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、JavaScript网页特效适用专业：信息及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript编程基础与事件处理等内容。通过本课程的学习

2、，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。二、课程的主要内容及基本要求第一章网页那点事（2学时）[知识点]Ø认识网页Ø常见的互联网专业术语ØWeb标准ØHTML简介ØCSS简介ØJavaScript简介Ø常用浏览器介绍ØDreamweaver工具的使用博学谷——让IT教学更简单，让IT学习更有效Ø使用Dreamweaver创建第一个页面[重点]ØWeb标准ØDreamweaver工具的使用[难点]ØWeb标准ØDreamweaver工具创建第一个页面[基本要求]Ø了解Web标准，明

3、确HTML、CSS及JavaScript在其中的作用。Ø熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时）[相关案例]【案例1】简单的网页：【案例2】新闻页面：【案例3】图文混排：[知识点]ØHTML文档基本格式博学谷——让IT教学更简单，让IT学习更有效Ø单标记与双标记Ø标题与段落标记ØHTML文档头部相关标记Øfont标记Ø标记的属性Ø文本格式化标记Ø图像标记Ø相对路径与绝对路径Ø常用图像格式Ø特殊字符标记[重点]ØHTML文档基本格式Ø标记的属性Ø图像标记Ø相对路径与绝对路径[难点]Ø相对路径与绝对路径[学习目标

4、]Ø掌握HTML文档基本格式，能够书写规范的HTML网页。Ø掌握标题、段落及文字标记，可以合理地使用它们定义网页元素。Ø掌握图像标记，学会制作图文混排页面。第三章使用CSS技术美化网页（8学时）[相关案例]【案例4】文字Logo：【案例5】专题栏目：博学谷——让IT教学更简单，让IT学习更有效【案例6】搜索页面：[知识点]ØCSS样式规则Ø引入CSS样式表ØCSS基础选择器ØCSS字体样式属性ØCSS文本外观属性ØCSS复合选择器ØCSS层叠性与继承性ØCSS优先级[重点]ØCSS样式规则Ø引入CSS样式表ØCSS复合选择器ØCSS层叠性与继承性ØCSS优先级[难点]ØCSS复合选择器ØCSS

5、优先级[基本要求]Ø掌握CSS样式规则，能够书写规范的CSS样式代码。Ø掌握CSS字体样式及文本外观属性，能够控制页面中的文本样式。博学谷——让IT教学更简单，让IT学习更有效Ø掌握CSS复合选择器，可以快捷选择页面中的元素。Ø理解CSS层叠性、继承性与优先级，学会高效控制网页元素。第四章CSS盒子模型（8学时）[相关案例]【案例7】音乐盒：【案例8】用户中心：【案例9】咖啡店banner：博学谷——让IT教学更简单，让IT学习更有效【案例10】图标导航栏：[知识点]Ø认识盒子模型Ødiv标记Ø边框属性Ø内边距属性Ø外边距属性Ø背景属性Ø元素的类型Øspan标记Ø元素的转换[重点]Ødiv标记

6、Ø边框属性Ø内边距属性Ø外边距属性Ø背景属性Ø元素的转换[难点]Ø背景属性Ø元素的类型Ø元素的转换[基本要求]Ø掌握盒子模型相关属性，能够使用它们熟练地控制网页元素。Ø理解块元素与行内元素的区别，能够对它们进行转换。博学谷——让IT教学更简单，让IT学习更有效第五章列表与超链接（6学时）[相关案例]【案例11】精美电商悬浮框：【案例12】二维码名片：【案例13】电商团购悬浮框：博学谷——让IT教学更简单，让IT学习更有效【案例14】唱吧导航栏：唱吧导航栏默认效果鼠标移上歌曲分类时[知识点]Ø无序列表Ø有序列表Ø定义列表Ø定义列表实现图文混排Ø列表嵌套Ølist-style复合属性Ø背景图像定义

7、列表项目符号Ø超链接标记Ø清除超链接图像的边框Ø链接伪类Ø锚点链接博学谷——让IT教学更简单，让IT学习更有效[重点]Ø无序列表Ø定义列表Ø背景图像定义列表项目符号Ø超链接标记Ø链接伪类[难点]Ø背景图像定义列表项目符号Ø链接伪类[基本要求]Ø掌握无序、有序及定义列表的使用，可以制作常见的网页列表模块。Ø掌握超链接标记的使用，能够使用超链接定义网页元素。Ø掌握CSS伪类，会使用CSS伪