1、本网站免费注册后即可以下载，点击开通VIP会员可无限免费下载！
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题，请联系微信客服。
扫描下方二维码，添加微信客服
《4.3.6使用模板生成网页》新课标教案优质课下载
三、教学目标
（一）知识与技能
1、掌握Photoshop切片工具生成网页的方法；
2、探索PSD模板生成的网页的编辑技巧；
3、掌握使用模板生成网页的方法。
（二）过程与方法
1、根据老师示范，灵活的使用切片工具分割自己的网站模板，生成网页；
2、根据已有的知识经验自主探究、合作学习或观看视频，探索并掌握PSD模板生成的网页的编辑技巧；
3、在教师的引导下，掌握使用模板生成的网页的方法，并运用到网站制作中。
（三）情感态度与价值观
通过开放的教学内容（学生自主选题，自主规划与设计），两种模板的使用技巧，激发学生学习兴趣，在学生中能够克服困难，积极合作，主动向他认识求教。
四、教学重点难点
通过欣赏优秀网页，引导学生对网页的主题、风格和结构的分析，理解网页规划的重要性，掌握网页规划的方法。
五、教学方法
教师引导示范，学生小组合作自主探究。
六、教学过程
教学环节教师活动学生活动引入
3‘回顾之前的学习内容，展示四位学生的网站截图，欣赏四个获奖网站的截图，并进行对比，提问：我们制作的网站和获奖网站相比较，有何不同，你更欣赏哪个？
引入PSD模板，利用Photoshop的设计功能设计更美观、统一、和谐、个性化的网页。观看网站，思考并回答老师提问。
使用PSD模板生成网页 10‘教师示范：使用切片工具将PSD模板转化成网页，强调操作要点及注意事项；
巡视并进行个别指导。用Photoshop打开之前设计的网页模板；
使用切片工具灵活切割，生成网页。编辑网站
20‘用浏览器打开生成的网页，引导学生观察，发现问题：网页偏向一边。
用FrontPage打开网站，引导学生观察，发现问题：内容区域是一幅图片，无法添加文字图片，怎么办？
布置任务：通过自主探究、合作学习或观看视频解决问题。巡视及个别指导。