第4章_用Dreamweaver制作高级网页

第4章用Dreamweaver制作高级网页4.1插入和使用层4.2使用表单4.3加入特效4.4应用层叠样式表层元素(DIV或SPAN)层：在HTML中是个非常重要的概念，它相当于一个容器，可以在里面放置任何HTML所允许的内容。层可以以像素为单位精确的将其摆放到网页中的任何位置。层可以隐藏起来。层与层之间可以以任何顺序相互重叠。4.1插入和使用层(P134)1.插入层插入菜单→布局对象→层命令或者单击描绘层按钮在页面上拖动出层的大小和位置2.设置层的属性Z轴——层的堆栈顺序.数值高的层出现在数值低的层的上方。可见性——初始化层的显示方式。溢出——设置在层的内容超出层范围时的处理方式。剪辑——定义层的可见区域。3.层的操作选择层——选1个:单击;选多个:按住shift单击。调整层的大小、移动层。层的对齐——修改菜单→对齐命令。改变层的堆栈顺序——在属性面板中修改Z值。更改层的可见性——在属性面板中修改。4.2使用表单(P138)按钮文件选择框图片提交按钮跳转菜单下列式列表或菜单单选按钮组单选按钮表单文本框多行文本框复选框1.创建一个表单在文档窗口中将光标定位在要插入表单的位置;单击表单对象面板上的表单图标,则在文档窗口的插入点处出现一个红色的虚线框,表明此处是一个表单.利用属性面板设置表单的常用属性.2.使用文本框(P140)单行文本框多行文本框密码文本框inputname=t1type=textid=t1value=张三size=303.使用按钮(P142)提交按钮重置按钮普通按钮inputtype=submitname=Submitvalue=提交4.使用复选框(P143)选择你的爱好:inputname=ch1type=checkboxvalue=readchecked读书inputname=ch1type=checkboxvalue=sport运动5.使用单选按钮(P144)选择你的专业:inputname=majortype=radiovalue=机械checked机械inputtype=radioname=majorvalue=纺织纺织inputtype=radioname=majorvalue=材化材化6.使用列表和菜单(P145)你喜欢的课程：selectname=selectoptionselected计算机/optionoption高等数学/optionoption英语/option/select7.使用文件选择框(P146)自学8.使用图片提交按钮(P147)自学9.使用隐藏对象(P148)自学10.验证表单数据(P148)检查表单中的某些输入信息是否合乎要求。标签面板组→行为面板→检查表单4.3加入特效(P150)插入Flash动画插入JavaApplet给网页加入声音显示和隐藏层1.插入Flash动画(P150)2.插入JavaApplet(P153)插入菜单→媒体命令→AppletJava小程序,扩展名为.class3.给网页加入声音(P154)(1)插入背景声音在文档的空白处单击;打开行为面板;在行为菜单中选择播放声音.(2)单击按钮时发出声音P155自学4.显示和隐藏层(P156)行为面板→显示-隐藏层4.4应用层叠样式表(P157)创建层叠样式表使用样式表1.新建层叠样式表(P157)设计面板组→CSS样式面板或者窗口菜单→CSS样式命令删除样式编辑样式新建样式链接外部样式•新建CSS样式对话框2.应用样式