电子教案《Dreamweaver网页设计与制作第二版》A063954示例项目三.docxVIP

电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目三 电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目三 电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目三 课程教课设计 讲课内容 项目三 制作汽车网站 讲课班级 讲课学时 8 课时 教课方法 解说法、演示法、议论法。多媒体教课 与手段 某以经营福特企业生产的汽车产品为主的汽车贸易企业目前正 在建设其门户网站， 本项目的内容就是达成该项目中的产品展现与营 项目内容 销部分的设计制作。这部分是整个网站的核心，依据企业的要求，应成立完美的产品展现平台和信息公布系统。 教课目的 教课要点 与难点  学生经过本项目的学习，能： 1、 输入并设置网页文本 2、 正确插入与编写图像 3、 掌握导航条的制作 4、 掌握插入 Flash 动画的方法 5、 掌握插入音频和视频的方法 教课要点： 1、娴熟掌握文本的输入与格式设置 2、掌握编写图像的方法及各样殊效的制作方法教课难点： 1、 掌握导航条的制作 2、 应用动画及多媒体。 项目成效 教课过程 设计 【任务一】输入并设置网站子页文本 文本是网页中不行缺乏的构成元素， 它能将各样信息有效地传达给阅读者。 本任务介绍文本的输入与编写方法，主要包含文本的输入、文本段落格式和字 符格式的设置，以及水平线和特别字符的插入。 （一）输入文本 步骤 1 第一用记事本翻开外面文本，而后选择“格式”→“自动换行”菜单，撤消“自动换行”前面的对勾。 步骤 2 按【 Ctrl+A 】组合键全选文本，而后按【 Ctrl+C 】组合键复制选中的文本。 步骤 3 切换至 Dreamweaver 操作界面，将插入点置于网页中要输入文本的地点，按【 Ctrl+V 】组合键即可将文本粘贴到网页中。 （二）设置文本段落格式和字符格式 设置字体列表 Dreamweaver 中自带的字体有限， 一般知足不了大部分网页设计者的需求。 能够经过设置字体列表解决这一问题。选中“属性”面板的“字体”选项，弹 出“编写字体列表”对话框。而后可参照项目二任务 3 “设置页面属性”中的操作设置字体列表。 设置文本字体及大小 设置好需要的字体列表后，就能够为网页中的文本设置字体了。下边介绍在“属性”面板中设置文本字体及大小的方法。 步骤 1 在文档中选中文本，如“最新商品” ，在“属性”面板上“字体”下拉 列表中选择所需字体，如“方正准圆 _GBK”，单击“ B”按钮使文字加粗显示。 步骤 2 在“大小”下拉列表中选择“ 16”，设置文本大小。 设置段落缩进 经过设置段落缩进格式，能够更好地为文档布局。将插入点置于需要设置段落缩进的随意段落中，在“属性”面板上“格式”下拉列表中选择“段落” 选项，单击“文本凸出”按钮 可使段落凸出，单击“文本缩进”按钮可使段落缩进。 设置列表项 列表分为项目列表和编号列表， 项目列表常应用在 “列举” 种类的文本中，编号列表常应用在“条款”种类的文本中，这类方式使得文本更为直观、了然。选中所要设置的文本，而后单击“属性”面板上的“项目列表”按钮。 小提示：在对文本应用列表项以前，一定用 Enter 键把文本中的各项分为不一样的段落。 （三）插入水平线和特别字符 假如网页文档由很长的内容构成，可在内容中间插入水平线，进而使网页 内容更简单理解， 阅读起来也更轻松。 此外，网页中还常常包含一些特别字符，如版本符号、钱币符号等。此处介绍怎样在网页中插入水平线和特别字符。 插入水平线 水平线对于组织信息和划分版块很有帮助，以下图。要插入水平线，可 在定位插入点后，选择“插入记录”→“ HTML”→“水平线”菜单。 水平线“属性”面板中各常用项的意义： 水平线：设置水平线名称，主要用于脚本程序。 宽：设置水平线的宽度，以像素或百分比为单位。缺省为空，表示采纳默认值（ 100％）。 高：设置水平线的粗细， 以像素为单位。 缺省为空， 表示采纳默认值 （ 2 像素）。 对齐：设置水平线的对齐方式。 暗影：能否为水平线增添暗影成效。 类（ C）：为水平线设置类款式 （3 种款式之一， 将在项目七中做详尽介绍） 。 插入特别字符 要插入特别字符， 可在定位插入点后， 选择 “插入记录” →“ HTML”→“特别字符”菜单，而后在弹出的菜单中选择相应的特别字符，如左图所示。 假如在“特别字符”菜单下没有找到需要的特别字符，能够经过选择该菜单中最下边的“其余字符”命令翻开“插入其余字符”对话框，这样能够获得更多的特别字符。如右图所示。在该对话框中选中要插入的字符后，单击“确立”按钮即可插入。 小提示：使用“插入”栏能够特别快捷地插入特别字符。详细方法为，将插入栏切换至“文本”插入栏，单