开发工具实验五基本.docVIP

《网页开发工具》实验五：DREAMWEAVER基础 班级 姓名 学号 实验目的 了解网页开发中的一些基本概念； 非网络专业的学生掌握IIS的配置方法； 掌握网页开发的第一个步骤，建立自己的站点； 掌握HTML语言的基本结构和常见标记； 认识DREAMWEAVER 8的工作界面； 掌握页面属性的设置； 掌握文本、图像等基本元素的插入和属性设置； 掌握链接的路径概念； 掌握文本链接、图像链接的方式； 掌握图像热点链接； 掌握锚点链接。 准备工作 回顾教师课件第六讲内容； 准备一台带有安装DREAMWEAVER 8 的计算机。 实验内容 第一部分：概念和HTML基础 基本概念 什么是WWW？它和INTERNET有什么区别？ ； 什么是超级文本？它有什么特殊的形式？ ； IP地址在网络中有什么作用？你的计算机当前的IP地址是多少？ ； 写出你的计算机使用的浏览器类型 。 写出以下域名：商业机构 、政府机构 、教育机构 、军事机构 、网络机构 、国际组织 、非利益机构 、中国 、英国 、日本 。 网页是由HTML（超文本表示语言）编写的WWW文档，在一个网页中，通常包含的元素有 。 写出浏览器浏览网页的过程： ； ； 。 站点管理 启动DREAMWEAVER 8 ； 在“站点”菜单中选择“管理站点”命令，显示“管理站点”对话框； 在对话框中单击“新建”按钮，在弹出式菜单中选择“站点”命令； 在“站点定义”对话框中输入站点的名字（如音乐网、篮球部落等），然后点击“下一步”按钮；你的站点名字为 。 在下一步选择“否，我不想使用服务器技术”，指示目前该站点是一个静态站点； 在下一步选择“编辑我的计算机上的本地副本，完成后上传到服务器”；单击文件夹图标，选择站点的根文件夹，你的根文件夹是 。 在远程服务器连接方式中选择“无”，单击“下一步”按钮； 再单击“完成”按钮关闭“管理站点”对话框，此时在“文件”面板中显示新建立站点的本地根文件夹。 为你的站点规划目录，注意每个子目录下要有images文件夹。通过右击根文件夹，在菜单中选择“新建文件夹”命令建立你的目录结构。 简单画出你的目录结构： 右击根文件夹，选择“新建文件”命令，输入index.htm建立你的第一个空白页面。 在“文件”面板中查看你的站点，根据需要对目录进行调整。 IIS配置 在基于浏览的开发方案中，MICROSOFT的IIS（INTERNET信息服务）起到客户端与服务器端的连接作用。WINDOWS 2000/XP系统安装完毕不会自动安装IIS，需要通过“控制面板”|“添加和删除程序”，在列表中选择“添加WINDOWS组件”来进行安装。另外，家庭版的的XP系统没有安装该组件的功能，只有在专业版和企业版的XP中才能进行。 在桌面上，右击“我的电脑”图标，选择“属性”命令查看本机安装的操作系统版本： 。 选择“控制面板”|“性能和维护”|“管理工具”，查看是否有“INTERNET信息服务”图标。如果没有，请先安装IIS。 打开“INTERNET信息服务”，在对话框中右击“默认站点”，在弹出的菜单中选择“属性”，打开属性对话框； 在“主目