个人网站设计毕业设计论文

个人网站设计毕业设计论文内容摘要：

ows 98/NT/Me/2020/XP. 14 软 件可 选 ： 其它 软 件：看 图软 件 ACDSee、 图 像 处 理 软 件 Photoshop、上 传 工具 CuteFTP、 Fireworks、动画软 件 Flash等。 Dreamweaver 8 的操作 环 境 我们将 工作接口分成了“ 标题栏 ”、“菜 单栏 ”、“快捷工 具栏 ”、 “ 属 性面板”、“浮 动 控制面板” 5个 部 分来分别 介 绍。 标题栏 Dreamweaver 8的“ 标题栏 ”中 将显 示文字“ Macromedia Dreamweaver 8”如果打开 网 页 的 话 ，在后面 还会显示该网页 的一些信息，如网 页标题 、所在位置及网 页 名 称 ，右 边 有三 个钮 ，分 别对应 Dreamweaver MX的最大化最小化 和关闭 的操作。 15 菜 单栏 “ 标题栏 ”下面就是“菜 单栏 ” ，栏 中提供了“檔”、“ 编辑 ”、“查看”、“插入”、“修改”、“文本”、“站 点 ”、“窗口”、“ 帮 助” 10项 菜 单。 单击 其中任意一项 菜 单 ， 随 即就 会 出 现 一 个下 拉式指令菜 单。 有些指令的右 边会 有 键盘的 代 码，这 是 该 指令的快捷 键 ，熟 练 使用快捷 键将会 有助于提高工作效率。 有些指令的右 边会 有一 个 小黑三角的 标记 ，它代表 该 指 令还 包含下一 级 的指令，鼠 标 停留片刻即 可显 示。 快捷工 具栏 “快捷工 具栏 ”指的是“菜 单栏 ”下 边 的 3排按 钮 ， 选择 菜 单 “查看 /工具 栏 ”，勾选 里 面的“插入”、“文檔”和“ 标 准” 3项 ，完整的快捷工 具栏 就 显现 出 来了。 属 性面板 在网 页编辑 窗口的下面 还 有一 个 面板，它是有名 的 “ 属 性面板”，它在 这个软 件中起到 举 足 轻重 的作用。 16 属 性面 板顾 名思 义 ，就 是显 示， 调整属 性的面板，根据鼠 标所选 中 对 象的不 同， “ 属性面板”在接口上也 会 有所差异，用 户 可以分 别对不 同的 对 象 进 行 调 整。 17 第二章网页的结构图 18 第三章 网站制作实战 站 点 创 建站 点 要制作一 个 网站，第一步操作都是一 样 的， 就是要 创 造一 个 “站 点 ”， 这样 可以使整 个 网站的 脉络结 构清晰地展 现 在面前，避免了以后再 进 行 纷杂的 管理。 从 菜 单 中 选择 “站 点 /管理站 点 ” 在弹 出的 对话框 中 选择 “新建”，之后再 选择其中的“站 点 ”，再次 弹 出一 个对话框 ，在文本框中 输 入自己已 经 企化好的网站名 称 “ my web”。 填好后， 单击 “下一步”， 进 入下一 个 步 骤。 由于我要做的是一 个静态 的网 页 ，所以 选择 上面的一 项 “否，我不想使用服 务 器技 术。 ” 单击 “下一步”， 进 入下一 个 步 骤。 在此 选项中有两个选择 ， 选择 推荐的“ 编辑 我的 计 算机上的本地副本，完成 后再上传 到服 务 器”。 底下的文本框 允许 在本地磁 盘 上指定一 个 文件 夹 ， Dreamweaver将 在其中储 存站 点 檔的本地副本。 单击该 文本框后面的文件 夹图 示，新建并指定一 个 空的檔 夹 “ E:/ding”。 之后 单击 “下一步“， 进 入下一 个 步 骤。 19 这 一步是如 何设 置 连 接 到远 程服 务 器， 弹 出式菜 单 中有 6中 选择 ， 这 里 选择 “ 无 ”。 而后“下一步”再“完成”，即可。 创 建站 点内 容 站 点创 建完成后，就可 以创 建 Web页来 填充站 点了。 在“右 侧 浮 动 面板 组 ”中 选择 “檔 /檔”面板，此 时 整 个 网站中 没 有任何 内 容。 用鼠 标 右 击面 板中 的本地根目 录文 件 夹。 在弹 出的菜 单 中 选择 “新建文件”，新建一 个档后将 其命名 为 “ (或 ind),它就是未 来 的首 页。 由于“ my web”网站分 为 “首 页 ”、“相 册 ”、“留言”、“搜索”、“登 陆 ”“注册 ” 这 六 个 大 栏 目。 之后再次新建 1个 檔 夹 ，命名 为 images,用 来 存放“所有的 图 像文件”的 内 容。 之后在 个栏 目的檔 夹 里 还 要建立想相 应的栏 目网 页。 20 首 页 设 置首 页 布局 每 个 网站都 会 有一 个 首 页 ，就功能上而言，它代表 着 一 个 网站的 风 格与特色，就网站架构上而言，它代表了网站的第一 层 架构，至于网站上其它 Web页 ， 原则 上都必 须 通 过首页来连 接散播出去，可 见 首 页 是多么的重要。 首 页 是 打开 网站后在 浏览 器中 显 示的第一 个页 面。 它是起什么名字通常要 视 Server端的 设置，一般的有 , ，目前主要以。 当然 ，后 缀 名 为 html也是正确的。 具体 设 置方法是：右健 单击 “檔”浮 动 面板中的 ,在弹 出的菜 单 中 选择 “ 设 成首页 ”。 首 页 的布局有很多方法，在 这 里我所用到的是表格 的“布局模式”。 “布局”模式中的表格 称为 布局表格， 单 元格 称为 布局 单 元格。 在 绘 制布局表格和布局 单 元格 时 ，必 须从 “ 标准”模式切 换 到“布局”模式。 直接 单击 “布局”按 钮 即可。 操作步 骤 ： 在“插入快捷 栏 ”的“布局” 分类 中， 单击 “布局表格”按 纽。 21 将变 成“ +”形 状 的鼠 标游标 放 到编辑 中网 页 上，在要 绘 制的地方 进 行拖 动 就可以 进 行 创 建了。 （如果 绘 制的是第一 个 表格必 须从 网 页 的最左上角 开始绘 制）。 在 这 里要 绘 制多 个 表格，可以再次 单击 “布局表格”按 纽进 行 绘 制，也可以按住 Ctrl键绘 制多 个 表格。 “”网站首 页 的布局如 图 所示： 置首 页 的 页 面 属 性 首先 双击 “檔”浮 动 面板中的 ,进 入 页 面的 编辑 窗口。 右健 单击空 白 区 域，在菜 单 中 选择 “ 页 面 属 性”，之后 弹 出“ 页 面 属 性 ” 对话框 ，若 选择 主菜 单 “修改 /页 面 属性 ” 项 ，也可以把 打开该对话框。 22 在“ 页 面 属 性 ” 对话框 中，左 侧 窗 口显 示“ 分类 ”，其中包括了“外 观 ”、“ 链接 ”、“ 标题 ”、“ 标题 /编码 ”、“跟 踪图 像” 5项 ，右 侧区域则显 示各 类 中可 以设 置的 项 目。 “ my web”首 页设 置 的属 性如下 图 所示： 23 编辑头内 容 一 个 网 页 文件 结 构上 实际 是 由两 部分 组 成， 头 （ head） 内 容和主体（ body） 内 容主体 内 容（ body）是文檔的主要部分，也是包含文本和 图 像等的可 见 部分。 头内 容（ head）是除文檔 标题 外的不可 见 部分，包含有文文件 类 型、 语言编码 、搜索引擎 的关键的关键词和 内 容指示器以及 样 式定 义等 重要信息， 这 些元器并不是每 个页 面都需要的，例如，可 以仅为 主 页 提供 关键词。 下面就以首 页为 例， 说 明怎 样 插入 较 常用的 头 （ head） 内 容。 单击 “菜 单拦 ”下面“插入快捷”的下拉列表， 选择 其中的 HTML类 ，此 时 右 侧将会显示该类 中可以插入的 对 象快捷按 钮 ，再次 单击 第 2个 按 钮 “文件 头 ” 旁 边 的下拉 箭头 ， 会弹 出菜 单 ， 该项 列出的便是即 将 插入的 头内 容。 插入 图 像 图 像是网 页 中不可或缺 的组 成成份，恰 当 地使用 图 像，可以使网站充 满生 活生命力与说 服力，吸引更多的 浏览者 ，加深他 们 欣 赏 你网站的意愿。 另一方面，网 页 的容量大小是网站成功与否的一大 关键 因素。 由于网 络 在 传输 上的限制， 导 致了下 载 的速度不可能太快，因此，网 页 的大小就不能太大，其中 关键 就在于 图像的大小了，否 则浏览者会 失去等待的耐心， 无论 你的网站多么精彩也 无济 于事了。 所以， 24 在网面容量大小的 问题 上一定要重 视。 下面就 来详细 介 绍对 网 页图 像 进 行 处 理的操作步 骤 ，以使得它 们 在保持 图 形美 丽与 网站 风 格搭配的基 础 上， 图 片文件能 够变 的更小。 首先 将 游 标 停留在要插入 图 像的位置，然后 单击 “菜 单栏 ”下面“插入快健 栏 ”的下拉表， 选择 其中的“常用” 类 ， 则 右 侧将会显示该类 中可以插入的 对 象快 键 按 钮。 左起第 5个即为 “ 图 像： 图 像”按 钮 ， 单击 它右 侧的 下拉列表， 选择 第 1项 “ 图 像”。 随 即 弹 出“ 选择图 像源文件 ” 对话框。 从计 算机磁 盘 中 选择 想要插入的 图 像文件，或在 URL编辑 框中 输 入 图 像的路 径 和名 称。 下面的“相 对 于”下拉表框中，可 选择 文件 URL地 址的 类 型，如果 选择 “文文件” 选项 ，表示 图 像地址相 对于当 前文檔；如果 选择 “站 点根目 录 ” 选项 ，表示地址相 对 于根目 录。 在 这 里我要插入的是网 站标 志 logo，插入 logo图 像，如 图 所示 : 最后 单击 “确定”按 钮 ，即可完成插入 图 像的操作。 在 Dreamweaver 8中，除了之前 讲 到的可以插入“ 图 像”外 ，还 可插 入动画 、 声 音、视频 等媒体元素，如 Flash,Shockwave,Applets,ActieX及格 Midi声 音文件等，并 且还 可 25 以在 Dreamweaver自身 内 插入 Macromedia Flash MX2020按 钮 和文本 对 象，以 及进 行相 关的后 期 处 理和添加 设计备 注等操作。