Dreamwaver ¸ 学习教程- 第十章-共章正文.pptVIP

第十章 网站制作实训 本章通过两个实例网站的制作，介绍网站制作的一般步骤，和设计方法，加强已学知识的灵活应用。 10.1静态网站制作 10．1．2 定义本地站点 新建一个站点 在定义站点的对话框中，选择“本地信息”选项，在“站点名称”栏中输入站点名：枫叶林，在“本地根文件夹”栏中选择刚才规划好的本地文件夹的路径 在管理站点的对话框中单击“完成”按钮，在文件管理面板中出现前面规划好的文件夹，鼠标右键单击web文件夹，选择“新建文件夹”或“新建文件”，新建几个相应的空文档和子文件夹，并将其命名为index.html、home.html等，到此为止，整个站点的文件结构基本建好。 10．1．3 设计主页 主页 是指进入站点时的第一个页面（index.htm），这个页面可以用来直接定义为内容的首页。在这里，把index.htm作为欢迎页，把home.htm作为内容的首页。 10．1．4 建立模板 10． 1． 4 建立模板 插入布局表格 10． 1． 5 制作首页 从模板创建新的文件 10． 1． 5 制作首页 10． 1． 6 编辑子页面 重复制作home页面的第一步，保存命名。然后在中间可编辑区域插入一个表格，在表格中插入图像和文字，很快能完成子页面的制作，这时可以体会到制作模板的方便。 10 ．2　动态网站制作 前面做了一个静态网站，它只能给浏览者访问网页，而不能提交浏览者的信息，比如对本网站的建议、提供联系方法、提交用户资料等，所以静态网站比较被动，不能和浏览者互通信息。此时，须做个动态网站，用数据库来保存用户的信息，让整个网站主动起来，给浏览者友好的界面，本节将介绍如何用Dreamweaver 8制作动态网站，网名为2000级生物医学工程毕业网站，即bme2000。 10． 2 ．1 实例概述 和前面创建静态网站一样，在建网站前须将把网站的结构、内容以及资料规划好，以免边做边找材料，浪费时间和精力。 10． 2 ． 2 定义本地站点 10． 2 ． 3 设计主页 在“页面属性”的“标题/编码”中输入网页标题：2000级生物医学工程网站，然后在空白文档里插入6行2列的表格，设置表格居中显示，边框为0，接着把部分单元格合并 10． 2 ． 3 设计主页 在第1、3单元格中分别插入表格，即采用表中表结构，然后分别输入文字和插入图片， 10． 2 ． 3 设计主页 在第2个单元格中先插入表单，然后在表单中插入一个4行1列的表格，在此表格的第二行插入一个文本字段，并将其域名设为name，同样，在第三行插入一个文本字段，域名为password，在第四行插入两个按钮，分别为提交按钮和重置按钮，如图10-10所示，表单和表格者居中显示， 10． 2 ． 3 设计主页 代码如下： form id=form1 align=center name=form1 method=post action= table width=295 border=0 tr td align=center成员登录/td /tr tr td align=center用户名： input type=text name=name / /td /tr tr td align=center密nbsp; 码： input name=password type=password id=password //td /tr tr td align=center input type=submit name=Submit value=提交 /nbsp;nbsp;nbsp;nbsp; input type=reset name=Submit2 value=重置 / /td /tr /table /form 10． 2 ． 3 设计主页 第3个单元格中的表格用来显示滚动新闻，从这里开始要用到asp语言，从后台数据库提取出信息。 10． 2 ． 3 设计主页 10． 2 ． 3 设计主页 10． 2 ． 3 设计主页 10．2 ．4 创建连接数据库的公共文件 创建一个ASP VBScript空白页面，将其保存到conn文件夹中，然后进入代码界面 将其中的所有代码删除，加入数据库连接代码，采用ADO技术连接数据库，注意正确输入数据路径和密码，代码如下所