图片交换和表格制作

《图片交换和表格制作》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、实验四图片交换和表格制作实验目的：掌握表格的作用（布局页面元素和显示数据）；掌握表格的背景、边框、对齐等属性和嵌套的用法；掌握特定样式td对表格的自动应用；实验内容：1．建立本地站点1）首先在“我的电脑”中创建一个用来管理本地网站的文件夹，如在D盘上创建一个名称为zzwwebsite1的文件夹。并在该文件夹下创建一个用来存放图像的images文件夹。然后将网站所需要的图像保存在images文件夹中。2）依次单击“开始”、“程序”、“MacromediaDreamweavercs4”菜单命令，启动Dreamweaver。3）在Dreamweaver窗口中依次单击“站点”

2、、“新建站点”菜单命令，打开“zzwwebsite1的站点定义为”对话框。4）选择“高级”选项卡，然后在对话框中设置其中的内容：站点名称：zzwwebsite1本地根文件夹：D:zzwwebsite1默认图像文件夹：D:zzwwebsite1images5）设置完成后，单击“确认”按钮。6）完成了新建本地站点的创建后，依次单击“窗口”、“站点”菜单命令，打开“站点”面板后，会在站点面板中显示站点的内容。2．设置页面属性1）该网站内新建一个文件名yueqi.htm。2）在页面属性对话框中的“标题栏”键入“中国乐器网站”，在“背景”调色板中，选择需要的颜色。3）

3、完成设置后，单击“确定”按钮。3．插入标题和水平线1）在文档中输入该网页的标题“中国乐器网站”。2）选中输入的标题后，依次单击“窗口”、“属性”菜单命令，显示属性栏。3）在属性栏中设置格式为“标题1”，字体为“隶书”，大小为“5”，颜色为“#0000FF”，居中对齐。4）完成设置后按回车键换行。5）单击“常用”插入面板中的“水平线”按钮，或单击“插入”、“水平线”菜单命令，在文档中插入一条水平线。4．插入表格1）单击“常用”插入面板中的“插入表格”按钮，或单击“插入”、“表格”菜单命令，打开“插入表格”对话框。2）在对话框中，将行数设置为5，列数设置为5。3）单击“确

4、定”按钮，在文档中插入一个5行5列的表格。4）选中第一行，单击属性栏中的“合并”按钮，将第一行的单元格合并。5．插入翻转图像1）将插入点定位在第一行单元格中。2）依次单击“插入”、“图像对象”、“鼠标经过图像”菜单命令，或单击“常用”插入面板上的“鼠标经过图像”工具，打开“插入鼠标经过图像”对话框，如图6-1所示。图6-13）单击“原始图像”文本框后的“浏览”按钮，打开“原始图像”对话框，选择要插入的图像。4）单击“确认”按钮，使原始图像的路径出现在“原始图像”文本框中。5）单击“鼠标经过图像”文本框后的“浏览”按钮，打开“鼠标经过图象”对话框，选择要插入的图像后，单

5、击“确认”按钮，使鼠标经过图像的路径出现在“鼠标经过图像”文本框中。6）在“替换文本”文本框中输入“欢迎进入中国乐器商城”。7）单击“按下时，前往的URL：”文本框后的“浏览”按钮，在打开的“按下时，前往的URL：”对话框中选择前面创建的yueqi文档，使该文档的路径出现在“按下时，前往的URL：”文本框中。8）设置完成后，单击“确定”按钮。7．插入表格内容1）在表格的第2行分别插入如图6-2所示的文本。图6-22）选中第1列单元格的第3、4、5行的单元格，然后将其合并。3）在合并后的单元格中输入所需的文本，并将文本设置为2号字。4）调整表格线，使单元格大小合适。5）

6、用同样的方法输入表格的其他内容后，效果如图6-3所示。图6-37．插入图像1）合并第5列第4、5行单元格。2）将插入点定位第5列第3行单元格中。3）单击“常用”插入面板中的“图像”按钮，打开“选择图像源”对话框。4）在对话框中选择要插入的图像后，单击“确认”按钮，将图像插入单元格中。5）用同样的方法在表格中插入其他图像，效果如图6-4所示。图6-48．预览网页后抓到文档中1）保存文档。2）上传网站作品和文档。实验分析与思考试着采用其他布局制作一个网页。