网页设计与制作案例教程(Dreamweaver CS5+Div+CSS+JavaScript).pptVIP

7.5学习任务：使用Div标签7.5.1CSS与Div标签7.5.2插入Div标签7.5.3设置Div属性7.5学习任务：使用Div标签div（division）标签简单来说就是一个区块容器标签，即div与/div之间相当于一个容器，可以容纳段落、标题、表格、图片等各种HTML元素。因此，可以把div与/div中的内容视为一个独立的对象，用于CSS的控制。使用CSS可以控制Web页面中块级别元素的格式和定位。例如，h1标签、p标签、span标签、ul标签、li标签和div标签都在网页上生成块级元素。CSS布局最常用的块级元素是div标签，CSS对块级元素执行以下操作：为它们设置边距和边框、将它们放置在Web页面的特定位置、向它们添加背景颜色、在它们周围设置浮动文本等。7.5.2插入Div标签在网页中插入Div标签，最常用的方法是单击“插入”面板“常用”标签中的按钮，弹出“插入Div标签”对话框，如图7-15所示。“插入Div标签”对话框各选项含义：7.5.3设置Div属性1．设置Div的浮动属性2.设置Div的边界、填充和边框本章完吴佳女多媒体教学课件第8章使用行为和表单8.1学习任务：认识行为8.2案例1添加弹出提示信息的行为8.3案例2制作网页加载时弹出公告页8.4案例3使用行为设置图像特效——交换图像8.5案例4通过行为设置文本8.6学习任务：表单和表单对象8.7案例5制作“用户注册”页面8.8案例6插入Spry表单元素8.9实训8.1.1行为的基本知识8.1.2行为面板与行为菜单8.1.3行为的基本操作8.1学习任务：认识行为学习任务要求：了解行为的基本知识。掌握行为面板的使用及行为id基本操作。8.1.1行为的基本知识行为事实上是由预先编写好的Javascript代码构成，它运行在客户端浏览器中。通过行为，网页制作不需要编写Javascript代码，就可以实现复杂的网页特效。JavaScript代码是一种典型的网页脚本程序。网页中常见的脚本程序主要有两种，一种是微软推出的VBScript，另一种是Javascript，相对而言Javascript脚本程序应用更为广泛一些。行为就是在Javascript的基础上衍生出来的Dreamweaver功能。8.1.1行为的基本知识行为是由事件和动作相结合而构成的，事件是触发动作的原因，而动作是事件的直接后果，两者缺一不可，它们组合起来就构成了一个行为。事件事件可以被附加到各种页面元素上，也可以被附加到HTML标签中。一个事件总是针对页面元素或标签而言的。例如，将鼠标指针移到图片上、把鼠标指针放在图片之外和单击鼠标左键是与鼠标有关的3个最常见的事件(onMouseOver、onMouseOut、onClick)。不同浏览器支持的事件类型和数量是不一样的，通常高版本的浏览器支持更多的事件。动作动作是指最终需完成的动态效果，如交换图像、弹出信息、打开浏览器窗口、播放声音等都是动作。动作通常是一段JavaScript代码。在Dreamweaver中使用内置行为时，系统会自动向页面中添加JavaScript代码，用户不必自己编写。8.1.2行为面板与行为菜单在Dreamweaver中，对行为的添加和管理主要通过“行为”面板来完成。在菜单栏中选择“窗口→行为”命令或按〈Shift+F4〉组合键，可以展开“行为”面板，在“行为”面板中，右侧显示动作，左侧显示行为对应的事件类型。面板中各选项作用如下：显示设置事件：显示添加到当前文档的事件。显示所有事件：显示所有事件。添加行为：单击该按钮，从弹出菜单中选择需要添加的行为类别。删除事件：从行为列表中删除选中的行为。增加事件值：将当前选定的行为向前移动。降低事件值：将当前选定的行为向后移动。行为菜单各菜单项功能如下：交换图像：当发生所设置的事件后，用其他图像替代当前图像。弹出信息：当发生所设置的事件后，弹出一个消息框。恢复交换图像：恢复设置“交换图像”行为又因为某种原因失去效果的图像。打开浏览器窗口：打开一个新的浏览器窗口。拖动AP元素：可以让浏览者拖动AP元素。改变属性：可以改变相应对象的属性值。效果：可将各种效果应用于页面上的相应元素。时间轴：可以控制时间轴的动作。显示-隐藏元素：可以显示、隐藏或恢复一个或多个页面元素的可见性。检查插件：检查是否装有运行网页的插件。行为菜单检查表单：检测用户填写的表单内容是否符合预先设定的规范。设置导航栏图像：制作图像导航条。设置文本：可以在不同位置显示相应内容。