第课用表格为网页布局.ppt

平时我们看到许多网页，请看其中一张主页，分析页面布局： 在空白网页中插入图片，位置要求调至中间，说明操作中的问题： 1.直接在空白网页中插入图片，位置怎么也调不到中间 2.利用属性设置对齐方式也没法实现 3.利用敲空格回车的方法 分析问题： 问题1：图片不能像在WORD里一样随意的拖动位置。 问题2-3：均不能实现随页面变化而调节 引出本节课的内容：网页的内容通常是从上到下，从左到右进行排列，没有换行。 1. 一起来试试： 插入一张1行1列表格 在单元格中插入图片 （表格的设置教师示范操作，学生仔细观察。） 在网页制作中表格的功能更多地被用来设计页面布局。在网页制作中，可以先设计版面，然后利用表格功能将页面划分成若干单元格，每一单元格填充相应文字或图片，再对表格进行美化后，即可产生所需网页。 2.表格插入的方法： 展示范例：default.htm 分析表格布局 ? ? ? ? ? ? ? ? ? 在网页中建立一张表格，如图： ? ? ? ? ? ? ? ? ? 根据主题，尝试在表格中插入一些图片（照片）及文字。