电子商务网站建设
典型的电子商务网站设计
通过本情境的学习，主要掌握以下知识点：
1.留言板的设计 。
2.一个简单聊天室的设计 。
3.商品信息网站的设计与制作 。
留言板的设计
2.数据库设计
新建数据库data
为数据库建立表main
建立表admin
数据库data的三个表
的站点定义
管理站点管理对话框的打开
新建站点
站点定义界面1
站点定义界面2
站点定义界面3
站点定义界面3
站点定义界面4
站点定义界面5
站点定义界面6
新建留言板首页
4.留言板各页的设计
插入表格1
设置表格属性1
设置表格属性2
留言显示页面1
留言显示页面2
留言显示页面3
留言显示页面4
留言显示页面5
留言显示页面效果
CSS设计面板
新建CSS样式
保存样式文件
CSS样式定义
CSS样式的背景设置
完成CSS样式建立
CSS样式类型设置
鼠标移上时的链接状态设置
hover的CSS样式定义
填加代码
美化后的留言板界面
5.连接数据库
打开记录集对话框
连接到站点
自定义连接字符串
完成字符串连接
完成记录集设置
一个简单聊天室的设计
1.设计数据库
创建数据库
创建表activetable
创建表message
创建表user
数据源名称窗口
连接对象myData
新建用户登录页面
页面属性对话框
设置聊天室页面
在页面中插入表格
拆分单元格
设计登录主窗口
设计文本内容
插入表单
插入按钮
设计用户注册页面
插入表格
拆分单元格
输入表格内文本
插入文本字段表单
插入列表表单
增加列表值
聊天室在线登记界面
创建聊天室框架页面
例 10‑1：（）
<%@ Language=VBScript %>
<%=true%>
<html>
<head>
<META HTTP-EQUIV="REFRESH" CONTENT=5;url="">
</head>
<body>
<%
set rs=("")
conn = "DBQ=" + ("") + ";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
sql="select * from message order by id desc"
sql,conn,1,1
do while not
rs("name")&"说："&rs("message")&"<br>"
loop
set rs=nothing
%>
</body>
例 10‑2：（）
<P align=center><A href="">刷新人员列表</A><P>
<%@ Language=VBScript %>
<%
set rs=("")
conn = "DBQ=" + ("") + ";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
sql="select * from activetable"
sql,conn,1,1
"当前在线人员：<br>"
do while not
rs("name")&"<br>"
loop
set rs=nothing
%>
</P>
例 10‑3：（）
<BODY><p>
<TABLE border=0 cellPadding=1 cellSpacing=1>
<tr>
<FORM action="" method=post id=form1 name=form1>
<td>请输入发言：</td>
<td><INPUT id=text1 name=text1></td>
<td><INPUT id=submit1 name=submit1 type=submit value="提交发言"></td>
<td><A href="" target=_top>退出聊天室</a></td>
</tr>
</TABLE></FORM>
</BODY>
聊天室运行效果
商品信息网站的设计与制作
网上购物商城主页面
建立shop数据库
公告信息表
商品类别表
商品信息表
购物车表
用户信息表
管理员表
新建站点
站点定义对话框
站点相关信息设置1
站点相关信息设置2
完成本地网站
打开站点
建立主页文件
插入表格 1
插入表格2
在表格1中插入图片
复制图片文件对话框
插入图片后的主页
设置左侧表格组
网上购物商城网站
本情境小结
本章利用Dreamweaver MX直接实现留言板、聊天室和商品信息网站的设计与实现，目的在于开阔思路，快速进行网站设计。
再见!
