网页设计与制作 电子教案

1、电子教案课程: 第 1 章 网制作基础课时内容网页制作基础授课时间学时数2教学目标教学重点教学难点教学设计 了解 HTML 的成和语法 了解网页制作的常用软件 掌握网页制作软件的启动和退出方法网页制作的一些基本知识 的成和语法1、 教思路首让同学们说说他们对网页的一个认识后进行系统地介绍网页 是什么由哪些部分组成有页制作时所需掌握的一些基础知识和制作网页时 常用到的一些软件。最后学习网页制作软件的启动和退出方法。2、 教方法:先登录一些常用网站，让同学们看一些网页，然后让同学们说下他们 度网页的认识，最后才开始讲解本周内容。3、 教手段：利用多媒体并结合网络进行教.4、 教资料及要求前要求生先

2、大致浏览本书内容本书所要讲解的内容有个 基本的了解。教学内容讨论问题：、么是网页？2、网页的基本组成部分是哪些 3、网页有什么作用？第 1 网页制作基础1.1网页制作基础知识1.1.11.1。2网页简介什么是 HTML1.1。3 HTML 的组成结构及语法1。应用举例用记事本编写网页1.2网页制作的常用软件1.2.11。图形图像处理软件 动画制作软件1。2。3 1。1.2。5网页布局软件软件配合及制作流程应用举例战网页制作流程。3网页制作软件的启动与退出1.3。11.3。21.3.31。网页制作软件的启动 文件的打开网页制作软件的退出 应用举例动并退出 CS31.4上机及项目实训1.4.1 C

