图片交换及表格制作.docVIP

实验四 图片交换和表格制作 实验目的： 掌握表格的作用（布局页面元素和显示数据）； 掌握表格的背景、边框、对齐等属性和嵌套的用法； 掌握特定样式td对表格的自动应用； 实验内容： 1．建立本地站点 1）首先在“我的电脑”中创建一个用来管理本地网站的文件夹，如在D盘上创建一个名称为zzwwebsite1的文件夹。并在该文件夹下创建一个用来存放图像的images文件夹。然后将网站所需要的图像保存在images文件夹中。 2）依次单击“开始”、“程序”、 “Macromedia Dreamweaver cs4”菜单命令，启动Dreamweaver 。 3）在Dreamweaver窗口中依次单击“站点”、“新建站点”菜单命令，打开“zzwwebsite1的站点定义为”对话框。 4）选择“高级”选项卡，然后在对话框中设置其中的内容： 站点名称：zzwwebsite1 本地根文件夹：D:\zzwwebsite1\ 默认图像文件夹：D:\zzwwebsite1\images\ 5）设置完成后，单击“确认”按钮。 6）完成了新建本地站点的创建后，依次单击“窗口”、“站点”菜单命令，打开“站点”面板后，会在站点面板中显示站点的内容。 2．设置页面属性 1）该网站内新建一个文件名yueqi.htm。 2）在页面属性对话框中的“标题栏”键入“中国乐器网站”，在“背景”调色板中，选择需要的颜色。 3）完成设置后，单击“确定”按钮。 3．插入标题和水平线 1）在文档中输入该网页的标题“中国乐器网站”。 2）选中输入的标题后，依次单击“窗口”、“属性”菜单命令，显示属性栏。 3）在属性栏中设置格式为“标题1”，字体为“隶书”，大小为“5”，颜色为“#0000FF”，居中对齐。 4）完成设置后按回车键换行。 5）单击“常用”插入面板中的“水平线”按钮，或单击“插入”、“水平线”菜单命令，在文档中插入一条水平线。 4．插入表格 1）单击“常用”插入面板中的“插入表格”按钮，或单击“插入”、“表格”菜单命令，打开“插入表格”对话框。 2）在对话框中，将行数设置为5，列数设置为5。 3）单击“确定”按钮，在文档中插入一个5行5列的表格。 4）选中第一行，单击属性栏中的“合并”按钮，将第一行的单元格合并。 5．插入翻转图像 1）将插入点定位在第一行单元格中。 2）依次单击“插入”、“图像对象”、“鼠标经过图像”菜单命令，或单击“常用”插入面板上的“鼠标经过图像”工具，打开“插入鼠标经过图像”对话框，如图6-1所示。 图6-1 3）单击“原始图像”文本框后的“浏览”按钮，打开“原始图像”对话框，选择要插入的图像。 4）单击“确认”按钮，使原始图像的路径出现在“原始图像”文本框中。 5）单击“鼠标经过图像”文本框后的“浏览”按钮，打开“鼠标经过图象”对话框，选择要插入的图像后，单击“确认”按钮，使鼠标经过图像的路径出现在“鼠标经过图像”文本框中。 6）在“替换文本”文本框中输入“欢迎进入中国乐器商城”。 7）单击“按下时，前往的URL：”文本框后的“浏览”按钮，在打开的“按下时，前往的URL：”对话框中选择前面创建的yueqi文档，使该文档的路径出现在“按下时，前往的URL：”文本框中。 8）设置完成后，单击“确定”按钮。 7．插入表格内容 1）在表格的第2行分别插入如图6-2所示的文本。 图6-2 2）选中第1列单元格的第3、4、5行的单元格，然后将其合并。 3）在合并后的单元格中输入所需的文本，并将文本设置为2号字。 4）调整表格线，使单元格大小合适。 5）用同样的方法输入表格的其他内容后，效果如图6-3所示。 图6-3 7．插入图像 1）合并第5列第4、5行单元格。 2）将插入点定位第5列第3行单元格中。 3）单击“常用”插入面板中的“图像”按钮，打开“选择图像源”对话框。 4）在对话框中选择要插入的图像后，单击“确认”按钮，将图像插入单元格中。 5）用同样的方法在表格中插入其他图像，效果如图6-4所示。 图6-4 8．预览网页后抓到文档中 1）保存文档。 2）上传网站作品和文档。 实验分析与思考 试着采用其他布局制作一个网页。