中小型网站制作流程

个人网站制作过程

随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以刚好的展示自己，而且可以提高自己在计算机应用方面的能力。我使用的软件是Dreamweaver8,它是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器，两者各有千秋。网页编辑器的优点就是直观性，使用方便，容易上手，在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。

个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。 在网页制作中，我借鉴了韩国个人网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。

、在这次课业中我制作了关于自己的网页，下面介绍下制作过程。首先使用Dreamweaver8来创建站点。打开Dreamweaver8软件，执行站点- 站点管理命令，在弹出的站点管理对话框中选择新建，然后创建站点存放到我的文档，然后设置地址为www.maqunchao.com。站点创建完成后，在Dreamweaver8软件右侧就会出现站点资源列表，然后我分别建立了images、Scripts、和若干子文件，主要用于存放主网站架构图片、音乐、日志链接模块素材、网络模块素材、照片匣子模块素材。

整个网页是由六个页面组成，分别是：我的主页、我的文章、我的音乐、我的图片、留言板、说说。.首先我做的是首页,我先在纸上把所想的布局画出来，打开工具栏“插入”中的表格选择好“行”和“列”。根据需要我将页面分为三行三列，并调为800*773的像素。这时建好的表格在左上方，点击页面下的“属性”栏中对齐方式选择“居中对齐”这样就可以使表格处于居中的位置。把标题栏进行合并单元格，单击页面工具栏中的“插入”按钮，把已经在Photoshop中做好的动态插入表格中，这时整个网页的色调就定好了。我在个人站点上添加了开始在主页上建立标题名——张乐萌的个人网站，然后在页面属性上添加背景图片，背景颜色上设置为#E1FADD，图片设置为不重复，这样主页上的背景就是我添加的图片。其他页面哦也选用了相同风格的图片，从背景来说同意了格调而且井井有条。

接下来是博客网页的制作，在这个页面的设计中我在保持主要风格不变的前提下，我将index网页设计中的主要部分，例如标题栏和导航保持原有的不变。在首页的下边三个板块中我选择将左中两个板块合并，用滑动效果将博客展示出来，这样就显得网页很丰富多样。在留言版的制作中，我只保留标题栏下的中间板块，我在该板块中直接插入动态图为背景，然后在背景上添加留言板，这样留言版与海底游鱼相结合，使人心情愉快。主页上我特别添加了个人资料，使人一目了然，而且突出个人网站的特色，了解个人的基本信息。为了使主页生动我在空白处添加了我的作品滑动模块，展示了我大学以来引以为傲的作品。我的日志栏里我选用了以前装载的景点有没的文章，同时也是我个人非常喜欢的分享给大家。然后再我的作品页面上不仅有图片，而且配以文字说明，使人们更好的了解我的作品。此外，我还人性化的设计了留言板页面，以便于更好的听取别人的意见和有助于彼此之间的沟通与交流。在网页的底部，我注上了“版权所有某某的个人网站”，是对网站是一种个人说明。最后我在网页上添加了背景音乐，让浏览者有一个愉快的心情去浏览网页。最后我在标题、导航和日志列表上分别建立了超链接，当浏览者单击已经链接的文字或图片后,进行超链接时字体颜色会发生变化，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。使浏览者方便阅读全面的内容，更加深刻的了解我的个人网站。

最后将所有页面都做好之后，发布到网上去。首先要先申请一个放网页的空间，鼠标右键点击文件栏里的站点，选择上传，然后输入已申请好的FIP用户名，密码，地址等。最后，开始连接主机，登录用户，在DW面板上点击命令菜单中的管理站点，选择根文件夹导出，这样整个网页才算做完，这时就能进行上传网站了，点击站点的名字右键单击会出现上传按钮，点击上传按钮会出现一个可供选择的边框，点击“是”按钮时就能访问FTP再点击确定按钮，系统就会自动出现上传的代码，在网站上输入代码，把要传的内容放进去，这样就能成功的上传所做的网站了。

不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Dreamwave、Fireworks、Html语言、IIS、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。整个网站的制作是我一个人完成的。虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望明年可以选到动态网站的课程，从而弥补自己在动态网络语言方面的不足。