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