网页设计与Web编程chapter04教材.ppt

4.1 文本及排版 插入文本 1.直接输入法：在打开Dreamweaver文档窗口时，将光标定位到需要输入文本的地方，直接键盘输入即可。 2.复制粘贴法：选取合适的文本，直接复制到Dreamweaver文档窗口中的光标所在处。 3.导入已有Word文档，在Dreamweaver文档窗口中，将光标定位到要导入文本的地方，选择菜单“文件”|“导入|”|“WORD文档”命令，弹出“导入Word文档”对话框，在其中选择要导入的Word文档，单击该对话框的“打开”命令，就可以导入文本了。 4.1 文本及排版 插入特殊符号 选择“插入”工具栏中的“文本“工具栏”的按钮 如果在下拉列表中没有合适的符号，就单击下拉列表最后一个 按钮，弹出“插入其他字符”对话框中进行选择： 4.1 文本及排版 格式化文本 1.设置字符格式 1）选择文档中的“Dreamweaver CS3 入门”字样。 2）单击“字体”下拉列表框，从中选择“华文隶书”选项。如果字体列表框中没有所需的字体，可以通过“编辑字体列表”来选择。 4.1 文本及排版 3）单击“大小”下拉列表框，从中选择“24”选项。 4）单击“颜色”右侧的文本框中输入颜色代码#3399CC，也可以直接用选色棒在拾色器上取色。 单击按钮 ，得到排版后的文字效果。 4.1 文本及排版 2.使用段落和标题：“属性”面板中的“格式”下拉列表框 4.1 文本及排版 4.缩进与扩展 向中间缩进 ：“文本缩进”按钮 向两侧展开 ：“文本凸出”按钮 5.首行缩进 问题：中文书写习惯每段首行缩进2个汉字的宽度 解决方式：用户使用“插入”工具栏来插入空格符 具体方法如下： 4.1 文本及排版 此时会打开警告窗口，提示由于文档中使用的不是西欧字符，有些浏览器可能不会正常显示特殊字符 4.1 文本及排版 创建项目列表 1.无序项目列表(几何符号来表示其列表关系 ) 4.1 文本及排版 （2）将光标放在文本的末尾，然后按下回车键，此时将出现列表的第2项，然后可以在后面输入文字。依此类推，就可以将所有列表项中的文本填写完整。在输完最后一项后，连续2次按下键盘上的回车键，项目符号就会消失，结束列表制作。 4.1 文本及排版 3.嵌套项目列表(列表显示不同级别的文本内容) 4.2设置文件头和网页属性 设置文件头 4.2设置文件头和网页属性 设置网页的编码 4.2设置文件头和网页属性 设定文档标题 4.2设置文件头和网页属性 添加关键字(协助网络索引擎寻找网页 ) 4.2设置文件头和网页属性 设置网页的刷新 适用情况： 1.在打开某个网页后的一定时间内，让浏览器自动跳转到一个新网页； 2.用于需要经常刷新的网页，可以让浏览器每隔一段时间自动刷新自身网页。 4.2设置文件头和网页属性 插入meta对象(记录有关当前页面的信息 ) 4.3.1 制作表格 制作简单表格 4.3.1 制作表格 （1） 在“表格大小”栏中的“行数”输入框中输入要创建的表格的行数为6。在“列数”输入框中输入表格的列数为2。 （2）“表格宽度”输入框用于设置表格的宽度，右侧的列表中可选择“像素”或“百分比”。各选项的含义如下： 像素：若选择该项则将表格设置为固定宽度。 百分比：若选择该项，则按占浏览器窗口的百分比指定表格的宽度。 （3）“边框粗细”输入框用于设置表格边框的粗细。输入大于0的整数表示有边框，若输入0表示在网页中不显示边框，在设计页面中以虚线表示。此时设置为2 （4）“单元格边距”输入框用于输入单元格边框和单元格内容之间的像素数。 （5）“单元格间距”输入框用于输入单元格与单元格间的间距值，值越大间距越宽。 4.3.1 制作表格 （6）“页眉”栏用于设置“页眉”在表格中的位置，它们的含义如下： 无：插入不带表格标题列的表格。 左：插入左侧为表格标题列的表格。 顶部：插入顶部为表格标题列的表格。 两者：插入左侧和顶部都为表格标题列的表格。 （7）设置好需要的参数后，单击“确定”按钮即可将设置的表格插入到设计页面中。 4.3.1 制作表格 （8）单击插入表格中“400”旁的向下箭头。各选项的含义如下： 选择表格：选择该项，就可选取整个表格。 清除所有行高：选择该项，表格高度为默认值。 清除所有宽度：选择该项，表格宽度缩为一个字符宽。 使所有宽度一致：固定为第一行中所有单元格的宽度。 隐藏表格宽度：选择该项后表格中的宽度显示线被隐藏。此时，可选择 “查看”|“可视化助理”|“表格宽度”命令使其显示。 （9）单击“400”上方的向下箭头按钮。各选项的含义如下： 左侧插入列：在当前列左边插入一列，则将平分单元格宽度，同时每个单元格下方都出现列按钮。 右侧插入列