实验5-Dreamweaver网页制作与设计(一)创建网站-第13周.pptVIP

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