domino web设计教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面
大纲
• Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换 • 熟悉 熟悉DominoDesignerWeb开发环境 开发环境 • 设计表单前的必备知识 • 如何使用表单构建 如何使用表单构建Web页面 页面 • 几种特殊的 几种特殊的Web表单 表单 • 图象资源的管理
设计表单前的必备知识
o 表单的一些基本设置 o 1. HTMLHead属性设置和 属性设置和HTMLBody设置 属性设置和 设置
设计表单前的必备知识
o 产生的代码
o o o o o o <HTML> <!--Lotus-Domino(Release5.0.5-September22,2000onWindowsNT/Intel)-> <HEAD> HTMLHead代码写在这 代码写在这 </HEAD> <BODYTEXT="000000"BGCOLOR="FFFFFF"HTMLBody属性写在 属性写在 这> <FORMMETHOD=postACTION="/test.nsf/a?OpenForm&Seq=1"NA ME="_a"> <INPUTTYPE=hiddenNAME="__Click"VALUE="0"></FORM> </BODY> </HTML>
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系
当你想通过Web来创建一个新文档时，你通过打开 表单OpenFormURL命令打开一个适当的表单。例如， 下面的URL在Jobe数据库中打开了JobApplication的 表单。 。 http://server/Jobs.nsf/Job+Application?OpenForm Domino将Notes表单转化成一个HTML表单以响应 你的请求。
计算文本的使用
计算文本可以用来创建基于Notes@公式的文本。 创 公式的文本。 计算文本可以用来创建基于 公式的文本 建一个计算文本类似于创建一个文本类型的域， 建一个计算文本类似于创建一个文本类型的域 ， 它在 计算后显示。 计算后显示。 计算文本不在一个文档中存储， 计算文本不在一个文档中存储 ， 而是在每一次文档 被打开， 重载， 或是更新时被计算出。 被打开 ， 重载 ， 或是更新时被计算出 。 在页面中计算 文本特别有用。 文本特别有用。
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
复选框 DominoWeb页面把Notes复选框转换成 DominoWeb页面把Notes复选框转换成 页面把Notes type=“checkbox name=[域名 value=" checkbox”name=[域名] <input type= checkbox name=[域名]value="域值 "> 文本框 type=“text name=[域名 value="域值"> text”name=[域名] <input type= text name=[域名]value="域值">
CGI变量 CGI变量
• CGI变量是能把服务器端信息传递到其他CGI CGI变量是能把服务器端信息传递到其他CGI 变量是能把服务器端信息传递到其他 程序或脚本中的环境变量。典型情况下， 程序或脚本中的环境变量。典型情况下，当 用户提交表单的时候，CGI变量被设置 变量被设置， 用户提交表单的时候，CGI变量被设置，处理 表单的CGI程序从环境中获得这些变量。 CGI程序从环境中获得这些变量 表单的CGI程序从环境中获得这些变量。
上载控件的使用
上载控件是Notes提供的上载附件的工具， 提供的上载附件的工具， 上载控件是 提供的上载附件的工具 使用方法 在表单种添加
附件存储方式 附件存储在文档种
表单隐藏公式
端编写隐藏公式方法基本上一样， 和Notes端编写隐藏公式方法基本上一样，主要了解 端编写隐藏公式方法基本上一样 Web端隐藏和 端隐藏和Notes端隐藏的设置 端隐藏和 端隐藏的设置
构建页面框架
• 通常做法 通常做法: • 1. 利用 利用FrontPage等页面制作工具，把页面的制作好。 等页面制作工具， 等页面制作工具 把页面的制作好。 • 2. 把页面中的 把页面中的<body></body>之间的代码拷贝到 之间的代码拷贝到 Domino表单上，并做内嵌 表单上， 表单上 • 3. 把页面中 把页面中Head部分 部分HTML代码拷入HTMLHead属性 部分 代码拷入 属性
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
热点，操作 热点， <Ahref=“….. Onclick＝。。。。>操作名</a> ..”Onclick＝。。。。>操作名</a> <Ahref= .. Onclick＝。。。。 另外: 另外: 计算类型的域，不被转换成HTML元素只在Web上产 计算类型的域，不被转换成HTML元素只在Web上产 HTML元素只在Web 生域值 在Web下隐藏的域，不产生域的HTNL代码，除非使 Web下隐藏的域，不产生域的HTNL代码， 下隐藏的域 HTNL代码 在表单中产生所有的域” 用“在表单中产生所有的域”
设置
往Domino表单中添加域 表单中添加域
• 在表单中添加域，设置域的HTML属性 在表单中添加域，设置域的 属性
添加操作 方法: 方法 • 1.使用 使用Domino的操作 使用 的操作 • 2.使用文字热点和图片热点 使用文字热点和图片热点 • 3.使用 使用HTML标记 标记<ahref=….. 使用 标记
添加操作
方法: 方法
在操作中写公式完成简单应用，（不能写Ls） 在操作中写公式完成简单应用，（不能写 ） ，（不能写 有一部分公式在Web上不能用。针对 上不能用。针对Notes端 有一部分公式在 上不能用 端 UIDocument的方法和命令都不能用 的方法和命令都不能用
实用的表单操作按钮
Domino保留域 保留域
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系
表单是Notes应用的基础，它们决定了数据在输入输 出过程中的显示方式；HTML页面也经常为用户提供 数据显示录入功能 由于Domino数据库的特殊结构，表单用于显示使用 该表单创建的文档。他们之间有一种对应关系HTML 页面则不具备这样的特性。
Domino内嵌 内嵌HTML的使用（实例分析） 的使用（ 内嵌 的使用 实例分析）
Domino内嵌 内嵌HTML与表单元素的混用 内嵌 与表单元素的混用
Domino表格的基本使用 表格的基本使用
Web上表格的美化 上表格的美化
Domino表格的基本使用 表格的基本使用
Domino表格的基本使用（实例） 表格的基本使用（实例） 表格的基本使用
如何使用表单构建Web页面 页面 如何使用表单构建
• 1. 构建页面框架 • 2. 往Domino表单中添加域 表单中添加域 • 3. 添加操作
构建页面框架
方法: 方法
• 1. 在Notes表单上使用 表单上使用Notes的格式化工具构建 的格式化工具构建Web页 页 表单上使用 的格式化工具构建 面 • 2. 使用其他 使用其他Web开发工具构建 开发工具构建Web页面，导入到 页面， 开发工具构建 页面 Domino表 域公式中使用内嵌HTML。 域公式中使用内嵌HTML 1.在公式计算的值头尾加方括号 在公式计算的值头尾加方括号 新浪</a>]” “[<ahref=“”>新浪 新浪 2.使用 使用HTML样式 样式 使用
Domino内嵌 内嵌HTML的使用（实例） 的使用（ 内嵌 的使用 实例）
如何使用表单构建Web页面 页面 如何使用表单构建
设计表单前的必备知识
o 表单的一些基本设置 o Domino域的 域的HTML属性设置 域的 属性设置 o Domino内嵌 内嵌HTML的使用 内嵌 的使用 o Domino表格的基本使用 表格的基本使用 o 计算文本的使用 o 使用文件上载控件 o 表单上的隐藏公式
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系
在你的Notes表单或文档中使用域和大部分格式都能 被Domino服务器翻译成HTML语言，例如：左对齐、 Domino HTML 右对齐、居中；粗体、斜体、下划线和背景色；表； 等等
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
单选框 Input type= radio value= 域值” checkedname="域名 type=“radio value=“域值 radio” 域值” checkedname=" "> RTF域 RTF域 arearows="2"name="域名"cols="20" "2"name= "20"> <text arearows="2"name="域名"cols="20">
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
表单 DominoWeb页面会自动在页面上产生<form>和 DominoWeb页面会自动在页面上产生<form>和 页面会自动在页面上产生<form> </form>标记 </form>标记 表格 DominoWeb页面把Notes表格翻译成HTML语言 DominoWeb页面把Notes表格翻译成HTML语言 页面把Notes表格翻译成HTML <table>、<TR>/<TD>等等 等等, Notes上的一些特效不 <table>、<TR>/<TD>等等,但Notes上的一些特效不 转换
构建页面框架
以上方法的分析: 以上方法的分析 • 1. NotesDesigner不是专业的 不是专业的Web开发工具。功能不强 开发工具。 不是专业的 开发工具 大，但有些设计元素是所见即所得如：表格 但有些设计元素是所见即所得如： • 2. 专业的 专业的Web开发工具，能快速得开发 开发工具， 页面， 开发工具 能快速得开发Html页面， 页面 功能强大、专业。但引入到 功能强大、专业。但引入到Domino表单中都是 表单中都是 HTML代码，维护比较麻烦 代码， 代码 • 3. 二者结合取长补短
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面
• Domino表单在读写模式下 表单在读写模式下HTML页面 表单在读写模式下 页面 转换的差异 • 写模式 • 读模式
如何使用表单构建Web页面 页面 如何使用表单构建 • 熟悉 熟悉DominoDesignerWeb开发环境 开发环境
o o o o
设计表单前的必备知识
o 表单的一些基本设置 o 2. 表单属性设置
设计表单前的必备知识
设计表单前的必备知识
Domino域的 域的HTML属性设置 域的 属性设置
代码转换
Domino内嵌 内嵌HTML的使用 内嵌 的使用
•添加 添加HTML的最简单的方法就是像在表单中输入静态 添加 的最简单的方法就是像在表单中输入静态 文本一样，直接键入 代码， 文本一样，直接键入HTML代码，然后选中这段代码， 代码 然后选中这段代码， 在菜单中选择“文本->内置 在菜单中选择“文本 内置HTML”即可 即可 内置
大纲
• Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换 • 熟悉 熟悉DominoDesignerWeb开发环境 开发环境 • 设计表单前的必备知识 • 如何使用表单构建 如何使用表单构建Web页面 页面 • 几种特殊的 几种特殊的Web表单 表单 • 图象资源的管理
设计表单前的必备知识
o 表单的一些基本设置 o 1. HTMLHead属性设置和 属性设置和HTMLBody设置 属性设置和 设置
设计表单前的必备知识
o 产生的代码
o o o o o o <HTML> <!--Lotus-Domino(Release5.0.5-September22,2000onWindowsNT/Intel)-> <HEAD> HTMLHead代码写在这 代码写在这 </HEAD> <BODYTEXT="000000"BGCOLOR="FFFFFF"HTMLBody属性写在 属性写在 这> <FORMMETHOD=postACTION="/test.nsf/a?OpenForm&Seq=1"NA ME="_a"> <INPUTTYPE=hiddenNAME="__Click"VALUE="0"></FORM> </BODY> </HTML>
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系
当你想通过Web来创建一个新文档时，你通过打开 表单OpenFormURL命令打开一个适当的表单。例如， 下面的URL在Jobe数据库中打开了JobApplication的 表单。 。 http://server/Jobs.nsf/Job+Application?OpenForm Domino将Notes表单转化成一个HTML表单以响应 你的请求。
计算文本的使用
计算文本可以用来创建基于Notes@公式的文本。 创 公式的文本。 计算文本可以用来创建基于 公式的文本 建一个计算文本类似于创建一个文本类型的域， 建一个计算文本类似于创建一个文本类型的域 ， 它在 计算后显示。 计算后显示。 计算文本不在一个文档中存储， 计算文本不在一个文档中存储 ， 而是在每一次文档 被打开， 重载， 或是更新时被计算出。 被打开 ， 重载 ， 或是更新时被计算出 。 在页面中计算 文本特别有用。 文本特别有用。
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
复选框 DominoWeb页面把Notes复选框转换成 DominoWeb页面把Notes复选框转换成 页面把Notes type=“checkbox name=[域名 value=" checkbox”name=[域名] <input type= checkbox name=[域名]value="域值 "> 文本框 type=“text name=[域名 value="域值"> text”name=[域名] <input type= text name=[域名]value="域值">
CGI变量 CGI变量
• CGI变量是能把服务器端信息传递到其他CGI CGI变量是能把服务器端信息传递到其他CGI 变量是能把服务器端信息传递到其他 程序或脚本中的环境变量。典型情况下， 程序或脚本中的环境变量。典型情况下，当 用户提交表单的时候，CGI变量被设置 变量被设置， 用户提交表单的时候，CGI变量被设置，处理 表单的CGI程序从环境中获得这些变量。 CGI程序从环境中获得这些变量 表单的CGI程序从环境中获得这些变量。
上载控件的使用
上载控件是Notes提供的上载附件的工具， 提供的上载附件的工具， 上载控件是 提供的上载附件的工具 使用方法 在表单种添加
附件存储方式 附件存储在文档种
表单隐藏公式
端编写隐藏公式方法基本上一样， 和Notes端编写隐藏公式方法基本上一样，主要了解 端编写隐藏公式方法基本上一样 Web端隐藏和 端隐藏和Notes端隐藏的设置 端隐藏和 端隐藏的设置
构建页面框架
• 通常做法 通常做法: • 1. 利用 利用FrontPage等页面制作工具，把页面的制作好。 等页面制作工具， 等页面制作工具 把页面的制作好。 • 2. 把页面中的 把页面中的<body></body>之间的代码拷贝到 之间的代码拷贝到 Domino表单上，并做内嵌 表单上， 表单上 • 3. 把页面中 把页面中Head部分 部分HTML代码拷入HTMLHead属性 部分 代码拷入 属性
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
热点，操作 热点， <Ahref=“….. Onclick＝。。。。>操作名</a> ..”Onclick＝。。。。>操作名</a> <Ahref= .. Onclick＝。。。。 另外: 另外: 计算类型的域，不被转换成HTML元素只在Web上产 计算类型的域，不被转换成HTML元素只在Web上产 HTML元素只在Web 生域值 在Web下隐藏的域，不产生域的HTNL代码，除非使 Web下隐藏的域，不产生域的HTNL代码， 下隐藏的域 HTNL代码 在表单中产生所有的域” 用“在表单中产生所有的域”
设置
往Domino表单中添加域 表单中添加域
• 在表单中添加域，设置域的HTML属性 在表单中添加域，设置域的 属性
添加操作 方法: 方法 • 1.使用 使用Domino的操作 使用 的操作 • 2.使用文字热点和图片热点 使用文字热点和图片热点 • 3.使用 使用HTML标记 标记<ahref=….. 使用 标记
添加操作
方法: 方法
在操作中写公式完成简单应用，（不能写Ls） 在操作中写公式完成简单应用，（不能写 ） ，（不能写 有一部分公式在Web上不能用。针对 上不能用。针对Notes端 有一部分公式在 上不能用 端 UIDocument的方法和命令都不能用 的方法和命令都不能用
实用的表单操作按钮
Domino保留域 保留域
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系
表单是Notes应用的基础，它们决定了数据在输入输 出过程中的显示方式；HTML页面也经常为用户提供 数据显示录入功能 由于Domino数据库的特殊结构，表单用于显示使用 该表单创建的文档。他们之间有一种对应关系HTML 页面则不具备这样的特性。
Domino内嵌 内嵌HTML的使用（实例分析） 的使用（ 内嵌 的使用 实例分析）
Domino内嵌 内嵌HTML与表单元素的混用 内嵌 与表单元素的混用
Domino表格的基本使用 表格的基本使用
Web上表格的美化 上表格的美化
Domino表格的基本使用 表格的基本使用
Domino表格的基本使用（实例） 表格的基本使用（实例） 表格的基本使用
如何使用表单构建Web页面 页面 如何使用表单构建
• 1. 构建页面框架 • 2. 往Domino表单中添加域 表单中添加域 • 3. 添加操作
构建页面框架
方法: 方法
• 1. 在Notes表单上使用 表单上使用Notes的格式化工具构建 的格式化工具构建Web页 页 表单上使用 的格式化工具构建 面 • 2. 使用其他 使用其他Web开发工具构建 开发工具构建Web页面，导入到 页面， 开发工具构建 页面 Domino表 域公式中使用内嵌HTML。 域公式中使用内嵌HTML 1.在公式计算的值头尾加方括号 在公式计算的值头尾加方括号 新浪</a>]” “[<ahref=“”>新浪 新浪 2.使用 使用HTML样式 样式 使用
Domino内嵌 内嵌HTML的使用（实例） 的使用（ 内嵌 的使用 实例）
如何使用表单构建Web页面 页面 如何使用表单构建
设计表单前的必备知识
o 表单的一些基本设置 o Domino域的 域的HTML属性设置 域的 属性设置 o Domino内嵌 内嵌HTML的使用 内嵌 的使用 o Domino表格的基本使用 表格的基本使用 o 计算文本的使用 o 使用文件上载控件 o 表单上的隐藏公式
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Domino表单和 表单和HTML页面之间的关系 表单和 页面之间的关系
在你的Notes表单或文档中使用域和大部分格式都能 被Domino服务器翻译成HTML语言，例如：左对齐、 Domino HTML 右对齐、居中；粗体、斜体、下划线和背景色；表； 等等
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
单选框 Input type= radio value= 域值” checkedname="域名 type=“radio value=“域值 radio” 域值” checkedname=" "> RTF域 RTF域 arearows="2"name="域名"cols="20" "2"name= "20"> <text arearows="2"name="域名"cols="20">
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面 • Notes元素在 元素在Web上HTML代码转换 元素在 上 代码转换
表单 DominoWeb页面会自动在页面上产生<form>和 DominoWeb页面会自动在页面上产生<form>和 页面会自动在页面上产生<form> </form>标记 </form>标记 表格 DominoWeb页面把Notes表格翻译成HTML语言 DominoWeb页面把Notes表格翻译成HTML语言 页面把Notes表格翻译成HTML <table>、<TR>/<TD>等等 等等, Notes上的一些特效不 <table>、<TR>/<TD>等等,但Notes上的一些特效不 转换
构建页面框架
以上方法的分析: 以上方法的分析 • 1. NotesDesigner不是专业的 不是专业的Web开发工具。功能不强 开发工具。 不是专业的 开发工具 大，但有些设计元素是所见即所得如：表格 但有些设计元素是所见即所得如： • 2. 专业的 专业的Web开发工具，能快速得开发 开发工具， 页面， 开发工具 能快速得开发Html页面， 页面 功能强大、专业。但引入到 功能强大、专业。但引入到Domino表单中都是 表单中都是 HTML代码，维护比较麻烦 代码， 代码 • 3. 二者结合取长补短
使用Domino表单构建 表单构建Web页面 使用 表单构建 页面
• Domino表单在读写模式下 表单在读写模式下HTML页面 表单在读写模式下 页面 转换的差异 • 写模式 • 读模式
如何使用表单构建Web页面 页面 如何使用表单构建 • 熟悉 熟悉DominoDesignerWeb开发环境 开发环境
o o o o
设计表单前的必备知识
o 表单的一些基本设置 o 2. 表单属性设置
设计表单前的必备知识
设计表单前的必备知识
Domino域的 域的HTML属性设置 域的 属性设置
代码转换
Domino内嵌 内嵌HTML的使用 内嵌 的使用
•添加 添加HTML的最简单的方法就是像在表单中输入静态 添加 的最简单的方法就是像在表单中输入静态 文本一样，直接键入 代码， 文本一样，直接键入HTML代码，然后选中这段代码， 代码 然后选中这段代码， 在菜单中选择“文本->内置 在菜单中选择“文本 内置HTML”即可 即可 内置