页面的方法; 2、掌握利用Dreamweaver制作ASP页面的方法;
二、实验设备及要求
本实验主要使用设备为:计算机1台
三、实验原理
1、利用Dreamweaver制作静态页面; 2、利用Dreamweaver制作简单ASP页面。
四、实验内容与步骤
1、利用Dreamweaver制作静态页面 启动Dreamweaver,在创建新项目中单击HTML,创建一个静态HTML页面。
图2-1 Dreamweaver启动界面 制作一个简单静态页面如下图。
图2-2 静态页面 按F12,在浏览器中预览此页面效果。 2、利用Dreamweaver制作简单ASP页面。 打开Dreamweaver, 在创建新项目下单击ASP VBScript, 创建一个ASP页面。 (参见图2-1) 在代码模式下,输入代码。部分代码如下:
现在的时间是:<%=now()%>
3、创建站点并预览 将IIS的Web主目录设置为C:\Inetpub\wwwroot,创建新站点,将此站点的本地根文件夹 设置为此目录。将此站点测试服务器设置如下图2-4。
图2-3 站点本地信息设置
图2-4 站点测试服务器设置 将新建的ASP页面保存于C:\Inetpub\wwwroot目录中。按F12预览。
五、思考题
1、客户端能否看见ASP脚本的内容? 2、对于动态ASP页面,Web服务器如何处理?
六、注意事项
1、注意Web主目录与页面存放文件夹及访问URL之间的关系。
实验3
一、实验目的
超文本标记语言HTML
1、掌握Dreamweaver中编写HTML标签的方法; 2、掌握常用HTML标签的使用。
二、实验设备及要求
本实验主要使用设备为:计算机1台
三、实验原理
1、在Dreamweaver中新建页面,转到代码模式下对其HTML源代码进行编辑; 2、在页面源代码中输入
常用HTML标签,转到预览模式下查看其显示效果。
四、实验内容与步骤
1、在Dreamweaver中新建页面,转到代码模式下对其
HTML源代码进行编辑 启动Dreamweaver,在创建新项目中单击HTML,创建一个静态HTML页面。
图3-1 Dreamweaver启动界面 在Dreamweaver中转到代码模式下,输入如下HTML代码:
图3-2 代码模式页面
转到设计模式,预览此页面效果。 2、在页面源代码中输入常用HTML标签,转到预览模式下查看其显示效果。 在代码模式下,在文字头尾分别输入HTML标签
,
,
,
,
等,每输入一个标签就转到
设计模式查看此标签对页面显示的效果影响。 在设计模式下,对文字的字体,字号,颜色,超链接等进行设置。每次设置后,转到代码 模式查看此效果由哪些HTML标签体现。
五、思考题
1、在设计模式下对文字进行设置和在代码模式下直接编辑HTML标签来指定输出效果有 没有区别?
六、注意事项
1、在Dreamweaver中,编辑->首选参数打开首选参数对话框,将其中“使用CSS而不是 HTML标签”选项前的勾去掉。 (下图中红色圆角矩形框中的选项)
图3-3 首选参数对话框
实验4
一、实验目的
VBScript编程
1、掌握在页面中加入VBScript脚本的方法; 2、掌握客户端VBScript程序的编写;
二、实验设备及要求
本实验主要使用设备为:
计算机1台
三、实验原理
1、通过VBScript脚本的编写,熟悉VBScript语法与程序的编写。
四、实验内容与步骤
1、新建网页,在代码模式下往页面中加入VBScript脚本; 编写程序,在页面上输出九九乘法表如下图所示。具体要求:利用表格布局,去掉表格线, 增加表格的背景颜色,三角形显示九九乘法表。
图4-1 九九乘法表 打开Dreamweaver,新建ASP页面。在Dreamweaver中切换到代码模式,在页面源代码中 插入如下脚本程序。
<% for i=1 to 9 response.Write("") for j=1 to i response.Write("") response.Write(j&;"*"&;i&;"=") response.Write(i*j) response.Write(" | ") next response.Write("
") next %>
2、编写VBScript脚本程序,实现如下程序:
在文本框1和文本框2中输入乘数,点击等号按钮后,乘积出现在文本框3中。 在Dreamweaver中新建ASP
VBScript页面,在代码模式下编写