《003创建和编辑网页.ppt》由会员分享，可在线阅读，更多相关《003创建和编辑网页.ppt（16页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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.【页面属性】对话框 标题/编码【标题/编码】选项卡Dreamweaver 应用技术 Dreamweaver 8 实训教程讲义五、修改网页属性：2.【页面属性】对话框 跟踪图像【跟踪图像】选项卡