13网页设计与制作PPT-0602(精).pptVIP

form name=form1 action= method=post 请选择月份： select name=select option value=1 一月/option option value=2二月/option option value=3三月/option option value=4 selected=selected四月/option …… /select /form 下拉框标签 选项标签 选项的值 默认选中项 三、单元项目实施 2、知识准备 表单基本控件：下拉选择框 下拉选择框允许你在一个有限的空间设置多种选项。 form name=form1 action= method=post …… input type=submit name=submit value=登录 input type=reset name=reset value=重填 input type=button name=btn value=普通按钮 onclick=javascript:alert(这是个普通按钮) /form 类型：提交按钮 类型：重置按钮 类型：普通按钮 提交按钮将用户输入的信息提交给服务器。 重置按钮用来清除表单中已填写的内容。 普通铵钮主要响应一些事件 。 单击按钮响应事件 三、单元项目实施 2、知识准备 表单基本控件：按钮 按钮分为三种：普通按钮、提交按钮和重置按钮。 三、单元项目实施 2、知识准备 制作“淘宝”的会员注册页面，写出表单控件的代码。 文本框 密码框 复选框 提交按钮 多行文本框 三、单元项目实施 2、知识准备 表单基本控件：小结 创建表单控件常用的三个标签：input标签、select标签、textarea标签 属性 说明 Type 指定表单控件的类型。常用选项：text、password、radio、checkbox、submit、reset、button等。缺省值是text。 Name 指定表单控件的名称。 Value 指定单行文本框和密码框的初始内容。 Size 只适用于单行文本框和密码框。指定控件的宽度（以字符为单位），缺省值为20。 Maxlength 只适用于单行文本框和密码框。指定这两种控件可以接受的字符串的最大数目。缺省值为无穷大。 checked 只适用于单选按钮和复选框，指定控件是否被选中。 三、单元项目实施 3、项目实施 使用CSS设置表单样式 创建效果如下图所示的登录界面 三、单元项目实施 3、项目实施 使用js设置表单验证 ② Form后台登录 验证 四、项目单元小结 本学习单元通过制作项目【系部网站后台登录页面】，学习了创建表单、添加表单控件、使用CSS设置表单样式。灵活运用表格、表单和CSS完成登录页面的创建。 五、项目单元任务 1、完成教材“考核评价”剩余部分内容 2、以“计算机系部网站”为任务驱动，完成后台登录页面的制作 谢谢！ * * 辽宁省北票市桃园中学 蒋海东 * * 辽宁省北票市桃园中学 蒋海东 * * 辽宁省北票市桃园中学 蒋海东 * * * * 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 项目化实战教程 项目化实战教程 项目化实战教程 了解框架的作用 掌握框架和框架集的属性 知识目标 能够通过框架技术完成后台登录主界面的布局 熟练通过表格、JavaScript结合CSS+DIV技术，完成后台主界面中各框架页面的制作 培养学生实际项目开发的能力 技能目标 情感态度 培养学生团队合作意识 培养学生的设计和创意能力，提升学生对于网页设计的热情 ---应用表单和表格制作系部网站后台登录页面 项目单元六、制作网站后台管理页面 重点难点 2010 34.2% 重点： 1、创建表单 2、表单基本控件 3、使用CSS设置表单样式 难点： 1、表单基本控件 2、使用CSS设置表单样式 2010 34.2% 1. 解决实训环节出现的问题 2. 互动方式进行知识回顾 表格的作用是什么？ 表格的常用操作有哪些？ 使用CSS设置表格样式通常包含哪些方面的设置？ 一、知识回顾 二、项目单元导入 1. 教师提问： 单纯依靠表格知识能完成后台登录页面的创建吗？ 如果不能的话，表格可以做什么？欠缺什么内容？ 2、根据学生分组讨论的结果进行归纳总结 引导学生分析