1 / 14

教学内容 练习用布局模式和表格布局网页

教学内容 练习用布局模式和表格布局网页. 教学目的 1. 掌握用表格布局网页基本操作 2. 掌握用布局模式布局网页基本操作 3. 比较表格和布局模式的优劣. 教学重点 1. 用表格布局网页 2. 用布局模式布局网页. 教学难点 布局模式布局网页. 一、表格 1 、表格元素 表格是除文字、图片外重要的网页元素。 2 、 用表格布局网页 要点： “ 水平 ” 、 “ 垂直 ” 、 “ 宽 ” 、 “ 高 ” 、 “ 标题 ” 、 “ 背景 ” 、 “ 背景颜色 ” 、 “ 边框 ” 、 “ 拆分单元格 ” 、 “ 合并单元格 ” 等等。.

ceana
Download Presentation

教学内容 练习用布局模式和表格布局网页

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 教学内容 练习用布局模式和表格布局网页

  2. 教学目的 1.掌握用表格布局网页基本操作 2.掌握用布局模式布局网页基本操作 3.比较表格和布局模式的优劣

  3. 教学重点 1.用表格布局网页 2.用布局模式布局网页

  4. 教学难点 布局模式布局网页

  5. 一、表格 1、表格元素 表格是除文字、图片外重要的网页元素。 2、用表格布局网页 要点：“水平”、“垂直”、“宽”、“高”、 “标题”、 “背景”、 “背景颜色”、 “边框”、“拆分单元格”、“合并单元格”等等。

  6. 范例1：仔细观察一组图片，将它们合并为一个完整的图片。范例1：仔细观察一组图片，将它们合并为一个完整的图片。 表的设计如下： 列=3，行=6，宽=780，填充=0，间距=0，对齐=居中对齐，边框粗细=0，单元格边距=0，间距=0。

  7. 范例1效果

  8. 二、布局模式 1、 什么是布局模式 在此模式下，只有2个工具，即布局表格和绘制布局单元格。 2、 用布局模式布局网页 1)在“插入”面板的“布局”工具组中,按“布局”,出现“布局”模式，见图3，图4 图3进入布局模式对话框

  9. 图4 在插入面板调出“布局”模式 在图3中，按[退出]则切换到“标准”模式。

  10. 2)布局表格的操作 在“布局”工具中，单击“布局表格”按钮，鼠标指针变为加号。

  11. 3)、在“布局”工具中，单击“绘制布局单元格”按钮。鼠标指针变为加号。3)、在“布局”工具中，单击“绘制布局单元格”按钮。鼠标指针变为加号。 图6 “绘制布局单元格”工具 指向现有布局表格中的空白（灰色）区域，然后拖动指针以创建布局单元格。

  12. 范例2： 图7 用布局模式制作的网页（效果）

  13. 【作业】 思考题：用表格布局和用布局模式布局网页有何优劣？

  14. 谢 谢 ！

More Related