免费-个人网站设计论文 - 图文

本站制作过程

在设置背景图片的时候，我把选择了我自己事先做好的一幅图，接下来，就在这个表格里输入如图的文字，包括：本站简介，本站业务...最后，我把属于我的版权信息也输入到了这个底步。这样，整个首页的静态页面就大体做好了。

3.1.2动态页面的制作

在整个网站中，动态页面占了这个主页的大部分，在这里，我就把我的这个个人主页的动态页面的制作大体的讲解一下。首先，我根据我的个人主页所要实现的功能我制作好了我的数据库（在第四章），接下来，我就把我设定系统的DSN（数据源名称）的方法来讲讲。首先，我明白，DSN是用来确定数据库所在的位置以及数据库的相关属性的。使用DSN的优点是，如果我要移动数据库档案的位置或是使用其他类型的数据库的时候，我只要重新设定DSN即可，不需要去修改原来使用的程序。下面，我就演示我在自己的电脑上配置DSN的过程：

1.启动控制面板，双击“管理工具”下的“数据源（ODBC）”，如图所示：

2.在打开的“数据源（ODBC）”对话框中选择“系统DSN”标签，然后单击“添加”按钮，如图：

计算机科学与技术专业

- 13 -

毕业(设计)论文：个人网站设计

3.在弹出的“创建新数据源”对话框中，选择数据库的驱动程序为“Microsoft Access Driver（*.mdb）”，然后单击“完成”按钮，如图：

4.在出现的“ODBC Microsoft Access 安装”对话框，在“数据源名”文本框中输入我的这个网站的数据库的名称：youthfly,单击“数据库”栏中的“选择”按钮选择我的这个网站根目录中我已经建好的数据库 youthfly.mdb，然后单击“确定”按钮，如图：

5.这时，我发现系统数据源名称中已经多了一个“yougthfly.mdb”，这就是我的网站要使用的数据库。单击“完成”按钮，这样，我就完成了数据源的创建过程。如图：

- 14 - 计算机科学与技术专业

本站制作过程

6.接下来，我要在Dreamweaver MX 2004中把数据库的连接完成。运行Dreamweaver MX 2004，打开“应用程序”面板，然后选择“数据库”标签，如图：

单击“+”按钮，在弹出的快捷菜单中选择“数据源名称”。随即打开“数据源名称”对话框，在“连接名称”文本框中输入“yougthfly”如图：

单击“测试”，我就可以测试数据库是否正确连接了。单击“确定”，这样，我就完成了数据库的连接设置过程。完成了数据库连接的设置，接下来就是把首页的部分内容和数据库相连接了。（略）

3.2 链接页面的制作

3.2.1校园资讯的制作

计算机科学与技术专业

- 15 -

毕业(设计)论文：个人网站设计

这个就是我的个人主页里“校园资讯”的界面，当点击右面的题目时，在网页的左边就会显示响应的内容，下面我就演示我制作这个网页的过程：

首先，在制作主页面的时候，我已经在把主页的顶部和底部制作完成后，保存为模板了，所以，在这里，我们就选择“文件”—“新建”—“模板”，然后选择我们保存过的模板。在打开的模板中，我们把中间的空白区域划分成左右两个部分。

我们把这两个空白区域去分别保存成为两个页面，这样方便我们在后面的链接。在右边保存的页面中，插入表格若干，

- 16 - 计算机科学与技术专业