完整网站建设案例

1电子商务网站建设第12章利用DreamweawerMX进行网站制作2通过本章的学习，主要掌握以下知识点：1.留言板的设计。2.一个简单聊天室的设计。3.商品信息网站的设计与制作。312.1留言板的设计42.数据库设计新建数据库data5为数据库建立表main6建立表admin7数据库data的三个表83.Dreamweaver的站点定义管理站点管理对话框的打开9新建站点10站点定义界面111站点定义界面212站点定义界面313站点定义界面314站点定义界面415站点定义界面516站点定义界面617新建留言板首页4.留言板各页的设计18插入表格119设置表格属性120设置表格属性221留言显示页面122留言显示页面223留言显示页面324留言显示页面425留言显示页面526留言显示页面效果27CSS设计面板28新建CSS样式29保存样式文件30CSS样式定义31CSS样式的背景设置32完成CSS样式建立33CSS样式类型设置34鼠标移上时的链接状态设置35hover的CSS样式定义36添加代码37美化后的留言板界面385.连接数据库打开记录集对话框39连接到站点40自定义连接字符串41完成字符串连接42完成记录集设置4312.2一个简单聊天室的设计441.设计数据库创建数据库mydb.mdb45创建表activetable46创建表message47创建表user48数据源名称窗口49连接对象myData50新建用户登录页面chatlogin.asp51页面属性对话框52设置聊天室页面53在页面中插入表格54拆分单元格55设计登录主窗口56设计文本内容57插入表单58插入按钮59设计用户注册页面60插入表格61拆分单元格62输入表格内文本63插入文本字段表单64插入列表表单65增加列表值66聊天室在线登记界面67创建聊天室框架页面68例12-1：（Content.asp）%@Language=VBScript%%Response.Buffer=true%htmlheadMETAHTTP-EQUIV=REFRESHCONTENT=5;url=content.asp/headbody%setrs=server.createobject(adodb.recordset)conn=DBQ=+C:\Inetpub\=;DRIVER={MicrosoftAccessDriver(*.mdb)};sql=select*frommessageorderbyiddescrs.Opensql,conn,1,1dowhilenotrs.eofResponse.Writers(username)&说：&rs(message)&brrs.MoveNextloopsetrs=nothing%/body69例12-2：（Message.asp）Palign=centerAhref=message.asp刷新人员列表/AP%@Language=VBScript%%setrs=server.createobject(adodb.recordset)conn=DBQ=+server.mappath(mydb.mdb)+;DefaultDir=;DRIVER={MicrosoftAccessDriver(*.mdb)};sql=select*fromactivetablers.Opensql,conn,1,1Response.Write当前在线人员：brdowhilenotrs.eofResponse.Writers(name)&brrs.MoveNextloopsetrs=nothing%/P70例12-3：（send.asp）BODYpTABLEborder=0cellPadding=1cellSpacing=1trFORMaction=savamessage.aspmethod=postid=form1name=form1td请输入发言：/tdtdINPUTid=text1name=text1/tdtdINPUTid=submit1name=submit1type=submitvalue=提交发言/tdtdAhref=exit.asptarget=_top退出聊天室/a/td/tr/TABLE/FORM/BODY71聊天室运行效果7212.3商品信息网站的设计与制作73网上购物商城主页面74建立shop数据库75公告信息表76商品类别表77商品信息表78购物车表79用户信息表80管理员表81新建站点82站点定义对话框83站点相关信息设置184站点相关信息设置285完成本地网站86打开站点87建立主页文件88插入表格189插入表格290在表格1中插入图片91复制图片文件对话框92插入图片后的主页93设置左侧表格组94网上购物商城网站95本章小结本章利用DreamweaverMX直接实现留言板、聊天室和商品信息网站的设计与实现，目的在于开阔思路，快速进行网站设计。96再见!