人机交互 网页制作 课程设计 实验报告

《网页制作》课程设计报告

目录

一.课程设计目的 (3)

二.课程设计题目描述和要求 ..................................... 错误!未定义书签。

三.课程设计报告内容 ................................................. 错误!未定义书签。

3.1 设计方案 ................................................... 错误!未定义书签。

3.2 设计过程 ................................................... 错误!未定义书签。

3.3 设计结果 ................................................... 错误!未定义书签。

四.结论与心得.............................................................. 错误!未定义书签。

一.课程设计目的

一、实验概述：利用表格、框架、层和链接设计页面（各页面之间要有链接），

使用数据库做一个留言板

1.1实验目的及要求：

目的及要求：运用所学《网页设计》课程的理论知识和技能，分析和解决计算机应用实际问题，提高网页设计与制作能力；掌握利用软硬件资源发布一个具

体网站的操作过程。

1.2实验原理：

利用Dreamweaver,Microsoft Office Access 制作一个一个小

型网站

1.3实验环境（使用的软件）：

Dreamweaver、Microsoft Office Access

二、实验内容：

实验方案设计：

1.设计一个主页面(结构图如下

2.制作数据库(其实只做一个Data表就可以了)

2.2实验过程（实验步骤、记录、数据、分析）

一．⑴安装配置IIS（若配了就不用安装）

①“开始→控制面板→添加删除程序”

②打开“添加删除程序”选中“Internet信息服务（IIS）”单击进行装

③经过一段时间等待后，屏幕上出现【完成“Windows 组件向导”】对

话框，单击【完成】按扭，完成了IIS的安装。

二。主页的制作

1.生成进站页面，该页面以index.html的名字保存在根目录下（新建站点，在这里就介绍了）

2.生成主页及其他的页面

3.制作进站页面

⑴用表格整体布局（插入→表格）插入一个4行一列的表格

⑵添加网页元素（按照要求输入文字和图象）

⑶页面属性设置

在页面属性中将背景颜色设为绿色（#99cc33）以后颜色都是这个值，文本颜色为白色（#FFFFFF）

※下面的心情文章也是用表格制作的在这里就不介绍了。

布局是用的几个表格加几个连接就搞定了

其中的时间显示用的代码是

创建文档

1.选择文件→新建→模板；

2.选中【当模板改变是更新页面】单击【创建】进入新文档设计视图；

3.改变文档标题为“个人简历

”

4.将光标移到EditRegionl,输入对应的文字；

5.保存文档为toufashishang.htm.效果图如下

6.城市的性格和服装百年都用上面的文档来建。

三．留言板基本功能页面的制作

（一）创建数据库

打开Microsoft Office Access“文件→新建选择空数据库→把数据库存在站点的根目录下→在

中选择第一个，再按照上面需要制作的依次填入如Admin表

打开Admin表显示的是

此时该数据库就建好了，按照上面的方法建另外的两个数据库”

创建ODBC数据源

①选择“开始——所有程序——控制面板——管理工具——数据源（ODBC）”。

②在“ODBC数据源管理器”对话框中，单击“系统DNS”选项卡。

③单击“添加”按钮，选择数据源类型（Microsoft Access Driver (*.mdb)），单击“完成”

按钮。

④在弹出的“ODBC Microsoft Access 安装”对话框中，“数据源名”文本框中输入数据源

的名称；在“说明”文本框中可输入对该数据库的注释；单击“选择”按钮，在弹出的“选择数据库”对话框中选取提供数据的Access数据库。

⑤选择数据库文件（xx/xx.mdb）后，单击“确定”按钮，返回到“ODBC Microsoft Access

安装”对话框中。

⑥用户可以看到新增了一个ODBC数据源，为以后建立与数据库的连接做好准备。

5．创建DSN连接

①在DW的“应用程序”面板中单击“数据库”选项卡，单击“+”按钮出现连接定义方

式菜单。

②选择“数据源名称（DSN）”项，弹出其对话框。

③在“连接名称”文本框中输入一个字符串作为连接名。

④在“数据源名称（DSN）”下拉列表框中选择所需的DSN，如xx.mdb。“用户名”和“密

码”为可选项。

⑤单击“测试”按钮，系统会弹出一个对话框，报告“成功创建连接脚本”。单击“确定”

按钮。

⑥再次单击“确定”按钮。关闭“数据源名称（DSN）”对话框。在数据库面板中可以看

到数据库中创建的数据表了。

（二）留言板基本功能页面的制作

⑴制作管理员登录页面

①启动DW MX 2004，制作login.asp客户登录页面。

②检查登录表单。选择客户登录页面中的注册表单。在“行为”面板中单击“+”添加行为按钮，从弹出的菜单中选择“检查表单”行为命令，在弹出的对话框中做如下设置。

在“命名的栏位”列表框中做如下的检查表单项设置：

“文本tName”的“值”设置为“必需的”，“可接受”选项中选中“任何东西”。