第 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 实 训 内 容 文 字 是 网 页 的 基 础 部 分, 具 体 内 容 包 括 浏 览 器 中 要 显 示 的
More informationXP11067_內文.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
More information网页设计与网站开发
网 页 设 计 与 网 站 开 发 孙 永 科 编 西 南 林 业 大 学 计 算 机 科 学 与 信 息 学 院 序 本 指 导 书 主 要 介 绍 了 网 页 制 作 中 三 个 基 本 语 言 html,css 和 javascript 的 使 用, 适 合 网 页 编 程 的 初 学 者 学 习 使 用, 也 适 合 程 序 爱 好 者 自 学 html,css 和 javascript 是
More information第 二 部 分 是 属 性 选 择 器 ; 第 三 部 分 是 伪 类 选 择 器 2.1 通 配 符 选 择 器 二 基 本 选 择 器 通 配 符 选 择 器 是 用 来 选 择 所 有 元 素, 也 可 以 选 择 某 个 元 素 下 的 所 有 元 素 示 例 11-1: 通 配 符 选 择
Web 前 端 开 发 课 程 理 论 教 学 部 分 第 十 一 讲 : 选 择 器 学 时 计 划 :2 学 时 理 论,0 学 时 实 验 ( 无 实 验 教 学 内 容 ) 教 学 大 纲 : 1 认 识 选 择 器 2 基 本 选 择 器 3 属 性 选 择 器 4 结 构 性 伪 类 选 择 器 5 UI 元 素 状 态 伪 类 选 择 器 6 数 据 表 格 7 讨 论 与 思 考 选
More information05 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
More information課程簡介
CSS 長 這 樣 結 合 CSS 技 術 到 HTML 中 CSS (Cascading Style Sheet) 樣 式 表, 主 要 用 來 裝 飾 編 排 網 頁 內 容, 與 HTML 相 輔 相 成 HTML 用 來 表 示 結 構 性 的 資 料,CSS 決 定 網 頁 的 樣 式 ( 顏 色 文 字 大 小 位 置 等 等 ) 為 什 麼 要 CSS HTML 的 標
More informationCSS样式表
CSS 样 式 表 教 学 重 点 : CSS 样 式 表 基 础 知 识 CSS 样 式 的 分 类 CSS 样 式 的 链 接 添 加 CSS 样 式 的 其 它 相 关 知 识 教 学 难 点 : 如 上 一.CSS 样 式 表 基 础 Css 和 HTML 都 是 一 种 标 示 语 言 Html 用 来 表 现 网 页 文 件 的 内 容 和 结 构, 而 CSS 来 决 定 用 什 么
More information走进网站背后
走 进 网 站 背 后 网 页 制 作 技 术 入 门 指 引 经 济 学 院 陈 丽 云 落 园 www.loyhome.cn 关 于 Web 2.0 现 在 可 以 说 我 们 处 于 Web 2.0 时 代, 这 不 仅 仅 是 IT 界 对 于 互 联 网 的 一 个 全 新 定 义, 它 更 是 从 技 术 到 内 容 到 运 营 模 式 的 一 次 全 面 的 革 新 现 在 我 们 会
More informationCSS3 教 程 :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
More information吉安人事招聘网2012年江西省面向村干部招考300名公务员(2013年1月13日
吉 安 人 事 招 聘 网 2012 年 江 西 省 面 向 村 干 部 招 考 300 名 公 务 员 (20 1 月 13 日 www.hmkpk.com http://www.hmkpk.com 吉 安 人 事 招 聘 网 2012 年 江 西 省 面 向 村 干 部 招 考 300 名 公 务 员 (2013 年 1 月 13 日 为 从 基 层 和 临 盆 一 线 选 拔 出 色 群 众
More information5-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
More informationF477
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
More informationF477
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
More information最新监狱管理执法全书(二百零五)
.............................. I ........................... II ................................. III 1996 1994 5 16 1 2 1997 12 29 84 1996 1994 5 16
More information2010............... 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
More informationMicrosoft Word - 01.DOC
第 1 章 JavaScript 简 介 JavaScript 是 NetScape 公 司 为 Navigator 浏 览 器 开 发 的, 是 写 在 HTML 文 件 中 的 一 种 脚 本 语 言, 能 实 现 网 页 内 容 的 交 互 显 示 当 用 户 在 客 户 端 显 示 该 网 页 时, 浏 览 器 就 会 执 行 JavaScript 程 序, 用 户 通 过 交 互 式 的
More information济南大学计算机科学与技术专业发展规划
江 苏 省 海 安 中 等 专 业 学 校 计 算 机 网 络 技 术 专 业 三 年 发 展 规 划 (2016-2019) 专 业 建 设 是 中 职 学 校 最 重 要 的 教 学 基 本 建 设, 对 中 职 学 校 的 改 革 与 发 展 具 有 深 远 的 影 响 专 业 建 设 决 定 着 人 才 培 养 的 格 局 与 办 学 水 平 为 主 动 适 应 中 职 教 育 发 展 的
More informationChapter 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/
More information序 言 本 专 业 人 才 培 养 方 案 以 适 应 市 场 需 求 为 目 标, 根 据 学 校 校 企 双 主 体 人 才 培 养 的 要 求 和 移 动 应 用 开 发 专 业 的 特 点 设 置 课 程 体 系, 体 现 了 课 程 为 市 场 服 务 的 特 点 本 专 业 要 求 学
广 东 新 安 职 业 技 术 学 院 计 算 机 移 动 应 用 开 发 专 业 2016 级 人 才 培 养 方 案 专 业 方 向 负 责 人 : 梅 红 系 主 任 : 毛 立 冰 计 算 机 系 二 一 五 年 六 月 序 言 本 专 业 人 才 培 养 方 案 以 适 应 市 场 需 求 为 目 标, 根 据 学 校 校 企 双 主 体 人 才 培 养 的 要 求 和 移 动 应 用 开
More information毛主席的猪
在 孔 孟 之 乡 掘 孔 孟 后 裔 的 坟, 在 生 产 队 的 田 里 放 毛 主 席 的 猪, 也 只 有 知 青 才 有 这 " 特 权 " 吟 了 < 血 色 黄 昏 >, 叹 了 < 蹉 跎 岁 月 >, 再 哼 一 哼 知 青 生 活 中 那 千 韵 百 律 的 曲 曲 小 调 儿, 也 别 有 一 番 滋 味 在 心 头 扒 坟 梁 平 扒 坟, 是 当 地 老 百 姓 的 叫 法
More informationMicrosoft Word - HERBRECIPES《中國藥膳》.doc
中 國 藥 膳 僅 供 參 考, 請 勿 亂 服 若 欲 服 用, 自 行 負 責 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 藥 膳 系 列 總 目 錄 第 一 章 總 論 第 一 節 簡 介 第 二 節 特 點 1. 注 重 整 體, 辯 證 施 食 2. 防 治 兼 宜, 效 果 顯 著 3. 良 藥 可 口, 服 食 方 便 第 三 節 藥 膳 內 容 與 分 類
More information循经指压疗法
循 经 指 压 疗 法 陈 玉 琴 0 自 序 我 没 有 进 过 医 学 院, 更 没 有 学 过 解 剖 学 我 是 一 个 自 学 中 医 的 人, 思 考 问 题 本 着 简 单 化 和 直 观 的 原 则 循 经 指 压 健 康 疗 法 就 是 我 二 十 年 实 践 的 心 得 体 会 愿 以 此 作 向 资 深 的 中 医 师 请 教, 尤 其 是 中 医 大 的 教 师, 如 果 你
More information附件1.FIT)
附 件 : 上 海 市 科 技 创 新 人 才 激 励 政 策 操 作 指 南 上 海 市 科 技 创 新 人 才 激 励 政 策 操 作 指 南 2011 年 1 月 国 有 企 业 科 技 创 新 激 励 操 作 指 南 附 件 : 上 海 市 科 技 创 新 人 才 激 励 政 策 操 作 指 南 目 录 1. 人 才 引 进 132 1.1 上 海 市 户 籍 及 居 住 证 132 1.2
More information从 因 人 设 事 谈 起 一 部 文 学 作 品 ( 尤 其 是 长 篇 小 说 ) 的 结 构 至 关 重 要, 因 为 它 是 文 本 整 体 的 组 织 方 式 和 内 部 构 造, 既 是 形 式 又 是 内 容 ; 乃 是 表 达 主 题 最 有 效 的 艺 术 手 段 元 代 戏 曲
凤 头 猪 肚 豹 尾 凤 头 猪 肚 豹 尾 谈 死 水 微 澜 的 结 构 艺 术 艾 芦 摘 要 : 论 文 从 死 水 微 澜 的 人 物 和 场 景 描 写 入 手, 具 体 地 分 析 了 这 部 长 篇 小 说 的 艺 术 结 构, 同 时 针 对 以 往 研 究 者 的 某 些 观 点 提 出 了 不 同 的 见 解 ; 认 为 作 品 以 精 粹 见 长, 以 少 胜 多, 由 小
More information北魏山东佛教文化个案研究
北 魏 山 东 佛 教 文 化 个 案 研 究 一 北 魏 时 期 佛 教 在 山 东 的 传 播 与 发 展 以 滨 州 博 兴 龙 华 寺 为 代 表 社 会 背 景 北 魏 佛 教 的 发 展 是 伴 随 着 佛 教 的 中 国 化 即 汉 化 的 过 程 而 不 断 发 展 的, 同 时 也 带 有 北 魏 统 治 者 作 为 少 数 民 族 的 本 身 特 色 自 汉 通 西 域, 佛 教
More information23 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
More information辽 宁 时 代 万 恒 控 股 集 团 有 限 公 司 大 事 记 (2009 年 ) 集 团 办 公 室 编 辑 1 一 2009 年 组 织 沿 革 ( 一 ) 集 团 总 部 组 织 机 构 ( 部 门 设 置 ) 图 示 辽 宁 时 代 万 恒 控 股 集 团 有 限 公 司 监 事 会 董 事 会 党 委 董 事 会 秘 书 经 理 层 工 会 纪 委 信 办 企 审 财 国 党 监 息
More information4.5 页 面 主 体 元 素 的 样 式 属 性 页 面 主 体 元 素 的 样 式 属 性 用 来 给 页 面 内 容 定 义 级 联 样 式 表, 其 中 包 括 style 属 性 和 class 属 性 4.6 背 景 音 乐 的 使 用 页 面 中 添 加 背 景 音 乐 的 元 素 是
精 选 HTML 属 性 麦 田 技 术 博 客 http://itmyhome.com 第 四 章 页 面 主 体 元 素 4.1 页 面 主 体 元 素 背 景 图 片 属 性 背 景 颜 色 属 性 标 题 属 性 左 边 界 属 性 上 边 界 属 性 background bgcolor title leftmargin topmargin 4.2 页 面 主 体 元 素 的
More information声 明 本 公 司 全 体 董 事 监 事 高 级 管 理 人 员 承 诺 股 票 发 行 方 案 不 存 在 虚 假 记 载 误 导 性 陈 述 或 重 大 遗 漏, 并 对 其 真 实 性 准 确 性 和 完 整 性 承 担 个 别 和 连 带 的 法 律 责 任 根 据 证 券 法 的 规 定
大 医 科 技 股 份 有 限 公 司 股 票 发 行 方 案 ( 修 订 ) ( 住 所 : 北 京 市 海 淀 区 苏 州 街 18 号 院 长 远 天 地 大 厦 4 号 楼 1707 室 ) 主 办 券 商 国 都 证 券 股 份 有 限 公 司 ( 住 所 : 北 京 市 东 城 区 东 直 门 南 大 街 3 号 国 华 投 资 大 厦 9 10 层 ) 二 〇 一 六 年 八 月 I
More information讲 授 内 容 Internet 发 展 简 史 WWW 基 础 HTML 简 介 制 作 一 个 HTML 页 面 HTML 文 档 结 构 HTML 基 本 元 素
WWW 基 础 知 识 长 安 大 学 计 算 机 基 础 教 学 委 员 会 讲 授 内 容 Internet 发 展 简 史 WWW 基 础 HTML 简 介 制 作 一 个 HTML 页 面 HTML 文 档 结 构 HTML 基 本 元 素 Internet 发 展 简 史 Internet 的 起 源 Internet 可 以 说 是 美 苏 冷 战 的 产 物, 它 的 由 来 可 以
More information目 錄 壹 緒 論... 2 貳 明 時 代 背 景 一 明 代 禮 教 之 於 女 性? 母 德 婦 德... 2 二 明 代 婦 女 之 於 士 人? 經 濟 支 柱... 4 參 歸 有 光 一 仕 途... 7 二 家 庭... 7 肆 歸 有 光 文 學 裡 的 女 性 比 較 一 < 項
淺 談 歸 有 光 的 女 性 側 寫 以 項 籍 軒 志 葬 寒 花 志 及 先 妣 事 略 世 美 堂 後 記 為 例 指 導 教 授 : 陳 慶 元 撰 寫 學 生 : 亷 千 儀 目 錄 壹 緒 論... 2 貳 明 時 代 背 景 一 明 代 禮 教 之 於 女 性? 母 德 婦 德... 2 二 明 代 婦 女 之 於 士 人? 經 濟 支 柱... 4 參 歸 有 光 一 仕 途...
More informationMicrosoft Word - 长安大学.doc
长 安 大 学 805 管 理 学 全 套 考 研 资 料 ... 2 长 安 大 学 803 道 路 工 程 全 套 考 研 资 料 ... 2 长 安 大 学 802 结 构 设 计 原 理 全 套 考 研 资 料 ... 3 长 安 大 学 806 汽 车 理 论 全
More information<4D6963726F736F667420576F7264202D20312EA1B6BDCCCAA6D7CAB8F1CCF5C0FDA1B72E646F63>
教 师 资 格 考 试 资 料 汇 编 目 录 1. 教 师 资 格 条 例...1 2. 教 师 资 格 条 例 实 施 办 法...5 3. 中 小 学 教 师 资 格 考 试 暂 行 办 法...9 4. 中 小 学 教 师 资 格 定 期 注 册 暂 行 办 法...13 5. 中 小 学 和 幼 儿 园 教 师 资 格 考 试 标 准 ( 试 行 )...16 6. 全 国 教 师 资 格
More information目 录 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 添 加 页 面 链 接 实 现 方 式...
More informationMicrosoft Word - 21_HTML實力養成暨評量.doc
模 擬 試 卷 編 號 :HTM-0031 HTML 測 驗 試 題 專 業 級 注 意 事 項 一 本 項 測 驗 應 考 學 科 : 學 科 : 單 複 選 混 合 共 50 題, 每 題 2 分 ; 不 提 供 書 面 試 題, 題 目 直 接 出 現 於 電 腦 螢 幕, 請 依 序 作 答 本 測 驗 滿 分 100 分,70 分 為 合 格, 發 給 合 格 證 書 二 本 項 測 驗
More information“百企入校——广西青年企业家协会高校
百 企 入 校 广 西 青 年 企 业 家 协 会 高 校 毕 业 生 就 业 专 场 招 聘 会 信 息 简 介 时 间 :2016 年 6 月 12 日 9:00 14:00 地 点 : 广 西 财 经 学 院 明 秀 校 区 东 区 篮 球 场 ( 南 宁 市 西 乡 塘 区 明 秀 西 路 100 号 ) 面 向 对 象 : 1.2016 届 高 校 毕 业 生 往 届 毕 业 生 2. 服
More information互動網頁技術系列課程 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),
More information300 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
More information最新文物管理执法全书(十一).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...
More information证券投资基金信息披露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
More information(Microsoft Word - outline for Genesis 18\243\2721\243\25519\243\27238.doc)
創 世 紀 18:1-19:38; 所 多 瑪, 蛾 摩 拉 的 審 判 韋 江 傳 道 暖 身 問 題 : 你 有 沒 有 吃 過 交 通 的 罰 單? 當 你 收 到 的 時 候, 你 的 感 覺 如 何? 你 覺 得 應 該 呢? 還 是 覺 得 不 公 平? 注 意 : 大 綱 中 問 題 較 多, 但 顯 然 不 是 所 有 的 都 需 要 討 論 到, 比 較 多 的 是 供 你 們 參
More information<4D6963726F736F667420576F7264202D20BDD7A16DA5BCA5A1A4D1A16EAABAB871B27ABB50A448B1A12E646F63>
論 未 央 天 的 義 理 與 人 情 學 生 姓 名 : 陳 樂 汶 學 生 編 號 :1082756 指 導 老 師 : 司 徒 秀 英 博 士 香 港 嶺 南 大 學 2005 內 容 提 要 明 末 清 初 是 我 國 戲 曲 的 豐 盛 時 期, 無 論 是 曲 科 白 及 戲 曲 內 容 上 已 達 至 成 熟 的 階 段, 尤 其 在 戲 曲 題 材 方 面 極 為 多 元 化, 有
More informationMicrosoft Word - 改版式网页全文.doc
第 4 章 Dreamweaver CS3 高 级 篇 4.1 表 单 概 述 表 单 是 用 来 收 集 浏 览 者 的 用 户 名 密 码 E-mail 地 址 个 人 爱 好 和 联 系 地 址 等 用 户 信 息 的 输 入 区 域 集 合 浏 览 者 填 写 表 单 的 方 式 一 般 是 输 入 文 本 选 择 单 选 按 钮 或 复 选 框 以 及 从 下 拉 列 表 框 中 选 择
More information附件
附 件 晋 陕 豫 黄 河 金 三 角 区 域 合 作 规 划 2014 年 4 月 目 录 前 言... 1 第 一 章 合 作 背 景... 2 第 一 节 发 展 基 础... 2 第 二 节 重 大 意 义... 3 第 二 章 总 体 思 路... 3 第 一 节 指 导 思 想... 3 第 二 节 基 本 原 则... 4 第 三 节 战 略 定 位... 5 第 四 节 发 展 目
More information第三章 Web计算-20141118 [兼容模式]
第 三 章 Web 计 算 苗 启 广 计 算 机 学 院 2014.11 qgmiao@mail.xidian.edu.cn 第 三 章 Web 计 算 WWW 技 术 的 广 泛 应 用, 与 Internet 技 术 相 结 合 已 经 成 为 网 络 计 算 的 发 展 趋 势 之 一 1. 概 述 2. Web 客 户 端 3. Web 协 议 4. Web 服 务 器 端 5. Web
More information网 页 设 计 与 制 作 案 例 教 程 ( 第 3 版 ) 签 进 行 解 释 并 生 成 最 终 呈 现 给 用 户 的 丰 富 多 彩 的 网 页 网 页 比 报 纸 广 播 电 视 等 传 统 媒 介 在 信 息 传 递 上 更 加 迅 速 多 样 化, 交 互 能 力 更 强 掌 握 一
D 第 章 互 联 网 的 迅 速 发 展 与 普 及, 为 人 们 提 供 了 更 方 便 快 捷 的 信 息 交 流 平 台 上 网 已 经 成 为 很 多 人 工 作 生 活 中 必 不 可 少 的 一 部 分, 这 主 要 是 由 于 网 页 承 载 了 其 他 任 何 一 种 媒 介 都 无 法 比 拟 的 丰 富 资 源 本 章 学 习 要 点 : 网 页 及 网 页 类 型 ; 网 页
More information13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费
助 理 电 子 商 务 考 试 真 题 试 题 第 一 部 分 : 理 论 部 分 一 单 项 选 择 题 1 ( B ) 是 信 息 系 统 的 核 心 组 成 部 分 A 逻 辑 模 型 B 数 据 库 C 概 念 模 型 D 以 上 全 部 2 ping www.163.com -t 中 参 数 t 的 作 用 是 :( A ) A 进 行 连 续 测 试 B 在 新 窗 口 中 显 示 C
More informationA-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 [ /
More informationChapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (
Stylin with CSS a Designer s Guide 2/e Chapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (spacer GIF)
More informationMicrosoft Word - 中三選科指南 2014 subject
必 修 科 目 簡 介 < < < 1. 中 文 > > > 本 科 的 公 開 評 核 以 課 程 發 展 議 會 與 香 港 考 試 及 評 核 局 聯 合 編 訂 的 中 國 語 文 科 課 程 及 評 估 指 引 ( 中 四 至 中 六 ) 為 根 據 目 標 本 科 主 要 評 核 考 生 : (1) 讀 寫 聽 說 能 力 思 維 能 力 審 美 能 力 和 自 學 能 力 ; (2)
More information新时期共青团工作实务全书(一百七十二)
I...... " "......... 2001 2001........ 2001... 2003... II 2001..................... 2004......... 2004... 2004............ 3 5... ... 2002... 2002... 2002... 2002... 2002... III 100 : 250 9 20 36
More information前 言 : Firework 講 義 Fireworks 是 一 套 專 為 網 頁 圖 像 設 計 需 求 開 發 的 軟 體, 原 本 是 由 Macromedia 公 司 開 發, 現 已 被 Adobe 公 司 併 購, 目 前 最 新 的 版 本 是 Fireworks CS5, 並 且
臺 中 市 101 年 度 暑 期 教 師 資 訊 課 程 研 習 網 頁 設 計 研 習 Firework Dreamweaver CSS 研 習 講 義 講 師 : 蔡 惠 閔 小 姐 承 辦 學 校 : 中 平 國 中 承 辦 日 期 :2012.7.12~14 前 言 : Firework 講 義 Fireworks 是 一 套 專 為 網 頁 圖 像 設 計 需 求 開 發 的 軟 體,
More informationMicrosoft Word - 第01章new.doc
第 章 jquery 简 介 第 章 jquery 简 介 要 完 全 理 解 jquery 和 它 在 现 代 Web 开 发 领 域 中 的 应 用, 就 有 必 要 花 点 时 间 回 顾 一 下 jquery 的 历 史, 了 解 其 设 计 目 标, 以 及 在 jquery 出 现 以 前 JavaScript 编 程 的 情 况 本 章 会 向 你 介 绍 常 用 的 JavaScript
More informationUnknown
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
More information(\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! "!
More information网站建设与推广.doc
台 州 网 站 推 广 24 种 方 案 01 千 言 万 语 第 一 句 话 : 先 把 台 州 网 站 的 内 容 做 好! 不 过, 这 里 千 万 要 强 调 一 点 : 不 要 迷 信 原 创, 切 忌 不 顾 一 切 原 创 内 容, 我 们 要 做 的 是 把 内 容 整 合 好, 就 像 一 个 好 厨 师 用 好 手 艺 做 好 菜, 而 不 是 自 己 去 喂 猪 我 们 要 做
More information期 戚 瑞 荣 等 单 克 隆 抗 体 在 水 产 无 脊 椎 动 物 血 淋 巴 细 胞 研 究 中 的 应 用 虾 体 之 后 细 胞 形 态 很 容 易 发 生 改 变 因 此 依 靠 传 统 的 光 镜 观 察 方 法 很 难 准 确 统 计 这 三 类 细 胞 单 克 隆 抗 体 用 单
中 国 农 业 科 技 导 报!"#!$!$% &$!' 单 克 隆 抗 体 在 水 产 无 脊 椎 动 物 血 淋 巴 细 胞 研 究 中 的 应 用 戚 瑞 荣 李 强 于 毅 李 华 / 大 连 海 洋 大 学 辽 宁 省 海 洋 生 物 资 源 与 生 物 修 复 重 点 实 验 室 辽 宁 大 连 / 北 京 市 水 产 技 术 推 广 站 北 京 摘 要 近 年 来 单 克 隆 抗 体
More informationMicrosoft Word - ch02.doc
第 2 章 认 识 Dreamweaver 8 教 学 提 示 :Dreamweaver 是 一 款 功 能 强 大 的 可 视 化 的 网 页 编 辑 与 管 理 软 件 利 用 它, 不 仅 可 以 轻 松 地 创 建 跨 平 台 和 跨 浏 览 器 的 页 面, 也 可 以 直 接 创 建 具 有 动 态 效 果 的 网 页 而 不 用 自 己 编 写 源 代 码 Dreamweaver 8
More information20120301关于加强打击商业贿赂专项行动宣传工作的通知.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
More information(Microsoft Word - ec kc\255^\272q\273R\245x27-52.doc)
1 長 者 空 中 進 修 學 院 2009-2010 長 進 課 程 ( 下 學 期 ) (04) 龍 的 傳 說 _ 目 錄 / 備 忘 第 一 課 < 盤 古 開 天 辟 地 > 第 二 課 < 盤 古 化 生 萬 物 > 第 三 課 < 燭 龍 > 第 四 課 < 巨 靈 擘 山 > 第 五 課 < 女 媧 造 人 > 第 六 課 < 女 媧 煉 石 補 天 > 第 七 課 < 伏 羲 女
More information(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
More information2016年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.
More informationbootstrap - 2
RITA TEACHING Bootstra p ENTER bootstrap - 2 bootstrap - 3 bootstrap 101 Template
More information容 嵌 入 到 网 页 的 合 适 位 置 上 同 时 又 要 保 持 代 码 的 清 晰 简 单, 则 不 可 避 免 的 涉 及 到 JSP 标 准 动 作 JSP 标 准 标 记 库 (JSTL) 表 达 式 语 言 (EL) 等 与 动 态 网 页 生 成 相 关 的 技 术 JSP 标 准
第 4 章 JavaBean 我 们 所 开 发 出 来 的 软 件, 除 了 能 完 成 预 设 功 能 以 外, 还 要 考 虑 如 下 几 点 : 代 码 调 试 和 维 护 简 单 ; 软 件 系 统 功 能 容 易 扩 展 ; 所 写 代 码 易 于 重 用 在 正 式 讨 论 JavaBean 之 前, 有 必 要 就 JSP 技 术 给 大 家 一 个 全 貌 介 绍 JSP 页 面
More informationcss-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:
More informationMicrosoft Word - 00教学管理手册2011-12-11mo.doc
目 录 工 作 职 责 广 西 医 科 大 学 教 务 处 工 作 职 责 3 广 西 医 科 大 学 教 学 质 量 与 教 育 研 究 中 心 工 作 职 责 8 教 学 组 织 管 理 广 西 医 科 大 学 教 学 委 员 会 章 程 13 广 西 医 科 大 学 十 二 五 专 业 建 设 规 划 16 广 西 医 科 大 学 十 二 五 课 程 建 设 规 划 20 广 西 医 科 大
More information泰州招聘365bet博彩网站三亚海棠湾东方的迪拜回归年少的童真快乐
泰 州 招 聘 365bet 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 www.hmcdp.com http://www.hmcdp.com 泰 州 招 聘 365bet 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 大 兴 安 岭 鄂 尔 多 斯 博 尔 塔 拉 泰 州 招 聘 网 泰 州 雇 用 365bet
More information天主教永年高級中學綜合高中課程手冊目錄
天 主 教 永 年 高 級 中 學 綜 合 高 中 課 程 手 冊 目 錄 壹 學 校 背 景. 貳 教 育 理 念 與 教 育 目 標. 3 一 規 劃 理 念...3 二 教 育 目 標...3 參 畢 業 要 求. 5 一 總 學 分 數...5 二 必 選 修 學 分 數...5 三 必 須 參 加 活 動...9 四 成 績 評 量 方 式...9 肆 課 程 概 述.. 9 一 課 程
More information內 容 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.
More information6寸PDF生成工具
元 媛 粉 蝶 手 中 的 纸 老 虎 元 媛 粉 蝶 手 中 的 纸 老 虎 ( 冤 家 斗 冤 家 3) 男 主 角 : 燕 玄 霄 女 主 角 : 虞 蝶 香 内 容 简 介 什 么? 要 他 一 个 堂 堂 六 尺 男 儿 上 花 轿? 想 都 不 要 想! 趁 早 死 了 这 条 心 吧! 要 他 一 个 大 男 人 来 冲 喜 已 经 够 呕 了 居 然 还 要 他 入 赘? 这 辈 子
More information1 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
More information一 总 体 要 求 一 ) 严 格 把 握 定 义 地 方 政 府 融 资 平 台 是 指 出 地 方 政 府 自 资 设 立 并 承 担 连 带 还 款 责 任 的 机 关 事 业 企.l 三 类 法 人 ( 二 ) 完 善 " 名 单 制 " 管 理 各 银 行 要 继 旗 完 善 融 资 平
中 国 银 监 会 文 件 银 监 发 (2013) 10 号 中 阔 银 监 会 关 于 加 强 2013 年 地 方 政 府 融 资 平 台 贷 款 风 除 监 管 的 指 导 意 见 各 银 监 局, 各 政 策 性 银 有 国 有 商 韭 银 行 股 份 制 商 业 银 行 金 融 资 产 管 理 公 司, 邮 政 储 蓄 银 行, 各 省 级 农 村 信 用 联 社 银 监 会 直 接 监
More information毕业生就业政策读本
目 录 国 务 院 关 于 做 好 当 前 经 济 形 势 下 就 业 工 作 的 通 知 ( 国 发 2009 4 号 )... 2 国 务 院 办 公 厅 关 于 加 强 普 通 高 等 学 校 毕 业 生 就 业 工 作 的 通 知 ( 国 办 发 2009 3 号 )... 6 国 家 促 进 普 通 高 校 毕 业 生 就 业 政 策 公 告... 9 人 力 资 源 和 社 会 保 障
More informationMicrosoft Word - 103鐵路佐級-國文(二)
103 年 特 種 考 試 交 通 事 業 鐵 路 人 員 考 試 試 題 等 別 : 佐 級 鐵 路 人 員 考 試 類 科 : 事 務 管 理 機 械 工 程 機 檢 工 程 電 力 工 程 電 子 工 程 養 路 工 程 科 目 : 國 文 ( 包 括 公 文 格 式 用 語 ) 一 單 一 選 擇 題 : 下 列 成 語, 沒 有 錯 別 字 的 選 項 是 : 手 屈 一 指 載 罪 立
More information背 景 资 料 水 浒 传 写 的 是 北 宋 宣 和 年 间 (1119~1121 前 后 ) 宋 江 等 聚 众 起 义 的 故 事 全 书 描 写 北 宋 末 年 以 宋 江 为 首 的 一 百 零 八 人 在 山 东 梁 山 泊 聚 义 的 故 事 故 事 在 宋 史 和 宋 人 笔 记 里
水 浒 传 作 者 简 介 施 耐 庵 ( 约 1296~1370) 中 国 元 末 明 初 作 家 名 子 安, 一 说 名 耳 兴 化 ( 今 江 苏 兴 化 县 ) 人, 原 籍 苏 州 相 传 施 耐 庵 是 水 浒 传 的 作 者 明 嘉 靖 十 九 年 (1540), 高 儒 百 川 书 志 载 : 忠 义 水 浒 传 100 卷 钱 塘 施 耐 庵 的 本 罗 贯 中 编 次 嘉 靖
More information19 20 21 22 23 24 25 产 品 出 口 企 业 当 年 减 半 缴 纳 企 业 所 得 税 的 核 准 外 商 投 资 企 业 财 产 转 让 收 益 分 期 计 入 应 纳 税 所 得 额 的 核 准 外 商 投 资 企 业 技 术 开 发 费 加 计 扣 除 的 核 准 财 政
序 号 批 次 项 目 名 称 设 定 依 据 或 备 注 1 第 一 批 2 (10 项 ) 3 2002.11 对 指 定 企 业 经 营 高 税 率 贵 重 产 品 出 口 退 税 的 对 列 名 企 业 销 售 以 出 顶 进 国 产 棉 退 ( 免 ) 税 的 对 列 名 炼 油 厂 销 售 以 产 顶 进 成 品 油 免 税 的 国 家 税 务 局 对 外 经 济 贸 易 部 关 于 明
More information学 习 贯 彻 中 央 尧 省 尧 市 纪 委 全 会 精 神 专 栏 中 国 共 产 党 第 十 八 届 中 央 纪 律 检 查 委 员 会 第 六 次 全 体 会 议 公 报 渊 2016 年 1 月 14 日 中 国 共 产 党 第 十 八 届 中 央 纪 律 检 查 委 员 会 第 六 次
内 部 资 料 注 意 保 存 渊 第 三 期 冤 中 共 六 盘 水 市 委 讲 师 团 编 2016 年 3 月 15 日 学 习 贯 彻 中 央 尧 省 尧 市 纪 委 全 会 精 神 专 辑 音 学 习 贯 彻 中 央 尧 省 尧 市 纪 委 全 会 精 神 专 栏 淫 中 国 共 产 党 第 十 八 届 中 央 纪 律 检 查 委 员 会 第 六 次 全 体 会 议 公 报 渊 2 冤 淫
More informationMicrosoft Word - 临政办发12.doc
临 沂 市 人 民 政 府 办 公 室 文 件 临 政 办 发 2016 12 号 临 沂 市 人 民 政 府 办 公 室 关 于 印 发 临 沂 市 乡 村 教 师 支 持 计 划 (2015-2020 年 ) 实 施 细 则 的 通 知 各 县 区 人 民 政 府, 市 政 府 各 部 门 各 直 属 机 构, 临 沂 高 新 技 术 产 业 开 发 区 管 委 会, 临 沂 经 济 技 术 开
More information中共山东省委高校工委
关 于 印 发 中 共 山 东 省 委 高 校 工 委 2016 年 工 作 要 点 的 通 知 青 岛 淄 博 威 海 日 照 滨 州 市 委 高 校 工 委, 各 高 等 学 校 党 委 : 现 将 中 共 山 东 省 委 高 校 工 委 2016 年 工 作 要 点 印 发 你 们, 请 认 真 学 习 领 会, 抓 好 贯 彻 落 实 中 共 山 东 省 委 高 校 工 委 2016 年 1
More information标题
河 北 省 人 民 政 府 冀 政 函 2016 10 号 河 北 省 人 民 政 府 关 于 提 请 审 议 河 北 省 人 口 与 计 划 生 育 条 例 修 正 案 ( 草 案 ) 的 议 案 省 人 大 常 委 会 : 河 北 省 人 口 与 计 划 生 育 条 例 修 正 案 ( 草 案 ) 已 经 2016 年 2 月 23 日 省 政 府 第 76 次 常 务 会 议 通 过, 现 提
More information目 录 第 一 部 分 国 家 知 识 产 权 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 国 家 知 识 产 权 局 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基
国 家 知 识 产 权 局 2016 年 部 门 预 算 目 录 第 一 部 分 国 家 知 识 产 权 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 国 家 知 识 产 权 局 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算
More informationᄐ↓ᅯᄎ2015ᅣ↑배ᅤᅯ녜 ̄
最 高 人 民 检 察 院 2016 年 部 门 预 算 目 录 第 一 部 分 最 高 人 民 检 察 院 概 况 一 主 要 职 能 二 单 位 构 成 第 二 部 分 最 高 人 民 检 察 院 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经 费
More information科学技术部2013年度部门预算
1 目 录 第 一 部 分 中 国 侨 联 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 中 国 侨 联 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经 费 支 出 表 五 政 府 性 基 金 预 算 支 出 表 六
More information一、二○○二年学校工作的简要回顾
北 华 校 字 [2016]13 号 北 华 大 学 2016 年 硕 士 研 究 生 招 生 复 试 录 取 工 作 办 法 为 做 好 我 校 2016 年 硕 士 研 究 生 招 生 复 试 录 取 工 作, 规 范 招 生 工 作 程 序, 加 强 招 生 制 度 建 设, 根 据 教 育 部 关 于 印 发 的
More informationMicrosoft Word - 白俄罗斯公司法汉语译文2015年7月15日修改版.docx
白 俄 罗 斯 共 和 国 公 司 法 条 目 第 一 章 总 则 第 1 条 关 于 公 司 的 基 本 规 定 第 2 条 白 俄 罗 斯 共 和 国 关 于 公 司 的 立 法 第 3 条 本 法 的 适 用 范 围 第 4 条 公 司 的 名 称 和 住 所 第 5 条 公 司 的 责 任 第 6 条 公 司 的 代 表 处 和 分 公 司 第 7 条 子 公 司 第 8 条 附 属 公 司
More information第 一 部 分 中 国 气 象 局 职 责 及 概 况 一 主 要 职 责 ( 一 ) 拟 定 气 象 工 作 的 方 针 政 策 法 律 法 规 发 展 战 略 和 长 远 规 划 ; 制 定 发 布 气 象 工 作 的 规 章 制 度 技 术 标 准 和 规 范 并 监 督 实 施 ; 承 担
中 国 气 象 局 2016 年 部 门 预 算 目 录 第 一 部 分 中 国 气 象 局 职 责 及 概 况 一 主 要 职 责 二 机 构 设 置 第 二 部 分 中 国 气 象 局 2016 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经 费 支 出 表
More information数学与统计学院教师支部“两学一做”学习教育实施计划
数 学 与 统 计 学 院 教 师 支 部 两 学 一 做 学 习 教 育 实 施 计 划 根 据 中 共 中 央 办 公 厅 关 于 在 全 体 党 员 中 开 展 学 党 章 党 规 学 系 列 讲 话, 做 合 格 党 员 学 习 教 育 方 案 的 精 神 和 普 院 党 发 2016 13 号 文 件 关 于 印 发 < 在 全 校 党 员 中 开 展 学 党 章 党 规 学 系 列 讲
More information无 锡 职 业 技 术 学 院 国 有 资 产 管 理 办 法 第 一 章 总 则 第 一 条 为 加 强 学 校 国 有 资 产 管 理, 合 理 配 置 和 有 效 使 用 国 有 资 产, 确 保 国 有 资 产 安 全 与 完 整, 保 障 和 促 进 学 校 各 项 事 业 发 展, 根
无 锡 职 业 技 术 学 院 文 件 锡 职 院 资 2016 2 号 关 于 印 发 无 锡 职 业 技 术 学 院 国 有 资 产 管 理 办 法 的 通 知 各 部 门 各 院 部 : 现 将 无 锡 职 业 技 术 学 院 国 有 资 产 管 理 办 法 印 发 给 你 们, 请 遵 照 执 行 无 锡 职 业 技 术 学 院 2016 年 3 月 28 日 - 1 - 无 锡 职 业 技
More information省安委会2015冬防工作方案.doc
山 东 省 人 民 政 府 安 全 生 产 委 员 会 文 件 鲁 安 发 2015 39 号 山 东 省 人 民 政 府 安 全 生 产 委 员 会 关 于 印 发 2015 年 全 省 冬 春 火 灾 防 控 工 作 方 案 的 通 知 各 市 人 民 政 府 县 ( 市 区 ) 人 民 政 府, 省 政 府 各 部 门 各 直 属 机 构, 各 大 企 业, 各 高 等 院 校 : 为 切 实
More information南 昌 大 学 人 力 资 源 工 作 简 讯 2015 年 第 2 期 ( 总 第 27 期 ) 目 录 1 人 力 资 源 综 合 信 息 2 人 员 调 配 及 机 构 编 制 管 理 信 息 3 劳 资 工 作 信 息 4 师 资 管 理 信 息 5 高 层 次 人 才 及 队 伍 建 设
人 力 资 源 工 作 简 讯 2015 年 第 2 期 ( 总 第 27 期 ) 南 昌 大 学 人 事 处 2015 年 7 月 南 昌 大 学 人 力 资 源 工 作 简 讯 2015 年 第 2 期 ( 总 第 27 期 ) 目 录 1 人 力 资 源 综 合 信 息 2 人 员 调 配 及 机 构 编 制 管 理 信 息 3 劳 资 工 作 信 息 4 师 资 管 理 信 息 5 高 层
More information国家邮政局2010年部门预算
国 家 邮 政 局 部 门 预 算 (2015 年 ) 1 目 录 第 一 部 分 国 家 邮 政 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 国 家 邮 政 局 2015 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四 一 般 公 共 预 算 三 公 经
More information国家邮政局2010年部门预算
浙 江 省 邮 政 管 理 局 部 门 预 算 (2015 年 ) 1 目 录 第 一 部 分 浙 江 省 邮 政 管 理 局 概 况 一 主 要 职 能 二 部 门 预 算 单 位 构 成 第 二 部 分 浙 江 省 邮 政 管 理 局 2015 年 部 门 预 算 表 一 财 政 拨 款 收 支 总 表 二 一 般 公 共 预 算 支 出 表 三 一 般 公 共 预 算 基 本 支 出 表 四
More information11韶关市人力资源和社会保障局权责清单
社 会 保 障 局 权 责 清 单 ( 2015年 版 ) 韶 关 市 人 民 政 府 前 言 编 制 权 责 清 单 是 国 家 省 市 部 署 的 一 项 重 大 改 革 任 务 2015 年 8 月, 市 委 办 和 市 政 府 办 联 合 印 发 关 于 推 行 市 县 政 府 工 作 部 门 权 责 清 单 制 度 有 关 工 作 的 通 知 对 权 责 清 单 工 作 进 行 了 部 署
More information三亚市政府投资建设项目代建制管理工作介绍
三 亚 市 发 展 和 改 革 委 员 会 2015 年 9 月 一 代 建 制 的 定 义 二 代 建 范 围 规 定 三 代 建 单 位 入 库 资 格 及 要 求 四 代 建 单 位 的 职 责 七 代 建 单 位 管 理 费 拨 付 和 计 算 五 代 建 项 目 组 织 实 施 程 序 六 资 金 管 理 与 监 督 八 项 目 前 期 费 用 及 工 程 款 拨 付 九 代 建 项 目
More information<4D6963726F736F667420576F7264202D20C9FABBB7B9FAD6D832303135CBB6CABFB8B4CAD4B7BDB0B8312E646F63>
生 物 地 质 与 环 境 地 质 国 家 重 点 实 验 室 2015 年 硕 士 研 究 生 招 生 复 试 录 取 工 作 方 案 为 了 保 证 我 室 本 年 度 硕 士 研 究 生 复 试 录 取 工 作 顺 利 进 行, 根 据 教 育 部 关 于 印 发 的 通 知 ( 教 学 2014 13 号 ) 和
More information目 录 一 部 门 职 责... 1 二 预 算 编 报 范 围... 3 三 2013 年 部 门 预 算 报 表 及 情 况 说 明... 5 收 支 预 算 总 表 及 情 况 说 明... 5 收 入 预 算 表 及 情 况 说 明... 7 支 出 预 算 表 及 情 况 说 明... 1
教 育 部 2013 年 部 门 预 算 二 〇 一 三 年 四 月 十 八 日 目 录 一 部 门 职 责... 1 二 预 算 编 报 范 围... 3 三 2013 年 部 门 预 算 报 表 及 情 况 说 明... 5 收 支 预 算 总 表 及 情 况 说 明... 5 收 入 预 算 表 及 情 况 说 明... 7 支 出 预 算 表 及 情 况 说 明... 11 财 政 拨 款
More information标题
前 言 规 章 制 度 是 指 一 个 集 体 为 了 一 个 共 同 的 目 标, 要 求 成 员 共 同 遵 守 的 规 则, 法 规, 也 是 这 个 集 体 按 一 定 程 序 办 事 的 规 章, 具 有 一 定 的 约 束 力 和 强 制 性 建 立 建 全 规 章 制 度 能 保 证 各 项 工 作 有 秩 序 有 成 效 地 进 行, 使 工 作 科 学 化 规 范 化, 提 高 工
More information目 录 一 重 要 提 示... 3 二 公 司 主 要 财 务 数 据 和 股 东 变 化... 3 三 重 要 事 项... 6 四 附 录... 11 2 / 22
梅 花 生 物 科 技 集 团 股 份 有 限 公 司 600873 2014 年 第 三 季 度 报 告 目 录 一 重 要 提 示... 3 二 公 司 主 要 财 务 数 据 和 股 东 变 化... 3 三 重 要 事 项... 6 四 附 录... 11 2 / 22 一 重 要 提 示 1.1 公 司 董 事 会 监 事 会 及 董 事 监 事 高 级 管 理 人 员 保 证 季 度 报
More information目 录 引 言... 3 第 一 部 分 电 价 水 平 基 本 情 况...4 一 上 网 电 价...4 二 输 配 电 价...6 三 销 售 电 价...9 四 政 府 性 基 金 和 附 加...12 第 二 部 分 电 价 政 策 执 行 情 况...13 一 电 价 水 平 调 整 情
2008 年 度 电 价 执 行 情 况 监 管 报 告 国 家 电 力 监 管 委 员 会 二 九 年 十 月 目 录 引 言... 3 第 一 部 分 电 价 水 平 基 本 情 况...4 一 上 网 电 价...4 二 输 配 电 价...6 三 销 售 电 价...9 四 政 府 性 基 金 和 附 加...12 第 二 部 分 电 价 政 策 执 行 情 况...13 一 电 价 水 平
More information西安邮电学院本科教学工作简报
西 安 邮 电 学 院 本 科 教 学 工 作 简 报 (2011 年 第 一 期 ) 西 安 邮 电 学 院 教 务 处 2011 年 7 月 本 期 要 目 教 学 新 闻 王 曙 燕 教 授 荣 获 陕 西 省 教 学 名 师 称 号 2010 2011 年 中 央 财 政 专 项 资 金 项 目 使 用 及 申 报 情 况 人 民 邮 电 出 版 社 西 安 邮 电 学 院 教 材 出 版
More information