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