《【教学课件】第3章创建和编辑网页文档.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第3章创建和编辑网页文档.ppt（47页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 返回总目录返回总目录返回总目录返回总目录 第第3章章创建和编辑网页文档创建和编辑网页文档3.2 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档 了解创建站点的过程了解创建站点的过程了解创建站点的过程了解创建站点的过程 了解了解了解了解如何创建网页文档如何创建网页文档如何创建网页文档如何创建网页文档 了解了解了解了解如何处理网页中的图像如何处理网页中的图像如何处理网页中的图像如何处理网页中的图像 了解如何处理网页中的文本了解如何处理网页中的文本了解如何处理网页中的文本了解如何处理网页中的文本 了解网页中的链接了解网页中的链接了解网页中的
2、链接了解网页中的链接教学目的教学目的教学目的教学目的3.3 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档 建立站点建立站点 创建网页文档创建网页文档 页面中的图像页面中的图像本章内容本章内容本章内容本章内容 页面中的文本页面中的文本 页面中的链接页面中的链接3.4 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档v 本地文件夹和远程文件夹的结构本地文件夹和远程文件夹的结构v 建立站点建立站点v Dreamweaver 8站点简介站点简介建立站点建立站点3.1 建立站点建立站点3.
3、5 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档Dreamweaver 8Dreamweaver 8站点简介站点简介站点简介站点简介Dreamweaver Dreamweaver 站点由三部分（或文件夹）组成，站点由三部分（或文件夹）组成，站点由三部分（或文件夹）组成，站点由三部分（或文件夹）组成，具体取决于开发环境和所开发的具体取决于开发环境和所开发的具体取决于开发环境和所开发的具体取决于开发环境和所开发的 Web Web 站点类型：站点类型：站点类型：站点类型：本地文件夹是工作目录本地文件夹是工作目录本地文件夹是工作目录本地文件夹
4、是工作目录 远程文件夹是存储文件的位置远程文件夹是存储文件的位置远程文件夹是存储文件的位置远程文件夹是存储文件的位置 测试服务器文件夹是测试服务器文件夹是测试服务器文件夹是测试服务器文件夹是 DreamweaverDreamweaver 处理动处理动处理动处理动态页的文件夹态页的文件夹态页的文件夹态页的文件夹3.6 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档本地文件夹和远程文件夹的结构本地文件夹和远程文件夹的结构本地文件夹和远程文件夹的结构本地文件夹和远程文件夹的结构本地文件夹与远程文件夹结构示意图 3.7 2007第第第第3 3章
5、章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档本地文件夹和远程文件夹的结构本地文件夹和远程文件夹的结构本地文件夹和远程文件夹的结构本地文件夹和远程文件夹的结构远程站点与本地站点 3.8 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立站点建立站点3.9 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立站点建立站点站点定义3.10 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立站点建
6、立站点选择服务器技术3.11 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立站点建立站点 文件编辑方式3.12 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立站点建立站点选择测试文件3.13 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立站点建立站点 站点信息3.14 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立站点建立站点站点3.15 2007第
7、第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档v 新建空白文档新建空白文档v 建立模板页面建立模板页面v 保存页面保存页面v 预览页面预览页面创建网页文档创建网页文档3.2 创建网页文档创建网页文档3.16 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档新建空白文档新建空白文档 新建HTML页3.17 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档新建空白文档新建空白文档页面属性3.18 2007第第第第3 3章章章章 创建和编辑网
8、页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档建立模板页面建立模板页面利用模板创建网页3.19 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档保存页面保存页面 保存网页3.20 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档预览页面预览页面 站点建立并保存后，可以选择“文件”“在浏览器中预览”“在IE浏览器中预览”命令预览建立的网页。在IE中预览网页3.21 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档页面
9、中的图像页面中的图像3.3 页面中的图像页面中的图像v 插入图像插入图像v 设置图像属性设置图像属性v 为图像设置热点为图像设置热点v 鼠标经过图像鼠标经过图像3.22 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档插入图像插入图像 插入图像的操作步骤：在文档窗口中，将插入点放置在要显示图像的地方，在插入栏单击“图像”图标。选择“文件系统”以选择一个图形文件。选择“数据源”以选择一个动态图像源文件。3.23 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档预览页面预览页面 插入图像
10、3.24 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档设置图像属性设置图像属性 3.25 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档为图像设置热点为图像设置热点 绘制多边形热点工具3.26 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档为图像设置热点为图像设置热点 多边形热点选取区域为多边形热点链接选择文件3.27 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文
11、档鼠标经过图像鼠标经过图像 交互图片3.28 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档保存页面保存页面 选择“插入”“图像对象”“鼠标经过图像”命令 选择“鼠标经过图像”命令“插入鼠标经过图像”对话框3.29 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档页面中的文本页面中的文本 v 插入及编辑文本插入及编辑文本v 文本的段落编辑文本的段落编辑v 列表列表3.4 页面中的文本页面中的文本3.30 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑
12、网页文档创建和编辑网页文档插入及编辑文本插入及编辑文本 文本属性编辑字体列表3.31 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档插入及编辑文本插入及编辑文本 不同字体的表现效果3.32 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档插入及编辑文本插入及编辑文本 不同的字体效果3.33 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档插入及编辑文本插入及编辑文本 不同字号的文字3.34 2007第第第第3 3章章章章 创建
13、和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档插入及编辑文本插入及编辑文本 不同的格式3.35 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档文本的段落编辑文本的段落编辑 不同的对齐方式3.36 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档文本的段落编辑文本的段落编辑 缩进文本3.37 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档列表列表 无序列表有序列表多级列表3.38 2007第第第第3 3章
14、章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档网页链接网页链接 v 链接的路径链接的路径v 创建内部链接创建内部链接v 创建外部链接创建外部链接v 编辑链接编辑链接v 站点地图站点地图3.5 网页链接网页链接3.39 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档链接的路径链接的路径 绝对路径文档相对路径站点根目录相对路径3.40 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建内部链接创建内部链接 创建链接3.41 2007第第第第3 3章章
15、章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建内部链接创建内部链接 “选择文件”对话框设置链接格式3.42 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建外部链接创建外部链接 与外部网站链接与外部网站链接3.43 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建外部链接创建外部链接 创建创建E-mail链接链接3.44 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档编辑链接编辑链接
16、 将某个页面从Windows资源管理器拖动到站点中的一页上。在站点中选择一个HTML页面，如果在Windows中，则接着选择“站点”“链接到已有文件”命令。在站点中选择一个HTML页面，如果在Windows中，则接着选择“链接”“链接到新文件”命令。在站点中选择一个HTML页面，出现“指向文件”图标。将此图标拖动到想要链接的对象上：可以是“指向文件”视图中的文件、打开的Dreamweaver文档，也可以是桌面上打开文档中的命名锚记。添加链接添加链接3.45 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档编辑链接编辑链接 删除链接删除链接
17、在站点地图中选择该页，然后选择“站点”“删除链接”命令。在站点地图中选定该页，右击，然后从快捷菜单中选择“删除链接”命令。删除链接不会删除该文件，但会从指向该链接的页面上的HTML源代码中删除该链接。3.46 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档编辑链接编辑链接 选择“站点”“打开链接源”命令。右击，从快捷菜单中选择“打开链接源”命令。打开链接源打开链接源3.47 2007第第第第3 3章章章章 创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档创建和编辑网页文档站点地图站点地图 查看分支查看分支 更改链接更改链接 显示相关文件显示相关文件 向站点添加文件向站点添加文件