网_页_编_辑技术应用演示幻灯片.ppt

网 页 编 辑;; Macromedia Dreamweaver MX 是一款专业的HTML编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为您提供有用的工具，使您拥有更加完美的 Web 创作体验。通过本项目的实训与练习使学生熟悉软件的界面及基本操作，掌握站点的规划、建立和管理。;１.Dreamweaver?的界面;(1) 菜单栏功能介绍;(1) 菜单栏功能介绍;.【命令】菜单：提供对各种命令的访问；包括一个清理HTML、一个创建相册的命令、一个添加/移除Netscape调整修复(使你的网页适合netscape浏览)等。 .【站点】菜单：提供用于管理站点以及上传和下载文件的菜单项。 .【窗口】菜单：提供对Dreamweaver MX 2004中的所有面板、属性、检查器和窗口的访问。 .【帮助】菜单：提供对文档的访问，包括关于使用以及创建扩展功能的帮助系统，还包括各种语言的参考材料。其中包含一个入门教程，初学者可以去看看。;(2) 插入栏功能介绍;(4) 【文档】窗口;2. 站点结构的规划;;3. 建立站点参数设置;4) 设计备注 ;4. 管理站点;５.实训步骤实训——建立站点;③ 单击“下一步”，选择“是”，我想使用服务器技术”，在“哪种服务器技术”的下拉菜单中选择“ASP VBscript”项。;⑤ 单击“下一步”，在图中单击“测试URL”按钮。弹出对话框，表明测试成功，否则需要重新定义站点。;⑦ 单击“下一步”后，将会看到动态站点定义的基本信息。;６.思考与练习;第2章 网 页 编 辑; 网页文件的建立、保存与打开是文件操作中最基本的部分。通常首先创建本地站点，然后根据站点设计蓝图添加各种空白文件，接着对这些文件进行编辑。在Dreamweaver?MX 2004中，文件的建立、保存与打开等操作在许多方面和其他的软件类似，因而方便了用户。学会了文件的建立、保存与打开，可以为以后的网站设计与制作奠定基本的操作基础。;1. 文件格式;2. 文件命名;３.实训---新建文件 ;３.实训---保存文件;３.实训---保存文件;2. “另存为”文件的操作步骤 ① 切换到要保存的文件窗口。 ② 单击【文件】→【另保存】菜单项，弹出“另存为”对话框，找到文件存放路径，输入文件名。 ③ 单击“保存”按钮就可以另存文档。 ;３.实训---打开文件操作;2. 从站点打开 ① 打开站点。 ② 单击【窗口】→【文件】选项，弹出“文件”对话框。 ③ 双击需要打开的目标文件。 ;4.思考与练习;第2章 网 页 编 辑;1;2 实训预备知识;3. 网页标题和编码 对HTML页面来说，标题非常重要。标题可以帮助用户在浏览时了解正在访问的内容，在历史记录和书签列表中标识页面。如果页面没有标题，则将作为“无标题文档”在浏览器窗口、历史记录、书签列表中显示。 直接在Dreamweaver MX2004中的工具栏上的“标题”框中就可以输入新标题。标题将出现在文件窗口的标题栏上，其右边是文件名和保存文件的文件夹名。如图2.27所示。 ; 网页编码的设置可在未选中任何网页对象状态下，单击属性面板上的“页面属性”按钮，再单击“标题/编码”分类，从“编码”下拉菜单中选择编码类型，如“简体中文(GB2312)”。如图2.28所示。;4. 不可见元素 在Dreamweaver MX2004的文件窗口中，某些页面元素是不可见的，例如表单、命名锚记、批注和脚本等。它们在浏览器中也是看不到的。这些元素称为“不可见元素”。 但是用户往往需要对这些元素进行编辑。因此，Dreamweaver MX2004允许用户单击【查看】→【可视化助理】→【不可见元素】选项，显示或隐藏代表不可见元素的标记。 不可见元素如图2.29所示。;5. META 随着WWW的不断发展，网络上的信息资源正呈现出不断增多的趋势。为了有效地解决查找网络资源这一问题，元数据(meta data)这一概念被提出来。元数据就是被称为关于数据的数据，它是专门用来描述数据特征和属性的。元数据是HTML文件头部的主要组成部分，主要存储一个文件的页面信息，在某些特定场合这些信息可以被计算机识别。在HTML中，元数据可以有多种表现形式。主要有meta标记。 meta标记是元数据的主要标记，它提供文件的关键字、作者和描述等多种重要信息。在HTML的头部可以包含人以数量的meta标记。 meta标记是非封闭类型的标记，它有两种书写方式： meta name=元数据属性名称 content=元数据属性值