表单设计制作.ppt

任务一 表单设计制作 教学设计 教学目标：了解动态网页；表单在动态网页中的功能；了解表单属性和元素；掌握表单设计与制作操作。 教学重点：掌握表单设计与制作 教学难点：动态网页功能 教学方法：教、学、做一体；案例教学；任务驱动 动态交互式网页 动态网页不仅含有HTML标记，而且含有程序代码，这种网页的后缀一般根据Web程序设计技术来定，如利用ASP技术培训开发的动态网页文件的后缀为.asp，jsp技术为.jsp；php技术为.php；.net技术为.aspx。 动态网页可以根据用户的即时操作和即时请求，网页内容发生相应的变化，从而可以实现功能强大的交互式操作。 通常，把信息不经常变换的内容做成静态页面形式（例如公司概况），而需要经常变换内容或具有交互功能的页面做成动态网页形式（例如新闻动态）。 为什么网站要做成动态网站 静态网站如果要更新网站内容，必须请网站制作者更新网页后，再上传至服务器将原网页覆盖后才能实现，显然这很不方便网站内容的及时更新。试想，一家贸易公司请一家网站设计工作室制作公司网站，如果是静态网站，发条公司动态或公司通告，还需要通知网站的制作者更新网页，再上传至服务器，这很麻烦。如果是动态网站，公司自己就可以随时通过浏览器进入管理系统发布或更新信息。 常用的交互式程序设计技术有PHP、JAVA、ASP、JSP、ASP.Net等。 电子商务网站动态功能：信息动态发布与管理、会员管理、在线订单、在线购物、在线咨询与服务等。 表单功能 表单面向用户，主要负责数据采集功能。 例如：注册、登录表单、发贴、留言、购物等表单。 表单的组成 网站浏览者与网站交互，进行信息在线交流，而采集用户信息的方式，主要通过表单形式。 文本框、文本区、单选按钮、复选框、下拉菜单、按钮等，其中的提交按钮是不可缺少的表单元素。 文本区用于采集较多字符，所采集的信息如果送到数据库存储，相应字段数据类型应设置为“备注” 。 表单的组成 表单标签及属性：包含处理表单数据所用程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本区、复选框、单选按钮、下拉选择框和文件上传框等表单元素。 表单按钮：包括提交按钮、复位按钮和一般按钮。 表单代码 form id=form1 name=form1 method=post action=send.asp 姓名input type=text name=textfield / input type=submit name=Submit value=提交 / /form 表单设计制作 根据需求设计：该表单需求和功能是什么？由哪些元素组成？表单数据传递方式？传递目标？等等 步骤：布局表格定位 插入表单域 插入表单元素 插入表单按钮 设置表单属性、元素属性 做一个最简单的表单 登录表单：输入用户名、密码，登录按钮。 在代码视图下，查看生成的表单HTML代码。 课后小结 。。。 作业 想一想？ 表单采集的数据传递到哪里？如何处理？等等 任务二 简单动态的页面制作 ---使用ASP技术 动态网页技术分为两类。客户端技术：用于设计在客户机上或是浏览器环境下运行的Web程序或脚本，例VBScript、JavaScript等；服务器端技术：用于设计在服务器环境下运行的Web程序，例ASP、JSP、 PHP等。 ASP ASP是目前热门的动态网页技术。 ASP功能强大，简单易学。 微软产品，微软强大的技术支持。 资源丰富。技术发展相对成熟，并且有丰富的ASP资源。 软硬件环境要求低。 适合中小型动态网站建站。 如何理解ASP运行在服务器端 建一个静态页，包含以下VB脚本代码： script language=vbscript MsgBox now() /script 建一个ASP页，包含以下ASP代码： %=now()% ASP语法及规则 一个简单的ASP页面可以包括：普通的HTML代码，也就是普通的Web的页面内容；服务器端的Script程序代码：位于%...%内的程序代码。 ASP文件的约定：ASP代码均须放在%与%符号之间；ASP代码中，字母不分大小写；ASP代码中，所有标点符号均为英文状态下所输入的标点符号。 在记事本中，手工输入方式生成以下ASP页面，试运行并在浏览器端查看解析生成的HTML源代码。 htmlbody%For I=3 To 6 %font size=“%=I%”您好！通达欢迎您~/fontbr%Next%/body/html ASP代码包含在一对定界符中%... % ASP内置对象 ASP提供了一系列功能强大的内置