《WEB编程设计》课程教学大纲讲义.doc

《WEB编程设计》教学大纲 (50学时) 一、课程的地位与任务 1、课程性质： 《WEB编程设计》是高等职业技术学院软件专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍HTML、CSS、JavaScript的基本语法及高级应用，从而掌握网站设计的全过程，并能较为熟练地制作出有专业水准的网站。 2 、课程任务： 本门课程在专业教学计划中起着十分重要的作用，通过这门课程，向学生阐明Web基本工作机制，并使学生具有的能力该课程是后续课程的基础和手段，为学生以后学习《》等课程打下良好的基础。 在网页中添加CSS的方法，掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式1、具备一定的网页布局设计能力； 2、掌握HTML语言、css和JavaScript脚本的语法和应用； 3、具备一定的站点建立维护能力； 4、具备一定的动态网页设计能力； 5、能独立设计制作一般的网站。 (三) 知识结构分解图 三、教学要求及时数分配 必修课时数：50课时；选修课时数： （一）WEB编程设计综述 1、教学内容 （1）HTML、CSS、JavaScrtipt代码片段 （2）HTML、CSS、JavaScrtipt各自所扮演的角色 （3）如何学习HTML、CSS、JavaScrtipt 2、教学要求 （1）了解HTML、CSS、JavaScrtipt各自的代码特点 （2）了解HTML、CSS、JavaScrtipt在网页设计中所扮演的角色 （3）了解HTML、CSS、JavaScrtipt的代码结构 （4）HTML、CSS、JavaScrtipt综合应用小实例 3、重点和难点 （1）重点：了解HTML、CSS、JavaScrtipt在网页设计中所扮演的角色 （2）难点：了解HTML、CSS、JavaScrtipt的代码结构 （二）HTML基础介绍与HTML文件整体结构 1、教学内容 （1）HTML文档结构 （2）HTML基本语法 （3）HTML文件头部内容 （4）HTML文件主体内容 2、教学要求 （1）掌握?HTML文字、段落、列表 1、教学内容 （1）利用HTML编辑文本像深入理解绝对路径、相对路径、根相对路径的概念、意义及用法掌握掌握熟悉主要属性及其设置方法掌握方法掌握熟悉主要属性及其设置方法主要属性及其设置方法全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、下拉列表框、按钮）的特点与使用方法全面掌握表单的创建、编辑、处理方法了解网站中应用CSS的意义，熟练掌握CSS样式的定义、设置要求重点CSS的应用要求重点CSS的掌握JavaScript的基本语法结构JavaScript的掌握掌握JavaScript的基本语法结构掌握掌握JavaScript的JavaScript的JavaScript的JavaScript常用的JavaScript 的核心内置对象的方法运用，浏览器对象事件处理程序的编写JavaScript 的核心内置对象的方法运用，浏览器对象事件处理程序的编写 （2）CSS中层属性、鼠标指针 （3）CSS滤镜特效的应用 2、教学要求 （1）掌握CSS中列表、定位的使用 （2）掌握CSS中层属性、鼠标指针的使用 （3）了解CSS滤镜的应用 （4）掌握Dreamweaver中CSS高级应用的设置方法 3、重点和难点 重点：掌握Dreamweaver中CSS高级应用的设置方法 难点：了解CSS滤镜的应用 （十二）综合案例 1、教学内容 （1）网站开发流程 （2）HTML、CSS、JavaScrtipt综合开发案例 2、教学要求 （1）掌握网站的开发流程，了解网站的规划与组织。 （2）掌握HTML、CSS、JavaScrtipt综合功能的运用。 3、重点和难点 重点：全面掌握网站的制作方法 难点：全面掌握网站的制作方法 学时分配表 序号 课 程 内 容 学 时 数 合计 讲课 实践 机动 1 WEB编程设计综述 4 2 2 2 HTML基础介绍与HTML文件整体结构 4 2 2 3 ?HTML文字、段落、列表 4 2 2 4 HTML超链接与表格 4 2 2 5 HTML层与框架的应用 4 2 2 6 HTML表单应用 4 2 2 7 CSS样式表基础 4 2 2 8 CSS样式的基本设置 4 2 2 9 JavaScript基本语法 4 2 2 10 JavaScrtipt事件与对象 4 2 2