《WEB编程设计》课程教学大纲

《《WEB编程设计》课程教学大纲》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《WEB编程设计》教学大纲(50学时)一、课程的地位与任务1、课程性质：《WEB编程设计》是高等职业技术学院软件专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍HTML、CSS、JavaScript的基本语法及高级应用，从而掌握网站设计的全过程，并能较为熟练地制作出有专业水准的网站。2、课程任务：本门课程在专业教学计划中起着十分重要的作用，通过这门课程，向学生阐明Web基

2、本工作机制，并使学生具有制作有专业水准网站的能力，同时该课程是后续课程的基础和手段，为学生以后学习《Asp.net》、《WEB网站开发》等课程打下良好的基础。二、课程教学目标本课程的基本目标是：本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。本课程教学应在知识和能力方面达到下述目标：（一）知识教学目标1、理解网站维护管理的意义及重要性，掌握网站设计和发布的流程。理解服务器、客户端

3、、浏览器的概念和作用；2、理解HTML语言中的各种文本字符格式、列表、表格、框架、表单等各种标记的作用；3、理解在网页中添加CSS的方法，掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式，理解CSS的高级应用。4、理解JavaScript语句在浏览器中的执行过程.理解JavaScript的开发使用。5、深入理解HTML语言、css和JavaScript脚本的语法和应用。（二）能力培养目标1、具备一定的网页布局设计能力；2、掌握HTML语言、css和JavaScript脚本的语法和应用；3、具

4、备一定的站点建立维护能力；4、具备一定的动态网页设计能力；5、能独立设计制作一般的网站。9(三)知识结构分解图HTML语法基础介绍与整体结构网站规划与建设文字、段落、列表标记超链接、表格、层框架、表单CSS滤镜特效应用样式表基础CSS样式高级应用CSS语法字体文本等基本设置JavaScript应用基本语法事件分析对象应用网站开发流程综合应用网站开发综合案例三、教学要求及时数分配必修课时数：50课时；选修课时数：（一）WEB编程设计综述1、教学内容（1）HTML、CSS、JavaScrtipt代码片段（2）H

5、TML、CSS、JavaScrtipt各自所扮演的角色（3）如何学习HTML、CSS、JavaScrtipt92、教学要求（1）了解HTML、CSS、JavaScrtipt各自的代码特点（2）了解HTML、CSS、JavaScrtipt在网页设计中所扮演的角色（3）了解HTML、CSS、JavaScrtipt的代码结构（4）HTML、CSS、JavaScrtipt综合应用小实例3、重点和难点（1）重点：了解HTML、CSS、JavaScrtipt在网页设计中所扮演的角色（2）难点：了解HTML、CSS、Ja

6、vaScrtipt的代码结构（二）HTML基础介绍与HTML文件整体结构1、教学内容（1）HTML文档结构（2）HTML基本语法（3）HTML文件头部内容（4）HTML文件主体内容2、教学要求（1）掌握HTML基本语法（2）理解HTML文件头部内容中各标记的含义（3）掌握HTML文件主体内容中各标记的含义3、重点和难点重点：掌握HTML文件主体内容中各标记的含义难点：理解HTML文件头部内容中各标记的含义（三） HTML文字、段落、列表1、教学内容（1）利用HTML编辑文本；（2）利用HTML进行文字修饰和

7、文字效果设计（3）HTML段落标记与列表类型（4）嵌套列表；2、教学要求（1）理解HTML有关文字修饰和文字效果各标记的含义，掌握常用的文字修饰和文字效果标记。（2）掌握段落标记

的用法9（3）理解HTML有列表类型各标记的含义，掌握常用的列表类型标记。3、重点和难点重点：理解HTML有列表类型各标记的含义，掌握常用的列表类型标记。难点：理解HTML有列表类型各标记的含义，掌握常用的列表类型标记。（四）HTML超链接与表格1、教学内容（1）超链接概述与路径类型（2）超链接的建立（3）设置图像映射（4）表

8、格标记与表格标记各属性的含义2、教学要求（1）深入理解绝对路径、相对路径、根相对路径的概念、意义及用法；（2）掌握超链接标记及各属性的用法；（3）掌握表格标记与表格标记各属性的用法（4）掌握图像映射的用法；3、重点和难点重点：掌握超链接的建立，掌握表格标记与表格标记各属性的含义难点：超链接的路径类型（五）层与框架的应用1、教学内容（1）图层的创建及属性设置（2）创建嵌套图层（3）框架的基本结构（4）浮动框架2、教