第5章使用表格和Div布局网页.pptVIP

第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;;第五章 使用表格和Div布局网页;;;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;插入层 ;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页;第五章 使用表格和Div布局网页; “可见性”属性一般选择default和hidden。 hidden为隐藏的。该属性也可以在“层”面板中单击层名称中的“可见性”列来设置。 ; “溢出”属性设置层内的内容超出了层的大小时的出来方式，其中选项如下所示： visible：自动向右下方扩展以显示所有的内容。 hidden：不显示溢出部分内容。 scroll：为层加上滚动条用于溢出浏览。 auto：在产生溢出时，自动添加滚动条用于溢出浏览。; “剪辑”属性用于设置显示在层内的部分内容。 其中“左”、“上”和“右”、“下”指定显示区域相对于层的左上角坐标和右下角坐标。;4. 对齐层 （1）使用多个层“属性”面板 按住Shift键，单击多个层完成多个层的选择，可在多个层“属性”面板中设置层的相关属性 （2）使用菜单操作 按住Shift键选中多个层，在菜单中使用“修改︱排列顺序”，可设置相关属性。 ; 5. 层内容编辑：可以在层内插入文本、图象、表格等。;习题1：如图所示，利用层进行布局，制作该网页。;行为 1、行为 “行为”是帮助用户编写JavaScript脚本代码的工具，在用户不了解JavaScript脚本编程知识的情况下实现DHTML动态网页的制作。 ;“行为”是面向“事件驱动”的脚本程序，即??页面上发生某一“事件”时，根据事先的定义去执行该事件的过程代码，在页面上产生某种效果的“动作”。 所谓“行为”就是根据发生的“事件”而采取的“动作”。 ;2、事件 事件是网页中发生的某种动作。常用的事件如下所示： onLoad：页面或图像文件被打开时发生的事件。 onUnload：页面或图像文件关闭时发生的事件。 ;onMouseOver：当鼠标移动到对象上面时发生的事件。 onMouseOut：当鼠标从对象上移开时发生的事件。 ; onMouseDown：当鼠标按下时发生的事件。 onMouseUp：当鼠标放开时发生的事件。 onClick：当单击对象时发生的事件。 onDblClick：当双击对象时发生的事件。 ; onKeyDown：当键盘上有键按下时发生的事件 onKeyUp：当键盘按键放开时发生的事件。 onKeyPress：当键盘有按键时发生的事件。;3、添加行为 ;4、行为对象：一般是页面body、a、img和层div。文本的行为可以通过p添加， 但是有些行为不能为文本添加。 如果需要为文本添加这些行为，就需要将文本制作成一个“空链接”，即将超链接的目标地址属性设置为“#”。 ;5、行为菜单 行为对象不能添加的行为在行为菜单中显示为灰色状态，表示该行为不能用于该对象。 6、添加行为过程 7、编辑行为动作;1、交换图像 交换图像行为一般用于图像对象。该行为的动作为：当鼠标移动到图像上面时，图像位置处显示另一幅图像；当鼠标从图像上移开时，恢复原来图像显示。 onMouseOver---------交换图像 onMouseOut----------恢复交换图像;习题：利用交换图像制作页面;2、弹出信息 弹出信息行为对象一般是页面body标签。 当页面打开或关闭时弹出一个信息框。 onClick-------在页面打开时弹出信息 onUnload------在页面退出时弹出信息 ;习题：制作一页面，要求在该页面打开单击页面任一位置时弹出一信息框显示“欢迎您的光临！”，当关闭该页面时弹出一信息框显示“欢迎您的再次光临！”。;3、设置状态栏文本 设置状态栏文本行为可以用于超链接、图像或页面。当发生onLoad、onUnload、onMouseOver