三章 网页图文——网页上的文本编辑.pptVIP

教学任务 教学重点与难点 3.1 .1新建网页文件与文件夹 （2）文件夹和文件命名规则 汉语拼音：根据每个页面的标题或主要内容，提取两三个概括字，将它们的汉语拼音作为文件名。如“公司简介”页面可提取“简介”这两个字的汉语拼音，文件名为“jianjie.html”。 拼音缩写：根据每个页面的标题或主要内容，提取每个汉字的第1个字母作为文件名。如“公司简介”页面的拼音是“gongsijianjie”，那么文件名就是“gsjj.html”。 3.1.1 新建网页文件与文件夹 （2）文件夹和文件命名规则 英文缩写：适用于专有名词。例如，“Active Server Pages”这个专有名词一般用ASP来代替，因此文件名为“asp.html”。 英文原义：这种方法比较实用、准确。如可以将“图书列表”页面命名为“BookList.html”。 3.1 .1新建网页文件与文件夹 （2）文件夹和文件命名规则 以上4种命名方式有时会与数字、符号组合使用。例如“Book1.htm”、“Book_1.htm”。一个网站中最好不要使用不同的命名规则，以免造成维护上的麻烦。 第三章 网页图文 第三章 网页图文 韦妍 网页设计与制作 多媒体元素的插入 网页上的文本编辑 网页上的图像编辑 CSS样式设置文本格式 1 2 3 4 多媒体元素的插入 网页上的图像编辑 CSS样式设置文本格式 2 3 4 * 3.1 .1新建网页文件与文件夹 1.新建网页文件与文件夹的操作步骤： （1）移动鼠标在文件面板中选择站点根文件夹后，单击鼠标右键，再从弹出的快捷菜单中选择“新建文件” 或“新建文件夹” 命令。 （2）出现新建的网页文件或文件夹后，输入文件名或文件夹名称并按下回车键。 * 3.1.2 文本插入与编辑 1.文本的插入 （1）移动鼠标到菜单栏执行【文件】→【打开】命令，选择并打开所需的文本文件（Dreamweaver会自动打开纯文本格式的文本文件）。如图3-1所示。 * 提示：在【文件】面板中双击相应的文本文件也可打开。 * 1.文本的插入 （2）接着执行菜单栏【编辑】→【全选】命令。如图所示。 * 1.文本的插入 （3）选取文本后，执行菜单栏【编辑】→【拷贝】命令。 （4）切换至编辑窗口后，移动鼠标到菜单栏执行【编辑】→【粘贴】，将复制的文本粘贴到网页上。 提示：除了导入文本文件外，若看到别人的网页内容，有可以借鉴的，也可以利用复制HTML与粘贴HTML功能，把那一段文本连同格式复制过来。 * 2.文本的编辑 网页上的段落文本分为： 有项目符号。 没有项目符号。 分隔段落文本有两种方法： 按【Enter】键分段会造成较大行距的段落间距。 按【Shift+Enter】键则只是换行而已。 * （ 1）编排文本段落 ①将光标移到要分段的位置后，按下【Enter】键。 ②当按下【Enter】键时，则会造成较大行距的段落。如图所示。 * 若按下【Shift】+【Enter】键，则只是强迫文本换行而已。如图所示。 * （2）修改文本颜色与字体 ① 移动鼠标选取文本后，打开【属性】面板，在“格式”列表中选择标题1，接着在“字体”列表中选择“编辑字体列表”。 ②出现【编辑字体列表】对话框后，在“可用字体”列表中选择要置入的字体，接着单击 按钮。如下图所示。 ③将需要使用到的字体置入“选择的字体”列表中后，最后选择 按钮。 ④回到编辑画面后，移动鼠标到“字体”列表中选择刚才新增的字体。 * * （2）修改文本颜色与字体 ⑤再单击 文本颜色按钮，从弹出的色板中选择文本的颜色，如图所示。然后选择　 居中对齐按钮，将文本居中对齐。 * 3.1.3 列表设置 当需要条列式一项一项列出内容时，使用项目符号工具就 可以在每一个项目前面加上符号或编号。 1.设置列表 选取要设置项目符号的内容后，接着启动【属性】面板，然后单击 项目列表按钮。设置完项目符号后显示出如下图所示的效果。 * * 若单击 编号列表按钮，则项目前面加上的是数字编号，如图所示。 * 2.更改项目符号样式 在【属性】面板里，系统默认的列表项目有项目列表和编号列表两种，也可以修改符号或编号的样式。更改项目符号或编号样式的操作步骤如下： （1）将光标移到列表项目中，打开【属性】面板，接着单击 按钮。 （2）出现【列表属性】对话框后，在“列表类型”菜单中选择“项目列表”或“编号列表”（如图所示），接着在“样式”下拉列表中选择相应的符号或编号（如图所示），然后单击