8.3.4网页内容（第二课时）（课件）-高一《电子商务基础》同步教学（高等教育出版社）

8.3.4网页内容（第二课时） 电子商务网站的建设 8.3.4 网页制作实例 2.网页的布局 在现代网页设计中，版式的设计越来越重要，而网页版式设计中最常用的方法是使用表格、层、框架三种。 8.3.4 网页制作实例 （1） 表格的使用。表格是网贡制作中经常运用的元件，它不仅能用于整理数据分类资礼还能用于网页持版以及制作一此特殊效果。插人表格的操作步骤如下: 第一步:单击“常用”插人栏中的“表格”按钮。 8.3.4 网页制作实例 第二步:打开“表格”对话框，按照图 8-44 中所示进行设置。在行数中设置表格的行数为 3， 在列数中设置表格的列数为 3， 8.3.4 网页制作实例 第二步:打开“表格”对话框，按照图 8-44 中所示进行设置。在行数中设置表格的行数为 3， 在列数中设置表格的列数为 3， 8.3.4 网页制作实例 在“边框粗细”中指定表格边框的宽度，默认值为1，单位为像素。在“单元格边距”中设置单元格边框和单元格内容之间的像素数，默认值为 1。在“单元格间距”中设置相邻的表格单元格之间的像素数默认值为 2。 8.3.4 网页制作实例 在“页眉”选项组中定义页眉样式，可以有 4 种，本例选“无”“辅助功能”选项组用来定义与表格存储相关的参数，包括在标题中定义表格标题、对齐方式等。 8.3.4 网页制作实例 (1) 表格的使用。表格是网页制作中经常运用的元件，它不仅能用于整理数据分类资划 还能用于网页排版以及制作一此特殊效果 插人表格的操作步骤如下: 第一步:单击“常用”插人栏中的“表格”按钮，如课本图8-43 所示。 8.3.4 网页制作实例 在“页眉”选项组中定义页眉样式，可以有 4种，本例选“无”“辅助功能”选项组用来定义与表格存储相关的参数，包括在标题中定义表格标题、对齐方式等，如课本图8-44 所示第三步:单击“确定”按钮，一个3行3 列的表格就插人到页面中了，如课本图8-45 所示 8.3.4 网页制作实例 中的位置。表格并非指网页中直观意义的表格，范围要更广一些。它是HTML语言中的一种元素，表格主要用于网页的排列，组织整个网页的外观，通过在表格中放置相应的内容，即可使网页中的元素有效固定并组合成符合设计效果的页面。实例:使用表格布局进行网页排版 8.3.4 网页制作实例 第一步:打开 Dreamweaver 8，在插人面板中选择布局工具栏的“标准”模式，如图8-46 所示第二步:单击“表格”按钮，打开“表格”对话框，设置表格的行数为 10，列数为1将宽度设置为 778 像素，如图 8-47 所示。 第三步:单击“确定”按钮后，在页面中插人1列10 行的表格 谢谢观赏 $