第2章 文字和像.pptVIP

第2章 文字和图像 本地站点 就像盖房子时需要足够的土地一样，制作主页也需要充分的操作空间。在制作主页之前，首先指定主页的操作空间----本地站点，然后再进入正式的操作阶段。操作者应该养成在开始所有操作之前预先设置本地站点，并保存文档的好习惯。 1、本地站点的概念 如果已准备好制作主页时所需的标题图像、背景图像、文本等所有元素，就可以在Dreamweaver网页设计程序中制作网页文档。但是，在Dreamweaver中制作网页文档之前，首先要指定主页制作元素所在的文件夹，即本地站点。 2、建立第一个站点 在本地机的一个目录下新建一个文件夹，作为站点文件夹。 执行站点-新建站点或文件面板-管理站点。 3、编辑、删除本地站点 登陆完本地站点之后，如果需要进行修改，则选中管理站点命令，选择要修改的本地站点并进行修改。 4、设定站点文件与文件夹 首页（index.html） 图像文件夹（img） 源文件夹（org） web文件 5、网站文件与文件夹名称规范 Windows NT 格式：扩展名应为3个字符 UNIX格式：扩展名为4个字符 不要用特殊字符命名：斜线（/）、减号（-）、反斜 线（\）、加号（+）、冒号（：）、英文句号 不要用数字命名 不要用中文命名 英文名称要用小写，不要大写或大小写混合 站点首页名称一般情况下要用index 设置网页文档属性 页面属性的设置主要控制页面的整体外观，包括背景、标题等。Dreamweaver 8提供了【页面属性】对话框，在这个对话框中提供了多种页面属性的设置方法。因为这些属性都是最基本的设置项，所以操作者应该养成设计网页文档的同时，设置这些基本属性的好习惯。 1、设置页面标题 标题可以说是网页文档的名称，其设置方法主要有两种： □ 在文档工具栏“标题”中直接输入标题。 □ 在页面属性“标题/属性”对话框中输入标题 2、设置空白边距和背景色 3、设置背景图像 利用图像填充网页文档的背景。背景图像尽可能地使用小图像。因为指定为背景的图像将平铺到整个网页文档中，所以应该选择合适重复平铺的图像。 网页文字 文字是网页中最基础的信息载体，浏览者主要通过文字了解网页的内容。虽然利用图形文字也可以达到同样的效果，甚至超出纯文本的效果，但是网页文字的优势还是无法被取代的。因为纯文本所占用的存储空间非常小，浏览纯文本网页时，占用的网络带宽较少，能快速地被用户打开。 1 、应用文字 直接输入 粘贴剪贴板中的文字 导入Word文档 2、划分段落 将预存的内容复制到网页文档之后，内容往往不分行、不分段，杂乱地拼凑在一起，修改文档短路格式的方法。 划分段路：按下“Enter”键 划分行：按下“Shift+Enter”键 3、更改字号 选定所要修改的文字之后，从属性面板的“大小”下拉列表中选择相应的字号。“无”指的是默认字号，与3号字体相同，字体前面的“+”号表示在默认字号的基础上增加相应的数字；相反，字号前的“-”号表示咋默认字号的基础上减少相应数字。 在Dreamweaver中默认提供了15种文本样式。最常用的“粗体”和“斜体”样式可以在属性面板中指定，其他样式可以在选择“文本-样式”中指定。 4、根据主页整体风格，修改主页文字颜色 1）、调色板 2）、自定义颜色 单击调色板中的圆形光谱图标或选择“文本-颜色”，将出现颜色对话框，在其中就可以自定义颜色。 5、添加新字体 在“属性”面板中选择“字体”下拉列表框，并从中选择“编辑字体列表”，选择需要的字体之后按“+”号按钮，可以继续添加。 当多个字体同时登陆在一行时，将按照前后顺序替代字体。 注：如何利用特殊字体完善网页文档 当网页文档存在需要特别强调的内容或标题时，希望通过一些特殊的字体表现出来。但是Dreamweaver等网页设计程序中使用特殊字体时，如果访问者的本地机上没有安装相应字体的话，显示时将用默认字体代替。想要使用特殊字体，因在Photoshop等图像编辑程序中将特殊字体保存为图像格式之后，在插入到网页文档中。 项目列表整理复杂内容 在一些网页文档中常常列举一些事物。利用项目列表功能，就可以将这些类似的事物归类到一起管理。这样，就可以设计出较为简明、整齐的网页文档了。 1、项目列表功能 1）、无序列表 无序列表通常使用一个项目符号作为每条列表项的标记。默认项目符号为球形，另外还可以使用环形、矩形等项目符号。如果使用样式表，就可以利用图像制作无序列表。 2）、 有序列表 有序列表采用的通常是阿拉伯数字编号。另外，也可以选择罗马数字、大写字母、小写字母作为项目列表编号。还可以重新指定列表的编号。 2、项目列