网页设计教案视传.doc

重庆三峡学院本科课程备课教案 2015 —2016学年第 2 学期 （美术术科类） 课 程 名 称 网页设计 授课专业年级班级 2013级2班视觉传达 学 生 人 数 39 教 师 姓 名 钟浩 教 师 职 称 助教 美术学院 周次 11 授课时间 星期一 2016.5.9 课程性质 √□专业必修 □专业选修 □通识教育选修 授课题目 （教学章、节或主题） 第一章 网页设计与制作概述 1、网页设计的基础知识 2、网页设计与制作常用软件 （本章主要从了解Internet基础知识、网页设计的相关术语、网页制作流程、网站结构规划、网页设计基本原则来了解整个网站建构与网页设计的关系，以及熟悉网页设计常用的软件。） 教材及参考资料 教材及参考资料： 1、《网页美工——网页设计与制作》 HYPERLINK /author/%B4%DE%BD%A8%B3%C9_1 \t /_blank 崔建成　等编著 HYPERLINK /publish/%B5%E7%D7%D3%B9%A4%D2%B5%B3%F6%B0%E6%C9%E7_1 \t /_blank 电子工业出版社 2、《Dreamweaver CS5网页设计与制作基础教程》 教学对象情况简评 此次教学班级是2013级视觉传达专业高年级的学生，已经具有一定的专业功底和软件基础。而网页设计是视觉传达专业的主干课，因此，课程主要主要任务有以下几个方面：1、了解网站与网页设计的关系及其中涵盖的Internet基础知识及专业术语；2、能独立策划网站的整体构建与页面规划；3、熟练掌握网页美工的设计与制作。4、熟练掌握Dreamweaver软件的操作过程。5、能独立的制作一个简单完整的网站并能运行。 授课内容与教学目的 作业内容与质量要求 理论要点： 1、Internet基础知识 2、网站开发技术种类 3、理解Web服务器的作用 4、网页制作流程 教学目的： 通过本次教学使学生对网站与网页设计的概念有基本了解，对网页制作的流程、原有初步的了解。 作业命题一： 门户网站页面分析 质量要求： 选择一个门户网站对其各个页面之间的链 接关系、色彩、栏目进行系统分析。 数量要求： 文档1个 技能要点： 1、熟练应用网页设计与制作的常用软件 2、借鉴也学习网页色彩搭配的技巧 教学目的： 通过本次教学让学生能够初步的进行主题网站的整体构建与策划，并能在对网页的色彩搭配技巧有大致的了解。 作业命题二： 主题网站页面分析 质量要求： 选择一个主题网站对其各个页面之间的链 接关系、色彩、栏目进行系统分析。 数量要求： 文档1个 实践要点： 网页设计常用软件Photoshop CS5对网页界面进行临摹 教学目的： 通过该课程的练习让学生对软件Photoshop CS5进行熟悉，并在临摹案例的基础上对网页的界面有基本的了解。 作业命题三： 选择一个网站首页，应用软件Photoshop CS5对其界面进行临摹 质量要求： 尺寸：大小1000X600像素 分辨率100dpi 数量要求： PSD源文件一个，并导出JPG文件一个 教具与 场地布置 多媒体、机房 课后作业 收集10个不同风格的网页主界面设计，以JPG的格式脱机保存 教后小结 本节课主要是让学生对网站及网页设计进行知识的讲授，让学生了解网页设计的基础知识。 在此基础上对网页设计的流程的了解。 学生能够应用PS软件对软件设计的界面进行临摹排版。 周次 11 授课时间 星期二 2016.5.10 课程性质 √□专业必修 □专业选修 □通识教育选修 授课题目 （教学章、节或主题） 第二章 网站建构与整体规划 目录结构的管理与规划 使用合理的件名称 网页的适应性 规划站点的浏览机制 5、网页设计的基本原则 教材及参考资料 教材及参考资料： 1、《网页美工——网页设计与制作》 HYPERLINK /author/%B4%DE%BD%A8%B3%C9_1 \t /_blank 崔建成　等编著 HYPERLINK /publish/%B5%E7%D7%D3%B9%A4%D2%B5%B3%F6%B0%E6%C9%E7_1 \t /_blank 电子工业出版社 2、《Dreamweaver CS5网页设计与制作基础教程》 教学对象情况简评 此次教学班级是2013级视觉传达专业高年级的学生，已经具有一定的专业功底和软件基础。而网页设计是视觉传达专业的主干课，因此，课程主要主要任务有以下几个方面：1、了解网站与网页设计的关系及其中涵盖的Int