企业网站制作与维护-05-表单与内嵌框架.pptVIP

使用内嵌框架制作页面 h1上方导航条/h1 p a href=subframe/the_first.html target=mainFrame 下边显示第一页/a br /br / a href=subframe/the_second.html target=mainFrame 下边显示第二页/a br /br / a href=subframe/the_third.html target=mainFrame 下边显示第三页/a br / /p iframe name=mainFrame width=800 height=150 scrolling=yes src=subframe/the_second.html /iframe 链接位置为内嵌框架名称 内嵌框架的初始值 frameborder=1，设置边框为显示 本章总结 iframe 内嵌框架 表单的高级用法 iframe的用法 使用Dreamweaver添加表单 表单与内嵌框架 内嵌框架简介 表单的基本语法 表单元素的介绍 表单 第五章 表单与内嵌框架 —— 上机部分 需求描述 掌握表单基本语法 掌握各表单元素 文本框、按钮、单选、复选、列表框等 实现思路 标题修改为用户注册页面 插入表单，在表单中插入一个10行3列的表格 在各单元格中输入相关文本 “用户注册页面”为一级标题 “阅读服务协议”为四级标题； 在表格中插入相应的表单元素，并设置相关属性 插入图片，包括：男、女头像图标和协议图片等 实验案例一：制作网站注册页面2-1 学员练习 新建页面，修改标题 在网页中插入表单，在表单中插入表格，合并单元格 在各单元格中输入相关文本 在表格中插入相应的表单元素，并设置相关属性 插入图片 保存页面，在浏览器中浏览 实验案例一：制作网站注册页面2-2 45分钟完成 需求描述 掌握内嵌框架标签的使用 掌握内嵌框架常用属性 实现思路 标题修改为“三国演义” 插入一个2行2列的表格，将第一行的两个表格合并 在表格第一行插入logo图片 在第二行第一个单元格中输入文本，并设置超链接 在第二行第二个单元格中插入一个内嵌框架 设置高和宽均为600，滚动条为自动 制作内嵌框架中显示的网页 实验案例二：制作小说阅读页面2-1 学员练习 新建页面，修改标题 插入表格，将第一行的两个表格合并 在表格第一行插入logo图片 在第二行第一个单元格中输入文本，并设置超链接 在第二行第二个单元格中插入一个内嵌框架 制作内嵌框架中显示的网页 保存页面，在浏览器中浏览 实验案例二：制作小说阅读页面2-2 45分钟完成 * * * 本页可以简单介绍表单执行的基本过程，主要过程如下： 1、客户端：请求登录，通过表单填写账户信息 2、客户端和服务器类似两人沟通一样，从而建立交互活动 3、服务器端：验证发来的账号信息，然后给出反馈 该过程简要说明即可，不要深入！ * * * 显示为6行高度如果内容高于6行右侧滚动条可以用 * * * 讲解大体制作思路后教员进行相应的演示！ * * * * * * * * * */33 */35 */35 */31 BENET 4.0 第五章 表单与内嵌框架 —— 理论部分 表格的基本语法？如何创建跨行、跨列 ？ 使用什么属性设置表格的宽、高、边框？ 使用什么属性设置表格的填充和间距？ 表格的高级标签包括哪些？ 课程回顾 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 使用iframe 内嵌框架制作网页 技能展示 本章结构 iframe 内嵌框架 表单的高级用法 iframe的用法 使用Dreamweaver添加表单 表单与内嵌框架 内嵌框架简介 表单的基本语法 表单元素的介绍 表单 表单的典型应用 注册用户 收集信息 反馈信息 提供搜索工具 为什么使用表单 注册用户 收集信息 反馈信息 提供搜索工具 常见的表单元素 单行文本框(text) 单选按钮(radio) 复选框(checkbox) 下拉列表(select) 重置按钮 (reset) 提交按钮(submit) 密码框(password) 文本域(textarea) action属性 指定提交后，由服务器上哪个处理程序处理 值一般为URL method属性 规定提交方式，取值为get或post post方法比较安全 表单的基本语法2-1 form action=表单提交地址 method=提交方法 !--文本框、按钮等表单元素-- /form 制作简单的表单页面 表单的基本语法2-2 form action=login.jsp method=post p用户名： input name=username type=text size=20