003创建和编辑网页.ppt

1、,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,第3章 创建和编辑网页 重点内容： 网页的创建 网页的命名原则 网页的保存 打开已有文档 修改网页属性,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,一、网页的创建： 1. 应用空白文档创建页面 从起始页面创建,起始页,单击【创建新项目】栏中的【HTML】链接。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,一、网页的创建： 1. 应用空白文档创建页面 使用命令创建,【新建文档】对话框,选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中选

2、择网页类别，在右侧的列表框中选择具体的页面类型，然后单击【创建】按钮。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,一、网页的创建： 2. 通过设计文件创建页面 选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中的【类别】列表框中选择【CSS样式表】、【框架集】、【页面设计(CSS)】、【页面设计】或【页面设计(有辅助功能的)】选项，然后从右侧的列表框中选择一个设计文件（文件类型随所选网页类别而异），再单击【创建】按钮，即可在文档窗口中打开一个相应的文档副本。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,一、网

3、页的创建： 3. 基于模板创建页面,【模板】选项卡,选择【文件】|【新建】命令，弹出【新建文档】对话框，选择【模板】选项卡，在【模板用于】列表框中选择所需站点，然后从右侧的列表框中选择一个模板，单击【创建】按钮。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,二、网页的命名原则： 文件名中只能包含小写的英文字母、数字和下划线。 文件名不能以数字开头。 不能在文件名中使用空格、标点符号或特殊字符。 主页的文件名称通常设定为“index”。 用尽量少的字符概括文件主旨，不要过于冗长。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,三、网页

4、的保存： 保存当前网页：选择【文件】|【保存】命令，弹出【另存为】对话框，打开所需站点文件夹，在【文件夹】文本框中输入网页名称，然后单击【保存】按钮。 保存已创建的所有页面：选择【文件】|【保存全部】命令。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,四、打开已有文档： 1. 通过【打开】对话框打开文档,选择【文件】|【打开】命令，弹出【打开】对话框，选择所需的网页文档，单击【打开】按钮。,【打开】对话框,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,四、打开已有文档： 2. 通过【文件】面板打开文档,显示【文件】面板，在面板左上方

5、的【站点】下拉列表框中选择保存网页的站点、服务器或驱动器，然后在文件和文件夹列表中双击所需网页文档的图标。,【文件】面板,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,五、修改网页属性： 1. 网页的基本属性 外观属性指页面中文本的字体、字样、大小、颜色、背景颜色和背景图像，以及页面边距的设置。 链接属性指链接文本的字体、大小，链接文本的颜色，鼠标指针指向链接文本时的颜色，已访问过的链接文本的颜色，单击链接文本时的颜色，以及下画线的样式。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,五、修改网页属性： 1. 网页的基本属性 标题属性

6、指在网页中使用的默认字体库及最多6种标题标签使用的字体大小和颜色。 标题/编码属性指在文档窗口和大多数浏览器窗口的标题栏中出现的页面标题，以及文档中字符所用的编码。 跟踪图像属性指在复制设计时作为参考的图像和跟踪图像的透明度。,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,五、修改网页属性： 2. 【页面属性】对话框 外观,【外观】选项卡,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,五、修改网页属性： 2. 【页面属性】对话框 链接,【链接】选项卡,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,五、修改网页属性： 2. 【页面属性】对话框 标题,【标题】选项卡,Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义,五、修改网页属性： 2. 【页面属