《Java软件项目(BS架构)开发》3HTML与联合银行主页.ppt

Java软件项目(B/S架构)开发 覃国蓉,第3章 HTML与联合银行主页,Java软件项目(B/S架构)开发 覃国蓉,学习目标,掌握完成本项目必须掌握的HTML知识： 如何在HTML中定义表单 如何在在HTML中定义表格 如何在HTML中设置字体和文本格式、定义超链接、插入图像等 如何在HTML中使用帧组分割窗口并实现导航功能 如何在HTML中实现滚动文字效果 完成 联合银行主页,Java软件项目(B/S架构)开发 覃国蓉,联合银行的主页要求,Java软件项目(B/S架构)开发 覃国蓉,HTML的基本知识,基本知识 一个HTML标记由“”结尾，标记不区分大小写 有单独使用的标记和成对使用的标记 很多HTML标记都具有自己的属性 有一些标记必须放在其他的容器内才能够使用 在HTML文档中使用“”来加入注释 HTML标记的公共属性,Java软件项目(B/S架构)开发 覃国蓉,HTML文档结构,1. 2. 3. 最简单的HTML文档 4. 5. 6. Hello World 7. 8. ,Java软件项目(B/S架构)开发 覃国蓉,HTML标记的公共属性,HTML标记的公共属性,Java软件项目(B/S架构)开发 覃国蓉,使用表单,文本框 单选框和复选框 按钮 列表框 文本区,Java软件项目(B/S架构)开发 覃国蓉,思考,第2章中提到的哪些界面需要用表单？ 1。注册界面 2。开户界面 3。个人银行登陆界面 4。利息利率计算 5。货币兑换 6。联系我们,Java软件项目(B/S架构)开发 覃国蓉,表单语法, 其他域如文本框、复选框、按钮等标记 ,Java软件项目(B/S架构)开发 覃国蓉,在表单中定义文本框,使用标记 案例3-2： 定义一个普通文本框 定义一个密码框 定义一个带有初始文本“中国”的文本框,Java软件项目(B/S架构)开发 覃国蓉,单选框和复选框,使用标记定义单选框。 使用标记定义复选框。 案例3-3： 男 女 定义2个单选框，其中“女”被选中 . Apple Orange StrawBerry Peach 定义4个复选框，其中“orange”被选中,Java软件项目(B/S架构)开发 覃国蓉,按钮,使用 案例3-4 定义一个提交按钮，单击该按钮，可实现表单内容的提交； 定义一个重置按钮，单击该按钮，可清除表单的内容 定义一个普通按钮，普通按钮主要配合JavaScript脚本对表单进行预处理,Java软件项目(B/S架构)开发 覃国蓉,列表框,使用 和 标记定义列表框，在其中使用 标记定义列表框的选项 案例3-5，以下代码定义一个有5个选项的列表框 1. 2. 大一 3. 大二 4. 大三 5. 大四 6. 大五 7. ,Java软件项目(B/S架构)开发 覃国蓉,案例3-6，定义一个具有多选功能的列表框 旅游 运动 听音乐 网上聊天 看小说 玩游戏 其他 ,Java软件项目(B/S架构)开发 覃国蓉,文本区,使用标记定义文本区 案例3-7 ，下面语句定义一个5行60列的文本区 默认在文本区中显示的文本 ,Java软件项目(B/S架构)开发 覃国蓉,表格的使用,使用标记和定义表格 使用 和 定义表格的一行 使用和定义表格的表头行的每个单元格 使用 和 定义一行中的一个单元格 案例3-8：定义一个有边框的表格,Java软件项目(B/S架构)开发 覃国蓉,案例3-9：定义带跨行单元格的表格 家庭成员情况 定义一个跨4行的表头单元格 案例3-10：定义带跨列单元格的表格 家庭成员情况 定义一个跨4列的表头单元格 案例3-10：定义无边框表格 定义一个无边框的表格，并且表格中间对齐，而且高度为80,Java软件项目(B/S架构)开发 覃国蓉,字体标记,使用按照这个字号、字型和颜色显示的文本 标记定义字体 案例3-12 ：使用字体，如下语句使用以8号，隶书和红色的字体显示“欢迎” 欢迎 其中表示换行,Java软件项目(B/S架构)开发 覃国蓉,文本格式标记,与之间的文本将按粗体显示，与之间的文本将按斜体显示 案例3-13 ： 欢迎 按斜体显示 欢迎 按粗体显示,Java软件项目(B/S架构)开发 覃国蓉,链接及段落标记,使用标识一个段落的结束，即分段 可以用标记并且设置HERF属性来创建超链接 案例3-14： 下载Java技术 定义了一个链接标记，使得可以跳转到网页/products/,Java软件项目(B/S架构)开发 覃国蓉,插入图像,可以用标记插入图像，在其中用SRC属性指出图像的位置 案例3-15： 插入一个图像 ，而且该图像是一个超链接 插入一个图像,Java软件项目(B/S架构)开发 覃国蓉,其他常用标记,使用预设标记保留文本中的空格和换行 使用保留字符中的空格占位符“”来表示显示一个空格 使用和插入Java Applet小应用程序 使用和插入VBScript和JavaScript脚本,Java软件项目(B/S架构)开发 覃国蓉,使用帧组显示复杂的HTML页面,可以将页面窗口分割成几个独立的窗口 将变化的部分放在一个窗口，只从服务器下载发生变化的部分。 方便实现导航功能 使用标记与来定义帧组，并在与之间使用标记定义每个帧，即每个窗口的内容 定义帧组的HTML文档中不再有和标记,Java软件项目(B/S架构)开发 覃国蓉,左右分割窗口的帧组,设置标记的COLS属性可定义一个左右分割窗口的帧组 案例3-16 ： frame-col.html将页面窗口垂直（左右）分割成2个窗口 ，在左窗口(index)中显示index.html，右窗口(datail)显示details.html ,Java软件项目(B/S架构)开发 覃国蓉, 客户端技术： HTML java applet javaScript VBScript Activex &NetScape插件 ,index.html 中用超链接的target属性定义打开超链接的窗口为detail窗口，实现导航,Java软件项目(B/S架构)开发 覃国蓉,上下分割窗口的帧组,设置标记的ROWS属性，可以定义一个上下分割窗口的帧组 案例3-17： frame-row.html将页面窗口上下分割成2个窗口 ，在上窗口中显示indexrow.html，右窗口显示detailsrow.html indexrow.html中用超链接的target属性定义打开超链接的窗口为detail窗口，实现导航,Java软件项目(B/S架构)开发 覃国蓉,嵌套分割窗口,除了可左右分割窗口和上下分割窗口外，还可既左右分割又上下分割 案例3-18：先将页面窗口分割成左右2个窗口，再将右边窗口上下分割。 ,Java软件项目(B/S架构)开发 覃国蓉,实验,完成教材33页图2.6和34页图2.7 提示： 1.无框帧结构需要设置frameset的属性frameborder=“0” 2.表格的单元格的内容可以是超链接，可以设置单元格的背景图片，使用td的属性background进行设置，也可以使用td的属性bgcolor设置单元格的背景颜色,Java软件项目(B/S架构)开发 覃国蓉,滚动文字的实现,滚动显示信息，可使页面更生动 标记和使得其中的文字滚动显示 案例3-19： 欢迎光临联合银行 实现滚动显示“欢迎光临联合银行”。 可以通过在中定义属性设置滚动方向、滚动方式、滚动速度、滚动延迟、滚动循环、滚动范围和滚动背景颜色 等,Java软件项目(B/S架构)开发 覃国蓉,实验,完成教材30页图2.1联合银行的欢迎页面 提示：可用表格布局,Java软件项目(B/S架构)开发 覃国蓉,可视化网页制作工具,B/S应用程序的网页制作一般 先使用可视化网页制作工具建立HTML文