第3章 基本网页（课件）-高二《网页设计与制作》同步教学（人民邮电版）

第3章 基本网页 新建文档 3.1 站点管理器 3.2 定义新站点 3.3 创建文件夹和空白页面 3.4 站点管理器的其他功能 3.5 第3章 基本网页 设置文档 3.6 预览网页 3.7 建立超级链接 3.8 3.1 新建文档 (1) 在操作界面的【起始页】对话框中，可以直接单击【创建新项目】列表中的相应选项新建9种类型的文档。 (2) 也可以单击【创建新项目】列表中的【更多】选项，或者单击【从范例创建】列表中的任意选项，再或者选择主菜单中的【文件】／【新建】命令，都可以打开【新建文档】对话框，从中选择想要创建的文档类型。 3.2 Dreamweaver的3种视图方式 在代码视图中可以直接编辑网页的源代码，这对于编程爱好者来说是必不可少的。 网页的美观以及布局的合理性都必须在设计视图中编辑和完善。 同时显示设计视图和代码视图可以帮助设计者更快地理解源代码的含义，提高学习、使用源代码的水平。 3.3 保存文档 新建一个文档后，若想将其保存可以选择主菜单下的【文件】／【保存】命令，弹出【另存为】对话框。 3.4 网页的源代码 在设计视图中显示为空白的文档在源代码视图中并不是空白的。 代码视图中显示的是网页文档的源代码。 网页中的所有元素、脚本程序以及应用程序在源代码状态都是可见的，这一点是设计视图中所达不到的。 3.5 复制文本 3.5.1 复制网页中的文本 3.5.2 复制Word文档中的文本 3.5.1 复制网页中的文本 通常情况下，仅粘贴文本是不可取的，而采用第4种方式将粘贴文本的样式，会粘贴部分CSS样式和全部的HTML样式。通常采取第2、3种粘贴方式，只留下简洁的HTML文档，易于网页的后期处理。 3.5.2 复制Word文档中的文本 文档中出现了一些粘贴Word文档时产生的CSS样式代码，这在随后的编辑处理过程很不方便，因此通常选择第2种粘贴方式。 3.6 设置文档 3.6.1 换行和空格 3.6.2 设置首选参数 3.6.3 设置页边距 3.6.4 设置文本大小 3.6.5 改变字体 3.6.6 改变文本颜色 3.6.7 格式 3.6.8 对齐 3.6.1 换行和空格 通过下面两种方法来插入换行符。 在【插入】／【文本】面板中单击 （换行符）按钮。 或者同时按下Shift+Enter键。 通过下面两种方法来插入不换行空格。 在【插入】／【文本】面板中单击 （不换行空格）按钮。 或者按下Space键。 3.6.2 设置首选参数 3.6.3 设置页边距 3.6.4 设置文本大小 这里介绍两种设置文本大小的方法，一种是针对局部的，另一种是针对整个文档的。 （1） 首先选定预设文本，然后在【属性】面板的【大小】选项下拉列表中选择相应的数值。 （2） 打开【页面属性】对话框，在【外观】／【大小】中选择数值，来设置文档中未定义格式、大小的文本；或者在【标题】分类中设置各个标题的大小。 3.6.5 改变字体 3.6.6 改变文本颜色 3.6.7 格式 3.6.8 对齐 3.7 预览网页 3.8 建立超级链接 3.8.1 添加文本链接 3.8.2 图像超级链接 3.8.3 电子邮件链接 3.8.4 下载链接 3.8.5 命名锚记 3.8.6 空链接 3.8.1 添加文本链接 3.8.2 图像超级链接 给图像添加链接，使其可以指向其他的网页或者文档，这就是图像超级链接。 图像超级链接不像文本超级链接会发生许多提示性的变化，图像本身不会发生改变，只是鼠标光标在指向图像超级链接时会变成手形（默认状态）。 3.8.3 电子邮件链接 创建电子邮件链接与一般的文本链接不同，因为电子邮件链接是将浏览者的本地电子邮件管理软件（如Outlook Express、Foxmail等）打开，而不是向服务器发出请求信号，因此它的添加步骤也与普通链接有所不同。 3.8.4 下载链接 下载链接并不是一种特殊的链接，它可以是文本超链接也可以是图像链接，而且添加链接的方法也没有什么不同，只是下载链接所指向的文件是特殊的，一般指向压缩文件（文件的扩展名是“.zip”、“.rar”）、可执行文件（文件的扩展名是“.exe”或者“.com”）等文件。 3.8.5 命名锚记 有时网页的内容很长，需要上下拖动滚动条来查看文档的内容，为了寻找其中一个主题，不得不将整个文档内容浏览一遍，这样就浪费了时间。利用Dreamweaver 8中的命名锚记功能可以避免以上的麻烦，从而准确快速地查找到文档中的信息。具体的做法就是事先在文档中制作标记，然后通过对这些标记进行