第 5 章 列 表 与 超 链 接 图 5-1 精 美 电 商 悬 浮 框 效 果 展 示 知 识 引 入 1 无 序 列 表 无 序 列 表 是 网 页 中 最 常 用 的 列 表, 之 所 以 称 为 无 序 列 表, 是 因 为 其 各 个 列 表 项 之 间 为 并 列 关 系, 没 有 顺
|
|
|
- 珠 路
- 7 years ago
- Views:
Transcription
1 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 第 5 章 列 表 与 超 链 接 学 习 目 标 掌 握 无 序 有 序 及 定 义 列 表 的 使 用, 可 以 制 作 常 见 的 网 页 列 表 模 块 掌 握 超 链 接 标 记 的 使 用, 能 够 使 用 超 链 接 定 义 网 页 元 素 掌 握 CSS 伪 类, 会 使 用 CSS 伪 类 实 现 超 链 接 特 效 通 过 第 4 章 盒 子 模 型 的 学 习, 已 经 很 容 易 对 网 页 做 一 个 简 单 的 结 构 划 分 但 是 一 个 网 站 由 多 个 网 页 构 成, 每 个 网 页 上 都 有 大 量 的 信 息, 要 想 使 网 页 中 的 信 息 排 列 有 序, 条 理 清 晰, 并 且 网 页 与 网 页 之 间 有 一 定 的 联 系, 就 需 要 使 用 列 表 和 超 链 接 本 章 将 对 列 表 标 记 超 链 接 标 记 以 及 CSS 控 制 列 表 和 超 链 接 的 样 式 进 行 详 细 讲 解 5.1 案 例 11 精 美 电 商 悬 浮 框 案 例 描 述 在 制 作 电 商 网 站 时, 通 常 需 要 使 用 一 些 精 美 的 悬 浮 框 对 商 品 信 息 进 行 简 单 的 分 类, 这 样 即 可 以 方 便 消 费 者 搜 索 商 品, 也 可 以 使 网 页 结 构 变 得 清 晰 美 观 本 节 将 运 用 无 序 列 表 制 作 一 款 精 美 的 电 商 悬 浮 框, 其 效 果 如 图 5-1 所 示 1
2 第 5 章 列 表 与 超 链 接 图 5-1 精 美 电 商 悬 浮 框 效 果 展 示 知 识 引 入 1 无 序 列 表 无 序 列 表 是 网 页 中 最 常 用 的 列 表, 之 所 以 称 为 无 序 列 表, 是 因 为 其 各 个 列 表 项 之 间 为 并 列 关 系, 没 有 顺 序 级 别 之 分 例 如 传 智 播 客 官 网 的 导 航 栏 结 构 清 晰, 各 列 表 项 之 间 ( 如 网 页 平 面 与 java 培 训 ) 排 序 不 分 先 后, 这 个 导 航 栏 就 可 以 看 做 一 个 无 序 列 表 定 义 无 序 列 表 的 基 本 语 法 格 式 如 下 : <ul> <li> 列 表 项 1</li> <li> 列 表 项 2</li> <li> 列 表 项 3</li>... </ul> 在 上 面 的 语 法 中,<ul></ul> 标 记 用 于 定 义 无 序 列 表,<li></li> 标 记 嵌 套 在 <ul></ul> 标 记 中, 用 于 描 述 具 体 的 列 表 项, 每 对 <ul></ul> 中 至 少 应 包 含 一 对 <li></li> 值 得 一 提 的 是,<ul> 和 <li> 都 拥 有 type 属 性, 用 于 指 定 列 表 项 目 符 号 在 无 序 列 表 中 type 属 性 的 常 用 值 有 三 个, 它 们 呈 现 的 效 果 不 同, 具 体 如 表 5-1 所 示 表 5-1 无 序 列 表 的 常 用 type 属 性 值 type 属 性 值 显 示 效 果 disc( 默 认 值 ) circle 2
3 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 square 了 解 了 无 序 列 表 的 基 本 语 法 和 type 属 性, 下 面 来 创 建 一 个 无 序 列 表, 如 demo5-1 所 示 demo5-1 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 无 序 列 表 </title> 7 </head> 8 <body> 9 <h2> 衣 服 </h2> 10 <ul type="circle"> <!-- 对 ul 应 用 type=circle--> 11 <li>t 恤 </li> 12 <li> 连 衣 裙 </li> 13 <li> 裤 子 </li> 14 </ul> 15 <h2> 传 智 播 客 学 科 </h2> 16 <ul> 17 <li> 网 页 平 面 </li> <!-- 不 定 义 type 属 性 --> 18 <li type="square">java</li> <!-- 对 li 应 用 type=square--> 19 <li type="disc">php</li> <!-- 对 li 应 用 type=disc--> 20 </ul> 21 </body> 22 </html> 在 demo5-1 中, 创 建 了 两 个 无 序 列 表, 并 通 过 type 属 性 为 它 们 定 义 列 表 项 目 符 号 在 第 一 个 无 序 列 表 中, 对 <ul> 标 记 应 用 type 属 性, 在 第 二 个 列 表 中 对 其 子 列 表 项 <li> 应 用 type 属 性 运 行 demo5-1, 效 果 如 图 5-2 所 示 图 5-2 无 序 列 表 效 果 展 示 从 图 5-2 可 以 看 出, 不 定 义 type 属 性 时, 列 表 项 目 符 号 显 示 为 默 认 的, 为 <ul> 或 <li> 定 义 type 属 性 时, 列 表 项 目 符 号 则 按 定 义 的 样 式 显 示 3
4 第 5 章 列 表 与 超 链 接 注 意 : 1 不 赞 成 使 用 无 序 列 表 的 type 属 性, 一 般 通 过 CSS 样 式 属 性 替 代 2 <li> 与 </li> 之 间 相 当 于 一 个 容 器, 可 以 容 纳 所 有 的 元 素 但 是 <ul></ul> 中 只 能 嵌 套 <li></li>, 直 接 在 <ul></ul> 标 记 中 输 入 文 字 的 做 法 是 不 被 允 许 的 2 有 序 列 表 有 序 列 表 即 为 有 排 列 顺 序 的 列 表, 其 各 个 列 表 项 会 按 照 一 定 的 顺 序 排 列, 例 如 网 页 中 常 见 的 歌 曲 排 行 榜 游 戏 排 行 榜 等 都 可 以 通 过 有 序 列 表 来 定 义 定 义 有 序 列 表 的 基 本 语 法 格 式 如 下 : <ol> </ol> <li> 列 表 项 1</li> <li> 列 表 项 2</li> <li> 列 表 项 3</li>... 在 上 面 的 语 法 中,<ol></ol> 标 记 用 于 定 义 有 序 列 表,<li></li> 为 具 体 的 列 表 项, 和 无 序 列 表 类 似, 每 对 <ol></ol> 中 也 至 少 应 包 含 一 对 <li></li> 在 有 序 列 表 中, 除 了 type 属 性 之 外, 还 可 以 为 <ol> 定 义 start 属 性 为 <li> 定 义 value 属 性, 它 们 决 定 有 序 列 表 的 项 目 符 号, 其 取 值 和 含 义 如 表 5-2 所 示 type 表 5-2 有 序 列 表 相 关 的 属 性 属 性 属 性 值 描 述 1( 默 认 ) 项 目 符 号 显 示 为 数 字 a 或 A i 或 I 项 目 符 号 显 示 为 英 文 字 母 a b c d 或 A B C 项 目 符 号 显 示 为 罗 马 数 字 i ii iii 或 I II III start 数 字 规 定 项 目 符 号 的 起 始 值 value 数 字 规 定 项 目 符 号 的 数 字 案 例 实 现 1 结 构 分 析 在 图 5-1 所 示 的 电 商 悬 浮 框 中, 商 品 分 类 清 晰, 各 条 商 品 并 列 排 列 且 排 序 不 分 先 后, 因 此 可 以 通 过 无 序 列 表 <ul> 进 行 定 义 效 果 图 5-1 对 应 的 结 构 如 图 5-3 所 示 4
5 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 ul li li li li li 图 5-3 结 构 分 析 2 样 式 分 析 实 现 效 果 图 5-1 所 示 样 式 的 思 路 如 下 : (1) 运 用 背 景 属 性 (background) 为 ul 添 加 大 的 背 景 图 (2) 为 li 添 加 宽 高 和 边 框 样 式, 并 设 置 最 后 一 个 li 为 无 边 框 样 式 3 制 作 页 面 结 构 根 据 上 面 的 分 析, 使 用 相 应 的 HTML 标 记 来 搭 建 网 页 结 构, 如 example11 所 示 example11 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 精 美 电 商 悬 浮 框 </title> 7 <link href="example11_css.css" rel="stylesheet" type="text/css" /> 8 </head> 9 <body> 10 <ul> 11 <li> 服 装 鞋 帽 </li> 12 <li> 数 码 家 电 </li> 13 <li> 运 动 户 外 </li> 14 <li> 孕 婴 用 品 </li> 5
6 第 5 章 列 表 与 超 链 接 15 <li class="no_line"> 厨 卫 家 居 </li> 16 </ul> 17 </body> 18 </html> 运 行 example11, 效 果 如 图 5-4 所 示 图 5-4 HTML 结 构 页 面 效 果 图 4 定 义 CSS 样 式 搭 建 完 页 面 的 结 构 后, 接 下 来 使 用 CSS 对 页 面 的 样 式 进 行 修 饰 本 小 节 采 用 从 整 体 到 局 部 的 方 式 实 现 图 5-1 所 示 的 效 果, 具 体 如 下 : (1). 定 义 基 础 样 式 /* 全 局 控 制 */ body{font-size:16px; font-family:" 微 软 雅 黑 "; color:#222; /* 重 置 浏 览 器 的 默 认 样 式 */ body,ul,li{ padding:0; margin:0; list-style:none; (2). 为 ul 添 加 背 景 ul{ width:171px; height:299px; background:url(images/bg.jpg) no-repeat; padding-top:190px; color:#fff; 在 上 面 的 代 码 中, 先 设 置 无 序 列 表 ul 的 宽 高, 再 通 过 background 属 性 为 其 添 加 背 景 图 像 (3). 为 li 设 置 宽 高 和 边 框 样 式 li{ width:80px; height:40px; text-align:center; line-height:40px; border-bottom:1px dotted #fff; margin-left:45px; 6
7 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 (4). 去 掉 最 后 一 个 li 的 边 框.no_line{border:none; /* 设 置 类 名 为 no_line 的 li 无 边 框 */ 至 此, 完 成 图 5-1 所 示 电 商 悬 浮 框 的 CSS 样 式 部 分 刷 新 example11 所 在 的 页 面, 效 果 如 图 5-5 所 示 图 5-5 CSS 控 制 电 商 悬 浮 框 效 果 5.2 案 例 12 二 维 码 名 片 案 例 描 述 传 统 的 名 片, 往 往 需 要 手 动 把 上 面 的 信 息 存 进 手 机, 这 样 的 录 入 方 式 繁 琐 且 容 易 出 错 二 维 码 名 片 的 出 现, 简 化 了 繁 琐 的 信 息 录 入 方 式, 轻 轻 一 扫, 就 可 读 取 内 部 包 涵 的 文 字 和 图 片 信 息, 极 大 地 提 高 了 信 息 的 存 取 速 度 本 节 将 运 用 定 义 列 表 制 作 一 款 时 尚 潮 流 的 二 维 码 名 片, 其 效 果 如 图 5-6 所 示 7
8 第 5 章 列 表 与 超 链 接 图 5-6 二 维 码 名 片 效 果 展 示 知 识 引 入 1 定 义 列 表 定 义 列 表 常 用 于 对 术 语 或 名 词 进 行 解 释 和 描 述, 与 无 序 和 有 序 列 表 不 同, 定 义 列 表 的 列 表 项 前 没 有 任 何 项 目 符 号 其 基 本 语 法 如 下 : <dl> <dt> 名 词 1</dt> <dd> 名 词 1 解 释 1</dd> <dd> 名 词 1 解 释 2</dd>... <dt> 名 词 2</dt> <dd> 名 词 2 解 释 1</dd> <dd> 名 词 2 解 释 2</dd>... </dl> 在 上 面 的 语 法 中,<dl></dl> 标 记 用 于 指 定 定 义 列 表,<dt></dt> 和 <dd></dd> 并 列 嵌 套 于 <dl></dl> 中, 其 中,<dt></dt> 标 记 用 于 指 定 术 语 名 词,<dd></dd> 标 记 用 于 对 名 词 进 行 解 释 和 描 述 一 对 <dt></dt> 可 以 对 应 多 对 <dd></dd>, 即 可 以 对 一 个 名 词 进 行 多 项 解 释 了 解 了 定 义 列 表 的 基 本 语 法, 下 面 对 其 用 法 和 效 果 做 具 体 演 示, 如 demo5-2 所 示 demo5-2 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 定 义 列 表 </title> 8
9 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 7 </head> 8 <body> 9 <dl> 10 <dt> 计 算 机 </dt> <!-- 定 义 术 语 名 词 --> 11 <dd> 用 于 大 型 运 算 的 机 器 </dd> <!-- 解 释 和 描 述 名 词 --> 12 <dd> 可 以 上 网 冲 浪 </dd> 13 <dd> 工 作 效 率 非 常 高 </dd> 14 </dl> 15 </body> 16 </html> 在 demo5-2 中, 定 义 了 一 个 定 义 列 表, 其 中 <dt></dt> 标 记 内 为 术 语 名 词 计 算 机, 其 后 紧 跟 着 3 对 <dd></dd> 标 记, 用 于 对 <dt></dt> 标 记 中 的 名 词 进 行 解 释 和 描 述 运 行 demo5-2, 效 果 如 图 5-7 所 示 图 5-7 定 义 列 表 效 果 展 示 从 图 5-7 容 易 看 出, 相 对 于 <dt></dt> 标 记 中 的 术 语 或 名 词,<dd></dd> 标 记 中 解 释 和 描 述 性 的 内 容 会 产 生 一 定 的 缩 进 效 果 2 定 义 列 表 实 现 图 文 混 排 在 网 页 设 计 中, 定 义 列 表 常 用 于 实 现 图 文 混 排 效 果, 其 中 <dt></dt> 标 记 中 插 入 图 片,<dd></dd> 标 记 中 放 入 对 图 片 解 释 说 明 的 文 字 如 图 5-8 所 示 的 讲 师 简 介 模 块 就 可 以 通 过 定 义 列 表 来 实 现 dt dl dd 图 5-8 图 文 混 排 结 构 图 9
10 第 5 章 列 表 与 超 链 接 3 列 表 嵌 套 在 网 上 购 物 商 城 中 浏 览 商 品 时, 经 常 会 看 到 某 一 类 商 品 被 分 为 若 干 小 类, 这 些 小 类 通 常 还 包 含 若 干 的 子 类, 同 样, 在 使 用 列 表 时, 列 表 项 中 也 有 可 能 包 含 若 干 子 列 表 项 要 想 在 列 表 项 中 定 义 子 列 表 项 就 需 要 将 列 表 进 行 嵌 套, 下 面 对 列 表 嵌 套 的 方 法 做 具 体 演 示, 如 demo5-3 所 示 demo5-3 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 列 表 嵌 套 </title> 7 </head> 8 <body> 9 <h2> 饮 品 </h2> 10 <ul> 11 <li> 咖 啡 12 <ol> <!-- 有 序 列 表 的 嵌 套 --> 13 <li> 拿 铁 </li> 14 <li> 摩 卡 </li> 15 </ol> 16 </li> 17 <li> 茶 18 <ul> <!-- 有 序 列 表 的 嵌 套 --> 19 <li> 碧 螺 春 </li> 20 <li> 龙 井 </li> 21 </ul> 22 </li> 23 </ul> 24 </body> 25 </html> 在 demo5-3 中, 首 先 定 义 了 一 个 包 含 两 个 列 表 项 的 无 序 列 表, 然 后 在 第 一 个 列 表 项 中 嵌 套 一 个 有 序 列 表, 在 第 二 个 列 表 项 中 嵌 套 一 个 无 序 列 表, 方 法 为 在 <li></li> 中 定 义 有 序 或 无 序 列 表 运 行 demo5-3, 效 果 如 图 5-9 所 示 10
11 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 图 5-9 列 表 嵌 套 效 果 展 示 在 图 5-9 中, 咖 啡 和 茶 两 种 饮 品 又 进 行 了 第 二 次 分 类, 咖 啡 分 类 为 拿 铁 和 摩 卡, 茶 分 类 为 龙 井 和 碧 螺 春 案 例 实 现 1 结 构 分 析 图 5-6 所 示 的 二 维 码 名 片 由 图 片 和 文 字 两 部 分 构 成, 文 字 部 分 是 对 二 维 码 图 片 的 描 述 和 说 明 因 此 可 以 通 过 定 义 列 表 实 现 该 图 文 混 排 效 果, 其 中 <dt></dt> 标 记 中 插 入 图 片,<dd></dd> 标 记 中 放 入 对 图 片 解 释 说 明 的 文 字 效 果 图 5-6 对 应 的 结 构 如 图 5-10 所 示 dl dt dd dd dd dd 图 5-10 结 构 分 析 2 样 式 分 析 实 现 效 果 图 5-6 所 示 样 式 的 思 路 如 下 : 11
12 第 5 章 列 表 与 超 链 接 (1) 为 dl 定 义 宽 高 和 边 框 样 式 (2) 为 dt 定 义 宽 高 样 式, 并 运 用 背 景 属 性 添 加 二 维 码 图 片 (3) 为 dd 定 义 宽 高 样 式, 并 单 独 控 制 dd 中 特 殊 显 示 的 文 本 3 制 作 页 面 结 构 根 据 上 面 的 分 析, 使 用 相 应 的 HTML 标 记 来 搭 建 网 页 结 构, 如 example12 所 示 example12 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 设 计 师 名 片 /title></title> 7 <link href="example12_css.css" type="text/css" rel="stylesheet" /> 8 </head> 9 <body> 10 <dl> 11 <dt></dt> 12 <dd><span class="poo1"> 李 刚 </span> <span class="poo2"> 传 智 播 客 </span></dd> 13 <dd> 晋 级 : 网 页 设 计 师 </dd> 14 <dd> 案 例 :41 个 </dd> 15 <dd> 经 验 :4 年 </dd> 16 </dl> 17 </body> 18 </html> 在 上 面 的 代 码 中, 两 对 span 标 记 分 别 用 于 控 制 特 殊 显 示 的 文 本 李 刚 和 传 智 播 客 运 行 example12, 效 果 如 图 5-11 所 示 图 5-11 HTML 结 构 页 面 效 果 图 4 定 义 CSS 样 式 搭 建 完 页 面 的 结 构 后, 接 下 来 使 用 CSS 对 页 面 的 样 式 进 行 修 饰 本 小 节 采 用 从 整 体 到 局 部 的 方 式 实 现 图 5-6 所 示 的 效 果, 具 体 如 下 : (1). 定 义 基 础 样 式 /* 全 局 控 制 */ body{ font-size:14px; 12
13 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 /* 清 除 浏 览 器 的 默 认 样 式 */ body,dl,dt,dd{ padding:0; margin:0; border:0; (2). 为 dl 设 置 宽 高 和 边 框 样 式 dl{ width:170px; height:270px; border:10px solid #f1e9e9; padding:10px; margin:10px; 上 面 的 代 码 用 于 为 dl 设 置 宽 高 和 边 框 样 式, 为 了 使 边 框 和 内 容 之 间 dl 与 浏 览 器 边 界 之 间 有 一 定 的 留 白, 设 置 了 内 边 距 padding 及 外 边 距 margin 样 式 (3). 加 入 二 维 码 图 片 dt{ width:170px; height:162px; background:url(images/img.png) no-repeat -17px center; margin-bottom:5px; 在 上 面 的 代 码 中, 通 过 为 dt 标 记 设 置 背 景 图 像 来 插 入 二 维 码, 并 且 为 了 使 二 维 码 图 像 和 下 面 的 文 本 拉 开 一 定 的 距 离, 应 用 了 margin-bottom 样 式 (4). 设 置 dd 中 的 文 本 样 式 dd{ width:170px; height:26px; line-height:26px; color:#999; padding-left:5px; 上 面 的 代 码 用 于 控 制 dd 标 记 中 文 本 的 宽 高 行 高 及 颜 色, 为 了 使 文 本 左 侧 有 一 定 的 留 白, 应 用 了 padding-left 样 式 (5). 控 制 特 殊 显 示 的 文 本.poo1{ font-weight:bold; font-size:16px;.poo2{font-size:12px; 上 面 的 代 码 用 于 控 制 特 殊 显 示 的 文 本 李 刚 与 传 智 播 客 至 此, 完 成 图 5-6 所 示 二 维 码 名 片 的 CSS 样 式 部 分 刷 新 example12 所 在 的 页 面, 效 果 如 图 5-12 所 示 13
14 第 5 章 列 表 与 超 链 接 图 5-12 二 维 码 名 片 CSS 样 式 效 果 5.3 案 例 13 电 商 团 购 悬 浮 框 案 例 描 述. 单 调 的 列 表 项 目 符 号 往 往 并 不 能 满 足 网 页 制 作 的 需 求, 这 时 就 需 要 使 用 CSS 中 的 背 景 图 像 属 性, 通 过 图 像 的 url( 路 径 ) 为 各 列 表 项 设 置 更 丰 富 的 图 像, 使 列 表 的 样 式 更 加 美 观 本 节 将 通 过 背 景 图 像 定 义 列 表 项 目 符 号 的 方 法 制 作 一 款 电 商 团 购 悬 浮 框, 其 效 果 如 图 5-13 所 示 图 5-13 电 商 团 购 悬 浮 框 14
15 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 知 识 引 入 1 list-style 复 合 属 性 同 盒 子 模 型 的 边 框 等 属 性 一 样,CSS 中 的 列 表 样 式 也 是 一 个 复 合 属 性, 可 以 将 列 表 相 关 的 样 式 都 综 合 定 义 在 一 个 复 合 属 性 list-style 中 使 用 list-style 属 性 综 合 设 置 列 表 样 式 的 语 法 格 式 如 下 : list-style: 列 表 项 目 符 号 列 表 项 目 符 号 的 位 置 列 表 项 目 图 像 ; 使 用 复 合 属 性 list-style 时, 通 常 按 上 面 语 法 格 式 中 的 顺 序 书 写, 各 个 样 式 之 间 以 空 格 隔 开, 不 需 要 的 样 式 可 以 省 略 但 是 在 实 际 网 页 制 作 过 程 中, 为 了 更 高 效 地 控 制 列 表 项 目 符 号, 通 常 将 list-style 的 属 性 值 定 义 为 none, 然 后 通 过 为 <li> 设 置 背 景 图 像 的 方 式 实 现 不 同 的 列 表 项 目 符 号 2 背 景 图 像 定 义 列 表 项 目 符 号 由 于 列 表 样 式 对 列 表 项 目 图 像 的 控 制 能 力 不 强, 所 以 实 际 工 作 中 常 通 过 为 <li> 设 置 背 景 图 像 的 方 式 实 现 列 表 项 目 图 像 下 面 对 背 景 属 性 定 义 列 表 项 目 符 号 的 方 法 做 具 体 演 示, 如 demo5-4 所 示 demo5-4 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 背 景 属 性 定 义 列 表 项 目 符 号 </title> 7 <style type="text/css"> 8 li{ 9 list-style:none; /* 清 除 列 表 的 默 认 样 式 */ 10 height:26px; 11 line-height:26px; 12 background:url(images/book.png) no-repeat left center; /* 为 li 设 置 背 景 图 像 */ 13 padding-left:25px; </style> 16 </head> 17 <body> 18 <h2> 传 智 播 客 学 科 </h2> 19 <ul> 20 <li> 网 页 平 面 </li> 21 <li>java</li> 22 <li>php</li> 23 <li>.net</li> 24 </ul> 25 </body> 26 </html> 在 demo5-4 中, 定 义 了 一 个 无 序 列 表, 其 中 第 9 行 代 码 通 过 list-style:none; 清 除 列 表 的 默 认 显 示 样 式, 第 12 行 代 码 通 过 为 <li> 设 置 背 景 图 像 的 方 式 来 定 义 列 表 项 目 符 号 15
16 第 5 章 列 表 与 超 链 接 运 行 demo5-4, 效 果 如 图 5-14 所 示 图 5-14 背 景 图 定 义 列 表 项 目 符 号 在 图 5-14 中, 每 个 列 表 项 前 都 添 加 了 列 表 项 目 图 像, 如 果 需 要 调 整 列 表 项 目 图 像 只 需 更 改 <li> 的 背 景 属 性 即 可 案 例 实 现 1 结 构 分 析 图 5-15 所 示 的 电 商 团 购 悬 浮 框 由 团 购 时 间 团 购 种 类 和 返 回 顶 部 几 部 分 并 列 构 成, 可 以 通 过 无 序 列 表 <ul> 来 定 义 效 果 图 5-13 对 应 的 结 构 如 图 5-15 所 示 ul li li li li li li 图 5-15 结 构 分 析 2 样 式 分 析 实 现 效 果 图 5-13 所 示 样 式 的 思 路 如 下 : (1) 为 ul 设 置 宽 高 和 边 框 样 式 16
17 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 (2) 为 li 设 置 宽 高 样 式, 并 通 过 背 景 属 性 定 义 列 表 项 目 符 号 3 制 作 页 面 结 构 根 据 上 面 的 分 析, 使 用 相 应 的 HTML 标 记 来 搭 建 网 页 结 构, 如 example13 所 示 example13 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 电 商 团 购 悬 浮 框 </title> 7 <link href="example15.css" rel="stylesheet" type="text/css" /> 8 </head> 9 <body> 10 <ul> 11 <li>7 月 30 日 0:00 开 团 </li> 12 <li class="item"> 新 品 团 </li> 13 <li class="item"> 尝 鲜 团 </li> 14 <li class="item"> 秒 杀 团 </li> 15 <li class="item"> 清 仓 团 </li> 16 <li class="back"> 返 回 顶 部 </li> 17 </ul> 18 </body> 19 </html> 运 行 example13, 效 果 如 图 5-16 所 示 图 5-16 HTML 结 构 页 面 效 果 图 4 定 义 CSS 样 式 搭 建 完 页 面 的 结 构 后, 接 下 来 使 用 CSS 对 页 面 的 样 式 进 行 修 饰 本 节 采 用 从 整 体 到 局 部 的 方 式 实 现 图 5-13 所 示 的 效 果, 具 体 如 下 : (1). 定 义 基 础 样 式 /* 重 置 浏 览 器 的 默 认 样 式 */ 17
18 第 5 章 列 表 与 超 链 接 body,ul,li{ padding:0; margin:0; list-style:none; /* 全 局 控 制 */ body{font-size:18px; font-family:" 微 软 雅 黑 "; (2). 为 ul 设 置 宽 高 和 边 框 样 式 ul{ width:200px; height:270px; margin:20px; border:3px solid #613e72; padding:10px; 上 面 的 代 码 用 于 为 ul 设 置 宽 高 和 边 框 样 式, 为 了 使 边 框 和 内 容 之 间 ul 与 浏 览 器 边 界 之 间 有 一 定 的 留 白, 还 设 置 了 内 边 距 padding 及 外 边 距 margin 样 式 (3). 整 体 控 制 列 表 项 li 团 购 时 间 团 购 种 类 与 返 回 顶 部 三 部 分 有 一 些 相 同 的 样 式, 如 宽 高 行 高 内 边 距 和 外 边 距, 但 是 列 表 项 目 图 像 与 文 本 颜 色 不 同 这 里 先 以 团 购 时 间 的 样 式 为 标 准, 来 整 体 控 制 列 表 项 li 的 样 式 CSS 代 码 如 下 : li{ width:142px; height:40px; line-height:40px; background: url(images/clock.png) no-repeat left center; padding-left:40px; margin:0 auto 5px; color:#613e72; 这 时, 刷 新 example13 所 在 的 页 面, 效 果 如 图 5-17 所 示 图 5-17 整 体 控 制 列 表 项 18
19 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 (4). 单 独 控 制 团 购 种 类 部 分 团 购 种 类 部 分 的 文 本 颜 色 和 列 表 项 目 图 像 与 团 购 时 间 不 同, 且 其 背 景 颜 色 为 紫 色, 需 要 单 独 进 行 控 制 CSS 代 码 如 下 :.item{ background:#613e72 url(images/icon.png) no-repeat 5px center; color:#fff; (5). 单 独 控 制 返 回 顶 部 部 分 返 回 顶 部 部 分 的 列 表 项 目 图 像 与 团 购 时 间 不 同, 需 要 单 独 为 其 定 义 背 景 图 像 CSS 代 码 如 下 :.back{background:url(images/back.png) no-repeat left center; 至 此, 完 成 图 5-13 所 示 电 商 团 购 悬 浮 框 的 CSS 样 式 部 分 刷 新 example13 所 在 的 页 面, 效 果 如 图 5-18 所 示 图 5-18 团 购 悬 浮 框 CSS 样 式 效 果 5.4 案 例 14 唱 吧 导 航 栏 案 例 描 述 浏 览 网 站 时, 通 过 导 航 栏 可 以 让 访 问 者 迅 速 找 到 所 需 要 的 资 源 区 域, 就 像 出 门 旅 行, 旅 客 通 过 地 图 的 引 导 能 够 轻 松 到 达 目 的 地 导 航 栏 就 相 当 于 一 个 网 站 的 地 图, 访 客 可 以 通 过 导 航 纵 观 整 个 网 站 本 节 将 运 用 列 表 和 超 链 接 的 相 关 知 识 制 作 一 款 唱 吧 导 航 栏, 其 效 果 如 图 5-19 所 示 当 鼠 标 移 上 每 个 歌 曲 分 类 时, 其 背 景 颜 色 和 背 景 图 像 都 发 生 变 化, 如 图 5-20 所 示 19
20 第 5 章 列 表 与 超 链 接 图 5-19 唱 吧 导 航 栏 默 认 效 果 图 5-20 鼠 标 移 上 歌 曲 分 类 时 知 识 引 入 1 超 链 接 标 记 <a> 一 个 网 站 通 常 由 多 个 页 面 构 成, 进 入 网 站 时 首 先 看 到 的 是 其 首 页, 如 果 想 从 首 页 跳 转 到 其 子 页 面, 就 需 要 在 首 页 相 应 的 位 置 添 加 超 链 接 在 HTML 中 创 建 超 链 接 非 常 简 单, 只 需 用 <a></a> 标 记 环 绕 需 要 被 链 接 的 对 象 即 可 创 建 超 链 接 的 基 本 语 法 格 式 如 下 : <a href=" 跳 转 目 标 " target=" 目 标 窗 口 的 弹 出 方 式 "> 文 本 或 图 像 </a> 在 上 面 的 语 法 中,<a> 标 记 是 一 个 行 内 标 记, 用 于 定 义 超 链 接,href 和 target 为 其 常 用 属 性, 下 面 对 它 们 进 行 具 体 地 解 释 href: 用 于 指 定 链 接 目 标 的 url 地 址, 当 为 <a> 标 记 应 用 href 属 性 时, 它 就 具 有 了 超 链 接 的 功 能 target: 用 于 指 定 链 接 页 面 的 打 开 方 式, 其 取 值 有 _self 和 _blank 两 种, 其 中 _self 为 默 认 值, 意 为 在 原 窗 口 中 打 开,_blank 为 在 新 窗 口 中 打 开 了 解 了 创 建 超 链 接 的 基 本 语 法 和 超 链 接 标 记 的 常 用 属 性, 接 下 来 带 领 大 家 创 建 一 个 带 有 超 链 接 功 能 的 简 单 页 面, 如 demo5-5 所 示 demo5-5 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 创 建 超 链 接 </title> 7 </head> 8 <body> 9 <a href=" target="_self"> 传 智 播 客 </a> target="_self" 原 窗 口 打 开 <br /> 10 <a href=" target="_blank"> 百 度 </a> target="_blank" 新 窗 口 打 开 11 </body> 12 </html> 20
21 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 在 demo5-5 中, 创 建 了 两 个 超 链 接, 通 过 href 属 性 将 它 们 的 链 接 目 标 分 别 指 定 为 传 智 播 客 官 网 和 百 度, 同 时, 通 过 target 属 性 定 义 第 一 个 链 接 页 面 在 原 窗 口 打 开, 第 二 个 链 接 页 面 在 新 窗 口 打 开 运 行 demo5-5, 效 果 如 图 5-21 所 示 图 5-21 带 有 超 链 接 的 页 面 在 图 5-21 中, 被 超 链 接 标 记 <a></a> 环 绕 的 文 本 传 智 播 客 和 百 度 颜 色 特 殊 且 带 有 下 划 线 效 果, 这 是 因 为 超 链 接 标 记 本 身 有 默 认 的 显 示 样 式 当 鼠 标 移 上 链 接 文 本 时, 光 标 变 为 的 形 状, 同 时, 页 面 的 左 下 方 会 显 示 链 接 页 面 的 地 址 当 点 击 链 接 文 本 传 智 播 客 和 百 度 时, 分 别 会 在 原 窗 口 和 新 窗 口 中 打 开 链 接 页 面, 如 图 5-22 和 5-23 所 示 图 5-22 链 接 页 面 在 原 窗 口 打 开 图 5-23 链 接 页 面 在 新 窗 口 打 开 注 意 : 1 暂 时 没 有 确 定 链 接 目 标 时, 通 常 将 <a> 标 记 的 href 属 性 值 定 义 为 # ( 即 href="#"), 表 示 该 链 接 暂 时 为 一 个 空 链 接 链 接 2 不 仅 可 以 创 建 文 本 超 链 接, 在 网 页 中 各 种 网 页 元 素, 如 图 像 表 格 音 频 视 频 等 都 可 以 添 加 超 2 清 除 超 链 接 图 像 的 边 框 创 建 图 像 超 链 接 时, 在 某 些 浏 览 器 中, 图 像 会 自 动 添 加 边 框 效 果, 如 图 5-24 所 示 图 5-24 IE 中 图 像 超 链 接 的 效 果 21
22 第 5 章 列 表 与 超 链 接 这 时 为 了 不 影 响 页 面 的 美 观, 通 常 需 要 清 除 超 链 接 图 像 的 边 框, 使 图 像 正 常 显 示 去 掉 链 接 图 像 的 边 框 很 简 单, 只 需 将 图 像 的 边 框 定 义 为 0 即 可, 具 体 示 例 代 码 如 下 : <a href="#"><img src="images/logo.gif" border="0" /></a> 这 时 保 存 HTML 文 件, 刷 新 图 5-24 所 示 的 页 面, 效 果 如 图 5-25 所 示, 链 接 图 像 的 边 框 消 失 了 图 5-25 清 除 链 接 图 像 边 框 3 链 接 伪 类 在 CSS 中, 通 过 链 接 伪 类 可 以 实 现 不 同 的 链 接 状 态, 使 得 超 链 接 在 点 击 前 点 击 后 和 鼠 标 悬 停 时 的 样 式 不 同 所 谓 伪 类 并 不 是 真 正 意 义 上 的 类, 它 的 名 称 是 由 系 统 定 义 的, 通 常 由 标 记 名 类 名 或 id 名 加 : 构 成 超 链 接 标 记 <a> 的 伪 类 有 4 种, 具 体 如 表 5-3 所 示 表 5-3 超 链 接 标 记 <a> 的 伪 类 超 链 接 标 记 <a> 的 伪 类 含 义 a:link{ CSS 样 式 规 则 ; 未 访 问 时 超 链 接 的 状 态 a:visited{ CSS 样 式 规 则 ; 访 问 后 超 链 接 的 状 态 a:hover{ CSS 样 式 规 则 ; 鼠 标 经 过 悬 停 时 超 链 接 的 状 态 a: active{ CSS 样 式 规 则 ; 鼠 标 点 击 不 动 时 超 链 接 的 状 态 表 5-3 中 列 出 了 超 链 接 标 记 <a> 的 4 种 伪 类, 为 了 使 初 学 者 更 好 地 理 解 和 应 用 链 接 伪 类, 接 下 来 使 用 链 接 伪 类 来 制 作 一 个 网 页 导 航, 如 demo5-6 所 示 demo5-6 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 链 接 伪 类 </title> 7 <style type="text/css"> 8 a:link,a:visited{ /* 未 访 问 和 访 问 后 */ 9 color:#fc0; 10 text-decoration:none; /* 清 除 超 链 接 默 认 的 下 划 线 */ 11 margin-right:20px; a:hover{ /* 鼠 标 悬 停 */ 14 color:#0f0; 15 text-decoration:underline; /* 鼠 标 悬 停 时 出 现 下 划 线 */ 16 22
23 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 17 a:active{ color:#f00; /* 鼠 标 点 击 不 动 */ 18 </style> 19 </head> 20 <body> 21 <a href="#"> 公 司 首 页 </a> 22 <a href="#"> 公 司 简 介 </a> 23 <a href="#"> 产 品 介 绍 </a> 24 <a href="#"> 联 系 我 们 </a> 25 </body> 26 </html> 在 demo5-6 中, 通 过 链 接 伪 类 定 义 超 链 接 不 同 状 态 的 样 式, 需 要 注 意 的 是 第 10 行 代 码 用 于 清 除 超 链 接 默 认 的 下 划 线, 第 15 行 代 码 用 于 在 鼠 标 悬 停 时 为 超 链 接 添 加 下 划 线 运 行 demo5-6, 效 果 如 图 5-26 所 示 图 5-26 导 航 效 果 在 图 5-26 中, 超 链 接 按 设 置 的 默 认 样 式 显 示, 文 本 颜 色 为 橙 色 无 下 划 线 当 鼠 标 移 上 链 接 文 本 时, 文 本 颜 色 变 为 绿 色 且 添 加 下 划 线 效 果, 如 图 5-27 所 示 当 鼠 标 点 击 链 接 文 本 不 动 时, 文 本 颜 色 变 为 红 色 且 添 加 默 认 的 下 划 线, 如 图 5-28 所 示 图 5-27 鼠 标 悬 停 时 的 链 接 样 式 图 5-28 鼠 标 点 击 不 动 时 的 链 接 样 式 值 得 一 提 的 是, 在 实 际 工 作 中, 通 常 只 需 要 使 用 a:link a:visited 和 a:hover 定 义 未 访 问 访 问 后 和 鼠 标 悬 停 时 的 链 接 样 式 并 且 常 常 对 a:link 和 a:visited 应 用 相 同 的 样 式, 使 未 访 问 和 访 问 后 的 链 接 样 式 保 持 一 致 注 意 : 1 同 时 使 用 链 接 的 4 种 伪 类 时, 通 常 按 照 a:link a:visited a:hover 和 a:active 的 顺 序 书 写, 否 则 定 义 的 样 式 可 能 不 起 作 用 2 除 了 文 本 样 式 之 外, 链 接 伪 类 还 常 常 用 于 控 制 超 链 接 的 背 景 边 框 等 样 式 4 锚 点 链 接 浏 览 网 站 时, 为 了 提 高 信 息 的 检 索 速 度, 常 需 要 用 到 HTML 语 言 中 一 种 特 殊 的 链 接 锚 点 链 接, 通 过 创 建 锚 点 链 接, 用 户 能 够 快 速 定 位 到 目 标 内 容 下 面 对 创 建 锚 点 链 接 的 方 法 做 具 体 演 示, 如 demo5-7 所 示 23
24 第 5 章 列 表 与 超 链 接 demo5-7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title> 锚 点 链 接 </title> </head> <body> 课 程 介 绍 : <ul> <li><a href="#one"> 平 面 广 告 设 计 </a></li> <li><a href="#two"> 网 页 设 计 与 制 作 </a></li> <li><a href="#three">flash 互 动 广 告 动 画 设 计 </a></li> <li><a href="#four"> 用 户 界 面 (UI) 设 计 </a></li> <li><a href="#five">javascript 与 JQuery 网 页 特 效 </a></li> </ul> <h3 id="one"> 平 面 广 告 设 计 </h3> <p> 课 程 涵 盖 Photoshop 图 像 处 理 Illustrator 图 形 设 计 平 面 广 告 创 意 设 计 字 体 设 计 与 标 志 设 计 </p> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <h3 id="two"> 网 页 设 计 与 制 作 </h3> <p> 课 程 涵 盖 DIV+CSS 实 现 web 标 准 布 局 Dreamweaver 快 速 网 站 建 设 网 页 版 式 构 图 与 设 计 技 巧 网 页 配 色 理 论 与 技 巧 </p> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <h3 id="three">flash 互 动 广 告 动 画 设 计 </h3> <p> 课 程 涵 盖 Flash 动 画 基 础 Flash 高 级 动 画 Flash 互 动 广 告 设 计 Flash 商 业 网 站 设 计 </p> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <h3 id="four"> 用 户 界 面 (UI) 设 计 </h3> <p> 课 程 涵 盖 实 用 美 术 基 础 手 绘 基 础 造 型 图 标 设 计 与 实 战 演 练 界 面 设 计 与 实 战 演 练 </p> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <h3 id="five">javascript 与 JQuery 网 页 特 效 </h3> <p> 课 程 涵 盖 Javascript 编 程 基 础 Javascript 网 页 特 效 制 作 JQuery 编 程 基 础 JQuery 网 页 特 效 制 作 </p> </body> </html> 在 demo5-7 中, 首 先 使 用 <a href="#id 名 "> 链 接 文 本 </a> 创 建 链 接 文 本, 其 中 href="#id 名 " 用 于 指 定 链 接 目 标 的 id 名 称, 如 行 代 码 所 示, 然 后 使 用 相 应 的 id 名 标 注 跳 转 目 标 位 置 运 行 demo5-7, 效 果 如 图 5-29 所 示 24
25 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 图 5-29 创 建 锚 点 链 接 图 5-28 所 示 即 为 一 个 较 长 的 网 页 页 面, 当 鼠 标 点 击 课 程 介 绍 下 的 链 接 时, 页 面 会 自 动 定 位 到 相 应 的 内 容 介 绍 部 分 例 如 点 击 Flash 互 动 广 告 动 画 设 计 时, 页 面 效 果 如 图 5-30 所 示 图 5-30 页 面 定 位 到 相 应 的 位 置 总 结 demo5-7 可 以 得 出, 创 建 锚 点 链 接 分 为 两 步 : 1 使 用 <a href="#id 名 "> 链 接 文 本 </a> 创 建 链 接 文 本 2 使 用 相 应 的 id 名 标 注 跳 转 目 标 的 位 置 案 例 实 现 1 结 构 分 析 图 5-19 所 示 的 导 航 栏 可 以 看 做 是 一 个 大 的 盒 子, 用 <div> 标 记 进 行 定 义 大 盒 子 的 上 面 为 标 题 和 播 放 按 钮, 下 面 为 歌 曲 分 类, 其 中 标 题 和 播 放 按 钮 可 以 通 过 <h2> 和 <a> 标 记 进 行 定 义, 歌 曲 分 类 部 分 用 无 序 列 表 <ul> 进 行 定 义 对 于 歌 曲 分 类 中 的 链 接 可 通 过 超 链 接 标 记 进 行 定 义 效 果 图 5-19 对 应 的 结 构 如 图 5-31 所 示 25
26 第 5 章 列 表 与 超 链 接 div h2 div a li h2 li h2 li h2 li h2 a p p a p p a p p a p p ul 图 5-31 结 构 分 析 2 样 式 分 析 实 现 效 果 图 5-19 所 示 样 式 的 思 路 如 下 : (1) 通 过 最 外 层 的 大 盒 子 对 导 航 栏 进 行 整 体 控 制, 需 要 对 其 设 置 宽 度 高 度 内 边 距 边 框 及 背 景 色 等 (2) 设 置 标 题 和 播 放 按 钮 的 样 式, 主 要 控 制 其 文 本 大 小 颜 色 背 景 图 像 等 (3) 对 歌 曲 分 类 部 分 的 li 进 行 整 体 控 制, 为 其 设 置 宽 高 浮 动 及 内 边 距 样 式 (4) 使 用 伪 类 为 每 一 个 li 设 置 默 认 和 鼠 标 移 上 时 的 背 景 样 式 (5) 设 置 li 内 的 文 本 样 式 3 制 作 页 面 结 构 根 据 上 面 的 分 析, 使 用 相 应 的 HTML 标 记 来 搭 建 网 页 结 构, 如 example14 所 示 example14 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 " 3 <html xmlns=" 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <title> 唱 吧 导 航 栏 </title> 7 </head> 8 <body> 9 <div class="all"> 10 <div class="txt"> 11 <h2>music 精 选 歌 单 </h2> 12 <a href="#"> 连 播 本 页 </a> 13 </div> 14 <ul class="con"> 15 <li class="radio"> 16 <h2>radio</h2> 17 <p> 音 乐 达 人 </p> 18 <p><a href="#"> 随 便 听 听 >></a></p> 19 </li> 20 <li class="song"> 21 <h2>song</h2> 26
27 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 22 <p> 音 乐 达 人 </p> 23 <p><a href="#"> 最 新 单 曲 >></a></p> 24 </li> 25 <li class="album"> 26 <h2>album</h2> 27 <p> 音 乐 达 人 </p> 28 <p><a href="#"> 音 乐 专 辑 >></a></p> 29 </li> 30 <li class="mv"> 31 <h2>mv</h2> 32 <p> 音 乐 达 人 </p> 33 <p><a href="#"> 劲 爆 MV>></a></p> 34 </li> 35 </ul> 36 </div> 37 </body> 38 </html> 运 行 example14, 效 果 如 图 5-32 所 示 图 5-32 HTML 结 构 页 面 效 果 图 27
28 第 5 章 列 表 与 超 链 接 4 定 义 CSS 样 式 搭 建 完 页 面 的 结 构 后, 接 下 来 使 用 CSS 对 页 面 的 样 式 进 行 修 饰 本 节 采 用 从 整 体 到 局 部 的 方 式 实 现 图 5-19 所 示 的 效 果, 具 体 如 下 : (1). 定 义 基 础 样 式 /* 重 置 浏 览 器 的 默 认 样 式 */ body,h1,h2,h3,ul,li,img,p{ padding:0; margin:0; list-style:none; boeder:0; /* 全 局 控 制 */ body{font-size:14px; font-family:"arial"," 宋 体 "; color:#fff; (2). 整 体 控 制 唱 吧 导 航 栏.all{ width:952px; height:175px; margin:50px auto; padding:0 14px;; background:#f6f3e9; border:1px solid #CCC; 上 面 的 代 码 用 于 整 体 控 制 最 外 层 的 大 盒 子, 其 中 第 3 行 代 码 margin:50px auto; 用 于 使 大 盒 子 左 右 居 中, 上 下 和 浏 览 器 边 界 有 一 定 的 距 离 (3). 控 制 标 题 和 播 放 按 钮.txt{ /* 整 理 控 制 标 题 和 播 放 按 钮 */ height:50px; line-height:50px; color:#a84848;.txt h2{ /* 控 制 标 题 */ width:175px; padding-left:32px; font-size:16px; background:url(images/iconh.png) no-repeat left center; float:left;.txt a{ /* 控 制 播 放 按 钮 */ display:inline-block; width:60px; padding-left:25px; float:right; font-weight:bold; font-size:14px;.txt a:link,.txt a:visited{ /* 播 放 按 钮 的 默 认 样 式 */ 28
29 传 智 播 客 专 注 于 Java.Net 和 Php 网 页 平 面 设 计 工 程 师 的 培 训 color:#a84848; text-decoration:none; background:url(images/play1.png) no-repeat left center;.txt a:hover{ /* 鼠 标 移 上 播 放 按 钮 时 的 样 式 */ color:#000; background:url(images/play2.png) no-repeat left center; 上 面 的 代 码 用 于 控 制 大 盒 子 上 部 的 标 题 和 播 放 按 钮 其 中, 使 用 链 接 伪 类 对 播 放 按 钮 的 默 认 状 态 和 鼠 标 移 上 时 的 状 态 进 行 了 控 制 (4). 整 体 控 制 歌 曲 分 类 中 的 li.con li{ width:148px; height:105px; float:left; padding:20px px; 在 上 面 的 代 码 中, 对 li 设 置 了 宽 高 浮 动 等 样 式 (5). 为 各 歌 曲 分 类 设 置 交 互 效 果 当 鼠 标 移 上 每 个 歌 曲 分 类 时, 其 背 景 图 像 和 背 景 颜 色 都 会 发 生 变 化, 可 以 通 过 伪 类 控 制 各 歌 曲 分 类 来 实 现 这 一 交 互 效 果 CSS 代 码 如 下.radio{background:#52A6B6 url(images/icon1.png) no-repeat 15px 15px;.radio:hover{ background:# url(images/icon5.png) no-repeat 15px 15px;.song{ background:#55b9b6 url(images/icon2.png) no-repeat 15px 15px;.song:hover{ background:# url(images/icon6.png) no-repeat 15px 15px;.album{ background:#55ba7c url(images/icon3.png) no-repeat 15px 15px;.album:hover{ background:# url(images/icon7.png) no-repeat 15px 15px;.mv{ background:#a16580 url(images/icon4.png) no-repeat 15px 15px;;.mv:hover{ background:# url(images/icon8.png) no-repeat 15px 15px;; (6). 控 制 歌 曲 分 类 中 的 文 本 由 于 各 歌 曲 分 类 中 的 文 本 效 果 相 同, 因 此 可 以 使 用 并 集 选 择 器 同 时 控 制 各 文 本 CSS 代 码 如 下.radio h2,.song h2,.album h2,.mv h2{ font-size:44px;.radio p,.song p,.album p,.mv p{ line-height:22px;.radio a:link,.radioa:visited,.song a:link,.song a:visited,.album a:link,.album a:visited,.mv a:link,.mv a:visited{ color:#fff; text-decoration:none; 至 此, 完 成 图 5-19 所 示 唱 吧 导 航 栏 的 CSS 样 式 部 分 刷 新 example14 所 在 的 页 面, 效 果 如 图 5-33 所 示 29
30 第 5 章 列 表 与 超 链 接 图 5-33 唱 吧 导 航 栏 CSS 样 式 效 果 当 鼠 标 移 上 各 歌 曲 分 类 时, 其 背 景 颜 色 和 背 景 图 像 都 会 发 生 变 化, 如 图 5-34 所 示 图 5-34 鼠 标 移 上 歌 曲 分 类 效 果 30
网 页 设 计 实 训 教 程 1.4 实 现 过 程 任 务 1: 制 作 诗 词 欣 赏 页 面 步 骤 1: 打 开 编 辑 环 境, 创 建 HTML 文 档 1 1.html, 保 存 到 指 定 位 置, 在 文 档 中 输 入 HTML 文 档 的 基 本 结 构, 代 码 如 下 :
实 训 一 实 训 一 制 作 诗 词 欣 赏 页 面 1.1 实 训 目 标 了 解 HTML 网 页 基 本 语 法 和 结 构 了 解 HTML 基 本 元 素 掌 握 对 网 页 中 文 字 格 式 化 的 方 法 掌 握 对 网 页 中 段 落 格 式 化 的 方 法 1.2 实 训 内 容 文 字 是 网 页 的 基 础 部 分, 具 体 内 容 包 括 浏 览 器 中 要 显 示 的
XP11067_內文.pdf
Adobe Flash Steve Jobs 2010 ios Flash http://www.apple.com/ hotnews/thoughts-on-flash/ ios Flash ios HTML5 NimbleKit ipad HTML5 HTML5 NimbleKit Objective-C iphone ipod touch HTML5 ipad iphone ipod touch
网页设计与网站开发
网 页 设 计 与 网 站 开 发 孙 永 科 编 西 南 林 业 大 学 计 算 机 科 学 与 信 息 学 院 序 本 指 导 书 主 要 介 绍 了 网 页 制 作 中 三 个 基 本 语 言 html,css 和 javascript 的 使 用, 适 合 网 页 编 程 的 初 学 者 学 习 使 用, 也 适 合 程 序 爱 好 者 自 学 html,css 和 javascript 是
第 二 部 分 是 属 性 选 择 器 ; 第 三 部 分 是 伪 类 选 择 器 2.1 通 配 符 选 择 器 二 基 本 选 择 器 通 配 符 选 择 器 是 用 来 选 择 所 有 元 素, 也 可 以 选 择 某 个 元 素 下 的 所 有 元 素 示 例 11-1: 通 配 符 选 择
Web 前 端 开 发 课 程 理 论 教 学 部 分 第 十 一 讲 : 选 择 器 学 时 计 划 :2 学 时 理 论,0 学 时 实 验 ( 无 实 验 教 学 内 容 ) 教 学 大 纲 : 1 认 识 选 择 器 2 基 本 选 择 器 3 属 性 选 择 器 4 结 构 性 伪 类 选 择 器 5 UI 元 素 状 态 伪 类 选 择 器 6 数 据 表 格 7 讨 论 与 思 考 选
05 01 accordion UI containers 03 Accordion accordion UI accordion 54
jquery UI plugin Accordion 05 01 accordion UI containers 03 Accordion accordion UI accordion 54 05 jquery UI plugin 3-1
課程簡介
CSS 長 這 樣 結 合 CSS 技 術 到 HTML 中 CSS (Cascading Style Sheet) 樣 式 表, 主 要 用 來 裝 飾 編 排 網 頁 內 容, 與 HTML 相 輔 相 成 HTML 用 來 表 示 結 構 性 的 資 料,CSS 決 定 網 頁 的 樣 式 ( 顏 色 文 字 大 小 位 置 等 等 ) 為 什 麼 要 CSS HTML 的 標
CSS样式表
CSS 样 式 表 教 学 重 点 : CSS 样 式 表 基 础 知 识 CSS 样 式 的 分 类 CSS 样 式 的 链 接 添 加 CSS 样 式 的 其 它 相 关 知 识 教 学 难 点 : 如 上 一.CSS 样 式 表 基 础 Css 和 HTML 都 是 一 种 标 示 语 言 Html 用 来 表 现 网 页 文 件 的 内 容 和 结 构, 而 CSS 来 决 定 用 什 么
走进网站背后
走 进 网 站 背 后 网 页 制 作 技 术 入 门 指 引 经 济 学 院 陈 丽 云 落 园 www.loyhome.cn 关 于 Web 2.0 现 在 可 以 说 我 们 处 于 Web 2.0 时 代, 这 不 仅 仅 是 IT 界 对 于 互 联 网 的 一 个 全 新 定 义, 它 更 是 从 技 术 到 内 容 到 运 营 模 式 的 一 次 全 面 的 革 新 现 在 我 们 会
CSS3 教 程 :background-clip 和 background-origin background-clip 和 background-origin 是 CSS3 中 新 加 的 background module 属 性, 用 来 确 定 背 景 的 定 位 background-c
认 识 CSS3 和 HTML5 ( 源 码 网 整 理 :www.codepub.com) CSS3 教 程 :background-clip 和 background-origin background-clip 和 background-origin 是 CSS3 中 新 加 的 background module 属 性, 用 来 确 定 背 景 的 定 位 background-clip
吉安人事招聘网2012年江西省面向村干部招考300名公务员(2013年1月13日
吉 安 人 事 招 聘 网 2012 年 江 西 省 面 向 村 干 部 招 考 300 名 公 务 员 (20 1 月 13 日 www.hmkpk.com http://www.hmkpk.com 吉 安 人 事 招 聘 网 2012 年 江 西 省 面 向 村 干 部 招 考 300 名 公 务 员 (2013 年 1 月 13 日 为 从 基 层 和 临 盆 一 线 选 拔 出 色 群 众
5-1 nav css 5-2
5 HTML CSS HTML CSS Ê Ê Ê Ê 5-1 nav css 5-2 5-1 5 5-1-1 5-01 css images 01 index.html 02 5-3 style.css css 03 CH5/5-01/images 04 images index.html style.css 05
F477
FrontPage & Flash 連 CSIE, NTU September 15, 2007 Outline September 15, 2007 Page 2 連 FrontPage September 15, 2007 Page 3 連 FTP Email FrontPage HTML tag September 15, 2007 Page 4 連 September
F477
FrontPage & Flash 連 CSIE, NTU September 15, 2007 Outline September 15, 2007 Page 2 F477 September 15, 2007 Page 3 September 15, 2007 Page 4 September 15, 2007 Page 5 連 September 15, 2007 Page 6 連 September
最新监狱管理执法全书（二百零五）
.............................. I ........................... II ................................. III 1996 1994 5 16 1 2 1997 12 29 84 1996 1994 5 16
2010............... 1 1 2010...1 2 2010...5 3 2010...6 4 2010...7 5 2010...8 6 2010...9 7 2010 500...10 8 2010...20 9 2010...50 2010.........52 1 2010
2010 2010............... 1 1 2010...1 2 2010...5 3 2010...6 4 2010...7 5 2010...8 6 2010...9 7 2010 500...10 8 2010...20 9 2010...50 2010.........52 1 2010...52 2 2010...55 I 3 2010...56 4 2010...57 5
Microsoft Word - 01.DOC
第 1 章 JavaScript 简 介 JavaScript 是 NetScape 公 司 为 Navigator 浏 览 器 开 发 的, 是 写 在 HTML 文 件 中 的 一 种 脚 本 语 言, 能 实 现 网 页 内 容 的 交 互 显 示 当 用 户 在 客 户 端 显 示 该 网 页 时, 浏 览 器 就 会 执 行 JavaScript 程 序, 用 户 通 过 交 互 式 的
济南大学计算机科学与技术专业发展规划
江 苏 省 海 安 中 等 专 业 学 校 计 算 机 网 络 技 术 专 业 三 年 发 展 规 划 (2016-2019) 专 业 建 设 是 中 职 学 校 最 重 要 的 教 学 基 本 建 设, 对 中 职 学 校 的 改 革 与 发 展 具 有 深 远 的 影 响 专 业 建 设 决 定 着 人 才 培 养 的 格 局 与 办 学 水 平 为 主 动 适 应 中 职 教 育 发 展 的
Chapter V.S. PC
Chapter 14 14-1 V.S. PC 14-2 14-3 14-4 14-1 V.S. PC PC PC Yahoo! PC (https://tw.yahoo.com/) Yahoo! (https:// tw.mobi.yahoo.com/) Yahoo! a b a PC b PC PC Flash HTML5 CSS3 PC 14-2 14-3 PC PC Yahoo! PC https://tw.yahoo.com/
序 言 本 专 业 人 才 培 养 方 案 以 适 应 市 场 需 求 为 目 标, 根 据 学 校 校 企 双 主 体 人 才 培 养 的 要 求 和 移 动 应 用 开 发 专 业 的 特 点 设 置 课 程 体 系, 体 现 了 课 程 为 市 场 服 务 的 特 点 本 专 业 要 求 学
广 东 新 安 职 业 技 术 学 院 计 算 机 移 动 应 用 开 发 专 业 2016 级 人 才 培 养 方 案 专 业 方 向 负 责 人 : 梅 红 系 主 任 : 毛 立 冰 计 算 机 系 二 一 五 年 六 月 序 言 本 专 业 人 才 培 养 方 案 以 适 应 市 场 需 求 为 目 标, 根 据 学 校 校 企 双 主 体 人 才 培 养 的 要 求 和 移 动 应 用 开
毛主席的猪
在 孔 孟 之 乡 掘 孔 孟 后 裔 的 坟, 在 生 产 队 的 田 里 放 毛 主 席 的 猪, 也 只 有 知 青 才 有 这 " 特 权 " 吟 了 < 血 色 黄 昏 >, 叹 了 < 蹉 跎 岁 月 >, 再 哼 一 哼 知 青 生 活 中 那 千 韵 百 律 的 曲 曲 小 调 儿, 也 别 有 一 番 滋 味 在 心 头 扒 坟 梁 平 扒 坟, 是 当 地 老 百 姓 的 叫 法
Microsoft Word - HERBRECIPES《中國藥膳》.doc
中 國 藥 膳 僅 供 參 考, 請 勿 亂 服 若 欲 服 用, 自 行 負 責 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 藥 膳 系 列 總 目 錄 第 一 章 總 論 第 一 節 簡 介 第 二 節 特 點 1. 注 重 整 體, 辯 證 施 食 2. 防 治 兼 宜, 效 果 顯 著 3. 良 藥 可 口, 服 食 方 便 第 三 節 藥 膳 內 容 與 分 類
循经指压疗法
循 经 指 压 疗 法 陈 玉 琴 0 自 序 我 没 有 进 过 医 学 院, 更 没 有 学 过 解 剖 学 我 是 一 个 自 学 中 医 的 人, 思 考 问 题 本 着 简 单 化 和 直 观 的 原 则 循 经 指 压 健 康 疗 法 就 是 我 二 十 年 实 践 的 心 得 体 会 愿 以 此 作 向 资 深 的 中 医 师 请 教, 尤 其 是 中 医 大 的 教 师, 如 果 你
附件1.FIT)
附 件 : 上 海 市 科 技 创 新 人 才 激 励 政 策 操 作 指 南 上 海 市 科 技 创 新 人 才 激 励 政 策 操 作 指 南 2011 年 1 月 国 有 企 业 科 技 创 新 激 励 操 作 指 南 附 件 : 上 海 市 科 技 创 新 人 才 激 励 政 策 操 作 指 南 目 录 1. 人 才 引 进 132 1.1 上 海 市 户 籍 及 居 住 证 132 1.2
从 因 人 设 事 谈 起 一 部 文 学 作 品 ( 尤 其 是 长 篇 小 说 ) 的 结 构 至 关 重 要, 因 为 它 是 文 本 整 体 的 组 织 方 式 和 内 部 构 造, 既 是 形 式 又 是 内 容 ; 乃 是 表 达 主 题 最 有 效 的 艺 术 手 段 元 代 戏 曲
凤 头 猪 肚 豹 尾 凤 头 猪 肚 豹 尾 谈 死 水 微 澜 的 结 构 艺 术 艾 芦 摘 要 : 论 文 从 死 水 微 澜 的 人 物 和 场 景 描 写 入 手, 具 体 地 分 析 了 这 部 长 篇 小 说 的 艺 术 结 构, 同 时 针 对 以 往 研 究 者 的 某 些 观 点 提 出 了 不 同 的 见 解 ; 认 为 作 品 以 精 粹 见 长, 以 少 胜 多, 由 小
北魏山东佛教文化个案研究
北 魏 山 东 佛 教 文 化 个 案 研 究 一 北 魏 时 期 佛 教 在 山 东 的 传 播 与 发 展 以 滨 州 博 兴 龙 华 寺 为 代 表 社 会 背 景 北 魏 佛 教 的 发 展 是 伴 随 着 佛 教 的 中 国 化 即 汉 化 的 过 程 而 不 断 发 展 的, 同 时 也 带 有 北 魏 统 治 者 作 为 少 数 民 族 的 本 身 特 色 自 汉 通 西 域, 佛 教
23 10 18 5 1997 12 1 (1) (7) (16) (25) (35) (37) (44) (48) (51) (54) ( ) (58) (69) (74) (77) (89) (94) (98) (100) (107) (113) (117) (121) (126) " 37 38 ( ) ( ) ( ) ( ) 300 1 500 200 1938 1 30 15 8 1937
辽 宁 时 代 万 恒 控 股 集 团 有 限 公 司 大 事 记 (2009 年 ) 集 团 办 公 室 编 辑 1 一 2009 年 组 织 沿 革 ( 一 ) 集 团 总 部 组 织 机 构 ( 部 门 设 置 ) 图 示 辽 宁 时 代 万 恒 控 股 集 团 有 限 公 司 监 事 会 董 事 会 党 委 董 事 会 秘 书 经 理 层 工 会 纪 委 信 办 企 审 财 国 党 监 息
4.5 页 面 主 体 元 素 的 样 式 属 性 页 面 主 体 元 素 的 样 式 属 性 用 来 给 页 面 内 容 定 义 级 联 样 式 表, 其 中 包 括 style 属 性 和 class 属 性 4.6 背 景 音 乐 的 使 用 页 面 中 添 加 背 景 音 乐 的 元 素 是
精 选 HTML 属 性 麦 田 技 术 博 客 http://itmyhome.com 第 四 章 页 面 主 体 元 素 4.1 页 面 主 体 元 素 背 景 图 片 属 性 背 景 颜 色 属 性 标 题 属 性 左 边 界 属 性 上 边 界 属 性 background bgcolor title leftmargin topmargin 4.2 页 面 主 体 元 素 的
声 明 本 公 司 全 体 董 事 监 事 高 级 管 理 人 员 承 诺 股 票 发 行 方 案 不 存 在 虚 假 记 载 误 导 性 陈 述 或 重 大 遗 漏, 并 对 其 真 实 性 准 确 性 和 完 整 性 承 担 个 别 和 连 带 的 法 律 责 任 根 据 证 券 法 的 规 定
大 医 科 技 股 份 有 限 公 司 股 票 发 行 方 案 ( 修 订 ) ( 住 所 : 北 京 市 海 淀 区 苏 州 街 18 号 院 长 远 天 地 大 厦 4 号 楼 1707 室 ) 主 办 券 商 国 都 证 券 股 份 有 限 公 司 ( 住 所 : 北 京 市 东 城 区 东 直 门 南 大 街 3 号 国 华 投 资 大 厦 9 10 层 ) 二 〇 一 六 年 八 月 I
讲 授 内 容 Internet 发 展 简 史 WWW 基 础 HTML 简 介 制 作 一 个 HTML 页 面 HTML 文 档 结 构 HTML 基 本 元 素
WWW 基 础 知 识 长 安 大 学 计 算 机 基 础 教 学 委 员 会 讲 授 内 容 Internet 发 展 简 史 WWW 基 础 HTML 简 介 制 作 一 个 HTML 页 面 HTML 文 档 结 构 HTML 基 本 元 素 Internet 发 展 简 史 Internet 的 起 源 Internet 可 以 说 是 美 苏 冷 战 的 产 物, 它 的 由 来 可 以
目 錄 壹 緒 論... 2 貳 明 時 代 背 景 一 明 代 禮 教 之 於 女 性? 母 德 婦 德... 2 二 明 代 婦 女 之 於 士 人? 經 濟 支 柱... 4 參 歸 有 光 一 仕 途... 7 二 家 庭... 7 肆 歸 有 光 文 學 裡 的 女 性 比 較 一 < 項
淺 談 歸 有 光 的 女 性 側 寫 以 項 籍 軒 志 葬 寒 花 志 及 先 妣 事 略 世 美 堂 後 記 為 例 指 導 教 授 : 陳 慶 元 撰 寫 學 生 : 亷 千 儀 目 錄 壹 緒 論... 2 貳 明 時 代 背 景 一 明 代 禮 教 之 於 女 性? 母 德 婦 德... 2 二 明 代 婦 女 之 於 士 人? 經 濟 支 柱... 4 參 歸 有 光 一 仕 途...
Microsoft Word - 长安大学.doc
长 安 大 学 805 管 理 学 全 套 考 研 资 料 ... 2 长 安 大 学 803 道 路 工 程 全 套 考 研 资 料 ... 2 长 安 大 学 802 结 构 设 计 原 理 全 套 考 研 资 料 ... 3 长 安 大 学 806 汽 车 理 论 全
<4D6963726F736F667420576F7264202D20312EA1B6BDCCCAA6D7CAB8F1CCF5C0FDA1B72E646F63>
教 师 资 格 考 试 资 料 汇 编 目 录 1. 教 师 资 格 条 例...1 2. 教 师 资 格 条 例 实 施 办 法...5 3. 中 小 学 教 师 资 格 考 试 暂 行 办 法...9 4. 中 小 学 教 师 资 格 定 期 注 册 暂 行 办 法...13 5. 中 小 学 和 幼 儿 园 教 师 资 格 考 试 标 准 ( 试 行 )...16 6. 全 国 教 师 资 格
目 录 1 概 述... 1 2 链 接 式 页 面 对 接... 2 2.1 对 接 目 标... 2 2.1.1 添 加 页 面 链 接... 2 2.2 实 现 方 式... 2 2.2.1 添 加 页 面 链 接 实 现 方 式... 2 2.3 工 作 流 程... 3 3 嵌 入 式 搜
北 京 市 数 字 教 育 资 源 管 理 与 共 享 交 换 平 台 对 接 技 术 规 范 北 京 教 育 网 络 和 信 息 中 心 2015 年 1 月 目 录 1 概 述... 1 2 链 接 式 页 面 对 接... 2 2.1 对 接 目 标... 2 2.1.1 添 加 页 面 链 接... 2 2.2 实 现 方 式... 2 2.2.1 添 加 页 面 链 接 实 现 方 式...
Microsoft Word - 21_HTML實力養成暨評量.doc
模 擬 試 卷 編 號 :HTM-0031 HTML 測 驗 試 題 專 業 級 注 意 事 項 一 本 項 測 驗 應 考 學 科 : 學 科 : 單 複 選 混 合 共 50 題, 每 題 2 分 ; 不 提 供 書 面 試 題, 題 目 直 接 出 現 於 電 腦 螢 幕, 請 依 序 作 答 本 測 驗 滿 分 100 分,70 分 為 合 格, 發 給 合 格 證 書 二 本 項 測 驗
“百企入校——广西青年企业家协会高校
百 企 入 校 广 西 青 年 企 业 家 协 会 高 校 毕 业 生 就 业 专 场 招 聘 会 信 息 简 介 时 间 :2016 年 6 月 12 日 9:00 14:00 地 点 : 广 西 财 经 学 院 明 秀 校 区 东 区 篮 球 场 ( 南 宁 市 西 乡 塘 区 明 秀 西 路 100 号 ) 面 向 对 象 : 1.2016 届 高 校 毕 业 生 往 届 毕 业 生 2. 服
互動網頁技術系列課程 HTML與CSS網站基礎設計 [12pt]
![互動網頁技術系列課程 HTML與CSS網站基礎設計 [12pt]](/thumbs/51/27604902.jpg "互動網頁技術系列課程 HTML與CSS網站基礎設計 [12pt]")
HTML CSS / 2011 HTML CSS 1/ 47 1 2 HTML 3 4 HTML 5 5 : CSS 6 CSS 7 HTML CSS 2/ 47 HTML CSS 3/ 47 ( BOM) UTF-8 Notepad++ (Winodws), Fraise/Smultron (Mac), VIM ( ) HTML CSS 4/ 47 UTF-8? UTF-8 (unicode),
300 1 360 2 0 90 180 270 3 4 5 360 6 25 360 2
1 360 360 3000 1000 300 1 360 2 0 90 180 270 3 4 5 360 6 25 360 2 4). 3 L U 4 < 5 1 6 2 7 3 8 4 9 5 10 1 10 29 39 9 100 10 6 404 504 12 15 13 14 15 13 16 14 25 1996 2007 2007 < 7 294753618 8 ">. 9 10 1984
最新文物管理执法全书（十一）.doc
I...1...7...10 3...15...16 :...20...24...25...26...27...32...37...39...45...47 " "...50...59...77...79...81...89...93... 100 ... 103... 106...111... 115... 119... 124... 125... 126... 130... 134... 138...
证券投资基金信息披露XBRL标引规范第2号<半年度报告摘要>
- 1 - 1.1 1-2 - - 3-2 2.1 2.2 - 4-2.3 2.4 3 3.1 3.1.1 3.1.2 3.2 3.2.1 3.2.2-5 - 3.2.3 3.3-6 - 4 4.1 4.1.1 4.1.2-7 - 4.2 4.3 4.3.1 4.3.2-8 - - 9-4.3.3 4.4 4.4.1 4.4.2 4.5-10 - 4.6 4.7-11 - - 12 - 4.8 4.9
(Microsoft Word - outline for Genesis 18\243\2721\243\25519\243\27238.doc)
創 世 紀 18:1-19:38; 所 多 瑪, 蛾 摩 拉 的 審 判 韋 江 傳 道 暖 身 問 題 : 你 有 沒 有 吃 過 交 通 的 罰 單? 當 你 收 到 的 時 候, 你 的 感 覺 如 何? 你 覺 得 應 該 呢? 還 是 覺 得 不 公 平? 注 意 : 大 綱 中 問 題 較 多, 但 顯 然 不 是 所 有 的 都 需 要 討 論 到, 比 較 多 的 是 供 你 們 參
<4D6963726F736F667420576F7264202D20BDD7A16DA5BCA5A1A4D1A16EAABAB871B27ABB50A448B1A12E646F63>
論 未 央 天 的 義 理 與 人 情 學 生 姓 名 : 陳 樂 汶 學 生 編 號 :1082756 指 導 老 師 : 司 徒 秀 英 博 士 香 港 嶺 南 大 學 2005 內 容 提 要 明 末 清 初 是 我 國 戲 曲 的 豐 盛 時 期, 無 論 是 曲 科 白 及 戲 曲 內 容 上 已 達 至 成 熟 的 階 段, 尤 其 在 戲 曲 題 材 方 面 極 為 多 元 化, 有
Microsoft Word - 改版式网页全文.doc
第 4 章 Dreamweaver CS3 高 级 篇 4.1 表 单 概 述 表 单 是 用 来 收 集 浏 览 者 的 用 户 名 密 码 E-mail 地 址 个 人 爱 好 和 联 系 地 址 等 用 户 信 息 的 输 入 区 域 集 合 浏 览 者 填 写 表 单 的 方 式 一 般 是 输 入 文 本 选 择 单 选 按 钮 或 复 选 框 以 及 从 下 拉 列 表 框 中 选 择
附件
附 件 晋 陕 豫 黄 河 金 三 角 区 域 合 作 规 划 2014 年 4 月 目 录 前 言... 1 第 一 章 合 作 背 景... 2 第 一 节 发 展 基 础... 2 第 二 节 重 大 意 义... 3 第 二 章 总 体 思 路... 3 第 一 节 指 导 思 想... 3 第 二 节 基 本 原 则... 4 第 三 节 战 略 定 位... 5 第 四 节 发 展 目
第三章 Web计算-20141118 [兼容模式]
![第三章 Web计算-20141118 [兼容模式]](/thumbs/39/20198852.jpg "第三章 Web计算-20141118 [兼容模式]")
第 三 章 Web 计 算 苗 启 广 计 算 机 学 院 2014.11 qgmiao@mail.xidian.edu.cn 第 三 章 Web 计 算 WWW 技 术 的 广 泛 应 用, 与 Internet 技 术 相 结 合 已 经 成 为 网 络 计 算 的 发 展 趋 势 之 一 1. 概 述 2. Web 客 户 端 3. Web 协 议 4. Web 服 务 器 端 5. Web
网 页 设 计 与 制 作 案 例 教 程 ( 第 3 版 ) 签 进 行 解 释 并 生 成 最 终 呈 现 给 用 户 的 丰 富 多 彩 的 网 页 网 页 比 报 纸 广 播 电 视 等 传 统 媒 介 在 信 息 传 递 上 更 加 迅 速 多 样 化, 交 互 能 力 更 强 掌 握 一
D 第 章 互 联 网 的 迅 速 发 展 与 普 及, 为 人 们 提 供 了 更 方 便 快 捷 的 信 息 交 流 平 台 上 网 已 经 成 为 很 多 人 工 作 生 活 中 必 不 可 少 的 一 部 分, 这 主 要 是 由 于 网 页 承 载 了 其 他 任 何 一 种 媒 介 都 无 法 比 拟 的 丰 富 资 源 本 章 学 习 要 点 : 网 页 及 网 页 类 型 ; 网 页
13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费
助 理 电 子 商 务 考 试 真 题 试 题 第 一 部 分 : 理 论 部 分 一 单 项 选 择 题 1 ( B ) 是 信 息 系 统 的 核 心 组 成 部 分 A 逻 辑 模 型 B 数 据 库 C 概 念 模 型 D 以 上 全 部 2 ping www.163.com -t 中 参 数 t 的 作 用 是 :( A ) A 进 行 连 续 测 试 B 在 新 窗 口 中 显 示 C
A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2
![A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2](/thumbs/91/106099175.jpg "A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2")
HTML A-1 HTML A-2 A-2 HTML A-8 A-3 A-14 A-4 A-26 A-5 A-30 A-6 A-42 A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ /
Chapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (
Stylin with CSS a Designer s Guide 2/e Chapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (spacer GIF)
Microsoft Word - 中三選科指南 2014 subject
必 修 科 目 簡 介 < < < 1. 中 文 > > > 本 科 的 公 開 評 核 以 課 程 發 展 議 會 與 香 港 考 試 及 評 核 局 聯 合 編 訂 的 中 國 語 文 科 課 程 及 評 估 指 引 ( 中 四 至 中 六 ) 為 根 據 目 標 本 科 主 要 評 核 考 生 : (1) 讀 寫 聽 說 能 力 思 維 能 力 審 美 能 力 和 自 學 能 力 ; (2)
新时期共青团工作实务全书（一百七十二）
I...... " "......... 2001 2001........ 2001... 2003... II 2001..................... 2004......... 2004... 2004............ 3 5... ... 2002... 2002... 2002... 2002... 2002... III 100 : 250 9 20 36
前 言 : Firework 講 義 Fireworks 是 一 套 專 為 網 頁 圖 像 設 計 需 求 開 發 的 軟 體, 原 本 是 由 Macromedia 公 司 開 發, 現 已 被 Adobe 公 司 併 購, 目 前 最 新 的 版 本 是 Fireworks CS5, 並 且
臺 中 市 101 年 度 暑 期 教 師 資 訊 課 程 研 習 網 頁 設 計 研 習 Firework Dreamweaver CSS 研 習 講 義 講 師 : 蔡 惠 閔 小 姐 承 辦 學 校 : 中 平 國 中 承 辦 日 期 :2012.7.12~14 前 言 : Firework 講 義 Fireworks 是 一 套 專 為 網 頁 圖 像 設 計 需 求 開 發 的 軟 體,
Microsoft Word - 第01章new.doc
第 章 jquery 简 介 第 章 jquery 简 介 要 完 全 理 解 jquery 和 它 在 现 代 Web 开 发 领 域 中 的 应 用, 就 有 必 要 花 点 时 间 回 顾 一 下 jquery 的 历 史, 了 解 其 设 计 目 标, 以 及 在 jquery 出 现 以 前 JavaScript 编 程 的 情 况 本 章 会 向 你 介 绍 常 用 的 JavaScript
Unknown
1. Web 程 式 簡 介 1. Network Internet 與 Web 2. Web 的 相 關 技 術 3. HTML 與 HTTP 4. 參 考 文 獻 5. HTML CSS 與 JavaScript 6. 簡 易 網 頁 7. HTML 的 表 頭 8. 格 式 化 9. 標 題 10. 影 像 Image 11. 表 格 Table 12. 項 目 list 13. 表 單 Form
(\244j\257d\276\307\274\351_201508021-C.indd_70%.pdf)
1847-1852 1872 20 1 1896 8000 20 1896 1950 1 1896 1896 13 1900 1900 3 20 2 4 1910 1950 3 1911 1 2 3 4 1927 4 20 300 6 1906 1930 7 1911 5 1919 8 1914 9 1920 10 11 1902 200 6 12 1930 7 " # #! $! 14 15! "!
网站建设与推广.doc
台 州 网 站 推 广 24 种 方 案 01 千 言 万 语 第 一 句 话 : 先 把 台 州 网 站 的 内 容 做 好! 不 过, 这 里 千 万 要 强 调 一 点 : 不 要 迷 信 原 创, 切 忌 不 顾 一 切 原 创 内 容, 我 们 要 做 的 是 把 内 容 整 合 好, 就 像 一 个 好 厨 师 用 好 手 艺 做 好 菜, 而 不 是 自 己 去 喂 猪 我 们 要 做
期 戚 瑞 荣 等 单 克 隆 抗 体 在 水 产 无 脊 椎 动 物 血 淋 巴 细 胞 研 究 中 的 应 用 虾 体 之 后 细 胞 形 态 很 容 易 发 生 改 变 因 此 依 靠 传 统 的 光 镜 观 察 方 法 很 难 准 确 统 计 这 三 类 细 胞 单 克 隆 抗 体 用 单
中 国 农 业 科 技 导 报!"#!$!$% &$!' 单 克 隆 抗 体 在 水 产 无 脊 椎 动 物 血 淋 巴 细 胞 研 究 中 的 应 用 戚 瑞 荣 李 强 于 毅 李 华 / 大 连 海 洋 大 学 辽 宁 省 海 洋 生 物 资 源 与 生 物 修 复 重 点 实 验 室 辽 宁 大 连 / 北 京 市 水 产 技 术 推 广 站 北 京 摘 要 近 年 来 单 克 隆 抗 体
Microsoft Word - ch02.doc
第 2 章 认 识 Dreamweaver 8 教 学 提 示 :Dreamweaver 是 一 款 功 能 强 大 的 可 视 化 的 网 页 编 辑 与 管 理 软 件 利 用 它, 不 仅 可 以 轻 松 地 创 建 跨 平 台 和 跨 浏 览 器 的 页 面, 也 可 以 直 接 创 建 具 有 动 态 效 果 的 网 页 而 不 用 自 己 编 写 源 代 码 Dreamweaver 8
20120301关于加强打击商业贿赂专项行动宣传工作的通知.doc
1 20124 2 FLASH < > OA 1 2 3 4 2012 3 9 2012 3 9 250 3 1 1 2 3 4 5 6 7 8 9 10 4 2 1 2 1 2 3 4 5 6 3 1 2 5 6 3 4 4 1 2 5 1 2 7 6 7 8 8 9 8 10 85 93 11 9 ( ) 12 13 14 10 15 16 17 1 2 3 4 18 1 2 3 4 19 12388
(Microsoft Word - ec kc\255^\272q\273R\245x27-52.doc)
1 長 者 空 中 進 修 學 院 2009-2010 長 進 課 程 ( 下 學 期 ) (04) 龍 的 傳 說 _ 目 錄 / 備 忘 第 一 課 < 盤 古 開 天 辟 地 > 第 二 課 < 盤 古 化 生 萬 物 > 第 三 課 < 燭 龍 > 第 四 課 < 巨 靈 擘 山 > 第 五 課 < 女 媧 造 人 > 第 六 課 < 女 媧 煉 石 補 天 > 第 七 課 < 伏 羲 女
(i) (ii) 97/99/M
1,400,000 700,000 2,000,000 216,000 382,000 531,000 17.1% 82.9% 13.8% 86.2% (i) (ii) 97/99/M 20,500 35 50,000 13 (i) (ii) (iii) [ ] 6,000 14,000 20,500 46.1% 44.9% 45.9% 16 5 16 30,000,000 34,500,000 41,700,000
2016年5月11日泉鲤政文【2016】46号（关于调整区政府行政权力和公共服务事项的通知）.doc
201646 2015488 60 2015489 201623 201636 15 36 36 87 26 2100 118 213 3 1 15 2 36 3 36 2016 5 11 1 152 101 2011 1 8 20169 30 2 3 152 2011 1 8 20169 23 3 1. 2. 2007 31 3. 4. 2015488 3. 15 5. 201111 1. 2.
bootstrap - 2
RITA TEACHING Bootstra p ENTER bootstrap - 2 bootstrap - 3 bootstrap 101 Template
容 嵌 入 到 网 页 的 合 适 位 置 上 同 时 又 要 保 持 代 码 的 清 晰 简 单, 则 不 可 避 免 的 涉 及 到 JSP 标 准 动 作 JSP 标 准 标 记 库 (JSTL) 表 达 式 语 言 (EL) 等 与 动 态 网 页 生 成 相 关 的 技 术 JSP 标 准
第 4 章 JavaBean 我 们 所 开 发 出 来 的 软 件, 除 了 能 完 成 预 设 功 能 以 外, 还 要 考 虑 如 下 几 点 : 代 码 调 试 和 维 护 简 单 ; 软 件 系 统 功 能 容 易 扩 展 ; 所 写 代 码 易 于 重 用 在 正 式 讨 论 JavaBean 之 前, 有 必 要 就 JSP 技 术 给 大 家 一 个 全 貌 介 绍 JSP 页 面
css-03.pdf
3 71 7 2 r e d p u r p l e H1 {color: maroon;} H1 {color: gray;} H2 {color: silver;} H3 {color: black;} 7 3 H1 {color: orange;} H 1 o r a n g e 7 4 o r a n g e RGB rgb(100%,100%,100%) 7 5 0 % H1 {color:
Microsoft Word - 00教学管理手册2011-12-11mo.doc
目 录 工 作 职 责 广 西 医 科 大 学 教 务 处 工 作 职 责 3 广 西 医 科 大 学 教 学 质 量 与 教 育 研 究 中 心 工 作 职 责 8 教 学 组 织 管 理 广 西 医 科 大 学 教 学 委 员 会 章 程 13 广 西 医 科 大 学 十 二 五 专 业 建 设 规 划 16 广 西 医 科 大 学 十 二 五 课 程 建 设 规 划 20 广 西 医 科 大
泰州招聘365bet博彩网站三亚海棠湾东方的迪拜回归年少的童真快乐
泰 州 招 聘 365bet 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 www.hmcdp.com http://www.hmcdp.com 泰 州 招 聘 365bet 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 大 兴 安 岭 鄂 尔 多 斯 博 尔 塔 拉 泰 州 招 聘 网 泰 州 雇 用 365bet
天主教永年高級中學綜合高中課程手冊目錄
天 主 教 永 年 高 級 中 學 綜 合 高 中 課 程 手 冊 目 錄 壹 學 校 背 景. 貳 教 育 理 念 與 教 育 目 標. 3 一 規 劃 理 念...3 二 教 育 目 標...3 參 畢 業 要 求. 5 一 總 學 分 數...5 二 必 選 修 學 分 數...5 三 必 須 參 加 活 動...9 四 成 績 評 量 方 式...9 肆 課 程 概 述.. 9 一 課 程
內 容 1. 參 賽 小 組 簡 介... 4 2. 緣 起... 4 3. 故 事 大 綱... 5 5. 角 色 關 係 表... 6 4. 參 賽 作 品 摘 要... 6 1) 遊 戲 類 型... 6 2) 遊 戲 特 性... 7 3) 腳 本 劇 情... 8 4) 設 計 內 容..
放 視 大 賞 參 賽 類 別 : 遊 戲 類 -PC 遊 戲 創 作 組 作 品 編 號 :2016PG078 作 品 名 稱 :Tower & Crystal 團 隊 名 稱 :Game Spirit 中 華 民 國 105 年 4 月 22 日 1 內 容 1. 參 賽 小 組 簡 介... 4 2. 緣 起... 4 3. 故 事 大 綱... 5 5. 角 色 關 係 表... 6 4.
6寸PDF生成工具
元 媛 粉 蝶 手 中 的 纸 老 虎 元 媛 粉 蝶 手 中 的 纸 老 虎 ( 冤 家 斗 冤 家 3) 男 主 角 : 燕 玄 霄 女 主 角 : 虞 蝶 香 内 容 简 介 什 么? 要 他 一 个 堂 堂 六 尺 男 儿 上 花 轿? 想 都 不 要 想! 趁 早 死 了 这 条 心 吧! 要 他 一 个 大 男 人 来 冲 喜 已 经 够 呕 了 居 然 还 要 他 入 赘? 这 辈 子
1 1 1 1.1 1 1.2 9 1.3 23 2 30 2.1 31 2.2 39 2.3 49 3 63 3.1 63 3.2 81 3.3 87 1
1 1 1 1.1 1 1.2 9 1.3 23 2 30 2.1 31 2.2 39 2.3 49 3 63 3.1 63 3.2 81 3.3 87 1 4 96 4.1 96 4.2 107 4.3 112 4.4 121 5 132 5.1 133 5.2 141 5.3 150 6 161 6.1 162 6.2 171 6.3 179 7 194 7.1 194 7.2 206 7.3
一 总 体 要 求 一 ) 严 格 把 握 定 义 地 方 政 府 融 资 平 台 是 指 出 地 方 政 府 自 资 设 立 并 承 担 连 带 还 款 责 任 的 机 关 事 业 企.l 三 类 法 人 ( 二 ) 完 善 " 名 单 制 " 管 理 各 银 行 要 继 旗 完 善 融 资 平
中 国 银 监 会 文 件 银 监 发 (2013) 10 号 中 阔 银 监 会 关 于 加 强 2013 年 地 方 政 府 融 资 平 台 贷 款 风 除 监 管 的 指 导 意 见 各 银 监 局, 各 政 策 性 银 有 国 有 商 韭 银 行 股 份 制 商 业 银 行 金 融 资 产 管 理 公 司, 邮 政 储 蓄 银 行, 各 省 级 农 村 信 用 联 社 银 监 会 直 接 监
毕业生就业政策读本
目 录 国 务 院 关 于 做 好 当 前 经 济 形 势 下 就 业 工 作 的 通 知 ( 国 发 2009 4 号 )... 2 国 务 院 办 公 厅 关 于 加 强 普 通 高 等 学 校 毕 业 生 就 业 工 作 的 通 知 ( 国 办 发 2009 3 号 )... 6 国 家 促 进 普 通 高 校 毕 业 生 就 业 政 策 公 告... 9 人 力 资 源 和 社 会 保 障
Microsoft Word - 103鐵路佐級-國文(二)
103 年 特 種 考 試 交 通 事 業 鐵 路 人 員 考 試 試 題 等 別 : 佐 級 鐵 路 人 員 考 試 類 科 : 事 務 管 理 機 械 工 程 機 檢 工 程 電 力 工 程 電 子 工 程 養 路 工 程 科 目 : 國 文 ( 包 括 公 文 格 式 用 語 ) 一 單 一 選 擇 題 : 下 列 成 語, 沒 有 錯 別 字 的 選 項 是 : 手 屈 一 指 載 罪 立
背 景 资 料 水 浒 传 写 的 是 北 宋 宣 和 年 间 (1119~1121 前 后 ) 宋 江 等 聚 众 起 义 的 故 事 全 书 描 写 北 宋 末 年 以 宋 江 为 首 的 一 百 零 八 人 在 山 东 梁 山 泊 聚 义 的 故 事 故 事 在 宋 史 和 宋 人 笔 记 里
水 浒 传 作 者 简 介 施 耐 庵 ( 约 1296~1370) 中 国 元 末 明 初 作 家 名 子 安, 一 说 名 耳 兴 化 ( 今 江 苏 兴 化 县 ) 人, 原 籍 苏 州 相 传 施 耐 庵 是 水 浒 传 的 作 者 明 嘉 靖 十 九 年 (1540), 高 儒 百 川 书 志 载 : 忠 义 水 浒 传 100 卷 钱 塘 施 耐 庵 的 本 罗 贯 中 编 次 嘉 靖
19 20 21 22 23 24 25 产 品 出 口 企 业 当 年 减 半 缴 纳 企 业 所 得 税 的 核 准 外 商 投 资 企 业 财 产 转 让 收 益 分 期 计 入 应 纳 税 所 得 额 的 核 准 外 商 投 资 企 业 技 术 开 发 费 加 计 扣 除 的 核 准 财 政
序 号 批 次 项 目 名 称 设 定 依 据 或 备 注 1 第 一 批 2 (10 项 ) 3 2002.11 对 指 定 企 业 经 营 高 税 率 贵 重 产 品 出 口 退 税 的 对 列 名 企 业 销 售 以 出 顶 进 国 产 棉 退 ( 免 ) 税 的 对 列 名 炼 油 厂 销 售 以 产 顶 进 成 品 油 免 税 的 国 家 税 务 局 对 外 经 济 贸 易 部 关 于 明
学 习 贯 彻 中 央 尧 省 尧 市 纪 委 全 会 精 神 专 栏 中 国 共 产 党 第 十 八 届 中 央 纪 律 检 查 委 员 会 第 六 次 全 体 会 议 公 报 渊 2016 年 1 月 14 日 中 国 共 产 党 第 十 八 届 中 央 纪 律 检 查 委 员 会 第 六 次
内 部 资 料 注 意 保 存 渊 第 三 期 冤 中 共 六 盘 水 市 委 讲 师 团 编 2016 年 3 月 15 日 学 习 贯 彻 中 央 尧 省 尧 市 纪 委 全 会 精 神 专 辑 音 学 习 贯 彻 中 央 尧 省 尧 市 纪 委 全 会 精 神 专 栏 淫 中 国 共 产 党 第 十 八 届 中 央 纪 律 检 查 委 员 会 第 六 次 全 体 会 议 公 报 渊 2 冤 淫
Microsoft Word - 临政办发12.doc
临 沂 市 人 民 政 府 办 公 室 文 件 临 政 办 发 2016 12 号 临 沂 市 人 民 政 府 办 公 室 关 于 印 发 临 沂 市 乡 村 教 师 支 持 计 划 (2015-2020 年 ) 实 施 细 则 的 通 知 各 县 区 人 民 政 府, 市 政 府 各 部 门 各 直 属 机 构, 临 沂 高 新 技 术 产 业 开 发 区 管 委 会, 临 沂 经 济 技 术 开
中共山东省委高校工委
关 于 印 发 中 共 山 东 省 委 高 校 工 委 2016 年 工 作 要 点 的 通 知 青 岛 淄 博 威 海 日 照 滨 州 市 委 高 校 工 委, 各 高 等 学 校 党 委 : 现 将 中 共 山 东 省 委 高 校 工 委 2016 年 工 作 要 点 印 发 你 们, 请 认 真 学 习 领 会, 抓 好 贯 彻 落 实 中 共 山 东 省 委 高 校 工 委 2016 年 1
标题
河 北 省 人 民 政 府 冀 政 函 2016 10 号 河 北 省 人 民 政 府 关 于 提 请 审 议 河 北 省 人 口 与 计 划 生 育 条 例 修 正 案 ( 草 案 ) 的 议 案 省 人 大 常 委 会 : 河 北 省 人 口 与 计 划 生 育 条 例 修 正 案 ( 草 案 ) 已 经 2016 年 2 月 23 日 省 政 府 第 76 次 常 务 会 议 通 过, 现 提
目 录 第 一 部 分 国 家 知 识 产 权 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 国 家 知 识 产 权 局 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基
国 家 知 识 产 权 局 2016 年 部 门 预 算 目 录 第 一 部 分 国 家 知 识 产 权 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 国 家 知 识 产 权 局 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算
ﾼ￬ￔﾺ2015ￄ￪ﾲￃￅￔﾤￋ￣
最 高 人 民 检 察 院 2016 年 部 门 预 算 目 录 第 一 部 分 最 高 人 民 检 察 院 概 况 一 主 要 职 能 二 单 位 构 成 第 二 部 分 最 高 人 民 检 察 院 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经 费
科学技术部2013年度部门预算
1 目 录 第 一 部 分 中 国 侨 联 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 中 国 侨 联 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经 费 支 出 表 五 政 府 性 基 金 预 算 支 出 表 六
一、二○○二年学校工作的简要回顾
北 华 校 字 [2016]13 号 北 华 大 学 2016 年 硕 士 研 究 生 招 生 复 试 录 取 工 作 办 法 为 做 好 我 校 2016 年 硕 士 研 究 生 招 生 复 试 录 取 工 作, 规 范 招 生 工 作 程 序, 加 强 招 生 制 度 建 设, 根 据 教 育 部 关 于 印 发 的
Microsoft Word - 白俄罗斯公司法汉语译文2015年7月15日修改版.docx
白 俄 罗 斯 共 和 国 公 司 法 条 目 第 一 章 总 则 第 1 条 关 于 公 司 的 基 本 规 定 第 2 条 白 俄 罗 斯 共 和 国 关 于 公 司 的 立 法 第 3 条 本 法 的 适 用 范 围 第 4 条 公 司 的 名 称 和 住 所 第 5 条 公 司 的 责 任 第 6 条 公 司 的 代 表 处 和 分 公 司 第 7 条 子 公 司 第 8 条 附 属 公 司
第 一 部 分 中 国 气 象 局 职 责 及 概 况 一 主 要 职 责 ( 一 ) 拟 定 气 象 工 作 的 方 针 政 策 法 律 法 规 发 展 战 略 和 长 远 规 划 ; 制 定 发 布 气 象 工 作 的 规 章 制 度 技 术 标 准 和 规 范 并 监 督 实 施 ; 承 担
中 国 气 象 局 2016 年 部 门 预 算 目 录 第 一 部 分 中 国 气 象 局 职 责 及 概 况 一 主 要 职 责 二 机 构 设 置 第 二 部 分 中 国 气 象 局 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经 费 支 出 表
数学与统计学院教师支部“两学一做”学习教育实施计划
数 学 与 统 计 学 院 教 师 支 部 两 学 一 做 学 习 教 育 实 施 计 划 根 据 中 共 中 央 办 公 厅 关 于 在 全 体 党 员 中 开 展 学 党 章 党 规 学 系 列 讲 话, 做 合 格 党 员 学 习 教 育 方 案 的 精 神 和 普 院 党 发 2016 13 号 文 件 关 于 印 发 < 在 全 校 党 员 中 开 展 学 党 章 党 规 学 系 列 讲
无 锡 职 业 技 术 学 院 国 有 资 产 管 理 办 法 第 一 章 总 则 第 一 条 为 加 强 学 校 国 有 资 产 管 理, 合 理 配 置 和 有 效 使 用 国 有 资 产, 确 保 国 有 资 产 安 全 与 完 整, 保 障 和 促 进 学 校 各 项 事 业 发 展, 根
无 锡 职 业 技 术 学 院 文 件 锡 职 院 资 2016 2 号 关 于 印 发 无 锡 职 业 技 术 学 院 国 有 资 产 管 理 办 法 的 通 知 各 部 门 各 院 部 : 现 将 无 锡 职 业 技 术 学 院 国 有 资 产 管 理 办 法 印 发 给 你 们, 请 遵 照 执 行 无 锡 职 业 技 术 学 院 2016 年 3 月 28 日 - 1 - 无 锡 职 业 技
省安委会2015冬防工作方案.doc
山 东 省 人 民 政 府 安 全 生 产 委 员 会 文 件 鲁 安 发 2015 39 号 山 东 省 人 民 政 府 安 全 生 产 委 员 会 关 于 印 发 2015 年 全 省 冬 春 火 灾 防 控 工 作 方 案 的 通 知 各 市 人 民 政 府 县 ( 市 区 ) 人 民 政 府, 省 政 府 各 部 门 各 直 属 机 构, 各 大 企 业, 各 高 等 院 校 : 为 切 实
南 昌 大 学 人 力 资 源 工 作 简 讯 2015 年 第 2 期 ( 总 第 27 期 ) 目 录 1 人 力 资 源 综 合 信 息 2 人 员 调 配 及 机 构 编 制 管 理 信 息 3 劳 资 工 作 信 息 4 师 资 管 理 信 息 5 高 层 次 人 才 及 队 伍 建 设
人 力 资 源 工 作 简 讯 2015 年 第 2 期 ( 总 第 27 期 ) 南 昌 大 学 人 事 处 2015 年 7 月 南 昌 大 学 人 力 资 源 工 作 简 讯 2015 年 第 2 期 ( 总 第 27 期 ) 目 录 1 人 力 资 源 综 合 信 息 2 人 员 调 配 及 机 构 编 制 管 理 信 息 3 劳 资 工 作 信 息 4 师 资 管 理 信 息 5 高 层
国家邮政局2010年部门预算
国 家 邮 政 局 部 门 预 算 (2015 年 ) 1 目 录 第 一 部 分 国 家 邮 政 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 国 家 邮 政 局 2015 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经
国家邮政局2010年部门预算
浙 江 省 邮 政 管 理 局 部 门 预 算 (2015 年 ) 1 目 录 第 一 部 分 浙 江 省 邮 政 管 理 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 浙 江 省 邮 政 管 理 局 2015 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四
11韶关市人力资源和社会保障局权责清单
社 会 保 障 局 权 责 清 单 ( 2015年 版 ) 韶 关 市 人 民 政 府 前 言 编 制 权 责 清 单 是 国 家 省 市 部 署 的 一 项 重 大 改 革 任 务 2015 年 8 月, 市 委 办 和 市 政 府 办 联 合 印 发 关 于 推 行 市 县 政 府 工 作 部 门 权 责 清 单 制 度 有 关 工 作 的 通 知 对 权 责 清 单 工 作 进 行 了 部 署
三亚市政府投资建设项目代建制管理工作介绍
三 亚 市 发 展 和 改 革 委 员 会 2015 年 9 月 一 代 建 制 的 定 义 二 代 建 范 围 规 定 三 代 建 单 位 入 库 资 格 及 要 求 四 代 建 单 位 的 职 责 七 代 建 单 位 管 理 费 拨 付 和 计 算 五 代 建 项 目 组 织 实 施 程 序 六 资 金 管 理 与 监 督 八 项 目 前 期 费 用 及 工 程 款 拨 付 九 代 建 项 目
<4D6963726F736F667420576F7264202D20C9FABBB7B9FAD6D832303135CBB6CABFB8B4CAD4B7BDB0B8312E646F63>
生 物 地 质 与 环 境 地 质 国 家 重 点 实 验 室 2015 年 硕 士 研 究 生 招 生 复 试 录 取 工 作 方 案 为 了 保 证 我 室 本 年 度 硕 士 研 究 生 复 试 录 取 工 作 顺 利 进 行, 根 据 教 育 部 关 于 印 发 的 通 知 ( 教 学 2014 13 号 ) 和
目 录 一 部 门 职 责... 1 二 预 算 编 报 范 围... 3 三 2013 年 部 门 预 算 报 表 及 情 况 说 明... 5 收 支 预 算 总 表 及 情 况 说 明... 5 收 入 预 算 表 及 情 况 说 明... 7 支 出 预 算 表 及 情 况 说 明... 1
教 育 部 2013 年 部 门 预 算 二 〇 一 三 年 四 月 十 八 日 目 录 一 部 门 职 责... 1 二 预 算 编 报 范 围... 3 三 2013 年 部 门 预 算 报 表 及 情 况 说 明... 5 收 支 预 算 总 表 及 情 况 说 明... 5 收 入 预 算 表 及 情 况 说 明... 7 支 出 预 算 表 及 情 况 说 明... 11 财 政 拨 款
标题
前 言 规 章 制 度 是 指 一 个 集 体 为 了 一 个 共 同 的 目 标, 要 求 成 员 共 同 遵 守 的 规 则, 法 规, 也 是 这 个 集 体 按 一 定 程 序 办 事 的 规 章, 具 有 一 定 的 约 束 力 和 强 制 性 建 立 建 全 规 章 制 度 能 保 证 各 项 工 作 有 秩 序 有 成 效 地 进 行, 使 工 作 科 学 化 规 范 化, 提 高 工
目 录 一 重 要 提 示... 3 二 公 司 主 要 财 务 数 据 和 股 东 变 化... 3 三 重 要 事 项... 6 四 附 录... 11 2 / 22
梅 花 生 物 科 技 集 团 股 份 有 限 公 司 600873 2014 年 第 三 季 度 报 告 目 录 一 重 要 提 示... 3 二 公 司 主 要 财 务 数 据 和 股 东 变 化... 3 三 重 要 事 项... 6 四 附 录... 11 2 / 22 一 重 要 提 示 1.1 公 司 董 事 会 监 事 会 及 董 事 监 事 高 级 管 理 人 员 保 证 季 度 报
目 录 引 言... 3 第 一 部 分 电 价 水 平 基 本 情 况...4 一 上 网 电 价...4 二 输 配 电 价...6 三 销 售 电 价...9 四 政 府 性 基 金 和 附 加...12 第 二 部 分 电 价 政 策 执 行 情 况...13 一 电 价 水 平 调 整 情
2008 年 度 电 价 执 行 情 况 监 管 报 告 国 家 电 力 监 管 委 员 会 二 九 年 十 月 目 录 引 言... 3 第 一 部 分 电 价 水 平 基 本 情 况...4 一 上 网 电 价...4 二 输 配 电 价...6 三 销 售 电 价...9 四 政 府 性 基 金 和 附 加...12 第 二 部 分 电 价 政 策 执 行 情 况...13 一 电 价 水 平
西安邮电学院本科教学工作简报
西 安 邮 电 学 院 本 科 教 学 工 作 简 报 (2011 年 第 一 期 ) 西 安 邮 电 学 院 教 务 处 2011 年 7 月 本 期 要 目 教 学 新 闻 王 曙 燕 教 授 荣 获 陕 西 省 教 学 名 师 称 号 2010 2011 年 中 央 财 政 专 项 资 金 项 目 使 用 及 申 报 情 况 人 民 邮 电 出 版 社 西 安 邮 电 学 院 教 材 出 版