第8章网页制作工具.pptVIP

* 8.5 综合制作实例—制作多媒体网页 链接：index.html目标：_blank 链接：b8.1.html目标：_parent 链接：news.html目标：_blank Email链接 锚点链接：返回页面顶端 红色水平线 此处输入你的姓名 * 第8章 网页制作工具—Dreamweaver 本章学习目标 了解Dreamweaver的功能和特点 掌握Dreamweaver的工具面板及属性面板的使用。 掌握创建和编辑站点的方法 掌握插入网页元素的方法 掌握创建和编辑网站链接的操作方法 了解站点发布的基本方法 * 8.1 Dreamweaver 简介 * 8.1.1 Dreamweaver 的功能和特点 可视化网页编辑与维护的软件 简洁高效的设计和开发界面 与外部文件(Fireworks,Flash,Word,Excel等）无缝整合 强大且开放的编码环境 创建静态网页和动态网页 * 8.1.2 Dreamweaver的工作界面 　　　Dreamweaver 提供了将全部元素置于一个窗口中的集成工作区。在集成工作区中，全部窗口和面板集成在一个应用程序窗口中，如图所示。 * 插入栏 文档工具栏 标准工具栏 以上三个工具栏可使用菜单【查看】| 【工具栏】打开。 　　 * 状态栏 * 网页标签 扩展按钮 浮动面板组 菜单 * 8.1.3 创建站点 创建本地站点 〖补8.1〗创建本地站点名为“×××学习站点”的本地站点。 　　　步骤可参考教材中【实例8.1】，本地文件夹为“D:\name”（其中“name”用你的姓名拼音）。 创建远程站点 〖补8.2〗创建本机指定目录虚拟远程站点。 　步骤：1.打开“管理站点”窗口，选中补8.1创建的本地站点，点击“编辑”；2.在“高级”中选中“远程信息”；3.在“访问”中选中“本地/网络”；4.在“远端文件夹”中选择本机上指定的文件夹；5.选中全部复选框，“取出名称”中输入你的姓名。6.点击“确定”，点击“完成”。 * 8.1.4 管理站点 　　在“管理站点”窗口可创建新的站点，可对已有站点进行编辑、复制、删除等操作。对站点的删除只是删除了与站点的关联，并未真正删除磁盘上的站点文件夹。 * 8.1.5 文档管理 　　　在站点窗口可新建、打开和删除文档和文件夹。这些操作都会直接影响到磁盘上对应的站点文件夹。（注：新建的文件夹不要用中文） 　 　　　在站点窗口还可以“获取” “上传” “取出” “存回” 文件，分别对应四个按钮： 　获取：即从远程站点下载文件； 　上传：即将文件上传到远程站点； 　取出：独占文件的编辑权限； 　存回：放弃文件的编辑权限。 * 8.2 Dreamweaver 的基本操作 * 8.2.1创建站点内容 新建页面 新建文件夹 〖补8.3〗在网站根目录下新建子目录：8（存入第8章的上机作业及素材），在子目录：8中新建子目录：images（存放图片）、flash（存入flash）、sound（存放声音文件）、other（存入其它素材）、news,在news中新建页面:news.html。 * 8.2.2 页面的准备工作 1.设置页面标题 从“文档”工具栏的“标题”输入框中输入； 从属性面板打开“页面属性”对话框，从“标题/编码” 的“标题”输入框中输入。 * 2.设置页面属性 　　　从属性面板打开“页面属性”对话框，在对话框中可设置：页面背景色；页面背景图片；字体；边距；链接的格式；标题1~6（标签H1~H6）的字体、大小、颜色；标题/编码（必须为:中文简体GB2312）等。 * 3.编辑页面头文件 　　　从“插入栏”中选择“HTML”，点击“头文件”下拉按钮，打开菜单： Meta－－插入meta标签，可设置网页作者(author）、关键字(keywords)、网站描述(description)、页面刷新时间及跳转页面、文档字符集等。 meta必须插入在head中。 关键字－－插入meta标签，同时设置页面关键字。 描述－－插入meta标签，同时设置页面描述内容。 刷新－－插入meta标签，同时设置页面刷新时间、跳转页面。 基本－－插入base标签，设置页面超链的相对路径的基（基本路径）。 base必须插入在head中。 链接－－插入link标签，设置页面外部CSS文档。 * 〖补8.4〗在目录8下新建首页:index.htm文档，文档标题：我的学习网站。插入文档头部内容，步骤参见教材中【实例8.2】。 * 『分析』 head meta http-equiv=Content-Type content=text/html; charset=gb2312 title我的