教学大纲-HTML+CSS+JavaScript网页设计教程（孟宪宁）

《HTML+CSS+JavaScript网页设计》教学大纲一、课程的性质和设计思路：《HTML+CSS+JavaScript网页设计》是计算机应用技术及相关专业基本技能素质课程之一，是计算机相关专业进行Web编程的专业基础课程。课程整合三个模块领域的知识：HTML标记语言、CSS样式设计工具的使用、JavaScript脚本代码。通过本课程的学习,使学生能熟练使用HTML标记语言、CSS，配以JavaScript脚本代码，实现动态等较复杂的网页制作，并为后续JavaWeb等动态网页设计类课程打下基础。二、课程目标和能力培养：能力目标:培养学生能将HTML标记语言、ＣＳＳ样式设计知识综合运用，具备较系统的网站设计能力，掌握JavaScript脚本代码实现动态网页设计技术。知识目标:熟练综合运用HTML标记语言、ＣＳＳ样式、JavaScript知识，具备较系统的网站设计流程知识。三、教学设计思路本课程的设计思路：本课程以“讲清语法、学以致用”为指导思想，不仅仅将课程局限在语法讲解上，通过一个个鲜活、典型的小实例达到学以致用的目的，在每个语法都有相应的实例，还配有综合小实例。四、教学内容和要求：本课程总学时数为64学时。共计4学分。序号工作任务课程内容与教学要求教学活动设计参考学时1课程认识HTML、CSS、JavaScript各自的代码特点HTML、CSS、JavaScript在网页设计中的角色HTML、CSS、JavaScript的代码结构通过仿百度首页案例的安排初步认识网页设计。并通过比较，让学生分析出HTML、CSS、JavaScript各自代码特点和结构总结HTML、CSS、JavaScript在网页设计中的角色22HTML语言HTML的基本语法，分析了一个完整的网页组成部分，重点介绍HTML文档头部相关的<meta>标签。分别介绍段落、文本格式化、列表、超链接、图像与多媒体、表单、表格、框架等网页设计中要用到的HTML标签做了详细介绍。通过知识点讲解+案例演示的方式讲解HTML基本语法；讲解的过程是先给学生讲清楚HTML标签的基本语法格式，然后结合具体的网页设计案例讲解标签的用法和效果。对照代码让学生领会功能所对应的代码。最后根据讲解的内容布置学生自己动手做一个综合的作业。每次都是给出学生效果图，让学生通过HTML代码实现。163CSS（层叠样式表）在网页中如何应用CSS样式、CSS样式的基本语法格式，重点介绍CSS的选择器。详细介绍了文本样式、盒子模型、浮动和定位，以及样式的继承、层叠和优先级的概念。最后通过实现腾讯网首页的搜索案例通过知识点讲解+案例演示的方式讲解CSS的基本语法；讲解的过程是先给学生讲清楚CSS样式的基本语法格式，然后结合具体的网页设计案例讲解样式的用法和效果。最后通过仿腾讯网首页搜索框案例综合应用所学层叠样式表知识点184JavaScript在网页中如何引入JavaScript代码，并介绍了在Chrome浏览器中调试JavaScript代码的基本技巧。avaScript的标识符、变量、基本数据类型、运算符和表达式，以及顺序、分支和循环的语法格式及编程思想，对JavaScript控制网页行为要用到的函数和事件做了详细介绍。DOM模型的相关概念，使用JavaScript来控制网页元素的表现行为；使用BOM模型来实现网页和浏览器之间的交互。通过知识点讲解+案例演示的方式讲解JavaScript的基本语法；重点讲解JavaScript的DOM模型实现网页交互设计的过程和案例演示。最后通过仿腾讯网首页搜索框的下拉菜单案例综合应用所学JavaScript知识点205网页设计综合案例通过实现腾讯网首页的这个案例，将前几章所学的HTML、CSS和JavaScript技术进行综合应用。实现这个综合案例，综合应用前4个知识点开发符合Web开发规范的网页。腾讯网首页布局分析+分部分技术实现的方式进行