网页设计教案首页.

南京信息职业技术学院

教 案

授课班级 授课日期 授课形式 讲授 页 码 教学时数 1 2 年 月 日 第 周 第1章 HTML基础知识 1.1 HTML简介 授课章节名称 1.2 HTML基本术语 1.3 Dreamweaver介绍 教学目标 1 对HTML语言有初步的认识 2 掌握Dreamweaver工具的使用 教学重点 HTML基础知识和Dreamweaver工具的使用 教学难点 Dreamweaver工具的使用 更新、补充、无 删除内容 教学手段 多媒体 课外作业 无 课后体会

教 学 过 程 设 计

第1章 HTML基础知识 一、新授课 1.1 HTML（HyperText Markup Language）简介 –超文本标记语言 –用于指定在Web浏览器中显示的文本的格式，指定文档内容，结构和格式 –编辑器 (记事本、写字板、Dreamweaver等) –文件扩展名：.html 或 .htm –Web 浏览器（IE、Netscape、Firefox等） 1.2 HTML基本术语 1.HTML标记（Tag） ——标记都括在一对尖括号“<”和“>”中，标记一般成对出现，中间加入受标记控制的信息内容，例如：和 2.HTML元素（Element） ——用于指示浏览器如何组织和显示文档。元素一般由一个起始标记和其对应的结束标记、标记之间的内容构成。例如： 3.HTML属性（Attribute） ——属性是元素具有的，用来告诉浏览器如何控制或显示元素内容的。例如： 1.3 Dreamweaver介绍 - 一款用于设计、开发网站和 Web 应用程序的专业HTML 编辑器 - 用户可以选择使用布局单元格或框架来设计页面的布局 - 可用于创建文本、插入动态图像、提供网页超链接、创建 Flash 文本和 Flash 按钮等 - 可用于组合由某些软件（如 Photoshop、ImageReady 和 Flash 等）制作的图形、动画和按钮 二、总结 南京信息职业技术学院

教 案

授课班级 授课日期 授课形式 讲授 页 码 教学时数 2 2 年 月 日 第 周 第2章 创建HTML文件 2.1 创建HTML文件 2.2 HTML的组织规范 授课章节名称 2.3 HTML基本标记 第3章 文档格式化 3.1 文字格式化 3.2 超链接和锚站 教学目标 1 理解HTML文件的基本结构 2 掌握文字格式化和超链接 1 、、 2 教学重点 教学难点 如何控制文字格式和建立超链接 更新、补充、无 删除内容 教学手段 多媒体 课外作业 无 课后体会