网页设计毕业论文.pdf

1石 ----------------院顶 岗 实 习 岗 位 技 术 工 作 论 文网 页 设 计 毕 业 论 文学 号 : ----------------姓 名 : -----------专 业 : 软 件 技 术年 级 : 12级企 业 指 导 老 师 : -----二 〇 一 五 年 三 月题 目 网 页 设 计 毕 业 论 文企 业 指 导 教 师评 语指 导 教 师 (签 章 )年 月 日第 1页摘 要计 算 机 和 计 算 机 网 络 的 飞 速 发 展 ， 人 们 对 计 算 机 网 络 的 依 赖 是 越 来 越 大 ， 尤 其 是电 子 商 务 大 大 的 减 少 了 人 们 对 周 围 环 境 的 依 赖 ， 无 论 是 哪 里 的 网 友 ， 都 可 以 浏 览 到 世界 各 地 的 各 类 信 息 ， 由 于 以 上 的 优 势 ， 各 类 网 站 如 雨 后 春 笋 般 的 出 现 ， 产 品 公 司 网 站也 不 例 外 毕 业 设 计 使 用 了 Photoshop、 Dreamweaver、 div+css制 作 了 产 品 企 业 网 站的 界 面 。

论 文 阐 述 了 产 品 网 站 的 设 计 制 作 过 程 ， 主 要 包 括 市 场 调 研 、 献 检 索 、 设 计 实践 、 设 计 自 评 四 个 部 分 ， 其 中 市 场 调 研 主 要 是 通 过 调 研 知 产 品 网 站 了 解 蜂 产 品 网 站 建站 的 特 点 和 优 缺 点 、 文 献 检 索 主 要 介 绍 设 计 网 站 所 使 用 的 Photoshop、 Dreamweaver、div+css 三 个 主 要 软 件 、 设 计 实 践 主 要 具 体 介 绍 了 产 品 网 站 建 站 具 体 步 骤 和 设 计 思路 、 设 计 自 评 主 要 总 结 设 计 作 品 后 的 心 得 体 会 关 键 词 ： 网 上 产 品 销 售 ； 网 页 设 计 ； 企 业 网 页 ； Dreamweaver第 2页目 录摘 要 … … … … … … … … … … … … … … … … … … … … … … 11. 文 献 检 索 … … … … … … … … … … … … … … … … … … … … … … … 61.1网 页 制 作 软 件 Dreamweaver … … … … … … … … … … … … … 61.2Div+css 简 介 … … … … … … … … … … … … … … … … … … … 61.3平 面 设 计 软 件 Photoshop … … … … … … … … … … … … … … 72. 设 计 实 践 … … … … … … … … … … … … … … … … … … … … … … 82.1 设 计 立 意 … … … … … … … … … … … … … … … … … … … … 92.2网 站 结 构 规 划 … … … … … … … … … … … … … … … … … … 102.3 网 页 详 细 设 计 … … … … … … … … … … … … … … … … … … 112.2.1 首 页 设 计 与 制 作 … … … … … … … … … … … … … … … 122.2.2 公 司 新 闻 页 制 作 … … … … … … … … … … … … … … 152.2.3 新 闻 详 情 页 制 作 … … … … … … … … … … … … … … … 152.2.4 产 品 展 示 页 制 作 … … … … … … … … … … … … … … … 152.2.5 产 品 展 示 详 情 页 制 作 … … … … … … … … … … … … … 152.2.6 关 于 我 们 页 制 作 … … … … … … … … … … … … … … 152.2.7 联 系 我 们 页 制 作 … … … … … … … … … … … … … … 162.4 创 作 总 结 … … … … … … … … … … … … … … … … … … … … … … 163. 设 计 自 评 … … … … … … … … … … … … … … … … … … … … … … … 17致 谢 … … … … … … … … … … … … … … … … … … … … … … … … 18参 考 文 献 … … … … … … … … … … … … … … … … … … … … … … … … 19第 3页引 言当 今 世 界 已 进 入 信 息 时 代 ， Internet 成 为 21 世 纪 最 受 关 注 的 焦 点 之 一 ,它 的 飞速 发 展 和 在 全 球 范 围 的 普 及 应 用 正 在 给 人 类 生 活 带 来 革 命 性 变 化 。

网 络 技 术 的 发 展 也取 得 了 巨 大 的 成 就 ， 为 网 站 开 发 提 供 了 很 好 的 技 术 支 持 网 站 已 经 成 为 现 阶 段 众 多 企业 不 可 或 缺 的 网 络 营 销 平 台 ， 互 联 网 应 用 规 模 正 在 不 断 扩 大 其 中 ， 特 别 是 中 小 型 企业 ， 对 于 网 络 平 台 搭 建 的 需 求 相 当 的 迫 切 因 此 ， 企 业 网 站 的 建 立 是 一 个 企 业 在 当 今社 会 发 展 的 必 然 趋 势 企 业 网 站 是 一 个 企 业 不 可 缺 少 的 部 分 ， 它 能 介 绍 企 业 文 化 、 经 营 理 念 、 特 色 服 务及 企 业 在 全 国 的 网 点 分 布 拓 宽 顾 客 市 场 ， 增 加 企 业 与 客 户 之 间 的 联 系 ， 缩 短 二 者 之间 的 距 离 提 高 企 业 知 名 度 ， 为 企 业 今 后 的 业 务 发 展 开 辟 一 个 良 好 的 社 会 环 境 它 的内 容 对 于 企 业 来 说 至 关 重 要 ,企 业 概 况 、 企 业 论 谈 、 企 业 特 色 服 务 、 最 新 企 业 新 闻 动态 等 部 分 应 该 能 够 为 用 户 提 供 充 足 的 信 息 。

