网页版面先设计

《网页版面先设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页版面先设计【教材分析】本活动在活动1的基础上，进一步考虑网页的设计制作。为了更好地表现主题，使最终制作出的网页更加美观、规范，将活动分为2个阶段完成：一是设计网页版面止学生了解网页设计相关知识和制作方法对网页版面进行内容结构和风格设计；二是制作共享边框，为网页设置“共享边框”，并在其中制作出人多数网页所共有的部分。【学情分析】八年级的学生对计算机的操作有了一定的基础，虽然各自水平参差不齐，但基木上都会上网，对网络知识有一定的了解。Frontpage软件界而和操作方法同学生熟悉的Word软件有很

2、多相似Z处，况几在活动1中学生也使用过它。注意活动中“网页选项”、“表格和单元格属性”选项卡中的参数较多，操作起来步骤多，稍不注意便会眼花缭乱，失去头绪而手忙脚乱了。教师应及时给予点拨、总结和鼓励学主发挥合作探究的精神，敢于尝试、实践、创新。【教学目标】知识目标1•掌握页而排版布局和风格设计的一般规范和常识2.了解共享边框的作用3.了解表格和单元格部分属性的含义技能目标1.使学生掌握如何设置“共享边框”2.掌握表格的插入方法和表格、单元格属性的设置方法3.掌握网页、表格背景图片、背景颜色的设置方法

3、情感目标通过动手操作，激发学习兴趣，让学生体验探索和创造的快乐；在合作学习过程屮学会交流、协作，使学生的合作意识和合作能力得到提高，培养和提高学生的审美情趣。【重难点】重点：1、网页的版式设置2、掌握“共享边框”的设置方法难点：1、共享边框作用的理解2、掌握表格和单元格属性的设置方法【教学方法】采用“任务驱动法”、讲授法、演示法等教学方法。【教学过程】教学环节教师活动学生活动设计意图情景导入•、导入展示儿个代表性的网站，让学生欣赏并观察网页版面、风格特点，切入课题“网页版面设计”欣赏网页通过比较，

4、学生会很快被优美的网页所吸弓1,同吋学习了有关网页版面知识。设计网页版而二、剖析展示"金色年华”班级网站的首页。网页版面设置：1、确定网页内容2、确定网页风格3、画出网页设计草图4、说明共寧边框的作用，网页版而是使用表格来组织素材的仔细观察并认真分析研究首页的版面有了前而的大概了解，此时学生的学习应该很轻松，视情况进一步增加相关知识的渗透，让学牛理解共亨边松与表格在网页制作中的作用动手操作•制作共享边框三、设置共享边框教师快速演示课本“加工坊”中“设置共享边框”的步骤来操作教师巡视并指导，积极参与

5、学生的交流，并鼓励学生之间进行合作交流动手操作互帮互学合作探究教师巡视并指导,便于及时发现和帮助解决学生在活动中遇到的困难教师点评、总结提出问题：1•为何有的同学“格式”菜单的“共享边框”按钮不能用？2.如何设置共享左、右边框？演示操作步骤思考、讨论并在操作中找答案让学生亲自动手操作其过程，教师一边讲解一边点评，同时增强学生学习的白信心和获得成功的愉悦感四：制作头部内容演示“加工坊”的步骤來操作，随时浏览制作效果（分两次进行1、制作头部表格2、制作导航栏）教师巡视指导教师点拨、总结1.表格插入方法

6、2.快速标记选择器的使用3.表格和单元格常见属性含义4.表格背景图片和颜色设置动手操作寻找答案演示操作过程强调按照课本步骤进行动手操作的重要性。虽然学习过Word的操作，但表格和单元格属性让人感到无从F手。提示注意区分表格和单元格的不同五：制作底部内容让学生尝试制作班级网站中的底部内容问题：各种文字的换行方法区别操作让学生带着问题去操作，在操作中发现问题并尝试找到解决问题的方法，培养学生创新思维能力六：活动评价展示做的比较好的作品。掌握学生的学习情况活动评价问题：通过本活动的学习，你学到了哪些知识

7、和技能？请谈一谈你的体会和收获教师适当总结发表白己的见解师牛共同小结，进一步巩固所学知识，构建完整的知识体系归纳小结问题：通过本活动的学习，你学到了哪些知识和技能？教师适当总结。课后反思教学反思感谢大家的光临与指导！下面就本节的教学与设计作一简单的说明：主要是对以下三个知识点的处理说说我的考虑：1、关于网页版面的设计过程应该简单说明，让学生有大致的映像，而真正的耍设计一个网页的版面，需耍学生在制作了大量的网页后，对网页的制作熟练了才能进行设计。其实我们现在让一个八年级的人部分学生去设计好一个网页的

8、版面不是很现实。教学中如果花许多时间去讲设计效果不明显，收效也是微乎其微。2、共享边框作用的理解：让学生在观察一个网站的许多网页后，知道这些网页有两个共同的区域，为了不重复制作我们使用共享边框，它其实就是一个模板，不同的网页的制作就是在模板的基础上进行填空一样。3、表格的使用：由于网页上包含很多的素材（如文字、图片、动画等），如何更好的定位这些素材，使用表格的定位是非常好的，现在网络上几乎所有网页都使用表格来定位的。因此使用好表格对于网页制作是非常有意义的。共享边框和表格是本节课的