《网页设计》课程教学大纲 课程代码：ABSJ0127 课程英文名称:网页设计 课程英语名称：Web Design 课程性质：专业选修课 课程学分数：5 分 课程学时数：80 学时 授课对象：视觉传达设计（本科) 本课程的前导课程：《计算机辅助设计 I》、《图形设计》、《版式设计》、《字体设计》一、课程简介网页设计是一门新兴的设计类和网路的交叉学科，它以网路为载体，把各类信息以最快捷、方 便的形式传达给受众。随着互联网络的快速发展，它渐渐成为企业讯息宣传的重要阵地。互联网的 发展使视觉文化辨识出现了新的空间和领域。本课程使中学生更多的了解网路，实现平面媒体设计与 网络媒体设计两者有机的结合。要求中学生才能熟练使用 Dreamweaver 软件操作环境，掌握 HTML 的 语法规则，并就能借助 Dreamweaver 软件的强悍功能制作出精致的网页，同时能依照任务需求独立 创建客户端的网页和网站。二、教学基本内容与要求第一单元网页设计基础（一）目的与要求本单元的目标，在于让中学生把握互联网的发展概况与现况，了解网路传媒的特性，激发中学生学 习网页设计的热情。（二）教学内容1、互联网的发展发展与演进2、网络基本概念3、网络传媒的特性4 、网页设计常用的基本工具介绍（三）教学方法与手段本单元教学过程中使用的教学方法有：讲授法、讨论法。
（四）课后作业安排与讨论通过资料搜集，组织中学生讨论互联网的发展概况，分析网路传媒的特性。（五）教学要求重点：1、网页与网站的概念2、网络传媒的特征难点：1、网页与网站的区别2、分析网页设计在数字信息时代中的地位与作用。第二单元 网页设计的原则和特征（一）目的与要求本单元的目标，根据教学要求，使中学生把握网页设计的基本原则和特征，提升中学生网页设计能 力。（二）教学内容1、网页设计的特性及内容2、网页设计的总体原则3、网页设计中的方式原则（三）教学方法与手段本单元教学过程中使用的教学方法有：讲授法、讨论法。（四）课后作业安排与讨论搜集网页设计，归纳网页设计的原则，分析其特性。（五）教学要求重点：1、网页设计的原则2、网页设计的特性难点：1、网页形式美法则2、网页设计的优势。第三单元网页形象设计（一）目的与要求本单元主要教学目的，通过教学，使中学生把握网页整体形象设计的方式，利用网页设计中视觉 流程的特性规划网页的布局，加强信息传递的快捷性、准确性。（二）教学内容1、网页布光与布局2、网页设计中的视觉流程3、点、线、面的应用4 、网页配色设计5、网页实例剖析（三）教学方法与手段本单元教学过程中使用的教学方法有：讲授法、案例分析法。
（四）课后作业安排与讨论1、归纳网页设计中的视觉流程规律2、不同风格的网页版面设计作业 5 张（五）教学要求重点：1、网页的版式设计2、点、线、面、色彩元素在网页中的运用难点：1、网页设计中的视觉流程2、网页色调与整体风格的确立第四单元 网站的整体规划流程（一）目的与要求本单元的教学目的，使中学生了解网站制做的着手点和重点，明白网站整体规划的重要性和各个 环节的制做流程，提升中学生网页设计所需的创新想象力和表现能力。（二）教学内容1、项目规划2、内容组织3、页面设计4 、测试发布5、站点推广6、反馈评估（三）教学方法与手段本单元教学过程中使用的教学方法有：讲授法、讨论法、案例教学法。（四）课后作业安排与讨论设计规划 1 个网站，收集相关资料（五）教学要求重点：1、网站项目的整体规划2、网页的内容组织难点：1、网站的流程理解2、网站的设想第五单元 网页制做软件的应用（一）目的与要求本单元的教学目的，使中学生把握 Photoshop、Dreamweaver、Flash 等软件在网页设计中的运用， 并才能借助这项网页相关软件的强悍功能制作出精致的网页，同时能依据网页规划与要求独立创建客户端的 网页和网站。
（二）教学内容1、页面制做2、页面分割与图形优化3、导航条、按钮设计4 、动画设计（三）教学方法与手段本单元教学过程中使用的教学方法有：讲授法、讨论法、教师示范法。（四）课后作业安排与讨论借助 Photoshop、Dreamweaver、Flash 等软件完成 1 个网站（包含 10 个页面）（五）教学要求重点：1、Photoshop、Dreamweaver、Flash 等软件的学习2、页面制做、导航条、按钮设计难点：1、Photoshop 软件中图形的与分割优化2、Dreamweaver 软件中的链接3、Flash 动画制做第六单元网站发布实例操作（一）目的与要求本单元的教学目的，使中学生把握网站的发布流程、网站的更新与维护。（二）教学内容1、域名的基本概念2、申请域名和空间3、上传网站4 、测试与维护（三）教学方法与手段本单元教学过程中使用的教学方法有：讲授法、案例法。（四）课后作业安排与讨论上传自己设计的网站到互联网（五）教学要求重点：1、域名的概念、分类2、域名的申请难点：1、域名的命名规则2、网站的更新与维护三、教学学时分配章节与内容课时作业量备注网页设计基础理论知识4无网页设计的原则和特征8无网页形象设计165网站的整体规划流程161 1 个网站（包含 10 个页面）网页制做软件的应用32网站发布实例操作4合计806四、考核形式与成绩评定标准1、考核方式本课程的考评方式以最终作业为主，同时与课堂练习和缺勤情况相结合。
最终作业从造型与表 现等方面进行评定。最终作业占总成绩的 40% ，课堂练习占总成绩的 40% ，出勤情况的 20%。2、成绩评定要求：网站的整体规划的合理性，链接的合理性，网页方式美感，富有创新性，软件方法的掌 握程度。五、教学参考资源1、参考书目：1、秦 波 编著 《DW 网页设计实训教程》 兵器工业出版社等 2011-08 -12、（韩）郑诗兰、金冬美编绘《Photoshop 影象艺术与网页设计》中国青年出版社 2002-63、（美）瓦特罗尔编绘《深入浅出 Web 设计》（中文版）东南大学出版社 2010-114 、叶小芳译 《Web 网页设计创意课》电子工业出版社2012-10-12、主要网站