企 业 网 站 做 成 检 索 迅 速 、 查 找 方 便 、 可 靠性 高 、 存 储 量 大 、 保 密 性 好 、 寿 命 长 、 成 本 低 、 维 护 方 便 、 信 息 实 时 性 强 的 功 能 完 善的 大 型 企 业 网 站 这 些 优 点 能 够 极 大 地 提 高 了 企 业 网 站 的 效 率 ,也 是 企 业 走 向 科 学 化 、信 息 化 与 世 界 接 轨 的 重 要 条 件 在 IT行 业 迅 速 发 展 的 今 天 ,企 业 网 站 的 建 设 已 经 成 为一 个 企 业 发 展 必 不 可 少 的 存 在 对 于 创 意 设 计 有 限 公 司 来 说 ， 必 须 建 立 一 个 以 宣 传 为目 的 的 网 站 类 型 将 于 短 期 内 强 力 打 造 公 司 的 宣 传 力 度 ， 让 更 多 的 客 户 了 解 信 任 公 司 网 站 的 建 设 ， 也 是 公 司 对 于 宣 传 方 面 的 长 期 投 资 社 会 上 有 很 多 保 健 品 宣 传 网 站 ， 调 查 研 究 显 示 ， 保 健 品 企 业 的 知 名 度 、 企 业 的 实力 往 往 是 和 网 站 的 制 作 水 平 成 正 比 的 。

可 见 ， 保 健 品 企 业 网 站 的 建 设 十 分 重 要 ， 它 的定 位 以 及 页 面 的 风 格 设 计 直 接 影 响 着 保 健 品 企 业 在 网 络 推 广 应 用 的 成 败 因 此 保 健 品企 业 建 设 公 司 网 站 可 是 必 要 的 ， 它 可 以 帮 助 企 业 实 现 在 线 产 品 宣 传 ， 为 用 户 带 来 更 多方 便 和 快 捷 ， 大 大 提 高 了 企 业 的 服 务 效 率 ， 于 无 形 中 树 立 起 了 良 好 的 企 业 形 象 第 4页文 献 检 索1.1 网 页 制 作 软 件 DreamweaverDreamweaver是 创 建 和 管 理 网 页 的 专 业 化 可 视 编 辑 器 使 用 Dreamweaver可 以 轻松 创 建 跨 平 台 、 跨 浏 览 器 的 页 面 Macromedia的 Roundtrip HTML技 术 允 许 用 户 随 意导 入 HTML文 档 而 无 需 重 新 设 置 代 码 格 式 Dreamweaver 可 以 为 用 户 做 到 ： 使 用 动 态 HTML 功 能 （ 例 如 具 有 动 态 效 果 的 层 和行 为 ） 而 不 用 写 一 行 代 码 。

它 甚 至 还 可 以 检 查 用 户 的 工 作 成 果 在 所 有 流 行 的 平 台 和 浏览 器 中 可 能 发 生 的 错 误 Dreamweaver还 是 一 个 可 以 完 全 自 定 义 的 应 用 程 序 用 户 可 以 创 建 自 己 的 对 象 和命 令 修 改 菜 单 和 快 捷 键 ， 甚 至 编 写 JavaScript 代 码 扩 展 Dreamweaver 的 行 为 和 属 性检 查 器 至 于 Dreamweaver工 作 区 是 非 常 灵 活 的 ， 因 此 它 可 以 适 应 各 种 不 同 的 工 作 风 格 和使 用 水 平 常 用 的 Dreamweaver工 作 区 组 件 有 以 下 若 干 种 ：（ 1） 文 档 窗 口 可 显 示 当 前 文 档 ， 文 档 的 外 观 和 浏 览 器 中 看 到 的 非 常 相 似 2） 装 载 器 中 包 含 一 些 打 开 和 关 闭 常 用 检 查 器 和 模 板 的 按 钮 3） 对 象 工 具 栏 包 含 创 建 不 同 类 型 的 对 象 （ 例 如 图 象 、 表 格 和 层 等 ） 的 按 钮 。

4） 属 性 检 查 器 显 示 选 定 对 象 的 属 性 5） 快 捷 菜 单 可 以 使 用 户 对 当 前 选 择 或 区 域 快 速 执 行 某 些 命 令 6） 可 固 定 的 浮 动 工 具 栏 允 许 用 户 将 浮 动 窗 口 、 检 查 器 和 工 具 栏 组 合 在 一 个 或多 个 选 择 窗 口 中 1.2 DIV+CSS 简 介DIV+CSS是 网 站 标 准 （ 或 称 “ WEB标 准 ” ） 中 常 用 术 语 之 一 ， div+css 是 一 种 网 页 的布 局 方 法 ,这 一 种 网 页 布 局 方 法 有 别 于 传 统 的 HTML网 页 设 计 语 言 中 的 表 格 （ table）定 位 方 式 ,真 正 地 达 到 了 w3c 内 容 与 表 现 相 分 离 HTML 语 言 自 HTML4.01 以 来 ， 不 再发 布 新 版 本 ， 原 因 就 在 于 HTML 语 言 正 变 得 越 来 越 复 杂 化 、 专 用 化 XHTML 语 言 是 一种 可 以 将 HTML语 言 标 准 化 ， 用 XHTML语 言 重 写 后 的 HTML页 面 可 以 应 用 许 多 XML应 用第 5页技 术 。

使 得 网 页 更 加 容 易 扩 展 ， 适 合 自 动 数 据 交 换 ， 并 且 更 加 规 整 在 XHTML网 站 设计 标 准 中 ， 不 再 使 用 表 格 定 位 技 术 ， 而 是 采 用 DIV+CSS的 方 式 实。