电子商务网站课程设计实验报告个人实习报告4Word文档格式.docx

1、1.1 网站名称：你爱我家-太原二手房交易信息网1.2 运行环境Windows XP SP31.3 网站功能l 一些基本功能。l 对二手房信息进行注册。l 对二手房信息进行浏览。l 按照房屋所在区、理想价格、建筑面积、类型对房屋信息分类查看。l 通过输入房屋所在小区对房屋进行检索。1.4 网站结构设计主页网站简介分类导航房屋注册小区房屋检索广告按区分类按价格分类按面积分类按类型分类广告页注册成功1.5 设计工具图片编辑工具：Adobe Fireworks cs5网站开发工具：Adobe Dreamweaver cs51.6 我的任务分类导航页、价格结果页、广告页2 分类导航页的制作2.1 下拉

2、菜单的制作2.1.1 显示部分的制作l 在要纺织导航栏的位置绘制AP-Div，以控制导航栏表格插入的位置。l 插入一个1行4列、宽度为100%的表格，在单元格内分别插入事先准备好的图片。l 分别选中单元格或单元格内的图片，在属性面板中设置其要链接的网页文件。l 调整单元格大小、背景颜色，使其美观。2.1.2 隐藏部分的制作l 将要成为下拉菜单的表格、图像、文字等添加在一个AP-Div中，调整到合适的大小、位置。l 选中下拉菜单的触发文字或其所在单元格，在标签检查器面板中选择行为，单击“+”，选择显示隐藏元素，选择刚才制作的下拉菜单所在的AP-Div元素，点击显示（或隐藏），在行为面板中选择on

3、MouseOver（或onMouseout）。l 选中下拉菜单所在AP-Div元素或表格，再次添加上述两个行为。l 选中下拉菜单所在AP-Div，在属性面板中将其可见性调整为隐藏，或者在AP元素面板中点击眼睛图标控制AP元素可见性。2.2 结果显示部分的制作2.2.1 记录显示表格l 绘制AP-Div，添加一个3行3列的表格，在其四个角插入准备好的图片，其他单元格设置相应背景颜色，以达到圆角表格美观的效果。l 在中心单元格中添加表格，编辑要显示的数据的排版分布。2.2.2 添加记录集l 我们将分类导航页设计为显示所有记录的页，所以记录集要加入整个表。l 在绑定面板中单击“+”，选择记录集（查询

4、）选项，输入记录集的名称，选中相应连接、表。2.2.3 显示记录属性在表格相应位置单击，在绑定面板选择要显示的数据项，单击插入。如在街道后的单元格插入街道数据。2.2.4 添加转到详细页面的链接l 选中房屋编号数据的ASP图标，在服务器行为面板中单击“+”，选择转到详细页面。l 输入详细信息网页文件的地址，传递URL参数取名为：jibenID，选择对应记录集与列。2.2.5 显示多条记录l 选中表格，在服务器行为面板中单击“+”，选择重复区域，在弹出对话框中选择所有记录。l 为避免记录过多使页面过大，我们选中其所在AP-Div，将其溢出属性改为scroll（滚动），这样数据过多时在此AP元素中拖动滚动条即可查看。3 价格结果页的制作l 价格结果页的制作与分类导航页的制作类似，只是添加的记录集有所不同，要设置不同的SQl语句和参数值，下面是各网页设置的SQL语句和参数值的对照。100万以下SELECT *FROM 房屋基本信息WHERE 理想价格（万元） 200l 效果截图（分类导航页与价格结果页类似）4 广告页的制作广告页的制作只涉及文字、图片、表格的插入和简单的AP-Div布局，操作简单，不在此赘述。