《网页设计基础》完整教案(201309版).docVIP

PAGE PAGE 2 武汉城市职业学院教学教案 《网页设计与制作》 院 系： 信息技术系 专 业： 多媒体技术专业 班 级： 11多媒体技术 教 师： 胡文鹏 学 年： 2012-2013学年上学期 一、课程整体教学设计 建议： 1、说课，介绍课程内容设计 2、介绍相关的概念和软件，学会赏析网页 3、介绍基本工具DW的使用，制作简单的文本网页、图文混排网页，使学生有一定的DW基础。 4、网站规划和设计流程 5、网页配色方案，效果图设计， 6、切片、布局等 一、课程信息 课程名称：网页设计与制作 学分：4 学时：68学时 课程类型：专业课程 授课对象：11多媒体 先修课程:《Photoshop》、《Flash》、《计算机基础》、《美术基础》、。 后修课程: 《网站开发与建设》、《动态网页制作》等 二、课程设计 1．课程目标 本课程的教学目标是：培养学生静态网页网站开发与维护的实际工作能力，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，初步形成解决实际应用问题的能力，为以后的相关专业课学习和工作打下基础，为以后发展的软件新技术提供平台，并注意渗透思想教育，逐步培养学生的辩证思维，加强学生的团队精神和职业道德观念。 2．教学目标 （1）知识目标 了解网页设计行业的总体特征，并能说出网页设计师的基本技能要求； 能说出网页设计与制作的一般方法和流程； 能陈述相关的基本概念； 能欣赏和分析各种类型的网页； 能陈述网页设计中的色彩应用理论； 能正确素材在网页制作中的作用； 能说出网页布局的几种典型形式； 能熟练说出切片时的几个要点； 能陈述书写网站策划书应注意的问题； 能说出在网上申请域名的具体步骤； （2）能力目标 能书写网站策划书； 能手绘网页草图，并在Photoshop中制作效果图； 能利用网络工具收集需要的各种素材； 能使用Photoshop设计网页界面中的LOGO、页面效果图和页眉等； 能利用Flash等软件制作简易的gif与swf动画，并插入到网页中； 能熟练使用Fireworks进行网页切片，并导入到Dreamweaver； 能熟练使用Dreamweaver的基本功能制作网页； 能利用表格或单元格工具进行网页布局与版式设计； 能制作框架网页； 能在网页中添加合适的超级链接； 能看懂并编写简单的HTML代码，能修改复杂的HTML代码； 能使用CSS工具修饰网页； 能熟练管理站点； 能在网上申请域名； 通过多种工具上传网站； （3）素质目标 培养学生的沟通能力和协作精神； 培养学生勤于思考、认真做事的良好作风； 培养学生勇于创新、敬业乐业的工作作风； 培养学生具有良好的职业道德和较强的工作责任心； 培养学生自主学习能力和知识应用能力； 培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力； 训练和培养团队协作精神和共同开发网站的综合能力； 3．模块化教学内容设计 序号 工作流程 典型工作任务 学时 理论 实践 总学时 1 网页制作基础 相关的基本概念 2 4 各种网站赏析 1 1 2 网站规划 网站开发工作流程 2 6 网站策划书的书写 1 1 了解并收集素材 1 1 3 网页设计 网页配色与布局 2 2 24 设计与制作网站LOGO 1 3 设计与制作网站页眉 1 3 设计与制作网页动画 1 3 设计与绘制主页效果图 2 2 设计与绘制子页效果图 2 2 4 网页制作 效果图切片与导入 3 5 26 用表格和单元格进行网页布局 1 3 制作框架网页 2 2 添加超级链接 1 1 Html 代码 2 2 CSS样式表修饰网页 2 2 5 网站管理 站点管理 1 1 2 6 期末考核 检查各组的网站完成情况 2 2 总 计 28 36 64 三、教学材料 教 材：文东，《Dreamweaver CS3网页设计基础与项目实训》，北京：科学出版社，2010年4月 参考资料：张洪斌 等，《基于工作过程的网页设计与制作教程》，北京：机械工业出版社，2010年4月 四、教学组织形式 集中授课与分组训练相结合，课内授课、校外实习与观看录像相结合。 采用模块化教学模式，课堂教学与现场教学相结合，课内项目训练与实习项目训练相结合，任务驱动，学、练同步，做到理论与实践一体化。既考虑理论知识体系，又紧紧围绕能力目标与综合项目组