《网站建设与网页设计》教案_网页设计教案首页

《网站建设与网页设计》教案由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计教案首页”。

《网站建设与网页设计》

教案

学期：2014-2015-1 班级：2012软件工程

2012计算机科学与技术

课时：44学时 教师：李念

第1讲 HTML基础

1.1 教学目的和要求

1.了解HTML的发展历史和HTML5的特性；

2.掌握HTML的文档结构、代码规范和网页文件的创建过程； 3.掌握搭建支持HTML5浏览器环境的方法。

1.2 教学重点和难点

1.HTML5的新特点； 2.HTML5的新元素；

1.3 教学方法及手段

实例教学，讲授与演示结合。

1.4 教学内容

1.4.1 HTML简介

HTML是HyperText Markup Language（超文本置标语言）的缩写，是一种为普通文件中某些字句加上标签的语言，其目的在于运用标签（tag）对文件达到预期的效果。

HTML5的特性及元素：

(1)实现Web应用程序：绘画的Canvas元素，该元素就像在浏览器中嵌入一块画布，程序可以在画布上绘画；更好的用户交互操作，包括拖放、内容可编辑等；扩展的HTMLDOM API（Application Programming Interface，应用程序编程接口）。

(2)更好地呈现内容：基于Web表现的需要，HTML5引入了更好地呈现内容的元素；用于视频、音频播放的video元素和audio元素；用于文档结构的article、footer、header、nav、section等元素。

1.4.2 HTML编写规范

HTML文档由标签和被标签的内容组成。标签能产生所需要的各种效果。其功能类似于一

个排版软件，将网页的内容排成理想的效果。其格式为：

受标签影响的内容 每个标签都有一系列的属性。标签通过属性来制作出各种效果，格式为：

属性1=“属性值1” 属性2=“属性值2” „> 受标签影响的内容。不推荐使用的标签：在HTML中，某些标签不推荐使用，例如，、、、、、、、、、等标签。

代码的缩进：在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性。

1.4.3 网页文件的创建过程

用记事本创建网页 用DW软件创建网页

1.4.4 搭建支持HTML5的浏览器环境

目前，Microsoft的IE系列（仅有IE9及其以上版本）浏览器，以及Opera Software的Opera与Google的Chrome浏览器。

1.4.5 小结

本次课主要讲述了网页设计的步骤和要点以及HTML5的新特征。

第2讲 HTML标签

2.1 教学目的和要求

1.掌握基本的文字与段落标签的使用；

2.掌握超链接、图像、表格和列表标签的使用方法和基本属性； 3.能够进行基本的网页排版。

2.2 教学重点和难点

1.各类标签的使用方法和属性设置； 2.嵌套列表的使用。

2.3 教学方法及手段

实例教学，讲授与演示结合。

2.4 教学内容

2.4.1 文字与段落排版

注释标签 强制换行标签 段落标签

„