第2章 开始学习Dreamweaver8

步骤2：在“添加为”中，选择其中的一个选项： 若要创建当前文档和外部样式表之间的链接，请选择 “链接”。如果希望导入而不是链接到外部样式表， 请选择“导入”。 步骤3：在“媒体”弹出式菜单中，指定样式表的目标 媒介。 步骤4：单击“预览”按钮确认样式表是否将所需的样 式应用于当前页面。 步骤5：单击“确定”，完成导入操作。
步骤2：定义您要创建的 CSS 样式的类型： （1）若要创建可作为 class 属性应用于文本范围或文本块的自定 义样式，请选择“类”选项，然后在“名称”文本框中输入样式 名称。 类名称必须以句点开头，并且可以包含任何字母和数字组合（例 如，.myhead1）。如果您没有输入开头的句点，Dreamweaver 将 自动为您输入。 （2）若要重定义特定 HTML 标签的默认格式设置，请选择“标签” 选项，然后在“标签”文本框中输入一个 HTML 标签，或从弹出 式菜单中选择一个标签。 （3）若要为具体某个标签组合或所有包含特定 Id 属性的标签定 义格式设置，请选择“高级”选项，然后在“选择器”文本框中 输入一个或多个 HTML 标签，或从弹出式菜单中选择一个标签。 弹出式菜单中提供的选择器（称作伪类选择器）包括 a:active、 a:hover、a:link 和 a:visited。
2.1.2 插入水平线
在文档编辑区将插入点定位到所需位置，选择“插入” 菜单中的“HTML”子菜单下的“水平线”命令或单击 “插入”栏中的“HTML”选项卡，在其中单击水平线 按钮即可添加水平线。初始绘制的水平线的格式往往 不能满足实际需要，此时可通过属性面板对其进行修 改。
2.1.3 插入日期
2.5.1滚动文字基础知识 2.5.1滚动文字基础知识
1.基本语法 1.基本语法 <marquee>滚动文字 </marquee> 2.文字移动属性的设置 2.文字移动属性的设置 （1）滚动方向属性direction 可以设定文字滚动的方向，分别为向左（left）、向右 （right）、向上（up）、向下（down），使滚动的文 字具有更多的变化。 基本语法： <marquee direction="value">滚动文字</marquee>

2.3.1 菜单栏
菜单栏中共包含10个菜单项，分别是【文 菜单栏中共包含 个菜单项，分别是【 个菜单项 编辑】 查看】 插入】 件】、【编辑】、【查看】、【插入】、 修改】 文本】 命令】 站点】 【修改】、【文本】、【命令】、【站点】、 窗口】 帮助】 如图2.9所示，下面逐 所示， 【窗口】和【帮助】，如图 所示 一介绍每个菜单的功能。 一介绍每个菜单的功能。

2.4.1 新建网页
– (1)启动 启动Dreamweaver 8软件。选择【文件】|【新建】 软件。 启动 软件 选择【文件】 【新建】 命令，弹出【新建文档】对话框，在对话框中选择【类别】 命令，弹出【新建文档】对话框，在对话框中选择【类别】 列表框的【基本页】选项， 基本页】 列表框的【基本页】选项，在【基本页】列表框中选择 HTML选项。 选项。 选项 – (2)单击【创建】按钮，显示创建的 单击【 网页编辑窗口。 单击 创建】按钮，显示创建的HTML网页编辑窗口。 网页编辑窗口 – (4)选择【文件】|【保存】命令，弹出【另存为】对话框， 选择【 选择 文件】 【保存】命令，弹出【另存为】对话框， 保存在】下拉列表框中选择文件保存路径。 在【保存在】下拉列表框中选择文件保存路径。在【文件 文本框中输入index。 名】文本框中输入 。 – (5)单击【保存】按钮，返回网页编辑窗口新的空白网页创 单击【 单击 保存】按钮， 建完成。 建完成。
第2章 Dreamweaver 8基础 8基础
教学提示和教学目标 2.1 Dreamweaver 8简述 简述 2.2 Dreamweaver 8的新增功能 的新增功能 2.3 Dreamweaver 8的操作界面 的操作界面 2.4 文档的基本操作

