网页布局与配色教案

《网页布局与配色教案》由会员分享，可在线阅读，更多相关《网页布局与配色教案（7页珍藏版）》请在金锄头文库上搜索。

1、网页布局与配色教案篇一：网站布局与配色教学计划 网站配色与布局教学计划 2013至2014学年度第 2学期 填表日期：1教学进度表2 篇二：网页设计基础完整教案(201309版) 武汉城市职业学院教学教案 网页设计与制作 院系： 信息技术系 专业： 多媒体技术专业班级： 11多媒体技术 教师： 胡文鹏 学年： 2012-2013学年上学期 一、课程整体教学设计 建议： 1、说课，介绍课程内容设计 2、介绍相关的概念和软件，学会赏析网页 3、介绍基本工具DW的使用，制作简单的文本网页、图文混排网页，使学生有一定的DW基础。 4、网站规划和设计流程 5、网页配色方案，效果图设计， 6、切片、布局等

2、 一、课程信息 课程名称：网页设计与制作 学分：4 学时：68学时 课程类型：专业课程 授课对象：11多媒体 先修课程:Photoshop、Flash、计算机基础、美术基础、。 后修课程: 网站开发与建设、动态网页制作等 二、课程设计 1课程目标 本课程的教学目标是：培养学生静态网页网站开发与维护的实际工作能力，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，初步形成解决实际应用问题的能力，为以后的相关专业课学习和工作打下基础，为以后发展的软件新技术提供平台，并注意渗透思想教育，逐步培养学生的辩证思维，加强学生的团队精神和职业道德观念。 2教学目标

3、（1）知识目标 了解网页设计行业的总体特征，并能说出网页设计师的基本技能要求； 能说出网页设计与制作的一般方法和流程； 能陈述相关的基本概念； 能欣赏和分析各种类型的网页； 能陈述网页设计中的色彩应用理论； 能正确素材在网页制作中的作用； 能说出网页布局的几种典型形式； 能熟练说出切片时的几个要点；能陈述书写网站策划书应注意的问题； 能说出在网上申请域名的具体步骤； （2）能力目标 能书写网站策划书； 能手绘网页草图，并在Photoshop中制作效果图； 能利用网络工具收集需要的各种素材； 能使用Photoshop设计网页界面中的LOGO、页面效果图和页眉等； 能利用Flash等软件制作简易的

4、gif与swf动画，并插入到网页中； 能熟练使用Fireworks进行网页切片，并导入到Dreamweaver； 能熟练使用Dreamweaver的基本功能制作网页； 能利用表格或单元格工具进行网页布局与版式设计； 能制作框架网页； (本文来自：WWw.bDFQ 千 叶 帆文摘:网页布局与配色教案)能在网页中添加合适的超级链接； 能看懂并编写简单的HTML代码，能修改复杂的HTML代码； 能使用CSS工具修饰网页； 能熟练管理站点； 能在网上申请域名； 通过多种工具上传网站； （3）素质目标 培养学生的沟通能力和协作精神； 培养学生勤于思考、认真做事的良好作风； 培养学生勇于创新、敬业乐业的工

5、作作风； 培养学生具有良好的职业道德和较强的工作责任心； 培养学生自主学习能力和知识应用能力； 培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力； 训练和培养团队协作精神和共同开发网站的综合能力；3模块化教学内容设计三、教学材料 教 材：文东，Dreamweaver CS3网页设计基础与项目实训，北京：科学出版社，2010年4月 参考资料：张洪斌 等，基于工作过程的网页设计与制作教程，北京：机械工业出版社，2010年4月 四、教学组织形式 集中授课与分组训练相结合，课内授课、校外实习与观看录像相结合。 采用模块化教学模式，课堂教学与现场教学相结合，课内项目训练与实习项目训练

6、相结合，任务驱动，学、练同步，做到理论与实践一体化。既考虑理论知识体系，又紧紧围绕能力目标与综合项目组织教学，通过项目分解和提炼，以项目练习实现能力目标和知识目标。 五、考核方案 本课程采用形成性考核和终结性考核相结合的方法进行考核。 形成性考核(平时成绩)：占40%；出勤、听课情况、上课提问回答情况、作业完成情况等。 终结性考核（作品考核成绩）：占60%；根据各小组的网站质量进行考核。 总评 = 平时成绩40% + 期终考核成绩60 附1：网站设计与制作期末考核标准 重要时间：网站完成时间为*月*日，期末考评时间为*月*日 篇三：网页制作的教学设计 -2008418033 魏鹏飞 “网页制作

7、”是高中课程信息技术基础的一部分内容，是本课程的重点。根据普通全日制高中信息技术课程标准要求：通过列举实例，使学生了解信息及其特征，认识信息和信息技术在信息社会的重要地位，使学生初步感受信息文化，培养学生的信息素养。本节课程主要使学生掌握简单网页设计和制作的基础知识，同时要求学生亲自动手实践，以增强对所学知识的掌握。 1、学习者分析： 高中生情绪不够稳定、自我控制能力不是很强，因此需要教师加以引导和监督。且高中生学习压力大，对单纯的讲授可能会产生厌学情绪，因此应多列举一些范例以增强学习者兴趣，并让学生多动手，设计一些活动来使学生完全融入整个课程。在知识背景方面，学习者已经具备了信息搜集能力和文

8、字编排能力，能够熟练地运用网络进行学习。 2、学习内容分析： 学习内容主要包括了网站的构成及功能、网页的布局及配色、FrontPage的功能及如何使用、以及优秀网页的欣赏。 3、学习目标分析： 1) 知识与技能 认识常用的网页制作工具并能够熟练运用FrontPage，掌握基本的网页制作技术，能够用FrontPage制作出简单的网页。 2) 过程与方法 培养学生鉴赏能力，使其能够分辨出网页的优劣；锻炼其创新能力及操作能力，提高其信息素养。 3) 情感态度与价值观 通过相互合作，培养其团队意识；并让学生认识到信息技术对生活的作用，激发其对信息技术的兴趣。 4、策略制定； 针对学习者的特点，本课程采

9、用任务驱动型策略，在课程的开始即布置最后的任务：制作一个自我介绍的网页，这样在整个教学过程中学习者可以清晰地认识到学习的重点，同时也可以提升学习的动力。 此外，还采用了合作探究型策略，教师引导学生对网页设计进行讨论，从而可以提高学习者的积极性并培养其团队合作能力。 5、评价设计： 本课程的评价通过课堂讨论的积极性以及自己制作的网页的质量来体现，在课程一开始就给学习者布置下任务，并告知评价方式，在课程结束时通过每个人制作的网页的展示来选取优秀的作品，并给予奖励。 一、 导入 课程开始，教师通过预先准备好的几张网页来组织讨论，鼓励学生积极发言，讨论什么样的网页是好的，并选取几张网页来对比，和同学们

10、一起讨论网页的制作过程中应注意的问题。 二、 讲解 教师介绍网页制作的常用软件：Dreamweaver、FrontPage。随后着重介绍FrontPage的应用，包括：表格的应用、图片的插入、链接的设置等，讲授完成之后询问同学是否有问题。 三、 资料搜索 确认无问题后，教师安排学习者上网搜索自己认为较好的网页，并挑选同学介绍自己找的网页，然后与大家讨论其优点或欠缺。 四、 网页制作并展示 随后组织同学们自己动手制作用以自我介绍网页，在大家都完成后，挑选同学上台做展示，大家一起点评，并评出优秀作品。 五、 结束 课程结束时，让同学将自己的作品传到公共空间里，以方便大家相互交流，并安排同学们预习下节内容。