搜索
LOGO网页设计与制作主讲：张凯QQ：6002793TEL：139891090923.1系统的整体设计规划1、结构设计任务一:结构设计用户管理系统index.asp用户登录模块修改资料loginfail.aspwelcome.aspregister.aspregfail.aspregok.asplostpassword.aspshowquestion.aspshowpassword.aspuseudate.aspuseudateok.asplogoot.asp3.1系统的整体设计规划3.2数据库设计与连接任务一:结构设计1．数据库设计认识accessAccess2003的窗口数据库组件选项卡数据库窗口创建方法与已有对象列表图9.1Access2003的窗口窗口菜单应用程序窗口字段与记录●在Access中，表将数据组织成列（称为字段）和行（称为记录）的形式。每一列的名字（字段名）是惟一的，每一列中的内容有相同的属性和数据类型。●在创建表之前，先要对表结构进行设计，也就是根据数据的取值情况确定每个字段的名称和数据类型。字段名一般以字符开头，后面可跟字符和数字等允许的符号，最多74个字符，同一个表中不能有相同的字段名。而字段数据类型的设置则定义了用户可以输入到字段中的值的类型。表9.2Access的数据类型及用法数据类型用法文本用于存放文本或者文本与数字的组合，最多255个字符，默认大小为50。这种类型中的数字不能进行数学计算。数字用于存放可进行数学计算的数字数据，可以有小数位和正负号。日期/时间用于存放表示日期和时间的数据，允许进行少量的日期和时间运算。备注用于存放超长文本或文本与数字的组合，最多含75535个字符。货币用于存放表示货币的数据，可进行数学计算，可以有小数位和正负号。自动编号向表中添加一条新记录时，由Access指定一个惟一的顺序号（每次加1）或随机数。是/否又称逻辑型数据，只有两种可能的取值：“是”或“否”，“真”或“假”。OLE对象用于其他Windows应用程序中对象的链接与嵌入，最大1G字节。超级链接用于保存超级链接的有效地址。查阅向导用于创建一个字段，该字段允许从其他的表、列表框或组合框中选择字段类型。字段属性●每个字段都有自己的属性，字段属性是一组特征，使用它可以附加控制数据在字段中的存储、输入或显示方式。属性是否可用取决于字段的数据类型。系统提供了如所示的13种属性供选择使用。Access的字段属性及功能属性选项功能字段大小使用这个属性可以设置文本、数字、货币和自动编号字段数据的范围，可设置的最大字符数为255。格式控制怎样显示和打印数据，可选择预定义格式或输入自定义格式。小数位数指定数字、货币字段数据的小数位数，默认值是“自动”，范围是0～15。输入法模式确定光标移至该字段时，准备设置哪种输入法模式，有三个选项：随意、开启、关闭。输入掩码使用户在输入数据时可以看到这个掩码，从而知道应该如何输入数据，对文本、数字、日期/时间和货币类型字段有效。标题在各种视图中，可以通过对象的标题向用户提供帮助信息。默认值指定数据的默认值，自动编号和OLE数据类型没有此项属性。有效性规则是一个表达式，用户输入的数据必须满足此表达式，当光标离开此字段时，系统会自动检测数据是否满足有效性规则。有效性文本当输入的数据不符合有效性规则时显示的提示信息。必填字段该属性决定字段中是否允许出现Null值。允许空字符串指定该字段是否允许零长度字符串。索引决定是否建立索引的属性，有三个选项：“没有”、“有，允许重复”和“有，不允许重复“。Unicode压缩指示是否允许对该字段进行Unicode压缩。主键（主关键字）●主键是表中用于惟一标识每条记录的主索引。主键不是必需的，但主键能将表与其他表中的外键相关联。所以，只有定义了主键，才能建立表与表之间的关系，同时也方便对表进行排序或索引操作。主键不允许为Null（空值），并且必须始终具有唯一索引。如果表中某个字段没有重复的内容，就可用作该表的主键。视图●视图是按特定方式处理数据的窗口。Access2003为表提供了4种视图方式。最常用的是设计视图和数据表视图。设计视图数据表视图LOGO实践案例——“学生管理”数据库案例综述●创建一个名为“学生管理”的数据库●该数据库中“学生基本情况表”、和“成绩表”二张表学生基本情况表学号姓名性别出生年月籍贯电话号码高考分数01001赵云峰男1983-6-30湖南长沙0731-647890858901002李小巧女1983-12-8广西桂林0773-365478961201003梁海鸥男1984-4-10广西柳州0772-285430166801004秦淮梦女1984-1-25陕西咸阳0910-461283956801005何步耘男1983-9-29河南开封0378-461283957001006欧阳文通男1984-5-6天津022-5823456258301007吴英丽女1983-9-27广西河池0778-2133568594成绩登记表学号数学英语计算机01001889283010028289840100355837701004746981010059189850100682837901007496768创建新数据库图9.5Access2003启动界面图9.6直接新建一个空数据库图9.7保存文件对话框图9.8“学生管理”数据库窗口利用本机上的模板来创建一个新数据库数据库模板对话框根据现有文件来新建数据库●根据现有文件来新建一个类似的数据库相当于是复制一个已有的数据库，然后对它进行修改编辑，形成一个新数据库。创建表的方法●建表的方法共有五种，分别是：●使用设计器创建表●通过输入数据创建表●使用向导创建表●导入表●链接表“学生基本情况表”结构字段名称数据类型字段大小字段属性学号文本10必填、主键姓名文本10性别文本2出生年月日期/时间中日期籍贯文本6电话号码文本15高考分数数字整型有效性规则：大于等于400且小于等于750定义表结构设置字段属性定义主键保存表结构图9.13“另存为”对话框警告对话框通过输入数据创建表●直接在数据表视图中输入“成绩表”数据：学号数学英语计算机01001889283010028289840100355837701004746981010059189850100682837901007496768●在数据库窗口中，直接双击“通过输入数据创建表”，打开数据表视图窗口，如下图所示●将表中的数据直接输入到上图的数据表中，完成后如下图所示：再单击右上角的按钮，保存更改，在弹出的“另存为”框中，输入表名“学生成绩”后，单击“确定”。修改“学生成绩表”表结构(1)在“数据库”窗口中，选中表“成绩”。单击“设计”按钮，产生“表设计视图”。●(2)在表设计视图中，将光标定位到“字段名称”下的“字段1”处，将其改为“学号”，将数据类型改为“文本”，字段大小设置为“10”。以此类推，分别将各字段名称改为“数学”、“英语”、“计算机”，字段大小为“单精度”，小数点位数为“1”。修改好的学生成绩表”表设计视图如图9-11所示。数据表数据的编辑和使用●向数据表输入数据●在数据库窗口的“对象”选项卡中，选择“表”。双击“学生基本情况表”表，或者单击选定“学生基本情况表”，再单击“打开”，打开表“学生基本情况表”，进入数据表视图，如图所示●单击工具栏上的“保存”按钮，保存数据表，但是不关闭表。单击“学生基本情况”表对话框右上角的”×”（关闭）按钮，将保存数据表并关闭“学生基本情况”表。3.1系统的整体设计规划3.2.2数据库连接任务一:结构设计1．数据库设计(1)DRIVER={MicrosoftAccessDriver(*.mdb)};DBQ=C:\ProgramFiles\NetBox2.8\Samples\WebServer\(2)Provider=Microsoft.Jet.OLEDB.4.0;DataSource=&Server.MapPath(/newdata.mdb)3.3用户登录模块3.3.1登录页面任务一:结构设计1．登陆页面包括：登录页面、登录成功、登录失败登录页面登录成功登录失败登录页面1、页面制作（1）切片-----网页页面（2）dreamweaver中完成页面2、知识点：（1）表格《网页设计与制作案例教程》表格概述1.表格组成：表格的组成元素主要包括行、列、单元格等2.表格属性3.设置单元格、行和列属性（1）行：水平方向的一排单元格称为一行。（2）列：垂直方向的一排单元格称为一列。（3）单元格：表格的行与列相交的区域称为单元格。（4）边框：表格的外边缘称为边框。（5）间距：单元格与单元格之间的距离称为间距。（1）table……/table：表示整个表格，表格以table开始，以/table结束。（2）tr……/tr：表示表格中的一行，表格中有多少行就有多少对tr/tr。（3）td….../td：表示表格的一个单元格。表格中有多少单元格就有多少对td/td。（4）cellspacing：单元格与单元格之间的间距。（5）border：表格的边框。图6.1表格的基本组成部分4.插入行5.插入列6.拆分单元格7.合并单元格8.设置表格边框宽度属性9.设置边框颜色10.表格的嵌套课堂案例：细线表格（1）绘制表格（2）设置表格背景色（3）设置表格单元格间距为1（4）设置单元格背景●制作圆角细线表格●制作一个圆角细线表格，效果如图所示。先插入一个1行1列的表格，然后用事先制作好的图片（roundCorner.gif）作表格背景，然后将表格拆分为2行，设置第1行的高度为25像素。表单概述表单就是和浏览者交互的一种元素,已经有越来越多的网站通过网络进行意见调查、线上交易以及拍卖等活动，这些都是表单的实际应用。网页上的表单和我们日常生活中使用的表单在功能上有相同之处，表单提供者可以通过表单收集浏览者填写和发送的信息。图7.1交互表单网页的处理示意图“爱心行动志愿者报名表”表单网站案例效果图网页“爱心行动志愿者报名表”效果图链接创建表单并设置表单属性（1）插入表单。（2）单击表单的红色虚线边框，选中表单，在【属性】面板中设置各项参数。表单属性面板（3）在表单中创建表格（4）在单元格中创建表单文本域文本域是常见的表单元素之一，它可以接受任何类型的字母、数字和文本。输入的文本可以显示为单行、多行和密码域（输入文本将被替换为星号或项目符号）。1.按照图进行插入文本域，及设置文本域的相应属性。文本域效果图提示：input标签表示的是表单域对象的开始。如“type=text”表示为单行文本域；如“type=password”表示为密码文本域；多行文本域对应的代码“textarea…/textarea”。按钮按钮控制表单的操作。使用按钮可将表单数据提交到服务器，或者重置该表单。标准表单按钮通常带有“提交”、“重置”或“发送”标签。1.按照图7.14进行插入【按钮】按钮，及设置按钮的相应属性。插入跳转菜单后的效果图提示：这里的设置都为默认，在代码视图中，“type=submit”表示提交按钮、“type=reset”表示重置按钮、“type=button”表示一般按钮。案例制作：完成登录页面后台登录怎么做？2.登录失败页面3.登录成功页面4.登录页面服务器行为●服务器行为●用户管理●用户登录5.登录成功页面属性设置●服务器行为●用户管理●用户登录●表单●制作一个圆角细线表格，效果如图所示。先插入一个1行1列的表格，然后用事先制作好的图片（roundCorner.gif）作表格背景，然后将表格拆分为2行，设置第1行的高度为25像素。LOGO