实验6 网页设计与制作

《实验6 网页设计与制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验6网页设计与制作【实验目的】1.熟悉DreamweaverMX2004的界面2.掌握使用DreamweaverMX2004创建新站点的方法3.掌握使用DreamweaverMX2004新建网页的方法【实验内容与要求】掌握使用DreamweaverMX2004创建新站点和新建网页的方法【实验步骤】任务一创建“个人主页”网站1.启动DreamweaverMX2004程序单击“开始”按钮，弹出“开始”菜单，选择“程序”子菜单下的“Macromedia”下的“MacromediaDreamweaverMX2004”命令，进入Macromedia

2、DreamweaverMX2004编辑界面，如图6.1所示。图6.1MacromediaDreamweaverMX2004界面2.创建新站点图6.2“管理站点”对话框(1)打开“站点”菜单，点击“管理站点”，弹出“管理站点”对话框，如图6.2所示。再点击“新建”按钮中的“站点”命令，弹出“站点定义”窗口，如图6.3所示。6.3“站点定义”的第1个窗口注意：MacromediaDreamweaverMX2004提供了两种创建站点的方式：基本和高级。“基本”方式下通过向导一步步进行设置，即可创建站点，适用于初学者；“高级”方式下通过8个选项卡对

3、要创建的站点信息进行设置，适用于网络高手，这里使用“基本”方式。（2）输入站点名称“个人主页”。（3）单击“下一步”按钮进入“站点定义”的第2个窗口，如图6.4所示，询问是否要使用服务器技术。这里定义一个静态站点，不需要使用服务器技术，因此选择“否”选项。图6.4“站点定义”的第2个窗口（4）单击“下一步”按钮进入“站点定义”的下一个窗口，设置站点文件位置。选择“编辑我的计算机上的副本，完成后再上传到服务器上（推荐）”单选按钮。在文本框中输入网站根目录保存的位置和名称。如图6.5所示。图6.5“站点定义”的第3个窗口（5）单击“下一步”按钮

4、进入下一个窗口，如何连接到远程服务器上，选择“无”。如图6.6所示。图6.6“站点定义”的第4个窗口（6）单击“下一步”按钮进入下一个窗口，此窗口中显示用户的设置概要，如图6.7所示，单击“完成”按钮完成设置。图6.7“站点定义”的第5个窗口注意：站点“总结”窗口显示前面定义新站点的所有信息，如果有修改的地方，可单击“上一步”返回到前面的窗口重新设置，如果没有问题，单击“完成”按钮，完成新站点的创建。任务二制作网页1.建立网页设置完站点后，就可以创建网页来丰富站点了。当启动Dreamweaver时，将自动创建一个空的HTML文档。创建新网页

5、，有多种方法，主要使用：(1)选择“文件/新建”，即会出现“新建文档”对话框,如图6.8。在“类别”中选择“基本页”，在“基本页”中选择“HTML”，单击“创建”按钮，即创建了一个空白网页。图6.8“新建文档”对话框(2)鼠标右击已建站点，点击“新建文件”，并命名即可。图6.9“新建文件”菜单2.设置页面属性创建空白页面后，需要对页面进行设置。选中“修改”菜单中单击“页面属性”，打开如图6.10所示的“页面属性”对话框。图6.10“页面属性”对话框3.输入文本并格式化将光标定位在要输入文字的位置输入文字。若要改变字符的格式，应先选中文字，然

6、后在“属性”面板中设置所选文字的格式、大小、颜色等属性，如图6.11，或者使用“文本”菜单对所选文字进行相关设置。如图6.12。图6.11“属性”面板4.插入图像使用“插入”菜单中“图像”可以打开对话框，选择图像，点击“确定”即可。5.插入表格使用“插入”菜单中“表格”可以打开对话框，对行数，列数等进行设置，点击“确定”即可。如图6.13。图6.12“文本”菜单图6.13“表格”对话框