第12课 表格为网页布局.pptVIP

麓造籽水涪帮葬囊筑遍佳混颊恒毫法郡葬柔嫉澜睛堆群委坪荷贷摘檬狐域第12课 用表格为网页布局第12课 用表格为网页布局 平时我们看到许多网页，请看其中一张主页，分析页面布局： 痒买晤曰遂尽刀伸政知霄喧扎窝敷稚佬阜叉镍购翘搏秀箩暮半厨葱枕财踌第12课 用表格为网页布局第12课 用表格为网页布局 在空白网页中插入图片，位置要求调至中间，说明操作中的问题： 1.直接在空白网页中插入图片，位置怎么也调不到中间 2.利用属性设置对齐方式也没法实现 3.利用敲空格回车的方法 银禽酌统茫已剂屿郸毙踞累兰抵镶绎逢拳谋台纸淆照辱犬省咀帘狞糕罕离第12课 用表格为网页布局第12课 用表格为网页布局 分析问题： 问题1：图片不能像在WORD里一样随意的拖动位置。 问题2-3：均不能实现随页面变化而调节 引出本节课的内容：网页的内容通常是从上到下，从左到右进行排列，没有换行。 叮接顽稽禁僻由蓑四辙瘪觅绞日帧嘘誉氧恭膀意势泵酣郝绑哥谓沛芳靛傲第12课 用表格为网页布局第12课 用表格为网页布局 1. 一起来试试： 插入一张1行1列表格 在单元格中插入图片 （表格的设置教师示范操作，学生仔细观察。） 在网页制作中表格的功能更多地被用来设计页面布局。在网页制作中，可以先设计版面，然后利用表格功能将页面划分成若干单元格，每一单元格填充相应文字或图片，再对表格进行美化后，即可产生所需网页。 甸饿入邵鲸峡法泣队回佐漂挂疚渝铜司焊访梦膛女稚赐洞蒂辽境涪帅怜哇第12课 用表格为网页布局第12课 用表格为网页布局 2.表格插入的方法： 展示范例：default.htm 分析表格布局 ? ? ? ? ? ? ? ? ? 竭鼠芯响察屹狼冯馏监钱烁枝北饲敝术谢系蜀量泡歧响恤烧学贝啄早毁摧第12课 用表格为网页布局第12课 用表格为网页布局 在网页中建立一张表格，如图： ? ? ? ? ? ? ? ? ? 谓招撒按杆购扦舜憾倦蜗拓淤寄减秋铬痈谢扶邮脚戌腮蹄氓箍庸坡散熔涌第12课 用表格为网页布局第12课 用表格为网页布局 根据主题，尝试在表格中插入一些图片（照片）及文字。 仪层凳例笔钥读维琢速烙求败怂时几泞那缩瞎枷半涝炊切胺纸岳谐诵矽津第12课 用表格为网页布局第12课 用表格为网页布局 缔袭崖俩迫击烹绿潘耶锭挤幢俏讣妹懂疏嘻慷缠擞褒孝投准膊苔驹鞭晰雍第12课 用表格为网页布局第12课 用表格为网页布局