1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
《4.3.3使用表格进行页面布局》精品教案优质课下载
情感、态度与价值观:通过制作个人主页,培养学生利用表格、学以致用的情感意识,通过合理探索,发展完成对新工具的适应,提升学生的信息素养。
3.学习重点:根据网页中的内容设计相应的表格,制作个人主页
学习难点:表格制作过程中表格属性结构的设置。
4.学习方法:观摩分析、自主探究、任务驱动
5.学法指导
导入:观摩腾讯网和百度网主页,网页内容布局合理,引入使用表格进行页面布局的必要性。
任务1:观摩观摩“虎门销烟启思录”网站的主页和“动物明星”网页,分析其版面布局。
1观摩“虎门销烟启思录”网站的主页。分析其版面布局。
观察:从中可以看出它由四个表格构成整个版面的四个区域。有些是比较规则的表格,有些是不规则表格。
不规则表格可通过规则表格分拆、合并单元格得到。
2观摩“动物明星”网页,分析其版面布局。
结论:
1.表格在网页制作中的作用:( )
A.为网页布局进行定位 B.可有可无
2.表格是网页设计时生成分栏框架结构的工具,表格可以对网页中的文字、图片等不同元素进行精确的定位。
3.几乎所有的网页都应用了表格定位技术。
二、任务2:小组合作、自主探究,建立网页版面。(各组选做其一)
1. “虎门销烟启思录”网站的版面布局。
(1)插入表格,设置表格属性。
①打开新建的空白网页,在网页中插入四个表格,规格分别是“1×1”、“1×8”、“3×3”和“1×1”。
②单击“表格”菜单、选择“表格属性”、分别设置四个表格的“指定宽度”为90%、“对齐方式”为居中、边框粗细为0。
(2)调整表格结构。选定需要合并的单元格,单击鼠标右键,在快捷菜单中选择“合并单元格”。
(3)设置表格与单元格的背景颜色和图片。
①选定表格2,单击右键选择“表格属性”,从对话框中的“背景颜色”列表中选择“褐紫红色”。同理,把表格4设置为黑色背景,把表格3中对应位置的单元格分别设置为“褐紫红色”和“黄色”的背景颜色。
2. 动物明星网页的制作