asp动态网页设计与实现-源代码

《asp动态网页设计与实现-源代码》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章网上聊天室系统的设计第1章ASP基础【例1-1】下面结合上一节内容，利用记事本创建一个静态网页。实例步骤如下：（1）首先单击开始→程序→附件→记事本。启动记事本，界面如图1.1所示。图1.1记事本操作界面（2）在记事本的工作区中中输入以下内容。结果如图1.2所示。第一个静态网页的具体内容图1.2第一个网页代码第9章网上聊天室系统的设计（3）文件→保存。打开保存对话框如图1.3所示，将该对话框中保存类型选择为“所有文件”，在文件名中输入自己想保存的文件名，注意扩展名为：.

2、htm或.html。按照图1.3所示设置好后单击确定即保存了第一个网页。图1.3保存网页（4）找到所保存的文件，双击该文件，结果显示结果如图1.4所示。图1.4第一个网页第9章网上聊天室系统的设计第2章Dreamweaver基础【例2-1】创建一个站点“MyWebSite”。实例步骤如下：（1）创建一个文件夹，用于保存即将创建的网站位置，这里假设在D盘中创建一个文件“D:MyWeb”。（2）启动Dreamweaver。结果如图2.1所示。图2.1Dreamweaver启动界面（3）选择“站点”→“新建站点”。出现“新建站点”向导，并在站点名字文本框中输入一个站点名字，这里输入

3、“MyWebSite”。如图2.2所示。第9章网上聊天室系统的设计图2.2创建站点向导（3）单击“下一步”，默认选择，再单击下一步，在位置对话框中选择文件存储的位置，结果如图2.3所示。第9章网上聊天室系统的设计图2.3选择文件存放位置（4）单击下一步，按照图2.4所示进行设置和选择。第9章网上聊天室系统的设计图2.4向导第3部分（5）单击下一步，选择默认，再单击下一步，显示站点基本设置，如图2.5所示。第9章网上聊天室系统的设计图2.5站点基本设置（6）单击完成，站点创建成功，结果如图2.6所示。第9章网上聊天室系统的设计图2.6站点创建结果2.1.2站点管理如果已经有了一个

4、Web站点，可以通过站点管理编辑该站点，步骤如下：（1）启动Dreamweaver，在右边的文件选择框中选择所建立的站点，如图2.7所示图2.7选择站点（2）选择“站点”→“管理站点”。出现“管理站点”对话框，如图2.8所示。从该图中我们可以看到，Dreamweaver可实现对站点进行编辑、复制删除、导出、导入等管理功能。图2.8管理站点【例2-2】创建并编辑一个网页。实例步骤如下：（1）选择“文件”→“新建文档”第9章网上聊天室系统的设计，打开新建文档对话框，如图2.9所示。从图中我们看到，文档的类别有基本页、动态页、模板页等等，这里选择基本页，然后在右边再选择HTML类型。

5、图2.9新建文档（2）单击“创建”按钮，就创建好了一个新的空白网页，结果如图2.10所示。图2.10空白网页第9章网上聊天室系统的设计（3）输入文档内容。在上图中输入以下内容：这是我的第一个网页！结果如图2.11所示。图2.11输入网页内容（4）代码模式。上面是在设计模式下创建网页，我们还可以在代码模式下创建网页，在图2.11中在工作区的左上角选中“代码”，结果如图2.12所示。图2.12代码模式（5）拆分模式。在图2.12左上角选择“拆分”，结果如图2.13所示。第9章网上聊天室系统的设计图2.13拆分模式（6）保存网页。选择“文件”→“保存”，出现保存文件对话框，在对话框中

6、输入需要保存的文件名，这里为“MyFirstWebpage.html”，结果如图2.14所示。第9章网上聊天室系统的设计图2.14拆分模式（6）浏览网页。在工具栏中选择“在在浏览器/调试”工具栏，打开浏览器，并自动在浏览器中打开我们所创建的新Web文件，结果如图2.15所示。图2.15浏览网页【例2-3】对例2-2中网页的字体进行设置。实例步骤为：（1）利用Dreamweaver打开第一个网页，如图2.15所示。第9章网上聊天室系统的设计（2）选中其中要设置的文本，如图2.16所示。图2.16选择文本（3）在上图中的属性面板中，我可以直接设置字体、大小、颜色等等，具体设置以及结

7、果如图2.17所示。图2.17格式设置2.添加字体在设置字体的过程中，如果刚开始使用Dreamweaver工具，我们可以看到其中默认的字体很少，中文字体只有宋体和新宋体，满足不了我们的要求，为此应该在工具中添加新字体，添加的过程如下。（1）选择“文本”→“字体”→“编辑字体列表（E）…”，打开编辑字体列表对话框，如图2.18所示。第9章网上聊天室系统的设计2.18编辑字体列表对话框（2）在可用字体中选择你想要添加的字体，例如“方正舒体”等，单击按钮，结果如图2.19所示。2.19添加字体列表