网页制作ch学习教案

1、会计学1网页网页(wn y)制作制作ch第一页，共34页。第2页/共34页第二页，共34页。第3页/共34页第三页，共34页。器才能(cinng)正确地处理用户所填写的信息。n如果执行插入表单域的操作后，在窗口中仍看不见表单域，则可执行“查看”“可视化助理”“不可见元素”命令，因为表单域是不可见元素。第4页/共34页第四页，共34页。n“表单”按钮 。单击该按钮，在文档中插入表单。任何其他表单对象，如文本域、按钮等，都必须插入表单之中，这样所有浏览器才能正确处理这些数据。n“文本字段”按钮 。单击该按钮，在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显

2、示为项目符号或星号（用于保护密码）。第5页/共34页第五页，共34页。据。n“文本区域”按钮 。单击该按钮，可以在表单域中插入文本区域，在其中可以输入多行文字。n“复选框”按钮 。单击该按钮，可以在表单域中插入复选框。复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。n“单选按钮”按钮 。单击该按钮，可以在表单域中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户可以选择“是”或“否”。第6页/共34页第六页，共34页。出式菜单中显示选项值，而且(r qi)只允许用户选择一个选项。n“跳转菜单”按钮 。单击该按钮，可以在表

3、单域中插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。n“图像域”按钮 。单击该按钮，可以在表单域中插入图像。可以使用图像域替换“提交”按钮，以生成图形化按钮。第7页/共34页第七页，共34页。“提交”或“重置”n“标签”按钮 。单击该按钮，可以在表单域中给表单加上标签，以形式开头和结尾。n“字段集”按钮 。单击该按钮，可以在表单域中添加一个字段集的同时(tngsh)在HTML源代码中添加标签。该标签是表单元素逻辑组的容器标签，在其中可以继续插入单选按钮、复选框、图像以及文件域等对象。第8页/共34页第八页，共34页。第9

4、页/共34页第九页，共34页。n初始状态。设置(shzh)首次载入表单时复选框是已选中还是未选中。第10页/共34页第十页，共34页。n单选按钮的“属性”面板中的各个参数的含义如下：n单选按钮名称。给单选按钮命名，该名称是表单识别该单选按钮的唯一标识。n选定值。设置该单选按钮被选中时发给服务器的值。n初始状态。确定在浏览器中载入表单时该单选按钮是否被选中。第11页/共34页第十一页，共34页。n动作(dngzu)。指定按钮被单击时发生的动作(dngzu)。共有3个单选按钮提供选择：选中“提交表单”单选按钮，当鼠标单击该按钮时，则将表单数据提交给处理程序或脚本；选中“重设表单”单选按钮，当鼠标单

5、击该按钮时，则将自动地恢复所有表单对象的初值；选中“无”单选按钮，当鼠标单击该按钮时不发生任何动作(dngzu)。第12页/共34页第十二页，共34页。部分或全部的选项，或者允许用户选择多个菜单项，则选中“列表”单选按钮。n高度（仅“列表”类型）。设置菜单中显示的项数。n选定(xun dn)范围。指定用户是否可以从列表中选择多个项。n初始化时选定(xun dn)。设置列表中默认的菜单项。单击列表中的一个或多个菜单项即可。第13页/共34页第十三页，共34页。在文本框中输入文件名和路径，那么文件域仅允许输入“最多字符数”值所指定的字符数。第14页/共34页第十四页，共34页。第15页/共34页第

6、十五页，共34页。第16页/共34页第十六页，共34页。n开该图像文件进行编辑，如果用户的电脑上安装了Fireworks 8，系统就会打开Fireworks 8对图像进行编辑。第17页/共34页第十七页，共34页。第18页/共34页第十八页，共34页。第19页/共34页第十九页，共34页。第20页/共34页第二十页，共34页。第21页/共34页第二十一页，共34页。该按钮，所选样式的属性区域中的各个属性将以类别的形式显示出来。n“显示列表视图”按钮 。单击该按钮，所选样式的属性区域中的各个属性将以列表的形式显示出来。n“只显示设置属性”按钮 。仅显示那些已进行设置的属性。n“附加样式表”按钮

7、。用于在HTML文档中链接一个外部的CSS文件。n“新建CSS规则”按钮。用于创建新的CSS样式。n“编辑(binj)样式”按钮。用于编辑(binj)现有的CSS样式。n“删除CSS规则”按钮。用于删除(“)CSS样式”面板中选中的规则。第22页/共34页第二十二页，共34页。标签的外观）”）n该类型用于重新定义特定的HTML标签的默认格式设置，完成设置后不需进行任何操作就可以应用到重定义的网页中。n使用(shyng)CSS选择器（高级（ID、伪类选择器）第23页/共34页第二十三页，共34页。第24页/共34页第二十四页，共34页。n像。n附件。用于设置背景图像是固定在其原始位置还是随内容一

8、起滚动。n水平/垂直位置。用于设置背景图像相对于元素的初始位置。这可以用于将背景图像与页面中心垂直或水平对齐。如果“附件”属性为(“)固定”，位置则相对于“文档”窗口而不是元素。第25页/共34页第二十五页，共34页。词之间的距离；选择“值”选项时，可以通过在文本框中输入数值，并在右侧的下拉列表中选择单位的办法设置单词之间的距离。n字母间距。用于设置字母之间的距离。选择“正常”选项时，系统根据默认的设置来设定字母之间的距离；选择“值”选项时，可以通过在文本框中输入数值，并在右侧的下拉列表中选择单位的办法设置单词之间的距离。n垂直(chuzh)对齐。用于设置文本或图像相对于其父级元素在垂直(ch

9、uzh)方向的对齐方式。下拉列表中有“基线”、“下标”、“上标”、“顶部”、“文本顶对齐”、“中线对齐”、“底部”、“文本底对齐”和“值”等9种对齐方式。第26页/共34页第二十六页，共34页。n“保留”：保留原代码中所有的空格形式；n“不换行”：当文档中的文本过长时不会自动换行，若想换行则必须使用换行标记。n显示。用于设置区块的显示方式。第27页/共34页第二十七页，共34页。第28页/共34页第二十八页，共34页。第29页/共34页第二十九页，共34页。第30页/共34页第三十页，共34页。第31页/共34页第三十一页，共34页。n滤镜。用于对样式所控制的对象应用特殊效果（例如模糊和反转等）。第32页/共34页第三十二页，共34页。n（2）定