Dreamweaver CS3网页设计与制作教程 第2版 申莉莉教案 第3章新.pptVIP

第3章　文档的基本操作 案例1：创建一个空白文档并保存 【案例目的】创建一个空白文档，录入相关文本内容，如图所示。 【核心知识】掌握文档的基本操作，新建文档和保存文档。学习在Dreamweaver CS3中录入文本和插入其他内容。 3.1.1 创建空白文档 1. 启动Dreamweaver CS3，出现如图所示窗口，选择“新建”? “HTML”即可直接创建一个空白文档。 3.1.1 创建空白文档 2. 如果Dreamweaver CS3已经启动，要创建空白文档，可以使用如下步骤： （1） 单击“文件”菜单下的“新建”命令，如图所示，或是直接按下Ctrl+N组合键。 3.1.1 创建空白文档 （2） 弹出“新建文档”对话框，如图所示。选择“空白页”类别中的“HTML”，然后单击“创建”按钮即可。 3.1.2 添加文本和插入对象 1．添加文本 在文档中添加文本可以在当前光标位置直接添加，也可在层或表格中添加。 在文档的光标所在位置添加时，用鼠标点击准备添加文本的位置，可以直接添加文本。效果如图所示。 3.1.2 添加文本和插入对象 在层内添加文本时，必须先激活层，即用鼠标单击层内的任意位置，然后在层内输入文本。效果如图所示。 3.1.2 添加文本和插入对象 在表中添加文本与在层内添加文本类似，单击任意单元格，如图所示，选择第一行第一列的单元格录入文字即可。 在文档中添加文本是文档操作中最基础的操作，在任意的网页元素中都可以添加文本。文本是网页内容的精华，一个网站的好坏主要由其文本内容是否丰富来衡量。 3.1.2 添加文本和插入对象 2．插入对象 在文档中可以插入图像、表格和其他各种对象，这些对象构成网页元素。在以后的每一章中用户都要学习如何在网页中插入各类对象的方法，这里只介绍网页中插入图像的方法。 （1）使用“插入”菜单插入图像：打开“插入记录”菜单，选择“图像”，如图所示。 3.1.2 添加文本和插入对象 出现“选择图像源文件”对话框，如图所示。 在“查找范围”中选择图像所在的文件夹中，然后选择图像。单击“确认”即可把图像插入相应位置。 提示：在此面板的右下方有“预览图像”复选框，选择即可在“选择图像源文件”对话框中预览图像。 3.1.2 添加文本和插入对象 （2）使用插入面板插入图像：如图所示，选择“插入面板”的图像按钮，即可弹出图所示的“选择图像源”对话框，其余步骤与使用菜单插入图像完全一致，这里不在累述。 3.1.2 添加文本和插入对象 3．插入日期 因为网页需要不断的更新，所以其日期也会发生变化，为了让浏览者感觉到网页消息的及时性，可以在适当的位置插入日期。 （1）使用“插入记录”菜单插入“日期”：打开“插入记录”菜单，选择“日期”，如图所示。 3.1.2 添加文本和插入对象 出现如图所示的“插入日期”对话框，提示用户选择格式。 在“插入日期”对话框中，“星期格式”包括不同的星期格式，这里选择“不要星期”；“日期格式”是对日期以不同的格式显式，这里选择最后一种格式；“时间格式”即是24格式或12格式的选择，这里选择24格式；“储存时自动更新”即对插入的时间进行自动调整，这里选择此项，即对复选框打上对勾。 设置完后单击“确定”按钮即可。 3.1.2 添加文本和插入对象 （2）使用“插入面板”插入日期：在“插入面板”上选择“日期”按钮，如图所示。按下按钮即出现图所示的对话框，其余设置同上，这里不再重复。 3.1.2 添加文本和插入对象 4．插入特殊字符 在制作网页时有些符号比较特殊，用HTML源文件编写时需要大量的代码，在制作过程中比较繁琐。Dreamweaver CS3在这方面将一些常用的符号作为对象提供直接插入，让用户可能很方便的使用这些符号。 （1）使用菜单中的“插入记录”选项：在“插入记录”菜单中“HTML”下的“特殊字符”会在右侧出现一个菜单其中包括有“换行符”、“不换行空格”、“版权”、“注册商标”等。我们选“注册商标”如图所示。 3.1.2 添加文本和插入对象 2）使用插入面板插入字符：选择“插入面板”?“文本”标签中的“版权”按钮，如图所示。 3.1.2 添加文本和插入对象 5．插入水平线 在文档中的当前位置插入水平线可以使用菜单和插入面板两种方法插入。这里只介绍其中一种使用“插入记录”菜单的方法。 （1） 打开“插入记录”菜单，选择“HTML”下的“水平线”，如图所示。 3.1.3 保存文档 1. 直接保存文档 （1） 单击“文件”?“保存”命令，如图所示，或是直接按下Ctrl+S组合键。 （2） 如果该文档尚未保存过，则会出现Windows标准的“另存为”对话框。选择路径并输入文件名，按下“保存”按钮即可保存该文档。 3.1.3 保存文档 2. 如果希望文档以其他的名称保存，单击“文