1、个人网站制作过程随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以刚好的展示自己，而且可以提高自己在计算机应用方面的能力。我使用的软件是 Dreamweaver8,它是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、FLASH 以及在 DREAMWEAVER 之后推出的针对专业网页图像设计的 FIREWORKS，三者被 MACROMEDIA 公司称为DREAMTEAM(梦之队)，足见市
2、场的反响和 MACROMEDIA 公司对它们的自信。随着互联网(Internet) 的家喻户晓，HTML 技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器，两者各有千秋。网页编辑器的优点就是直观性，使用方便，容易上手，在所见即所得网页编辑器进行网页制作和在 WORD 中进行文本编辑不会感到有什么区别。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。 在网页制作中，我借鉴了韩国个人网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了 photos
3、hop 和 fireworks 强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用 Flash 进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由 Dreamwave 完成的。、在这次课业中我制作了关于自己的网页，下面介绍下制作过程。首先使用 Dreamweaver8 来创建站点。打开 Dreamweaver8 软件，执行站点- 站点管理命令，在弹出的站点管理对话框中选择新建，然后创建站点存放到我的文档，然后设置地址为 。站点创建完成后，在 Dreamweaver8 软件右侧就会出现站点资源列表，然后我分别建立了 images、Scripts、和若干
4、子文件，主要用于存放主网站架构图片、音乐、日志链接模块素材、网络模块素材、照片匣子模块素材。整 个 网 页 是 由 六 个 页 面 组 成 ， 分 别 是 ： 我 的 主 页 、 我 的 文 章 、 我 的 音 乐 、我 的 图 片 、 留 言 板 、 说 说 。 .首 先 我 做 的 是 首 页 ,我 先 在 纸 上 把 所 想 的 布 局画 出 来 ， 打 开 工 具 栏 “插 入 ”中 的 表 格 选 择 好 “行 ”和 “列 ”。 根 据 需 要我 将 页 面 分 为 三 行 三 列 ， 并 调 为 800*773 的 像 素 。 这 时 建 好 的 表 格 在 左 上方 ， 点 击
5、页 面 下 的 “属 性 ”栏 中 对 齐 方 式 选 择 “居 中 对 齐 ”这 样 就 可 以 使表 格 处 于 居 中 的 位 置 。 把 标 题 栏 进 行 合 并 单 元 格 ， 单 击 页 面 工 具 栏 中 的“插 入 ”按 钮 ， 把 已 经 在 Photoshop 中 做 好 的 动 态 插 入 表 格 中 ， 这 时 整 个 网页 的 色 调 就 定 好 了 。 我在个人站点上添加了开始在主页上建立标题名张乐萌的个人网站，然后在页面属性上添加背景图片，背景颜色上设置为#E1FADD，图片设置为不重复，这样主页上的背景就是我添加的图片。其他页面哦也选用了相同风格的图片，从背景
6、来说同意了格调而且井井有条。接下来是博客网页的制作，在这个页面的设计中我在保持主要风格不变的前提下，我将 index 网页设计中的主要部分，例如标题栏和导航保持原有的不变。在首页的下边三个板块中我选择将左中两个板块合并，用滑动效果将博客展示出来，这样就显得网页很丰富多样。在留言版的制作中，我只保留标题栏下的中间板块，我在该板块中直接插入动态图为背景，然后在背景上添加留言板，这样留言版与海底游鱼相结合，使人心情愉快。主页上我特别添加了个人资料，使人一目了然，而且突出个人网站的特色，了解个人的基本信息。为了使主页生动我在空白处添加了我的作品滑动模块，展示了我大学以来引以为傲的作品。我的日志栏里我选
7、用了以前装载的景点有没的文章，同时也是我个人非常喜欢的分享给大家。然后再我的作品页面上不仅有图片，而且配以文字说明，使人们更好的了解我的作品。此外，我还人性化的设计了留言板页面，以便于更好的听取别人的意见和有助于彼此之间的沟通与交流。在网页的底部，我注上了“版权所有某某的个人网站” ，是对网站是一种个人说明。最后我在网页上添加了背景音乐，让浏览者有一个愉快的心情去浏览网页。最后我在标题、导航和日志列表上分别建立了超链接，当浏览者单击已经链接的文字或图片后,进行超链接时字体颜色会发生变化，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。使浏览者方便阅读全面的内容，更加深刻的了解我的个人
8、网站。最 后 将 所 有 页 面 都 做 好 之 后 ， 发 布 到 网 上 去 。 首 先 要 先 申 请 一 个 放 网页 的 空 间 ， 鼠 标 右 键 点 击 文 件 栏 里 的 站 点 ， 选 择 上 传 ， 然 后 输 入 已 申 请 好 的FIP 用 户 名 ， 密 码 ， 地 址 等 。 最 后 ， 开 始 连 接 主 机 ， 登 录 用 户 ， 在 DW 面 板上 点 击 命 令 菜 单 中 的 管 理 站 点 ， 选 择 根 文 件 夹 导 出 ， 这 样 整 个 网 页 才 算 做 完 ，这 时 就 能 进 行 上 传 网 站 了 ， 点 击 站 点 的 名 字 右 键
9、单 击 会 出 现 上 传 按 钮 ， 点 击上 传 按 钮 会 出 现 一 个 可 供 选 择 的 边 框 ， 点 击 “是 ”按 钮 时 就 能 访 问 FTP 再点 击 确 定 按 钮 ， 系 统 就 会 自 动 出 现 上 传 的 代 码 ， 在 网 站 上 输 入 代 码 ， 把 要 传的 内 容 放 进 去 ， 这 样 就 能 成 功 的 上 传 所 做 的 网 站 了 。不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Dreamwave、Fireworks、Html 语言、IIS、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。整个网站的制作是我一个人完成的。虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望明年可以选到动态网站的课程，从而弥补自己在动态网络语言方面的不足。参考文献：Reference：1. http:/ http:/ http:/ 网页制作与网站建设设计大全徐磊，清华大学出版社，2008.9
