《【教学课件】第3章创建和编辑网页文档.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第3章创建和编辑网页文档.ppt（47页珍藏版）》请在三一办公上搜索。
1、返回总目录,第3章创建和编辑网页文档,了解创建站点的过程 了解如何创建网页文档 了解如何处理网页中的图像 了解如何处理网页中的文本 了解网页中的链接,教学目的,建立站点,创建网页文档,页面中的图像,本章内容,页面中的文本,页面中的链接,本地文件夹和远程文件夹的结构,建立站点,Dreamweaver 8站点简介,建立站点,3.1 建立站点,Dreamweaver 8站点简介,Dreamweaver 站点由三部分（或文件夹）组成，具体取决于开发环境和所开发的 Web 站点类型：,本地文件夹是工作目录 远程文件夹是存储文件的位置 测试服务器文件夹是 Dreamweaver 处理动态页的文件夹,本地文
2、件夹和远程文件夹的结构,本地文件夹与远程文件夹结构示意图,本地文件夹和远程文件夹的结构,远程站点与本地站点,建立站点,建立站点,站点定义,建立站点,选择服务器技术,建立站点,文件编辑方式,建立站点,选择测试文件,建立站点,站点信息,建立站点,站点,新建空白文档 建立模板页面 保存页面 预览页面,创建网页文档,3.2 创建网页文档,新建空白文档,新建HTML页,新建空白文档,页面属性,建立模板页面,利用模板创建网页,保存页面,保存网页,预览页面,站点建立并保存后，可以选择“文件”“在浏览器中预览”“在IE浏览器中预览”命令预览建立的网页。,在IE中预览网页,页面中的图像,3.3 页面中的图像,插
3、入图像 设置图像属性 为图像设置热点 鼠标经过图像,插入图像,插入图像的操作步骤：在文档窗口中，将插入点放置在要显示图像的地方，在插入栏单击“图像”图标。选择“文件系统”以选择一个图形文件。选择“数据源”以选择一个动态图像源文件。,预览页面,插入图像,设置图像属性,为图像设置热点,绘制多边形热点工具,为图像设置热点,多边形热点选取区域,为多边形热点链接选择文件,鼠标经过图像,交互图片,保存页面,选择“插入”“图像对象”“鼠标经过图像”命令,选择“鼠标经过图像”命令,“插入鼠标经过图像”对话框,页面中的文本,插入及编辑文本 文本的段落编辑 列表,3.4 页面中的文本,插入及编辑文本,文本属性,编
4、辑字体列表,插入及编辑文本,不同字体的表现效果,插入及编辑文本,不同的字体效果,插入及编辑文本,不同字号的文字,插入及编辑文本,不同的格式,文本的段落编辑,不同的对齐方式,文本的段落编辑,缩进文本,列表,无序列表,有序列表,多级列表,网页链接,链接的路径 创建内部链接 创建外部链接 编辑链接 站点地图,3.5 网页链接,链接的路径,绝对路径文档相对路径站点根目录相对路径,创建内部链接,创建链接,创建内部链接,“选择文件”对话框,设置链接格式,创建外部链接,与外部网站链接,创建外部链接,创建E-mail链接,编辑链接,将某个页面从Windows资源管理器拖动到站点中的一页上。在站点中选择一个HT
5、ML页面，如果在Windows中，则接着选择“站点”“链接到已有文件”命令。在站点中选择一个HTML页面，如果在Windows中，则接着选择“链接”“链接到新文件”命令。在站点中选择一个HTML页面，出现“指向文件”图标。将此图标拖动到想要链接的对象上：可以是“指向文件”视图中的文件、打开的Dreamweaver文档，也可以是桌面上打开文档中的命名锚记。,添加链接,编辑链接,删除链接,在站点地图中选择该页，然后选择“站点”“删除链接”命令。在站点地图中选定该页，右击，然后从快捷菜单中选择“删除链接”命令。删除链接不会删除该文件，但会从指向该链接的页面上的HTML源代码中删除该链接。,编辑链接,选择“站点”“打开链接源”命令。右击，从快捷菜单中选择“打开链接源”命令。,打开链接源,站点地图,查看分支 更改链接 显示相关文件 向站点添加文件,
