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

实验6 网页设计与制作 【实验目的】 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编辑界面，如图6. 图6.1 Macromedia Dreamweaver MX 2004界面 2. 创建新站点 图6.2 “管理站点”对话框 (1) 打开“站点”菜单，点击“管理站点”，弹出“管理站点”对话框，如图6.2所示。再点击“新建”按钮中的“站点”命令，弹出“站点定义”窗口，如图6.3所示。 6.3 “站点定义”的第1个窗口 注意：Macromedia Dreamweaver MX 2004提供了两种创建站点的方式：基本和高级。“基本”方式下通过向导一步步进行设置，即可创建站点，适用于初学者；“高级”方式下通过8个选项卡对要创建的站点信息进行设置，适用于网络高手，这里使用“基本”方式。 （2）输入站点名称“个人主页”。 （3）单击“下一步”按钮进入“站点定义”的第2个窗口，如图6.4所示，询问是否要使用服务器技术。这里定义一个静态站点，不需要使用服务器技术，因此选择“否”选项。 图6.4 “站点定义”的第2个窗口 （4）单击“下一步”按钮进入“站点定义”的下一个窗口，设置站点文件位置。选择“编辑我的计算机上的副本，完成后再上传到服务器上（推荐）”单选按钮。在文本框中输入网站根目录保存的位置和名称。如图6.5所示。 图6.5 “站点定义”的第3个窗口 （5）单击“下一步”按钮进入下一个窗口，如何连接到远程服务器上，选择“无”。如图6.6所示。 图6.6 “站点定义”的第4个窗口 （6）单击“下一步”按钮进入下一个窗口，此窗口中显示用户的设置概要，如图6.7所示，单击“完成”按钮完成设置。 图6.7 “站点定义”的第5个窗口 注意：站点“总结”窗口显示前面定义新站点的所有信息，如果有修改的地方，可单击“上一步”返回到前面的窗口重新设置，如果没有问题，单击“完成”按钮，完成新站点的创建。 任务二 制作网页 1. 建立网页 设置完站点后，就可以创建网页来丰富站点了。当启动Dreamweaver时，将自动创建一个空的HTML文档。创建新网页，有多种方法，主要使用： (1) 选择“文件/新建”，即会出现“新建文档”对话框,如图6.8。在“类别”中选择“基本页”，在“基本页”中选择“HTML”，单击“创建”按钮，即创建了一个空白网页。 图6.8 “新建文档”对话框 (2) 鼠标右击已建站点，点击“新建文件”，并命名即可。 图6.9 “新建文件”菜单 2. 设置页面属性 创建空白页面后，需要对页面进行设置。选中“修改”菜单中单击“页面属性”，打开如图6.10所示的“页面属性”对话框。 图6.10 “页面属性”对话框 3. 输入文本并格式化 将光标定位在要输入文字的位置输入文字。若要改变字符的格式，应先选中文字，然后在“属性”面板中设置所选文字的格式、大小、颜色等属性，如图6.11，或者使用“文本”菜单对所选文字进行相关设置。如图6.12。 图6.11 “属性”面板 4. 插入图像 使用“插入”菜单中“图像”可以打开对话框，选择图像，点击“确定”即可。 5. 插入表格 使用“插入”菜单中“表格” 可以打开对话框，对行数，列数等进行设置，点击“确定”即可。如图6.13。 图6.12 “文本”菜单 图6.13 “表格”对话框