《工作流表单模板设计实用页面设计方法》由会员分享，可在线阅读，更多相关《工作流表单模板设计实用页面设计方法（117页珍藏版）》请在金锄头文库上搜索。
1、1 工作流表单模板设计 实用页面设计方法 程结构 内容 课时（ H） 第一章： 二章： 基本标记 三章： 表格（ 四章： 表单（ 五章： 框架（ 一章： 学时： 教学方法：讲授堂演示 目标 : 本章旨在向学员简要介绍 本结构，学员应该掌握如下知识： 1）了解 2）了解 3）理解 性 4 超文本标记语言（ 以 包含标记的文本文件 通过 浏览器解析标记来显示页面 简单文本编辑器即可，可在纯文本中编写代码 常用编辑器 本结构 文两部分构成；在外层以 标识为 欢迎进入 体验网页的魅力 ！ 分 文档头部分 正文部分 6 一个网页 y ou 开始学习做网页了，一定要加油啊！ 7 记 内容 组成的文本文件
2、通常成对出现 ，在开始标记和结束标记之间的文本是内容 大小写无关 ， 和 表示的意思是一样的 元素 - 标识标记 属性 - 描述标记 值 - 分配给属性的内容 8 记的属性 标记的属性 属性为页面上的 ： 属性通常以 对出现，写在起始标记中；一个标记可以有多个属性 属性值应该被包含在引号中，常用双引号。可嵌套使用单引号 第二章： 基本标记 学时： 教学方法：讲授机练习 目标 : 本章旨在向学员简要介绍 员应该掌握如下知识： 1）使用各种基本标记完成简单页面 10 控制 布局 浏览器解析 略源代码中多余的空格、空行等，如 如果我们需要给文字设置换行样式，需要使用特定的标记 11 控制 示例 12
3、 控制 段落： 将标记间的文字置为一个新的段落 可以设置以下属性 示例 性 含义 置段落的对齐方式，可取 段落示列 这是第一段 这是新的一段 13 控制 14 控制 换行： 强制进行换行操作 不换行： 禁止 标记 中间的文本换行 建议换行： 将此标记加在建议换行的位置 如：页面中显示网址，一般不会在网址字符串中间换行，加此标记后可能会换行 15 控制 16 控制 17 字分区 分区： 把 标记 中的内容做为单独的一块处理 可设置以下属性 属性 含义 置段落的对齐方式，可取 18 19 设格式文本 预设格式文本： 显示一个）和换行符（不显示），但我们可以用 和 让空白字符、换行字符保存下来 常用
4、于计算机程序的表达 20 设格式文本 21 体 字体： 还有 通常放在 可设置以下属性 属性 含义 置文字的大小，可取 1到 7的整数值。 另外：取 +3表示字体大小为 字体大小 +3；取 体大小 -3 置文字的颜色。 置文字的字体列表，第一种字体是首选的，如果用户机器上没有第一种字体，就用第二种字体显示，依次类推。如果列表中的字体都没有，就用用户机器上的默认字体显示。 22 体 今天 天气 今天 天气 真好 ! 23 题字体 标题字体： 到 6， 显示黑体字，并自动插入空行 可以设置如下属性： 属性 含义 置标题的位置，可取 24 题字体 25 理字体 物理字体（固定效果）： 设置字体显示样
5、式，主要有以下标记： 标记 含义 设置标记间的文字为粗体 设置标记间的文字为斜体 设置标记间的文字带下划线 设置标记间的文字为上标 设置标记间的文字为下标 设置标记间的文字带删除线 设置标记间的文字为插入 设置标记间的文字方向，如： 设置文字为电传打字机体 26 理字体 27 辑字体（一） 逻辑字体（与浏览器相关）： 表现文字含义，主要有以下标记： 标记 含义 一般强调（ 斜体 特别强调，黑体 表示地址 定义引用 用户键入的文字，字体变细变轻 一段引用的文字，斜体。用于书名、电影名 字体变小 字体变大 28 辑字体（二） 逻辑字体： 续： 标记 含义 定义术语 定义缩写 取首字母缩写 源代码
6、变量 例子 29 辑字体 30 平线 水平线： 用于分割同一文本的不同部分 可以设置如下属性： 属性 含义 置水平线的位置， 置水平线的宽度，可以用百分数，也可以用像素数。 置水平线的粗细。 设置水平线的颜色。 31 中 释 居中： 设置标记中的文本或者图像居中显示 注释： 浏览器中不显示注释内容 32 字移动 移动： 设置标记中的文本移动 可以设置如下属性： 属性 含义 置移动方向，值为 置移动方式，值为 置循环次数，整数值，未设置则一直循环。 33 字移动 啦啦啦，我从右向左移动！ 啦啦啦，我从左向右移动！ 啦啦啦，我只走一次就休息了！ 啦啦啦，我一圈一圈绕着走！ 啦啦啦，我来回走！ 啦啦
7、啦， 我 趟！ 啦啦啦， 我 趟！ 啦啦啦， 我 趟！ 34 表 列表： 用于列举内容 列表分类 无序列表（ 有序列表（ 定义列表（ 35 序列表 无序列表： 列表项以 标识 可以设置如下属性： 属性 含义 值可以是 别表示用实心圆点、实心方点、圆圈作为列表符号。 36 序列表 7 序列表 有序列表： 列表项以 标识 每一项显示时都有编号 可以设置如下属性： 属性 含义 值可以是 1、 a、 A、 i、 I，分别代表编号使用阿拉伯数字、小写英文字母、大写英文字母、小写罗马数字、大写罗马数字。 定序号的起始值，只能取数字。 38 序列表 9 义列表 定义列表： 对某对象的解释 定义标题 定义内容
8、 40 义列表 1 套列表 42 链接 超链接： 东软公司 可以设置如下属性： 性 含义 置 式为 :如 可以使用相对路径（相对于本网页路径的文件路径 )。链接的目标可以为任何类型的文件（例如可以为音视频文件）。 目标文件如果不能显示，就会出现下载对话框。 示链接的窗口或框架，可取以下值： _ 在新窗口中打开超链接 _ 在本窗口或本框架中打开超链接 _在上一级框架中打开超链接 _ 在整个浏览器窗口中打开超链接 置超链接的定位点。 43 链接 无序列表的示例 这是链接到相对 东软公司 这是链接到 44 链接 链接到指定位置： 到底部 需要先有标记位置： 底部 45 链接 示例（一） 46 链接 示例（二） 47 链接 发送电子邮件：
