《网站构建技术》教学大纲.docxVIP

《网站构建技术》教学大纲 适用专业：计算机科学与技及相关专业本科学生  《网站构建技术》教学大纲 第一部分：使用说明 一、课程性质与特点 本课程属于专业选修课（考查课）。主要讲解网站构建相关技术。该课程是一门实践性很强的课程，需要大量的上机实验加强对课程的理解。 二、在专业教学计划中的地位和作用 网站构建技术是一门非常必要的专业选修课，是学生学习其他WEB相关课程的基础。网站构建技术是计算机与信息技术课程体系中Web应用开发类模块中的核心课程之一。通过对网站构建技术的学习，使学生掌握网站开发与建设的HTML、CSS及JAVASCRIPT等相关技术，为后续的JAVA WEB编程基础课程打下良好的知识储备。 三、教学目的 通过网站构建技术课程的学习，使学生掌握构建网站所需的HTML、CSS及JAVASCRIPT等静态页面技术，最终能够独立设计并创建自己的站点。同时为后续JAVA WEB编程课程做好知识储备。 四、先修课程 C语言。 五、学时与学分 本课程总计48学时（讲授：32学时，实验：16学时），2.5学分，每周3学时。 六、教学方法 课堂讲授，多媒体演示，上机实践。 七、考核方式及成绩评定 考核方式：考查，主要采用平时成绩+期末考试结合方式考核。 成绩评定：平时成绩占50%，期末考试占60%。 八、教材及主要参考书目 （一）教材： HTML+CSS+JavaScript网站开发实用技术作者：刘德山、杨彬彬，人民邮电出版社，2014 （二）参考资料： （1）Web技术应用基础（第2版）作者：樊月华、刘雪涛、刘洪发，清华大学出版社，2011 （2）《网站开发与设计教程》，赵元媛，清华大学出版社，2011 （3）《HTML网页设计参考手册》，张金霞，清华大学出版社，2006 第二部分：课程内容 第一章 网站开发基础知识 一、教学目的与要求 使学生了解互联网的工作机制，掌握网站建设的常用技术及流程。 二、教学方法 课堂讲授。 三、教学重点与难点 制作网站的标准和常用技术、网站建设的流程、Dreamweaver CS5 四、教学时数：2学时 五、主要教学内容 第一节 互联网的访问过程 第二节 互联网的工作机制 4 第三节 网站设计中的一些基本概念 4 第四节 制作网站的标准和常用技术 一、 Web标准 二、 网站开发常用技术 第五节 常用的开发工具 第六节 网站建设的流程 一、 明确网站的定位 二、 确定网站的主题 三、 网站的整体规划 四、 收集资料与素材 五、 设计制作网页页面 六、 测试和发布 七、 网站的维护与推广 第七节 建立站点 一、 Dreamweaver CS5介绍 二、 Dreamweaver站点组成 三、创建站点 四、管理站点 第二章???静态网页制作—使用HTML技术 一、教学目的与要求 掌握HTML5的新特征及HTML常用标记的语法规则和使用方法。 二、教学方法 课堂讲授。 三、教学重点与难点 页面修饰标记、超级链接标记及表单标记，HTML5新增标记。 四、教学时数：4学时 五、主要教学内容 第一节 HTML概述 一、 HTML简介 二、 用记事本创建一个HTML文件 三、 HTML文档结构与书写规范 四、 建立HTML文件过程 第二节 HTML页面修饰标记 一、 传统HTML页面标记 二、 HTML5改进的页面标记 第三节 列表 一、 有序列表ol 二、 无序列表ul 三、 自定义列表dl 第四节 多媒体 一、 图像标记img 二、 背景音乐标记bgsound和滚动字幕标记marquee* 三、 多媒体文件标记embed 四、 HTML5中新增的视频标记video 五、 HTML5中新增音频标记audio 第五节 超链接 一、 超级链接标记a 二、 超级链接类型 三、 超级链接路径 第六节 表单 一、 表单定义标记form 二、 输入标记input 三、 HTML5中新增的input 类型 四、列表框标记select 五、 文本域输入标记textarea 第三章规划页面——HTML的页面布局设计 一、教学目的与要求 要求掌握页面布局标记--表格标记、框架标记及层的语法规则和使用方法。 二、教学方法 课堂讲授。 三、教学重点与难点 如何运用表格标记、框架标记及层进行页面布局。 四、教学时数：3学时 五、主要教学内容 第一节 表格 一、 HTML的表格