Dreamweaver-CS5中文版基础教程12课件_第1页
Dreamweaver-CS5中文版基础教程12课件_第2页
Dreamweaver-CS5中文版基础教程12课件_第3页
Dreamweaver-CS5中文版基础教程12课件_第4页
Dreamweaver-CS5中文版基础教程12课件_第5页
已阅读5页，还剩15页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第12章网页代码

本章简介：

DreamweaverCS5提供代码编辑工具，方便用户直接编写或修改代码，实现Web页的交互效果。在DreamweaverCS5中插入的网页内容及动作都会自动转换为代码，因此，只有熟悉查看和编写代码的环境，了解源代码，才能真正懂得网页的内涵。课堂学习目标网页代码编辑代码常用的HTML标签脚本语言响应HTML事件12.1网页代码使用“参考”面板代码提示功能使用标签库插入标签用标签选择器插入标签12.1.1使用“参考”面板 “参考”面板为设计者提供了标记语言、编程语言和CSS样式的快速参考工具，它提供了有关在“代码”视图中正在使用的特定标签、对象或样式的信息。“参考”面板12.1.2代码提示功能

代码提示是网页制作者在代码窗口中编写或修改代码的有效工具。只要在“代码”视图的相应标签间按下space键，即会出现关于该标签常用属性、方法、事件的代码提示下拉列表。效果图12.1.3用标签库插入标签

在DreamweaverCS5中，标签库中有一组特定类型的标签，其中还包含DreamweaverCS5应如何设置标签格式的信息。标签库提供了DreamweaverCS5用于代码提示、目标浏览器检查、标签选择器和其他代码功能的标签信息。使用标签库编辑器，可以添加和删除标签库、标签和属性，设置标签库的属性以及编辑标签和属性。 选择“编辑>标签库”命令，启用“标签库编辑器”对话框。标签库中列出了绝大部分各种语言所用到的标签及其属性参数，设计者可以轻松地添加和删除标签库、标签和属性。12.1.4用标签选择器插入标签

如果网页制作者对代码不是很熟，那么DreamweaverCS5提供了另一个实用工具，即标签选择器。标签选择器不仅按类别显示所有标签，还提供该标签格式及功能的解释信息。 在“代码”视图中单击鼠标右键，在弹出的菜单中选择“插入标签”命令，启用“标签选择器”对话框。左侧选项框中包含支持的标签库的列表，右侧选项框中显示选定标签库文件夹中的单独标签，下方选项框中显示选定标签的详细信息。12.2编辑代码使用标签检查器编辑代码使用标签编辑器编辑代码12.2.1使用标签检查器编辑代码

标签检查器列出所选标签的属性表，方便设计者查看和编辑选择的标签对象的各项属性。选择“窗口>标签检查器”命令，启用“标签检查器”控制面板。若想查看或修改某标签的属性，只需先在文档窗口中用鼠标指针选择对象或选择文档窗口下方要选择对象相应的标签，再选择“窗口>标签检查器”命令，启用“标签检查器”控制面板，此时，控制面板将列出该标签的属性。设计者可以根据需要轻松地找到各属性参数，并方便地修改属性值。12.2.2使用标签编辑器编辑代码

标签编辑器是另一个编辑标签的方式。先在文档窗口中选择特定的标签，然后单击“标签检查器”控制面板右上角的选项菜单，在弹出的菜单中选择“编辑标签”命令，打开“标签编辑器”对话框。“标签编辑器-table”对话框12.2.3常用的HTML标签 HTML是一种超文本标志语言，HTML文件是被网络浏览器读取并产生网页的文件。12.4脚本语言

脚本是一个包含源代码的文件，一次只有一行被解释或翻译成为机器语言。在脚本处理过程中，翻译每个代码行，并一次选择一行代码，直到脚本中所有代码都被处理完成。Web应用程序经常使用客户端脚本，以及服务器端的脚本，本章讨论的是客户脚本。 脚本创建的应用程序有代码行数的限制，一般小于100行。脚本程序较小，一般用“记事本”或在DreamweaverCS5的“代码”视图中编辑创建。12.5响应HTML事件代码事件课堂案例—商业公司网页12.5.1代码事件1．通过名称调用事件过程<HTML><HEAD><TITLE>事件过程调用的实例</TITLE><SCRIPTLANGUAGE=vbscript><!--subbt1_onClick()msgbox"欢迎使用代码实现浏览器的动态效果！"endsub--></SCRIPT></HEAD><BODY><INPUTname=bt1type="button"value="单击这里"></BODY></HTML>2．通过FOR/EVENT属性调用事件过程<HTML><HEAD><TITLE>事件过程调用的实例</TITLE><SCRIPTLANGUAGE=vbscriptfor="bt1"event="onclick"><!--msgbox"欢迎使用代码实现浏览器的动态效果！"--></SCRIPT></HEAD><BODY><INPUTname=bt1type="button"value="单击这里"></BODY></HTML>3．通过控件属性调用事件过程<HTML><HEAD><TITLE>事件过程调用的实例</TITLE><SCRIPTLANGUAGE=vbscript><!--submsg()msgbox"欢迎使用代码实现浏览器的动态效果！"endsub--></SCRIPT></HEAD><BODY><INPUTname=bt1type="button"value="单击这里"onclick="msg"></BODY></HTML><HTML><HEAD><TITLE>事件过程调用的实例</TITLE></HEAD><BODY><INPUTname=bt1type="button"value="单击这里"onclick='msgbox"欢迎使用代码实现浏览器的动态效果！"'language="vbscript"></BODY></HTML>12.

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论