教学提示和教学目标

《dreamweaver8网页设计》目录第一章遨游DREAMWEA VER8精彩世界1第二章创建与规划站点3第三章文本及其格式化10第四章表格13第五章图像15第六章框架18第七章页面布局视图的使用21第八章链接24第九章层与时间轴 28第十章表单32第十一章行为35第十二章制作动态页面38第十三章代码片断、库项目和模板 42第十四章网页的制作45第十五章网站的测试与上传49第十六章使用FIREWORKS 8处理网页图像 52第一章遨游Dreamweaver8精彩世界课题：Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html文档二、课型：新授课三、课时：2个课时四、教学重点与难点重点：熟悉Dreamweaver8工作界面中各个工具的作用难点：1、各个面板的调用2、建立一个HTML的网页3、插处图像五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入（1）为什么要用Dreamweaver而不用Frontpage?Dreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。

（2）相关工具的介绍因为这是第一节网页制作课，所以首先要简单介绍下制作网页的一些相关工具，比如与Dreamweaver合称为网页三剑客的Flash和Fireworks。

2、讲授新课（1） Dreamweaver的界面a．文档窗口：主菜单、工具栏、底部启动条、文档编辑区b．对象面板：标准、表格、表单、框架、特殊、文件廷冖隐藏、字符c．启动面板：站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理d．属性面板：随目前对象不同而内容不同(2)创建HTML网页(3)在网页中插入图像输入文字以后，插入图像，并对图像设置对齐的方式，使之与文字呈混排的状态。

• 2.1 页
学习天地” 【案例11】“Dreamweaver 8学习天地”网 案例11】 Dreamweaver 8学习天地 11
• 1．新建和打开网页文档 ． • （1）新建网页文档：单击“文件”→“新建”菜单命令，即可调出“新建文 新建”菜单命令，即可调出“ ）新建网页文档：单击“文件” 对话框。 档”对话框。 பைடு நூலகம் 从该对话框可以看出，利用它可以建立各种类型的文件。从“类别”列表框 从该对话框可以看出， 利用它可以建立各种类型的文件。 类别” 中选择“基本页”选项，然后选择“基本页”列表框中的“ 选项” 中选择“基本页”选项，然后选择“基本页”列表框中的“HTML选项” ， 选项 再单击【创建】按钮，即可新建一个空白的HTML网页文档。 网页文档。 再单击【创建】按钮，即可新建一个空白的 网页文档 • 另外，在“文档类型”下拉列表框中可以选择文件类型，单击【首选参数】 另外， 文档类型”下拉列表框中可以选择文件类型，单击【首选参数】 首选参数”对话框。 按钮可以调出 “首选参数”对话框。 • （2）打开网页文档：单击“文件”→“打开”菜单命令，调出“打开”对话 打开”菜单命令，调出“打开” ）打开网页文档：单击“文件” 在该对话框内选中要打开的HTML文档，单击【打开】按钮，即可将选 文档， 框。在该对话框内选中要打开的 文档 单击【打开】按钮， 定的HTML文档打开。 例如 ， 可打开前面编写的名字为 文档打开。 文档。 定的 文档打开 例如，可打开前面编写的名字为HTML1.HTML文档。 文档 • 另外，在“Macromedia Dreamweaver 8”对话框状态下，单击【打开】按钮， 另外， 对话框状态下， 对话框状态下 单击【打开】按钮， 也可以调出“打开”对话框。 也可以调出“打开”对话框。 • 2．保存和关闭文档 ． • （1）单击“文档”→“保存”菜单命令，可以原名字保存当前的文档。 保存”菜单命令，可以原名字保存当前的文档。 ）单击“文档” • （2）单击“文档”→“另存为”菜单命令，即可调出“另存为”对话框。利 另存为”菜单命令，即可调出“另存为”对话框。 ）单击“文档” 用该