web动态网页设计实验报告

Web 动态网页设计

编程环境的熟悉实验日志

实验题目：编程环境的熟悉

实验目的：

1、学会使用Macromedia Dreamweaver 软件，了解并掌握该软件的各种功能，为以后的网页设计打下基础。

2、重点学习使用“页面创建”和“设置服务器信息”功能。

实验要求：按照Macromedia Dreamweaver MX软件使用说明，练习使用Macromedia Dreamweaver MX软件。

实验主要步骤：

1、起始页的打开和关闭：

操作：（1）运行Dreamweaver，将显示起始页，单击“不再显示”。

（2）打开菜单栏“编辑”选项>“首选参数”>“常规”选项。

2、工作区布局常用两种：编码器和设计器。

操作：

(1)运行Dreamweaver，可以进行编码器或设计器的选择。

(2)打开菜单栏“窗口”选项>“工作区布局”进行选择。

3、在本地站点中浏览网页的快捷键是F12。

4、创建本地站点：

（1）可以使用“站点定义向导”设置Dreamweaver 站点，该向导会引领您完成设置过程。

（2）也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。

5、安装IIS服务器

（1）选择“开始”>“设置”>“控制面板”>“添加或删除程序”，或者选择“开始”>“控制面板”>“添加或删除程序”。

（2）选择“添加/删除Windows 组件”。

（3）选择“Internet 信息服务(IIS)”，然后单击“下一步”。

（4）按照安装说明进行操作。

6、配置IIS服务器

（1）启动ASP的父路径。

（2）配置IIS的站点。

（3）设置网站端口。

（4）设置网站默认文档。

7、发布站点：

1）设置远程文件夹：远程文件夹通常具有与本地文件夹相同的名称，因为远程站点通常完全就是本地站点的副本。

（1）在您的远程服务器上，在服务器的Web 根文件夹中创建一个空文件夹。将新的空文件夹命名为cafe_townsend（与本地根文件夹的名称相同）。

（2）在Dreamweaver 中，选择“站点”>“管理站点”。

（3）在“管理站点”对话框中，选择“Cafe Townsend 站点”。

（4）单击“编辑”。

（5）在“站点定义”对话框中，如果未显示“高级”设置，请单击“高级”选项卡。（6）从左侧的“类别”列表中选择“远程信息”。

（7）选择一个“访问”选项。

（8）单击“确定”。

（9）Dreamweaver 创建到远程文件夹的连接。

（10）单击“完成”关闭“管理站点”对话框。

2）上传本地文件：要使公众可以访问您的网页，必须将它们上传到Web 服务器，即使Web 服务器运行在您的本地计算机上也必须进行上传。

（1）在“文件”面板（“窗口”>“文件”）中，选择站点的本地根文件夹(cafe_townsend)。

（2）单击“文件”面板工具栏上的“上传文件”蓝色箭头图标。

（3）当Dreamweaver 询问您是否要上传整个站点时，单击“确定”。

（4）在浏览器中打开您的远程站点以确保正确上传了所有文件。

心得体会：

熟悉ASP技术及它的内置对象实验日志

实验题目：熟悉ASP技术及它的内置对象

实验目的：

1．了解并掌握ASP初步知识

2．熟悉ASP内置对象

实验要求：

建立一个自动监测浏览时间并根据不同时段动态显示不同页面内容的ASP 程序. 请将以下代码输入到Macromedia Dreamweaver的代码编辑区, 命名为test1.asp。将test1.asp 保存在WEB 服务器的虚拟目录( 如：aspsamp/) 下，并在浏览器中用HTTP 的方式进行浏览，如：http://yourcomputername/aspsamp/test1.asp ，观察所得的现象，并进行解释说明。

实验主要步骤：

输入代码运行

< html>

< body>

< FONT COLOR="Green">

< % If Time < #12:00:00# And Time >= #00:00:00# Then %>

早上好，今天天气不赖啊!

< % ElseIf Time < #19:00:00# And Time >= #12:00:00# Then %>

下午好!

< % Else %>

早上好，今天天气不赖啊！

< % End If %>

< /body>

实验结果：

心得体会：

实现与后台数据库的连接实验日志

实验题目：实现与后台数据库的连接。

实验目的：学会在ASP页面访问数据库的方法，包括对后台数据库进行各项操作。实验要求：按照如下例子，输入代码，并运行，理解并说明代码含义。

实验主要步骤：

1、建立系统数据源。

（1）单击“开始”，选设置控制面板。

（2）双击图标“32 位ODBC” , 将弹出一个对话框，选标签“System DSN”

（3）单击“Add”添加一个DSN 入口, 选择如“Microsoft Access Drive”并确认。

（4）在“Data Source Name”栏里输入你希望指定的DSN, 然后单击“Select”

选择数据库存放位置，可以按“Browse”来选取。

（5）以上步骤完成后在ASP 程序中指定DSN，例如：< %connstr = "DSN"%> 。

2、编码。

（1）屏幕输入页面input.asp

<%@LANGUAGE="JAVASCRIPT" %>