003创建和编辑网页.ppt

,Dreamweaver应用技术Dreamweaver8实训教程讲义,第3章创建和编辑网页重点内容：网页的创建网页的命名原则网页的保存打开已有文档修改网页属性,Dreamweaver应用技术Dreamweaver8实训教程讲义,一、网页的创建：1.应用空白文档创建页面从起始页面创建,起始页,单击【创建新项目】栏中的【HTML】链接。,Dreamweaver应用技术Dreamweaver8实训教程讲义,一、网页的创建：1.应用空白文档创建页面使用命令创建,【新建文档】对话框,选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中选择网页类别，在右侧的列表框中选择具体的页面类型，然后单击【创建】按钮。,Dreamweaver应用技术Dreamweaver8实训教程讲义,一、网页的创建：2.通过设计文件创建页面选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中的【类别】列表框中选择【CSS样式表】、【框架集】、【页面设计(CSS)】、【页面设计】或【页面设计(有辅助功能的)】选项，然后从右侧的列表框中选择一个设计文件（文件类型随所选网页类别而异），再单击【创建】按钮，即可在文档窗口中打开一个相应的文档副本。,Dreamweaver应用技术Dreamweaver8实训教程讲义,一、网页的创建：3.基于模板创建页面,【模板】选项卡,选择【文件】|【新建】命令，弹出【新建文档】对话框，选择【模板】选项卡，在【模板用于】列表框中选择所需站点，然后从右侧的列表框中选择一个模板，单击【创建】按钮。,Dreamweaver应用技术Dreamweaver8实训教程讲义,二、网页的命名原则：文件名中只能包含小写的英文字母、数字和下划线。文件名不能以数字开头。不能在文件名中使用空格、标点符号或特殊字符。主页的文件名称通常设定为“index”。用尽量少的字符概括文件主旨，不要过于冗长。,Dreamweaver应用技术Dreamweaver8实训教程讲义,三、网页的保存：保存当前网页：选择【文件】|【保存】命令，弹出【另存为】对话框，打开所需站点文件夹，在【文件夹】文本框中输入网页名称，然后单击【保存】按钮。保存已创建的所有页面：选择【文件】|【保存全部】命令。,Dreamweaver应用技术Dreamweaver8实训教程讲义,四、打开已有文档：1.通过【打开】对话框打开文档,选择【文件】|【打开】命令，弹出【打开】对话框，选择所需的网页文档，单击【打开】按钮。,【打开】对话框,Dreamweaver应用技术Dreamweaver8实训教程讲义,四、打开已有文档：2.通过【文件】面板打开文档,显示【文件】面板，在面板左上方的【站点】下拉列表框中选择保存网页的站点、服务器或驱动器，然后在文件和文件夹列表中双击所需网页文档的图标。,【文件】面板,Dreamweaver应用技术Dreamweaver8实训教程讲义,五、修改网页属性：1.网页的基本属性外观属性指页面中文本的字体、字样、大小、颜色、背景颜色和背景图像，以及页面边距的设置。链接属性指链接文本的字体、大小，链接文本的颜色，鼠标指针指向链接文本时的颜色，已访问过的链接文本的颜色，单击链接文本时的颜色，以及下画线的样式。,Dreamweaver应用技术Dreamweaver8实训教程讲义,五、修改网页属性：1.网页的基本属性标题属性指在网页中使用的默认字体库及最多6种标题标签使用的字体大小和颜色。标题/编码属性指在文档窗口和大多数浏览器窗口的标题栏中出现的页面标题，以及文档中字符所用的编码。跟踪图像属性指在复制设计时作为参考的图像和跟踪图像的透明度。,Dreamweaver应用技术Dreamweaver8实训教程讲义,五、修改网页属性：2.【页面属性】对话框外观,【外观】选项卡,Dreamweaver应用技术Dreamweaver8实训教程讲义,五、修改网页属性：2.【页面属性】对话框链接,【链接】选项卡,Dreamweaver应用技术Dreamweaver8实训教程讲义,五、修改网页属性：2.【页面属性】对话框标题,【标题】选项卡,Dreamweaver应用技术Dreamweaver8实训教程讲义,五、修改网页属性：2.【页