Dreamweaver CS5 网页的设计与应用（第2版）第12章　网页代码.pptxVIP

第12章　网页代码 本章简介： 在Dreamweaver中插入的网页内容及动作都会自动转换为代码。本章主要讲解了网页代码的使用方法和应用技巧，通过这些内容的学习，可以直接编写或修改代码，实现Web页的交互效果。 课堂学习目标 了解网页代码 掌握编辑代码的方法 掌握常用的HTML标签 掌握响应的HTML事件 12.1 网页代码概述 使用“参考”面板 使用标签库插入标签 用标签选择器插入标签 12.1.1 使用“参考”面板 1．启用“参考”面板的方法 选择标签后，选择“窗口 结果 参考”命令，启用“参考”面板。 将插入点放在标签、属性或关键字中，然后按Shift+F1组合键。 2．“参考”面板的参数： “参考”面板显示的内容是与用户所单击的标签、属性或关键字有关的信息。 3．调整“参考”面板中文本的大小 单击“参考”面板右上方的选项菜单 ，选择“大字体”、“中等字体”或“小字体”命令，调整“参考”面板中文本的大小。 12.2 编辑代码 使用标签检查器编辑代码 使用标签编辑器编辑代码 12.2.1 使用标签检查器编辑代码 标签检查器列出所选标签的属性表，方便设计者查看和编辑选择的标签对象的各项属性。选择“窗口 标签检查器”命令，启用“标签检查器”控制面板。若想查看或修改某标签的属性，只需先在文档窗口中用鼠标指针选择对象或选择文档窗口下方要选择对象相应的标签，再选择“窗口 标签检查器”命令，启用“标签检查器”控制面板，此时，控制面板将列出该标签的属性。设计者可以根据需要轻松地找到各属性参数，并方便地修改属性值。 12.2.2 使用标签编辑器编辑代码 标签编辑器是另一个编辑标签的方式。先在文档窗口中选择特定的标签，然后单击“标签检查器”控制面板右上角的选项菜单 ，在弹出的菜单中选择“编辑标签”命令，打开“标签编辑器”对话框。 “标签编辑器”对话框 12.3 常用的HTML标签 HTML 是一种超文本标志语言，HTML文件是被网络浏览器读取并产生网页的文件。常用的HTML标签有以下几种。 1．文件结构标签 2．排版标签 3．列表标签 4．表格标签 5．框架 6．图形标签 7．链接标签 8．表单标签 9．滚动标签 10．载入网页的背景音乐标签 12.4 响应的HTML事件 前面已经介绍了基本的事件及其触发条件，现在讨论在代码中调用事件过程的方法。调用事件过程有3种方法，下面以在按钮上单击鼠标左键弹出欢迎对话框为例介绍调用事件过程的方法。 1．通过名称调用事件过程 2．通过FOR/EVENT属性调用事件过程 3．通过控件属性调用事件过程 课堂练习——篝火订餐网 使用页面属性命令改为页面的背景图像，使用插入标签命令制作浮动框架效果。 效果图