《网页设计与制作》全套教案.docx

教 案 201 ~ 201 学年 学期 教 学 系 部 教 研 室 课 程 名 称 网页设计与制作 授 课 班 级 授 课 教 师 X X X X职业技术学院 X X X X 职业技术学院 教 案（首页） 授课时间 月 日~ 月 日 教案编写时间 月 日 课程名称 课程代码 网页设计与制作 0000 授课教师 总学时：60 周学时：6 理论学时：30 实践学时：30 课程性质 必修课 （√）选修课 （ ） 考核方式 考试（ √ ） 考查（ ） 课程类型 理论课 实践课 理论+实践√ 授课专业 计算机信息管理、计算机网络技术、电子商务 授课班级 201X级XXXX 班 课程任务及目标 本课程采用案例教学方法，主要任务是学习使用Dreamweaver创建、发布站点，为网页添加基本元素并进行属性设置，学习Html语言和CSS样式表的基本结构与语法，表格与框架布局、模板、库以及层、行为、插件的使用；掌握动态网页的设计基本知识与应用。 通过对本课程的学习，使学生掌握常用网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和技能，能够独立制作小型网站，适应网站管理员、网页设计师岗位。为后续课程奠定基础。 课程重点及难点 重点：掌握html和CSS，利用DW来布局网页，层、行为、模板、库的使用，开发动态网页。 难点：正确使用表格和框架进行布局， HTML标签和CSS样式的代码视图编辑，以及应用插件、行为、模板、库技术来完成网站建设，能够应用动态网页技术进行交互式功能开发的能力。 教学方法与手段 教学方法：本课程属于理论与实践结合的专业课程，主要采用任务驱动式、项目任务式、案例分析式、实操等教学方法。 教学手段：多媒体网络教学或投影演示，师生互动。 教材及 参考资料 所选用教材的优势与不足，教学主要参考资料。 使用教材：《网页设计与制作项目教程》 ，冯涛 ，大连理工大学出版社 ，2017.12。本教材为“十二五”职业教育国家规划教材，采用项目任务单元的编写方式，有利于提高学生学习兴趣和实践动手能力。不足之处，因体裁和篇幅所限，知识点和案例略欠丰富，若结合参考资料辅助教学更有利于知识的深入了解。 参考资料： 1. 《HTML+CSS+JavaScript网页设计从入门到精通》，胡晓霞，清华大学出版社，2017.10 2. 《Dreamweaver CS6+ASP动态网站开发完全学习手册》，刘贵国，清华大学出版社，2014.7 3. 因特网WEB 开发者资源，包括较全面的教程、完善的参考手册以及庞大的代码库 4. http:/ 教材支持网站，提供教学文件及素材下载、案例演示，同时为师生提供免费网页空间 PAGE 12 X X X X职业技术学院 教 案 第 1周 第 1 次课 授课时间 授课题目 了解开发工具，制作基本网页（1/2） 授课方式 理论课（ √ ）；实践课（　 ）；实习（　 ） 教学时数 2学时 教学目的 教学要求 理解制作与发布网页的流程，了解使用Dreamweaver制作网页基本方法 教学重点 教学难点 制作与发布网页的流程 Dreamweaver制作网页基本方法 教学方法 教学手段 教学方法：本课程属于理论与实践结合的专业课程，主要采用任务驱动式、项目任务式、案例分析式、实操等教学方法。 教学手段：多媒体网络教学或投影演示，师生互动。 教学内容 时间分配 教学进程 1.导入新课： （1）课程概述。 （2）连接互联网，启动浏览器，输入网址： “”，网页显示“世界你好！”的图文信息 2.讲授新课： 任务引领 “世界你好！” 1. 创建站点 2. 在站点中创建网页 3. 上传网站并浏览 相关知识 1.网站项目开发流程 建立一个网站就像盖一幢大楼一样，它是一个系统工程，有着自己特定的工作流程，只有遵循以下八步流程，才能有可能设计出一个令人满意的网站。 （1）确定网站主题 网站主题就是所要包含的主要内容，一个网站必须要有一个鲜明主题。特别是对于个人网站，能力、精力、财力都不足，因此就不能选择制作像“网易”、“搜狐”、“新浪”等那样包罗万象，内容大而全的综合网站。应该找准一个自己最感兴趣的方向，做深、做透，办出自己的特色，这样才能给用户留下深刻的