网页设计与制作-第4讲.ppt

HTML的表单标记 制作交互式网页HTML的框架标记 制作框架式网页TOSO官方旗舰店 1 建立表单页面 HTML表单是HTML页面与浏览器端实现交互的重要手段 利用表单可以收集客户端提交的有关信息 如在网上要申请个人空间 就必须按要求填写完成网站提供的表单网页 表单可以用于调查 定购 搜索等功能 2 表单信息的处理过程为 当单击表单中的提交按钮时 输入到表单中的信息就会传递到服务器中 然后由服务器的有关应用程序进行处理 处理后或者将用户提交的信息储存在服务器端的数据库中 或者将有关信息返回到客户端浏览器上 3 4 表单标记 定义表单中的两个属性action指定处理数据的CGI程序例 method数据传递的方式例 5 表单中包含的标记 制作单行文本框 按钮等 制作多行文本框 制作下拉菜单 6 输入标记 输入标记属性 Name 域的名称 即输入数据所存放的变量名Type 域的类型Text文字域Password密码域File文件域Checkbox复选框Radio单选框Button普通按钮Submit提交按钮Reset重置按钮Image图像域 图像提交按钮 7 设置单行文本输入框 标记 属性 type text Password 设置输入类型name x1 输入数据所存放的变量名value 预置名称 设置缺省值size 输入窗口的字节数 maxlength 最多输入的字节数 例 姓名 密码 8 制作单选按钮 标记 属性 type radio 单选按钮name z1选项组变量名checked此项被默认选中value 缺省值 选中后传送到服务器的值例 请选择你居住的城市 北京上海成都 9 制作多选按钮 标记 属性 type checkbox 复选按钮name a1输入变量名checked此项被默认选中value 缺省值 选中后传送到服务器的值例 请选择你喜欢的音乐 摇滚乐爵士乐流行乐古典乐 10 制作文件域 标记 属性 type File 文件域name f1输入变量名例 请上传你的照片 11 制作提交与重置按钮 标记 属性 type submit 提交按钮type reset 重置按钮value 按钮名 例 12 制作图像提交按钮 标记 属性 type Image 图像提交按钮name f1 src 图像文件名 例 13 设置多行文本输入框 标记 预设文字属性 name输入变量名rows文本框的长度cols文本框的列数例 请留言 14 下拉菜单的制作 标记 选项一选项二选项三TOSO官方旗舰店 属性 namesize菜单中显示的选项条数multiple允许多选 15 例 你所熟悉的语言 汉语英语日语德语俄语法语 16 使用框架结构 框架的作用就是把浏览器窗口划分成若干个区域 每个区域可以显示不同的网页 重复出现的内容被固定下来 每次浏览者发出对页面的请求时 只下载发生变化的框架的页面 其它子页面保持不变 使用框架可以非常方便的完成导航工作 而且各框架之间不存在干扰问题 所以框架技术普遍应用于页面导航 17 横向分割窗口 纵向分割窗口 TOSO官方旗舰店 分割窗口 框架集标记 18 框架集标记属性 FrameSpacing n框架集边框宽度BorderColor red 框架集边框颜色FrameBorder 0 1 是否显示边框 19 FRAME中的属性 Src URL 指定页面源文件Name 窗口名称 框架名称MarginWidth n框架边缘宽度Marginheight n框架边缘高度Scrolling Yes No Auto 是否显示滚动条NoResize调整框架尺寸 指定窗口内容 框架标记 20 编制分割窗口的源程序 并在相应的窗口放入文件内容 在标记中说明窗口名称等属性 总框架网页文件 2 选定某一窗口显示 目录 索引 指南 等一些带有引导性的内容3 编制含有索引内容的HTML源文件 说明索引文字所指向的内容显示的窗口 并在分割窗口程序中说明该文件被放在哪一个窗口 目录窗口网页文件 建立框架式网页的步骤 21 分割窗口的HTML源程序 22 目录链接的HTML源程序 23 窗口一 窗口二 窗口三 24 浮动框架 浮动框架是一种特殊的框架页面 在浏览器窗口中可以嵌套子窗口 在其中显示页面的内容 25 浮动框架的标记 TOSO官方旗舰店 属性