Dreamweaver网页设计实验

网页设计Dreamweaver实验

网页设计Dreamweaver实验

实验1 网页元素的基本操作

一．实验目的和要求

1．掌握Dreamweaver中本地站点的创建 2．掌握网页的新建、保存与浏览 3．掌握文本的添加与格式化 4．掌握图像元素的设置 5．掌握表格的设置 6．掌握对象的超链接

二．实验内容和步骤

在设计网页之前，我们必须首先建立网站，此后Dreamweaver会自动将所有网站资源（如网页文档、图片、动画、音频文件、视频文件、程序等）都保存到该网站文件夹之中，从而保证网站发布后网页上的所有元素都可以正常浏览。

网站分为本地站点与远程站点。本地站点存放在本地硬盘上，远程站点存放在发布网站的服务器端。这里我们介绍本地站点的创建。 1. 创建本地站点

①在E盘创建文件夹myweb，用来存放网站资源。 ②启动Dreamweaver 8，依次单击菜单栏“站点/新建站点”命令，打开站点定义对话框，如图5-1所示。

．1．

网页设计Dreamweaver实验

图5-1 站点定义对话框

③在“基本”选项卡中的第一个文本框中输入新建站点的站点名myweb，单击“下一步”按钮。 ④在接下来的第二个对话框中，对于“是否打算使用服务器技术”选择“否，我不想使用服务器技术”，单击“下一步”按钮，如图5-2所示。

．2．

网页设计Dreamweaver实验

图5-2 是否使用服务器技术

⑤在第三个对话框中，选择单选框“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”，在下侧的文本框中输入“E:\\myweb\\”，如图5-3所示。

．3．

网页设计Dreamweaver实验

图5-3 如何使用编辑文件

⑥如果路径比较复杂，也可以单击文本框右侧的文件夹按钮根文件夹”窗口中确定文件夹的位置，如图5-4所示。

，在弹出的“选择站点myweb的本地

．4．