电子商务网站课程设计实验报告个人实习报告4

个人课程设计报告

-----太原二手房交易信息网站

小组：

班级：

学号：

姓名：

1网站简介与任务分配

1.1网站名称：

你爱我家-太原二手房交易信息网

1.2运行环境

Windows XP SP3

1.3网站功能

●一些基本功能。

●对二手房信息进行注册。

●对二手房信息进行浏览。

●按照房屋所在区、理想价格、建筑面积、类型对房屋信息分类查看。

●通过输入房屋所在小区对房屋进行检索。

1.4网站结构设计

1.5设计工具

图片编辑工具：Adobe Fireworks cs5

网站开发工具：Adobe Dreamweaver cs5

1.6我的任务

分类导航页、价格结果页、广告页

2分类导航页的制作

2.1下拉菜单的制作

2.1.1显示部分的制作

●在要纺织导航栏的位置绘制AP-Div，以控制导航栏表格插入的位置。

●插入一个1行4列、宽度为100%的表格，在单元格内分别插入事先准备好的图片。

●分别选中单元格或单元格内的图片，在属性面板中设置其要链接的网页文件。

●调整单元格大小、背景颜色，使其美观。

2.1.2隐藏部分的制作

●将要成为下拉菜单的表格、图像、文字等添加在一个AP-Div中，调整到合适的大小、

位置。

●选中下拉菜单的触发文字或其所在单元格，在标签检查器面板中选择行为，单击“+”，

选择显示隐藏元素，选择刚才制作的下拉菜单所在的AP-Div元素，点击显示（或隐藏），在行为面板中选择onMouseOver（或

onMouseout）。

●选中下拉菜单所在AP-Div元素或表格，再次

添加上述两个行为。

●选中下拉菜单所在AP-Div，在属性面板中将

其可见性调整为隐藏，或者在AP元素面板中点击眼睛图标控制AP元素可见性。

2.2结果显示部分的制作

2.2.1记录显示表格

●绘制AP-Div，添加一个3行3列的表格，在其四个角插入准备好的图片，其他单元格

设置相应背景颜色，以达到圆角表格美观的效果。

●在中心单元格中添加表格，编辑要显示的数据的排版分布。

2.2.2添加记录集

●我们将分类导航页设计为显示所有记录的页，所以记录集要加入整个表。

●在绑定面板中单击“+”，选择记录集（查询）选项，输入记录集的名称，选中相应连

接、表。

2.2.3显示记录属性

在表格相应位置单击，在绑定面板选择要显示的数据项，单击插入。如在街道后的单元格插入街道数据。

2.2.4添加转到详细页面的链接

●选中房屋编号数据的ASP图标，在服务器行为面板中单击“+”，选择转到详细页面。

●输入详细信息网页文件的地址，传递URL参数取名为：jibenID，选择对应记录集与列。

2.2.5显示多条记录

●选中表格，在服务器行为面板中单击“+”，选择重复区域，在弹出对话框中选择所有

记录。

●为避免记录过多使页面过大，我们选中其所在AP-Div，将其溢出属性改为scroll（滚

动），这样数据过多时在此AP元素中拖动滚动条即可查看。

3价格结果页的制作

●价格结果页的制作与分类导航页的制作类似，只是添加的记录集有所不同，要设置不同

的SQl语句和参数值，下面是各网页设置的SQL语句和参数值的对照。

●效果截图（分类导航页与价格结果页类似）

4广告页的制作

广告页的制作只涉及文字、图片、表格的插入和简单的AP-Div布局，操作简单，不在此赘述。