html制作网页必做入门练习题一教程文件.ppt

沃克科技 第一章上机　 HTML的基本标签 相关回顾 HTML文档的结构 IMG标签、P标签 、BR标签 A标签、MARQUEE标签 上机目标 模拟拍拍网建立一个首页 教员讲解上机目标 训练技能点 会使用 P 、BR 、PRE 会使用OL、UL 、 HR 会使用FONT 、 IMG 会使用A 、 MARQUEE 训练要点： 1、HTML文档的基本结构，标签配对出现 2、IMG与文字关系 3、H、P、BR 4、FONT 、特殊字符的使用、 bgColor 属性 阶段1 阶段1 P段落标签 这里使用了特殊字符 H1标题标签 FONT标签 图片标签IMG 需求说明：使用记事本来实现练习页面。 实现思路和关键代码： HTML文档的结构 HTML标签的使用 阶段1 规范代码示例 讲解实现思路和关键代码 完成时间：10分钟 训练要点： 1、有序列表标签OL 2、水平线标签HR 3、预格式化标签PRE 需求说明： 阶段3 OL有序列表 HR水平线 PRE预格式化标签 讲解需求说明 完成时间：10分钟 规范代码示例 阶段4 需求说明：手写记事本实现下图所示内容 规范代码示例 页面背景色值：#CAE4FF 讲解实现思路和关键代码 完成时间：10分钟 UL无序列表 阶段4 常见调试问题及解决办法 代码规范问题 共性问题集中讲解 阶段5 训练要点 超链接标签A的使用方法 页面信息滚动标签MARQUEE 阶段5 需求说明图示（一） 链接到登录页面 链接到首页 阶段5 需求说明图示（二） 点击[MOTO]链接 电子邮件链接 页面定位到指定的锚点位置 文字滚动显示 讲解需求说明 阶段5 实现思路及关键代码 1、 超链接A标签中href属性定义了链接的方向 2、MARQUEE标签的scrolldelay属性定义滚动速度 A href=“login.html”[登录]/A MARQUEE scrolldelay=“150”精品推荐/ MARQUEE 指定文字滚动的速度 指定链接跳转页面 规范代码示例 讲解实现思路和关键代码 完成时间：15分钟 阶段6 需求说明图示（一） 电子邮件 返回起始页 定义锚点 链接到注册页面 规范代码示例 * * s 讲解要点： 假定该系统的数据库设计需要两张表：帐户信息表(bank)存放帐户的信息， 交易信息表(transInfo)存放每次的交易信息。 演示：“示例1：为什么需要触发器.sql”，演示时请设置为较大字体， 以便后排的学员能看清演示的结果。 提问学员：上述结果有什么错误？您一定发现了，当张三取钱200元时，虽然交易信息表(transInfo)中保存了取钱200元的交易信息，但帐户表(bank)中的余额仍是1000，没有自动跟随修改。显然，我们应该根据交易类型是“支取”还是“存入”，自动减少或增加帐户表中的余额。而且，它还应该具有事务的特征：一旦交易失败，余额修改也应该自动取消 。 提问学员：如何解决呢？这种特殊的业务规则使用普通约束行吗 ？ 答案显然是否定的 。 使用事务行吗？事务能保证一旦交易失败，余额修改也自动取消。但实现不了自动修改的触发功能 。 最优的解决方案就是采用触发器，它是一种特殊的存储过程，并且也具有事务的功能。它能多表之间执行特殊的业务规则或保持复杂的数据逻辑关系 。 讲解要点： 假定该系统的数据库设计需要两张表：帐户信息表(bank)存放帐户的信息， 交易信息表(transInfo)存放每次的交易信息。 演示：“示例1：为什么需要触发器.sql”，演示时请设置为较大字体， 以便后排的学员能看清演示的结果。 提问学员：上述结果有什么错误？您一定发现了，当张三取钱200元时，虽然交易信息表(transInfo)中保存了取钱200元的交易信息，但帐户表(bank)中的余额仍是1000，没有自动跟随修改。显然，我们应该根据交易类型是“支取”还是“存入”，自动减少或增加帐户表中的余额。而且，它还应该具有事务的特征：一旦交易失败，余额修改也应该自动取消 。 提问学员：如何解决呢？这种特殊的业务规则使用普通约束行吗 ？ 答案显然是否定的 。 使用事务行吗？事务能保证一旦交易失败，余额修改也自动取消。但实现不了自动修改的触发功能 。 最优的解决方案就是采用触发器，它是一种特殊的存储过程，并且也具有事务的功能。它能多表之间执行特殊的业务规则或保持复杂的数据逻辑关系 。 讲解要点： 假定该系统的数据库设计需要两张表：帐户信息表(bank)存放帐户的信息， 交易信息表(transInfo)存放每次的交易信息。 演示：“示例1：为什么需要触发器.sql”，演示时请设置为较大字体， 以