当前位置：
文档之家› 实验5-Dreamweaver网页制作与设计(一)创建网站-第13周共27页文档
实验5-Dreamweaver网页制作与设计(一)创建网站-第13周共27页文档
四、实验报告
根据“二、实验内容及步骤：”的目录 任选其中一个实验内容，将实验步骤写 在实验报告书上。
实验报告应该包括以下几点内容： 一、实验目的 二、实验内容 三、实验步骤 四、实验心的/总结
谢谢！
里直接阅览。
若运行正常则出现窗口如下图：
（三）创建新网页并测试预览 网页
网站设计好后，在该网站下创建两个新 网页：first.html和first.asp。并对他们进 行预览测试。如果预览成功，则如下图 所示：
图1（文件first.html）：
图2（first.asp）
网页源代码参考：
第二种方法：针对iis安装后不能正常启动的情 况。
步骤1、下载一个程序“aws.exe”绿色软件(或 是“简易iis服务器”)，并将文件复制到网站的 根目录下。
步骤2、点击运行该程序，即可自动运行网站 的默认首页。或是在浏览器里输入网址： localhost/index.html
127.0.0.1/index.html
设置“本地根文件夹”路径： D:\DM实例
2）设置“测试服务器”选项参数，如图：
在“测试服务器-URL前缀”一栏输入： localhost/DM站点/
在“测试服务器文件夹”一栏输入网站 的具体路径：
D:\DM实例
步骤3、最后在浏览器里测试并浏览网页， 选择“文件-在浏览器中预览-IExproler 6.0”或是按快捷键“F12”,如果连接正常 则如下图所示：
步骤4、选择第一项（默认推荐），并在“文 件存储位置”一栏输入具体路径，如“D:\DM 实例”，点击“下一步”，如图：
步骤5、在“如何连接到远程服务器”一栏选 择“无”，点击“下一步”。最后点击“完成” 即可。随后出现对话框，如图：再点击“完成” 即可。
（二）在dreamweaver中管理站点， 并和测试服务器建立连接
1、 First.html文件： <html> <head> <title>HTML实例</title> </head> <body> <font size=7>欢迎访问WEB！</font> </body> </html>
2、 first.asp文件： <% language="vbscript" %> <htmБайду номын сангаас> <head> <title>ASP实例</title> </head> <body> <% For i=3 to 6 %> <font size=<% =i %> > 欢迎访问WEB！<br> </font> <% next %> </body> </html>
步骤3、在 dreamweaver里面修改测试服 务器设置参数：
1）修改“高级-本地信息”的选项参数 在“http地址：”一栏输入 ： localhost/ 或者
127.0.0.1
2）修改“高级-测试服务器“一栏的参 数
在“URL前缀”一栏输入： localhost/ 或者
127.0.0.1/ 步骤4、最后按快捷键F12即可在浏览器
（一）在dreamweaver中建立 站点
假设需要D盘新建一个站点名为“DM站点”。 具体步骤如下：
步骤1、点击菜单“站点-编辑站点”，出现对 话框，如图：
步骤2、点击“新建”，出现站点定义对话框， 如图：
在”站点名称”一栏输入：“DM站点”，点 击“下一步”，如图：
步骤3、选择“否，我不想使用服务器技术” （如果用到.asp文件，则需要选择“是”）， 点击“下一步”，如图：
第一种方法：直接和iis服务器连接 步骤1、进入iis信息服务台，创建虚拟目
录，如命名为“DM站点”，并将虚拟目 录的路径指向刚才建立的站点“D:\DM 实例”；
步骤2、进入Dreamweaver修改站点的属性，如下图， 1）点击“高级”，修改“本地信息”选项参数：
在“本地信息-http地址：”一栏输入 ： localhost/DM站点/
一、实验目的
使用Dreamweaver制作一个简单的个人 网站，能够实现个人网站最基本的功能。 掌握Dreamweaver的基本操作、网页基 本元素的使用方法和操作技巧等。
二、实验内容及步骤：
1、在Dreamweaver中创建并管理网站
2、创建编辑新网页并测试预览 3、在outlook中设置本地邮箱
