02高级HTML运用探究.ppt

* 6.3.3 插入表单对象 第3节 表 单 1）选择一个合适的插入点。 2）利用上节的方法插入表单域。 3）选择“插入→表单对象”菜单中的一个对象，如：文本域。 * 第3节 表 单 实例： * 1）新建一个空白页面。 2）选择合适的插入点，插入表单域，并且在表单域中输入如上图所示的文字信息，如：注册信息。 3）插入3个单行文本框，名称分别是：textfield1、textfield2、textfield3。其中textfield2、textfield3的类型设置为密码，并且在每个文本框的前面输入文字：“用户名：”、“密码：”和“确认密码：”。 4）插入菜单，列表值如图6-33所示，先单击加号“+”按钮，在项目标签中输入值，单击“确定”按钮，如果删除某一项，则单击减号“—”按钮。 第3节 表 单 操作步骤： * 5）插入4个复选框，名称分别是：checkbox1、checkbox 2、checkbox3和checkbox4，并且在每个复选框后输入对应的文字，如：行、列、单元格和标题。 6）插入一个名称为单选按钮组1的单选按钮组，列表选项的值是：文本框、复选框、按钮、列表和菜单。 7）插入一个名称为imageField的图像域，选择一个图像文件。 8）插入两个按钮，标签名称分别是：确定和重置。 9）保存文件，在浏览器中预览，查看效果，以便做进一步的修改。 第3节 表 单 操作步骤：(续) * 6.3.4 跳转菜单 第3节 表 单 页面中的弹出式菜单。当用户选择某一菜单项会链接到指定的位置，可以是站点内的文件、其他站点的文件、电子邮箱、图像等。跳转菜单包括三部分，一是菜单选项信息，如图中的“第三节 表格的编辑”，二是被链接文件的信息，如被链接的文件是third.htm，三是跳转按钮，如标签是“GO”的按钮。 * 插入跳转菜单的操作方法是： 第3节 表 单 1）选择插入点。 2）选择“插入→表单对象→跳转菜单”命令，弹出“插入跳转菜单”对话框。 * 3）添加菜单项。在上图中，选择加号“+”命令，可以添加一个菜单项目，在文本后的空白区域可以输入菜单的提示信息，URL指的是菜单的一个项目链接的文件位置，还可以设置打开链接文件的类型，如：默认的类型是主窗口。选项之一是菜单之后是否插入前往按钮。 4）单击“确定”按钮。 5）如果对菜单的项目进行修改，则可以选择属性面板中的“列表值”按钮。 插入跳转菜单的操作方法是：（续） 第3节 表 单 * 第4节 层 6.4.1 创建层 6.4.2 设置层属性 6.4.3 层的基本操作 6.4.4 跳转菜单 * 6.4.1 创建层 第4节 层 一、使用插入菜单 * 6.4.1 创建层 第4节 层 二、使用插入栏 选择插入栏“常用”工具下的“描绘层” 命令 * 6.4.1 创建层 第4节 层 三、使用HTML标记语言 div id=Layer1 style=position:absolute; left:99px; top:45px; width:177px; height:109px; z-index:1/div * 6.4.2 设置层的属性 第4节 层 * 6.4.3 层的基本操作 第4节 层 一、选择层 在视图设计界面中，单击选择图标 当鼠标出现黑色十字箭头时，单击层的边框也可以选中层 可以使用层面板来选择层 * 6.4.3 层的基本操作 第4节 层 二、层中添加信息 1）选择层。 2）定位插入点到层中的合适位置，输入各种信息。 三、移动层 1）选择层。 2）将鼠标移到层的边框，当出现黑色十字箭头时，拖动鼠标到合适的位置后释放鼠标，或者修改层属性面板中的左和上的值 四、调整层的大小 1）选择层。 2）将鼠标移到层的四角，当出现与水平方向或者垂直方向成45度的箭头时，同时向两个方向拖动鼠标到合适的位置后释放鼠标，或者修改层属性面板的高度和宽度的值，都能实现调整层的大小。 * 第5节 HTML样式表 6.5.1 样式表的建立和使用 6.5.2 样式的应用实例 * 什么叫样式？ 从Word的格式刷说起！ * 加载css样式有以下四种 外部样式 内部样式 行内样式 导入样式 * 外部样式 link href=layout.css rel=stylesheet type=text/css / 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。 * 内部样式 st