实验6 网页设计与制作.doc

【实验目的】
1 熟悉Dreamweaver MX 2004 的界面
2 掌握使用Dreamweaver MX 2004创建新站点的方法
3 掌握使用Dreamweaver MX 2004新建网页的方法
【实验内容与要求】
掌握使用Dreamweaver MX 2004创建新站点和新建网页的方法
【实验步骤】
任务一 创建“个人主页”网站
1 启动Dreamweaver MX 2004程序
单击“开始”按钮，弹出“开始”菜单，选择“程序”子菜单下的“Macromedia” 下的“Macromedia Dreamweaver MX 2004”命令，进入Macromedia Dreamweaver MX 2004编辑界面，如图61所示。
图61 Macromedia Dreamweaver MX 2004界面
2 创建新站点
图62 “管理站点”对话框
(1) 打开“站点”菜单，点击“管理站点”，弹出“管理站点”对话框，如图62所示。再点击“新建”按钮中的“站点”命令，弹出“站点定义”窗口，如图63所示。
63 “站点定义”的第1个窗口
注意：Macromedia Dreamweaver MX 2004提供了两种创建站点的方式：基本和高级。“基本”方式下通过向导一步步进行设置，即可创建站点，适用于初学者；“高级”方式下通过8个选项卡对要创建的站点信息进行设置，适用于网络高手，这里使用“基本”方式。
（2）输入站点名称“个人主页”。
（3）单击“下一步”按钮进入“站点定义”的第2个窗口，如图64所示，询问是否要使用服务器技术。这里定义一个静态站点，不需要使用服务器技术，因此选择“否”选项。
图64 “站点定义”的第2个窗口
（4）单击“下一步”按钮进入“站点定义”的下一个窗口，设置站点文件位置。选择“编辑我的计算机上的副本，完成后再上传到服务器上（推荐）”单选按钮。在文本框中输入网站根目录保存的位置和名称。如图65所示。
图65 “站点定义”的第3个窗口
（5）单击“下一步”按钮进入下一个窗口，如何连接到远程服务器上，选择“无”。如图66所示。
图66 “站点定义”的第4个窗口
（6）单击“下一步”按钮进入下一个窗口，此窗口中显示用户的设置概要，如图67所示，单击“完成”按钮完成设置。
图67 “站点定义”的第5个窗口
注意：站点“总结”窗口显示前面定义新站点的所有信息，如果有修改的地方，可单击“上一步”返回到前面的窗口重新设置，如果没有问题，单击“完成”按钮，完成新站点的创建。
任务二 制作网页
1 建立网页
设置完站点后，就可以创建网页来丰富站点了。当启动Dreamweaver时，将自动创建一个空的HTML文档。创建新网页，有多种方