电子商务网页制作教学配套课件谢嵘03.pdfVIP

主编：谢嵘 项目3 用表格布局网站 项目导学 我们在浏览电子商务网站时注意到，受欢迎的网站大 都颜色艳丽、布局美观。在一个页面上，既要罗列出 海量的商品信息，又要使页面看起来整齐漂亮，它们 是怎样做到的呢？这样的网站大部分都是由表格来进 行布局排版的，只是因为没有显示表格的边框，所以 在浏览时根本看不出表格的存在。因此，掌握表格的 操作是制作出整齐美观的电子商务网页的必修课。 Page 2 项目3 用表格布局网站 体验活动一：认识表格及其基本操作 活动任务： – 新建一个表格并在表格中插入图片和文字，利用“属 性”面板修改表格的参数。 活动指导： – 在Dreamweaver CS4中，只要在“表格”对话框中设 置行列数、边框、表格位置等参数，就可以插入表 格。表格由行和列组成，行和列交叉所形成的矩形区 域，即表格中的一个矩形就称为单元格。在表格中可 以合并或拆分多个单元格。 Page 3 项目3 用表格布局网站 体验活动一：认识表格及其基本操作 活动步骤： 1.启动Dreamweaver CS4软 件。单击“站点”菜单上的 “管理站点”命令，单击“ 完成”按钮，打开“我的站 点1”。 2.打开“newbook.html”页 面，然后单击“插入”菜单 上的“表格”命令 Page 4 项目3 用表格布局网站 体验活动一：认识表格及其基本操作 活动步骤： 3.在弹出的“表格”对话框 中，设置表格为3行2列， 标题选择“左”对齐，单击 “确定”按钮。 4.在“newbook.html”页面中 出现了一个表格。 Page 5 项目3 用表格布局网站 体验活动一：认识表格及其基本操作 活动步骤： 5.选中第一行的两个单元 格，单击“属性”面板上 的“合并单元格”按钮。 6.在合并过的单元格中输 入文字“图书分类” 。 Page 6 项目3 用表格布局网站 体验活动一：认识表格及其基本操作 活动步骤： 7.在“插入”面板上单击“图 像”按钮，在弹出的对 话框中，打开“image” 文件夹中的“1.jpg”文件 。 8.将“2.jpg”插入到左边列 下方的单元格中。 Page 7 项目3 用表格布局网站 体验活动一：认识表格及其基本操作 活动步骤： 9.在表格的右边列输入如