《网页设计中的表格排版》教案_表格排版教案设计
《网页设计中的表格排版》教案由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“表格排版教案设计”。
《网页设计中的表格排版》教案
授课老师：陈清锋
总1课时
本周第5课时
备课时间:2010年11月30日
授课班级:高一（2）班
授课时间:2010年12月9日
教学目标
知识与技能
1、掌握网页设计中的格式化操作
2、掌握网页设计中表格底纹设置
3、掌握表格的属性设置
4、掌握网页设计中表格的排版 过程与方法
1、培养学习、比较、归纳等思想方法和自觉学习的方法。
2、培养学生动手操作的动手能力，形成比学赶帮的学习气氛。
3、培养学生基本的网页制作流程，培养学生任务驱动方法。情感态度与价值观
1、在操作过程中体会网页编辑的整体美感，培养学生基本审美的观点。
2、引导学生形成自主学习与合作学习等良好的学习方式。
3、培养学生正确的人生观和道德情感。教学重点
1、表格中单元格的美感排版
2、掌握表格中的底纹操作 教学难点
1、网页设计中的表格美感排版
2、网页设计中表格嵌套操作 教学用时 1课时 教学地点 三楼机房 教学过程
一、课堂准备及引入（2分钟）
师生问好。清点人数。安全教育：大家刚才来到机房是怎么来的？蹦过来的？！不要急冲冲地来，要做一个文明学生，有一个大将风范，从容地走进机房，如果你是跑来，容易撞到别人，自己也容易摔倒。
大家都知道，现在每个公司，每个学校，每个企业都有了自己的网站，他们的网站都是很漂亮，而且都是非常容易吸引人的，其实，你们也是有能力达到那种水平的，关键是看你要不要学的问题，如果你要学，你们完全有可能超越他们。那么，在制作网页之前我们应该做一个什么重要的步骤呢？建立网站站点，下面，让一个同学来建立一个网站。由学生上台操作完成。网站建好以后，我们就可以制作网页了。今天我们的主要内容是如何利用网页设计中的表格对网页进行排版。（展示课题和重难点）
接着，展示本次训练的网页效果。要求学生按要求完成本次作业效果。（发素材到学生机）
二、提出自学训练题目（5分钟）
学生自己建立一个以自己名字命名的站点，新建一个主页页面，同时再建3个页面作子页面。
1、建立主页，同时建立三个子页面，制作主页网页背景，字体大小和网页标题。
2、制作LOGO栏（一行3列）。
3、制作导航条（首页、湄州之旅、三字公约等8个导航）
4、制作主页面的排版。（注意各排版的关系和位置）。
5、制作页面底部的版权和与子页面的链接部分。
三、学生操作，教师巡视（5分钟）
四、学生演示操作结果，检查学生的自学效果（5分钟）学生操作结果。（分别由学生来完成题目）
五、教师讲解，指出学生的不足（板书）（8分钟）
1、建立主页，“文件”→“新建”→“基本页”→“HTML” →“确定”。保存存“index.html”，用同样的方法建立三个子页面，分别保存。a“属性”→“页面属性”→点击“背景图像”右边的“浏览”按钮，选择“pic/bggreen.gif”这个图像文件，作为网页的背景。
b在标题右边输入：欢迎进入充满朝气蓬勃的高一（2）班级网站。
2、制作LOGO：制作一行三列的表格，分别插入各自的图像和文件。
3、制作导航：a新建一个页面文件，然后在编辑区域中插入一个 2 × 1 的表格，并设置表格的基本属性参数。b将光标置于第一行的单元格中，再将单元格的背景颜色设置为 # 69A 538，并应用同样的方法将第二行单元格的背景颜色设置为 #8FCB 5A。设置完成后将光标至于第一行的单元格中，然后在此单元格中插入一个 1 × 8 的表格，并设置表格的基本属性参数.。c录入文字并设置单元格。在新插入的表格的所有单元格中输入文字，然后选中所有单元格，设置单元格的相关属性。d改变其中一个单元格的文字颜色和背景颜色，使其突出显示。e此时即可得到带有层次感的表格效果。
4、主页面的排版：（重点讲解，让学生明白为什么要这样操作）
a插入一个一行三列的表格（重点说明：大的外表格起到排版布局作用）b左边的一列：插入三行一列的表格，并输入必要的图像和文字。c中间的一列：插入三行一列的表格，并输入必要的图像和文字。d右边的一列：插入三行一列的表格，并输入必要的图像和文字。（查看结果与教师的效果有何不一样）
e左边的一列：插入三行三列的表格，并输入必要的图像和文字。f中间的一列：插入三行一列的表格，并输入必要的图像和文字。g右边的一列：插入三行三列的表格，并输入必要的图像和文字。
（整调排版使用网页整洁美观，关键利用网页设计中的空表格作用进行排版）
5、制作版权和子页面：一行一列表格，输入版权。制作部分超链接。
六、学生当堂训练（8分钟）
学生继续完善网页主页和子页面的设计及超链接制作。
七、学生提交作业（2分钟）
让学生把作业提交上来，检查学生的作业。
八、作业讲评，比较，推优（1分钟）
把学生作业进行讲评，学生之间对比在学习中形成一个比学赶帮的气氛。（做好学生作业情况记录）
九、小结（1分钟）
1、网页中的表格排版一定少用空格。
2、页面要整齐美观。
3、网页中排版要注意空隙的使用。
4、使用扩展布局。
5、只设宽度，不设高度。
十、作业（10秒）
制作一个关于个人的网站。
十一、思考题，指导下一节讲课内容（30秒）
1、网页设计中有否其他的页面排版？
2、预习层的使用？它与网页有什么不一样的地方？
十二、检查计算机硬件配件，师生问好，有秩序下课。（5秒）
十三、教学反思
第三课 在网页中插入表格一、教材分析网页制作中用表格来规划整个网页的布局，是我们设计制作网页常用的手法。所以学会在网页中插入表格是网页制作中的一个重要的部分。本课......
刀豆文库小编为你整合推荐8篇《网页中的表格》教学设计，也许这些就是您需要的文章，但愿刀豆文库能带给您一些学习、工作上的帮助。......
《网页中的表格》教学设计范本《网页中的表格》教学设计范本《网页中的表格》教学设计山东省临沂市罗庄区高都中学信息技术教研组 庞凤启一、教学设计部分教学内容分析R本课......
刀豆文库小编为你整合推荐3篇网页设计个人简历表格，也许这些就是您需要的文章，但愿刀豆文库能带给您一些学习、工作上的帮助。......
网页设计个人简历表格 姓 名 性 别 民 族......
