《HTML实验》课程教学大纲.docx

《HTML》课程实验教学大纲 HTML 一、课程基本信息 课程代码： ZR58144 周数/学时数：6/30 适用专业：软件工程本科专业、网络工程本科专业 课程类别：专业选修课 先修课程：无 实验教学的总体目的和要求 1.对学生的要求：（1）课前预习并预先完成实验内容；（2）按实验内容完成实验并在教师的帮助下解决碰到的问题；（3）完成实验后接受教师的检查及成绩评价。 2.对教师的要求：（1）提前公布实验内容；（2）指导实验并监督实验过程；（3）评定实验成绩并记录。 3.对实验条件的要求：Windows操作系统、IE浏览器、Internet 实验教学内容（黑体／小四） 实验项目一 实验名称：HTML基础 实验内容：（1）HTML文件的编写规则；（2）超文本；（3）构建模块 实验性质：设计性 实验学时：3 实验目的与要求：（1）掌握HTML文件的编写规则（2）理解HTML超文本及构建模块。（3）掌握html元素、head元素、title元素、body元素、h元素、p元素使用。 实验条件：Windows操作系统、IE浏览器、Internet 　　　　　　　　　　　　　　实验项目二 实验名称：超链接、图像及HTML验证 实验内容： （1）超链接及锚；（2）图像处理；（3）HTML验证 实验性质：设计性 实验学时：3 实验目的与要求：（1）掌握超链接a 元素及其锚的使用；（2）掌握超媒体－图像的使用以及如何利用缩略图作为超链接；（3）学会将严格HTML转换成XHTML，并会用HTML校验器验证。 实验条件：Windows操作系统、IE浏览器、Internet 实验项目三 实验名称：CSS及字体与颜色样式 实验内容： （1）CSS；（2）字体与颜色样式 实验性质：设计性 实验学时：3 实验目的与要求：（1）掌握CSS规则的编写要求；（2）掌握常用的字体与颜色样式规则的编写；（3）掌握HTML文件中引入外部CSS样式文件。（4）掌握元素选择符、类选择符的定义及使用。 实验条件：Windows操作系统、IE浏览器、Internet 实验项目四 实验名称：盒模式、布局与排版 实验内容： （1）盒模式；（2）div和span；（3）布局与排版 实验性质：设计性 实验学时：3 实验目的与要求：（1）掌握盒模式的概念，会灵活使用content、padding、border以及margin样式化HTML文件；（2）掌握div和span的使用方法。（4）理解并掌握伪类的使用；（5）理解流的概念（6）掌握漂移元素、分栏以及流动和冻结的网页设计方法，并掌握固定布置和相对布置进行排版的方法。。 实验条件：Windows操作系统、IE浏览器、Internet 实验项目五 实验名称：表格和列表 实验内容： （1）成绩登记表的制作；（2）新闻列表的实现； 实验性质：设计性 实验学时：3 实验目的与要求：（1）掌握表格的创建、结构调整与美化方法；熟悉表格与单元格的主要属性及其设置方法；（2）掌握列表标记及其常用样式属性。 实验条件：Windows操作系统、IE浏览器、Internet 实验项目六 实验名称：XHTML表单 实验内容： （1）会员登录；（2）调查问卷； 实验性质：设计性 实验学时：3 实验目的与要求：（1）掌握表单的创建、编辑、处理方法；（2）掌握表单对象的功能、特点和用途。 实验条件：Windows操作系统、IE浏览器、Internet 四、考核方式 当堂完成实验内容，随堂检查并评价运行结果。成绩按A、B、C、D、E评定。 五、推荐实验教材和教学参考书 实验教材：《网页设计与开发－HTML、CSS、JavaScript实例教程习题解答与实验指导》，张永强 郑娅峰，清化大学出版社，第1版（2011年） 参考书：《零基础学HTML+CSS（第2版）》，张熠，机械工业出版社，第1版（2012年）