3、S3 的启动与退出1.4.2制作“蓝莲花”网页1.5练习与提高本课小结思 考 题 及作业1、 了网页的组成.2、 掌 HTML 的组成结构及语.3、 认制作网页时常用到的一些软件 4、 掌网页的基本操作（1）HTML 文结构由哪几部分组成？ （2)制作网页时常用软件有哪些？（3）如何启动和退出 ？ (4）如何打开 文？（5）如何退出 电子教案课程： 第 2 章 基操作课时内容Dreamweaver 基操作授课时间学时数2教学目标认识 Dreamweaver 的作界面 掌握网页文档的基本操作方法 掌握页面属性的设置掌握设置并管理站点的方法教学重点教学难点教学设计认识 Dreamweaver 工作

4、界面设置页面属性和站点管理1、 教思路：首先,让学们认识 Dreamweaver CS5 的作界面。然后进行系统地介 绍网页文档制作的基本操作方法及页面的设置学对站点的管理以及设置方 法。2、 教方法让学们先回忆下上节课所讲内容后让同学们回答网页是由哪几 部分组成的，了解同学们对上一章知识的掌握程.3、 教手段：结合上章内容在机房内进行上机讲解。4、 教资料及要求:课要求学生预习本章内教学内容知识回顾：上一课时讲的网页由几部分组成？讨论问题：、Dreamweaver 的作界面由哪几部分组? 2、各部分的作用是什么？内容：了解网页元素 Dreamweaver 工作界面 网文档的基本操作站点管理本

5、课小结思 考 题 及作业1、 了 Dreamweaver 作界面的组成部分及各部分的作用。 2、 掌网页文档的基本操作。3、 掌页面属性的设置。4、 对 CS5 站的管理。（1)预览网页效果一般会注意哪些方面？（2)如何创建和规划站点？（3）如何创建站点文件和文件？(4）设置页面属一般包括那几个方面电子教案课程: 第 3 章 创网页基本对课时内容创建网页基本对象授课时间学时数4教学目标教学重点教学难点教学设计 掌握文本的插入以及调整 学会图像的插入和编辑操作 掌握创建超级链接的方法创建对象及超级链接的方法编辑网页中创建的对象1、 教思路:首先，让同学们先说说在 Word 中入与编辑对象的方法。

6、然后 进行系统地介绍在网页中创建和编辑对象的方法学习在网页中创建超级链接 的方法。2教方:可以选择一种同学熟悉,并插入对象与编辑对象的方法要与在网页 中插入和编辑对象的方法基本相同的软件行比较讲,这样既可以让同学们快 速地掌握其操作方法，又可以巩固以前的知识。3、教学手段：利用多媒体并结书本上的内容进行教学。4、教学资料及要:课前要求学生了解在 办公软件中创建超级链接的方法。教学内容知识回顾:上一课时讲的 Dreamweaver CS5 的作界面由哪几部分组? 讨论问题：、何在网页中插入对?2、插入这些对象有何作用?3、怎样对插入的对象进行编辑内容：3.13.2文本的操作插入和编辑图像。3创建

7、超级链接本课小结1、 掌在网页中插入对象的方. 2、 掌在网页中编辑对象的方法。思 考 题 及作业3、 了在网页中创建超级链接的方法。 （1）如何在页面中插入图像？（2）如何在页面中创建一个锚链接？ (3）如何为自己的邮箱创建电子件链接？电子教案课程: 第 4 章 布页面课时内容布局页面授课时间学时数2教学目标掌握插入和编辑的表格方法认识布局视图模式掌握布局单元格和布局表格的创建和编辑 掌握框架的使用方法教学重点教学难点教学设计创建以及编辑表格和框架的方法设置表格及框架的属性1、 教思路首让同学们先说说对插入的表格可以进行哪些编辑操作后行 系统地介绍在网页中插入表格和创建框架的方最后学习对插入

8、表格和创建的框 架进行编辑操作。2、教学方:讲课前可以先讲一与网页有关的小故事或做一个小游戏，活跃下气氛， 带动同学们的积极性3、教学手段：利用多媒体，对格和框架的编辑方法进行详细讲解。4、教学资料及要求：课前要求生了解布局页面常用到的对象有哪.教学内容知识回顾:上一课时讲的在网页插入对象与编辑对象的方法？ 讨论问题：、什么要使用表格和框架布局页面呢？2、这样做对网页的整体效果起么作用？3、又如何在网页中插入表格和建对?第 4 布局页面。1使用表格布局页面4.1。14.1。24.1.34.1。44.1.54。4.1.7插入表格选择表格元素输入页面元素设置表格属性添加/删除行或列单元格的合并及拆

9、分 应用举例建细线表格4.2使用框架布局网页4.2.14.2.24.2.34.2.44.2.5创建框架网页拆分框架保存框架和框架集 删除框架设置框架集及框架的属性4.2.6应用举例作网站后台框架页面4.3上机及项目实训4。3。1制作网站后台管理页面4.3.2制作“探险游”网页。 练习与提高本课小结思 考 题 及作业1、掌握布局页面的方法.3、掌握对创建的表格和框架进属性设置。 （1）如何创建表格和框架？(2）表格和框架在页面中有什么？电子教案课程： 第 章 使 AP Div 和为课时内容使用 AP Div 和为授课时间学时数3教学目标掌握 AP Div 的建和设置 掌握 AP Div 的作 掌

10、握行为的创建和设置 掌握内置行为动作的应用教学重点教学难点教学设计创建和设置 AP Div 和为的方AP 和行为的操作1、教学思路：首先，先讲一下 AP 含义，让同学们对其现有一个基本的了解。 然后进行系统地介绍 AP Div 的建和设置以及基本的操作方最后学习行为的基 本操作方法。2、教学方法：先讲一下网页对个网站的作,量讲同学们感兴趣的方面。3、教学手段:由浅入深并结合多体进行教.4、教学资料及要求：课前要求生从网上多看一些网页，并进行简单的分.教学内容知识回顾：上一课时讲的如何编表格和框? 讨论问题:1、AP Div 什么？2、在网页中有什么?3、又如何对其进行操?第 5 使用 AP D

11、iv 和行为5.1 Div的创建和设置5。创建 AP Div5。 AP Div “属性”面板5。5.1。4“ 素”面板 应用举例建 Div。2 AP Div的基本操作5。选择 AP Div5.2。2 5。2。3 5.2。4调整 AP Div 的大小 移动 Div对齐 AP Div5.2.5应用举例-使用 AP Div 布局页面5.3行为的基本操作5.3.1认识行为和事件5。3。2 5。5。“行为”面板内置行为动作的应用 应用举例-置状态栏文本。 上机及项目实训5。 5。4。2绘制 AP Div 制作图像跳转网页5.5练习与提高本课小结思 考 题 及作业1、掌握创建和设置 AP Div 和行为的

12、方法。 2、掌握 AP Div 和行为的使用方.（1）在页面中如何创建多个嵌 Div？ (2)如何在页面上设置行为动作（3）如何绘制 （4）主要的行为动作有哪些？电子教案课程： 第 章 创表单课时内容创建表单授课时间学时数2教学目标了解表单域和表单对象的概念 掌握表单对象的创建和属性设置教学重点教学难点教学设计认识表单创建表单对象1、教学思路：首先，先讲表单概念和一些简单认识。然后进行系统地介绍表单对象 的创建方法。最后学习制作简单的表单页面。2、教学方法：上课前可以先出道与上章知识有关的思考题，题要比较灵活，这样可 考验下同学们的思维能力。3、教学手段：利用多媒体并结实例进行教学。4、教学资

13、料及要求：课前要求生复习上一章所讲过的知识。教学内容知识回顾：上一课时讲的 AP Div 和为的使用方法？ 讨论问题：、什么要创建表单？2、表单中又包含哪些对象？第 6 创建表单。1表单的概念6.1.16.1。26。表单域表单对象应用举例速选择表单域和表单对象。 创建表单对象6.2.16.2.2文本域复选框6。2。3 6.2。4 6。2。5单选按钮 列表和菜单 跳转菜单6.2.66.2.76.2。8表单按钮创建图像域用举例添加表单对象的同时添加表单域。3上机及项目实训6.3。16.3。2制作注册表单页面 制作搜索表单6.4练习与提高本课小结思 考 题 及作业1、掌握表单的概念。2、掌握创建表单

14、对象的方.（1）在页面中插入文本域的方是什么？ (2）如何创建单选按钮组？（3）创建图像域有什么作用？（4）如何让创建跳转菜单和滚列表？电子教案课程: 第 7 章 CSS 与媒体的应用课时内容CSS 与多媒体的应用授课时间学时数3教学目标掌握创建 CSS 样式表的方法掌握应用 CSS 样式的方法了解多媒体和 Flash 文件型掌握插入多媒体对象的方法掌握使用 CSS 样式和 Flash 制网页的方法教学重点教学难点教学设计创建和应用 CSS 的法及多媒体的应用CSS 属性的设置1、教学思路：首先，让同学说对多媒体的理解。然后在详细地讲C 在网中的 应用.最后学习插入 Flash 动和影片的方.

15、2、教学方法：本章内容讲解完，可让同学们根据自己下载的 Flash 动画和影片制作一个网页.3、教学手段:结合实例进行上机作。4、教学资料及要:课前要求学生从网上下载一些 Flash 动和简短的影片。教学内容知识回顾：上一课时讲的表单对的创?讨论问题：、义的多媒体和侠义的多媒体分别指什么？2、网页中应用多媒体有什么作？第 7 与媒体的应用。 网页中 CSS 的用7。1。1 7。认识“CSS 样面板 新建 CSS 式7.1。3 CSS 属性7.1.47.1.57。应用自定义样式链接到外部样式表应用举例建 样式。2网页中多媒体的应用7。2。1多媒体的概念7.2.2 Flash 件类型7。2。3 7

16、。2。4 7。插入 动插入 Shockwave 影应用举例页面中插入 Flash 动画7.3上机及项目实训7.3.17。制作“娃娃网”周年网页 制作“SHOW 广告动画”网页7.4练习与提高本课小结思 考 题 及作业1、掌握新建 CSS 样的方法。2、掌握设置 CSS 属的方法。3、掌握多媒体在网页中的应用（1）CSS 的主作用是什么?(2）如何在页面中链接所创建的式？（新建 CSS 样式的方法有哪些?）设置 CSS 样的属性包括几个方?电子教案课程： 第 章 Flash CS3 基课时内容教学目标Flash 础 授课时间 认识 Flash 动学时数1 了解 Flash CS3 的作界面 掌握

17、 Flash 文的创建和保存教学重点教学难点教学设计Flash 动画应用和其文档的基本操作认识 Flash CS3 的工作界面1、教学思路：首先，先讲 Flash 动画网页中起什么作用，能使网页达到一个什么效 果然进行系统地介绍 Flash 动的应用和认识 Flash 工作界面。最后学习 Flash 文档基本操作方.2、教学方法：让同学们以小组形式进行讨论 Flash 动的应用领域。3、教学手段:利用多媒体并结合页中插入的 Flash 动进行讲解。4、教学资料及要求：课前要求生预习本章内.教学内容知识回顾：上一课时讲的 CSS 与媒体在网页中的应用？ 讨论问题：、 动具体是指什么？2、在网页中

18、起什么作用？第 8 Flash CS3 基8.1认识 动画8.1.1 Flash 画的原理及应用领域 8.1。2 Flash 画在网页方面的应用8.1.38.1。4认识 CS3 工作界 应用举例置文档属性8.2 Flash文档的基本操作8。 Flash 档的创建 8.2.2 Flash 档的保存 8。 Flash 档的打开8。应用举例建 广动画8.3上机及项目实训8。8.3。2制作“gongzhu 文档 制作 档。 练习与提高本课小结思 考 题 及作业1、了解 Flash 的用领域。2、认识 Flash CS3 的作界面3、掌握 Flash 文的基本操作(1)Flash 主应用于哪些方面?（2

19、 的作界面由哪几部分组 (3）如何新建一个 Flash 动？(4）打开和关闭 Flash CS3 的法分别有哪些？ （5如何预览动画效果？电子教案课程: 第 9 章 绘 Flash 图像课时内容绘制 Flash 图授课时间学时数2教学目标了解绘图工具的使用掌握图像的编辑和导入方法 掌握“滤镜”面板的使用方法教学重点教学难点教学设计绘图工具和“滤镜”面板的使用绘制图像1、教学思路:首先，让同学们先一些通过 Flash 绘的图像效果。然后进行系统地 介绍工具箱中各工具的使用方法和作用以及图像的编辑与导入操作 .最后学习创建 特殊效果的方法。2、教学方法：选择网页制作软 和 进比较讲解，既可以复习前

20、 面讲过的知识又可以很快的掌握本章所知识。3、教学手段：结合前面讲过的识并利用多媒体进行教.4、教学资料及要求：课前要求生复习 Dreamweave 那章的知识。教学内容知识回顾：上一课时讲的 Flash 动画的应用领域和基本操作方法？ 讨论问题：、 和 Flash 的相同和不同点各是什么？2、Flash 其他网页制作软件比其优点是什么？第 9 绘制 Flash 图像。 绘图工具的使用9。1。1 9。 9。1。3工具箱介绍矢量图与位图应用举例制咖啡杯。2图像的编辑和导入9。9.2.29.2。3组合与分离图像的导入将位图转换为矢量图9。2。4应用举例晕图像效果9.3图像特殊效果的创建9。3。1

21、9。3。2“滤镜”面板 滤镜的使用9.3.3应用举例建特殊字体效果。4上机及项目实训9。4。1 9。4。2绘制鼠标图形 绘制水果拼盘9.5练习与提高本课小结1、了解工具箱中各工具的用法作用 2、掌握图像的导入及编辑操作3、掌握图像特殊效果的创建方思 考 题 及作业（1）工具箱由哪几部分组成？（2)矢量图和位图的含义及其特点？（3在 Flash 中何让导入图?（如何将导入的位图转换为矢量图？（5如何通过“滤镜”面板创建模糊效果的文字？电子教案课程： 第 10 章 元和“库”面板课时内容教学目标元件和“库”面板 掌握元件的创建方式授课时间学时数2认识“库”面板“库”面板的使用与管理教学重点教学难点

22、教学设计元件的创建方式和“库”面板的使用元件的创建与使用1、学思路:首，让同学们认识元件，然后在系统地进行介绍元件的创建、使用以 及认识“库“面板，最后学习哭的管理和使用。2、教学方法：可以通过实例对同的元件进行操作使用。3、教学手段：结合实例进行上操.4、教学资料及要:课前要求学生预习下章内容。教学内容知识回顾：上一课时讲的绘制 Flash 图像的操作方法？ 讨论问题：、件的含义是什?2、如何进行库的管?第 10 章 元件和“库面板元件的创建10.1.1元件的概念10。12 10。 。410。图形元件按钮元件影片剪辑元件应用举例制作“短靴”动画“库面板 。1 。2 。3认识“库”面板库的管理

23、和使用应用举例理未用项目上机及项目实训10.3.110.3.2绘制 Logo 型按钮 创建缩放动画练习与提高本课小结思 考 题 及作业1、掌握元件的概念及创建元件2、了解“库”面板的使用及管（1） 中可以创建的元件有哪种类型？（2）通过什么方式可以将图形换为图形元?（3如何将“库”面板中的图形文件拖到编辑区域中？电子教案课程： 第 11 章 用间轴创建动画课时内容教学目标用时间轴创建动画 了解时间轴的组成授课时间学时数3帧和关键帧的创建及属性设置方法 了解创建动画的类型和方法 使用引导层和遮罩层创建动画教学重点教学难点教学设计时间轴与关键帧通过时间轴创建动画1、学思路：首先 ,让同学们先解时间

24、轴的组成部分。然后在系统地介绍在时间轴 中插入帧和创建动画的方法。最后学习特殊图层的应用。2、教学方法：可先上同学们看些通过时间轴创建的动画效果。3、教学手段:可采用比较典型的子进行上机操作讲.4、教学资料及要求：课前要求生们对前面讲过的知识动手进行操作。教学内容知识回顾：上一课时讲的元件和库“面板的使用？ 讨论问题：、什么本章的重点是时间轴的使用?2、为什么要用时间轴创建动?第 11 章 用时间轴创建动画时间轴与关键帧11。 11。12 11。13时间轴的组成 时间轴中的图层 插入帧11.1.4应用举例插入帧创建动画11.2.1逐帧动画11。22 11。补间动画应用举例本特效动画。 特图层的

25、应用11。31 11。引导层遮罩层11.3.3应用举例远镜中的飞鸟上机及项目实训。5练习与提高本课小结思 考 题 及作业1、掌握插入帧的方法.2、掌握创建逐帧动画的方法。3了特殊图层的应用（1)时间轴由哪几部分组成？(2）根据动画样式的不同，补间画可以分为哪两种类? （3创建动画补间可以通过哪几种方式？（4建引导层的方法有哪几种？电子教案课程: 第 章 导声音和视频课时内容导入声音和视频授课时间学时数2教学目标了解声音的类型和可以导入的视频格式 掌握声音和视频的导入方法了解声音和音效的设置方法教学重点教学难点教学设计导入声音和视频处理声音1、学思路：首先 ,让同学们说导入声音和视频的方法。然后

26、进行系统地介绍对导 入的声音进行处理的方法。最后学习导入视频。2教学方法以放一些声音简短的视频样同学们可以很轻松的融入学习. 3、教学手段：利用多媒体并结相关实例进行教.4、教学资料及要求：课前要求生从网上下载不同格式的声音和视频。教学内容知识回顾：上一课时讲的使用时轴创建动画？ 讨论问题：、见的声音和视频格式有哪些？2、 支持的声音和视频格式有哪些？ 第 12 章 导入声音和视频。 导及使用声音12。12。 。312。声音的类型导入声音声音的使用应用举例“狼”动画添加声音。 处声音 。1 12。22 。3 12。24设置声音属性设置声音设置音效应用举例置声音的淡出效果导入视频12。31 。2

27、 12。33导入的视频格式导入视频应用举例入“hua”频。4上机及项目实训12。12.4.2导入声音及视频 导入视频。 练与提高本课小结1、 掌导入声音和视频的方.思 考 题 及作业2、 了可导入的声音和视频格式3、 设声音属性和音效的方.(1）声音分为哪两种类型?（2）通过哪些方式可以打开“音属性”对话框？ （可导入的视频格式有哪?（4如何为添加的声音设置效电子教案课程： 第 13 章 使 语课时内容使用 语授课时间学时数2教学目标了解 的型了解函数、变量和运算符的运用 认识常用的 。0 命令语句教学重点教学难点教学设计 语 语的使用1 、教学思路 : 首先 , 让学们先知道 ActionS

28、cript 的义。然后进行系统地介绍 ActionScript 的用以及基本的语法知.后学习一些常见 ActionScript 语的 用。2、教学方法：这章内容可能会同学们感到枯燥，上课前可先花几分钟时间和同学们 聊聊最近的一些事。3、教学手段：利用多媒体进行学。4、教学资料及要求：课前要求生先预习下本章的内容。教学内容知识回顾：上一课时讲的声音属和音效的设置？讨论问题:1、什么是 ActionScrip 语？2、它和我们平时语文和英语中讲的语句有何不同？ 第 13 章 使用 ActionScript 语。1 概述13.1.1 3。0 的特性 。213.1.3输入代码应用举例制影片的停止和播放

29、 ActionScript语句基础13。21变量13.2.2数据类型13.2.3 语句的基本语法13。24 13。25 13。26运算符处理对象应用举例建文本跟随鼠标移动的动画效果。3常见的 ActionScript语句13。播放控制13.3.213.3.313.3.4播放跳转条件语句循环语句13。35应用举例播动画上机及项目实训13。41 。2制作可拖动的小球动画 制作星空闪烁动画练习与提高本课小结思 考 题 及作业1、 了 的本知识。2、 了 语的组成和语法规则3、 掌常见的 ActionScript 语句（1）ActionScript 的特性现在哪些方面？ (2）如何使用按钮控制影片的停

30、和播放？(3)在 Flash 中变量命名时必须遵循哪些原则？ （4)ActionScript 语的基本语法包括哪些？（5）如何为影片添加播放控制播放跳转脚本命令？电子教案课程： 第 14 章 测及导出影片课时内容测试及导出影片授课时间学时数1教学目标掌握影片的优化和测试方法 了解影片的导出格式 了解影片和图像的导出方法教学重点教学难点教学设计对影片的优化对影片进行测试1、教学思路：首先，让同学们了解测试及优化影片有的作用。然后进行系统地介绍 优化与测试影片的方.最后学习导出影片。2、教学方法：讲解完成后，发问题的影片让同学们进行优化和测试，然后根据同学 们在测试与优化影片的过程中出现的问题再进

31、行补充讲3、教学手段：结合实例进行上操作。4、教学资料及要求：课前要求生下载一段自己喜欢的视频。教学内容知识回顾:上一课时讲的 ActionScript 句常用知? 讨论问题：、影片进行测试和优化有什么作用？2、如何对影片进行测试？第 14 章 测试及导出影片。1影片优化和测试14。11影片的优化14。14.1.314.1.4 。5测试影片下载性能影片的调试“输出板应用举例化与测试“春天动画导出影片 。1 14。22 14。23导出影片导出图像应用举例出“风景”动画上机及项目实训14。 14。32测试及导出影片 测试与导出图像练习与提高本课小结思 考 题 及作业1、 掌影片的测试与优化的方.2

32、、 掌的影片的导出方.（1）对影片进行优化主要是对几个方面进行优? (2）影片导出时支持哪些格式？电子教案课程： 第 15 章 文和图层应用课时内容文字和图层应用授课时间学时数3教学目标掌握文字的创建和编辑掌握图层的概念和基本操作方法 掌握图层的混合模式教学重点教学难点教学设计文字的编辑与图层的基本操作图层混合模式的应用1、学思路：首先，让同学们说对创建的文字一般会进行哪些方面的编辑 ,然后进 行系统地介绍创建和编辑文字的方法。最后了解图层的含义 ,学习图层的基本操作 方法和图层混合模式的应用。2、学方法：先让同学们对创文字的过程和图层的应用有基本的了解 ,然后在通过 例子具体的讲解,分。3、

33、教学手段：结合实例进行上操作。4、教学资料及要求：课前要求生从网上下载一些通过 制的图像，但图 像中必须包含有文本效果。教学内容知识回顾：上一课时讲的影片的试与优? 讨论问题：、何创建文字2、如何对创建的文字进行编? 第 15 章 文字和图层的应用。1创建文字15。11 15。文字工具创建文字15.1.3 。415。文字选区的创建文字的变形应用举例殊文字效果图层的应用15。15。 15。23 15。图层的概念图层的基本操作图层的混合模式 应用举例-背景特效制作。3上机及项目实训15。31 15。制作水晶按钮 给头发上色。 练与提高本课小结思 考 题 及作业1、掌握文字的创建过程。2、了解图层的基本操作.3、 掌图层混合模式的应用。（1）图层的含义是什?（2）如何利用图层的混合模式作火环效果？ （如何利用文字工具和图层样式制作水晶字效果？ ）常用的新建图层的方法有哪些？（5图层的混合模式分为哪几电子教案课程： 第 16 章 路、色彩和通道应用课时内容教学目标路径、色彩和通道应用 了解路径的概念授课时间学时数3掌握路径工具的使用和路径的编辑方法 掌握调整图像的色彩和色调的方法 了解散通道的概念和基本操作方法 了解专色通道的概念