《Dreamweaver 8中文版网页制作基础 教学课件 ppt 作者 田翀羽 12》由会员分享,可在线阅读,更多相关《Dreamweaver 8中文版网页制作基础 教学课件 ppt 作者 田翀羽 12(13页珍藏版)》请在金锄头文库上搜索。
1、第12章 源代码,12.1 查看源代码,要想查看网页的源代码,必须切换至代码视图。在代码视图中,可以通过在弹出式菜单中设置【自动换行】、【行数】、【高亮显示无效代码】、【语法颜色】及【自动缩进】等命令使代码变得易读。,12.2 管理标签库,12.3 Dreamweaver中的编码,12.3.1 根据代码提示来设置背景音乐 12.3.2 使用代码片断快速创建网页 12.3.3 使用标签选择器插入浮动框架 12.3.4 使用标签编辑器编辑标签 12.3.5 使用标签检查器编辑标签 12.3.6 使用快速标签编辑器插入“”标签,12.3.1 根据代码提示来设置背景音乐,通过代码提示,可以向代码视图(
2、或代码检查器)中插入和编辑代码。在输入某些字符时,将显示一个列表,列出完成条目所需的建议选项。可以使用该功能插入或编辑代码,或只是查看某一标签的可用属性、某一函数的可用参数、某一对象的可用方法等。还可以设置代码提示在显示选项列表前等待多长时间,指定要包括在标签列表中的标签,或者一起关闭多个代码提示。,12.3.2 使用代码片断快速创建网页,使用代码片断可以存储内容以便快速重复使用,也可以创建和插入HTML、JavaScript、CFML、ASP、JSP等脚本的代码片断。Dreamweaver 8还包含一些预定义的代码片断,可以在网页设计过程随时将其插入到文档中。 代码片断提供了一些现成的功能,
3、如导航条、表单、JavaScript小程序等都可以通过代码片断来插入。,12.3.3 使用标签选择器插入浮动框架,12.3.4 使用标签编辑器编辑标签,12.3.5 使用标签检查器编辑标签,除了使用标签编辑器编辑标签外,还可以在属性列表中使用标签检查器编辑标签。选定“”标签,然后在主菜单中选择【窗口】【标签检查器】命令,打开标签检查器,其属性就显示在属性表中。,12.3.6 使用快速标签编辑器插入“”标签,12.4 插入注释,注释是在HTML代码中插入的描述性文本,用来解释该代码或提供其他信息。注释文本只出现在代码视图中,而不在浏览器的页面中显示。,12.5 历史记录、命令,Dreamweav
4、er 8里的“命令”有点类似Word编辑器中的“宏”。用户可以将一些操作步骤录制成一个命令,只要执行这个命令,就可以完成一系列的操作,非常实用。但这一功能也有局限性,它不能录制鼠标在文档中所进行的拖放、选取等操作,只能是一些操作命令的集合,是一种特殊的批处理。在【历史记录】面板的帮助下,用户可以知道哪些操作可以保存为“命令”。,小结,本章就Dreamweaver 8中与代码有关的功能做了介绍,如代码提示、代码片断、标签选择器、标签检查器、标签编辑器、快速标签编辑器等内容。学会这些功能将会发现源代码不再难懂、难以控制,编写源代码也容易了许多。另外如何插入注释、如何使用历史记录和命令功能是提高工作效率的几种方法,也应该熟练掌握这些方法。,