《网页设计》教学大纲.doc

/Article/Index.html（教师网）相关资料可在此网上查阅网页与网站设计教学大纲课程名称：网页与网站设计 课程编号：英文课程名称：Web site design适用专业：工业设计 艺术设计总学时数： 学分数：理论教学时数：3/2 实验（实践）教学时数：3/1执笔者： 编写（修订）日期：2012.2一、课程的性质和目的网页与网站设计课程是学习设计及相关专业必修的基础课，与所学的电脑设计软件应用课程紧密连接并起到一个延续与检验的作用。网页与网站设计课程虽然都以电脑进行网络基本设计为己任，但是，它们不尽相同，主要表现在，前者是从网站的前台（界面）设计部分，主要是针对所浏览的网页的总体颜色选择、页面的排版布局和用户群体的体验度；后者涉及到的内容就比较多了，首先是明确用户，明确网站内容，以及网站功能上的设计，以及数据库和域名空间的选择，再到后期的如何维护、推广等等都是网站设计的内容。可以说网页设计是网站设计的一种直观的表现形式，用户第一眼看到的就是网页设计上的内容。应该说网站设计范围要比网页设计广的多。国内大多数个人站长从事的都是一些网站设计的工作。这两门课程各有相对独立的研究范畴，各有其特点及作用，因此并不能相互取代。网页与网站设计课程着眼于技能型紧缺人才培养目标，以能力培养为原则能，使学生能够逐步掌握网站完整的设计思路和网页实际设计过程。二、课程教学环节、内容及学时分配课程内容 学时数第一章：概念与基础 X第一节：网页与网站的基本知识 X主要内容：进行基础知识讲解：1、 Internet基础知识。2、HTML语言简介。3、网页与网站的关系。重点与难点：HTML的理解。 第二节：从网页到网站的简单制作 X主要内容：通过案例对于不同版本的网页制作进行说明和讲解1、纯文本网页制作。2、图文混排页面制作。3、网页超链接的制作。4、简单网站制作。重点与难点：关键在于用典型案例的解释说明。 第二章：设计与实现 3第一节：网页设计要素 1主要内容：首先简单论述网页设计中运用的基本视觉元素，再对网页的风格定位及版式设计进行进一步讲解，阐述点线面以及色彩院里在网页设计中的运用，最后讲述网页设计中细节部分体现出的设计品质。重点与难点：理解网页设计中运用的各种元素，合理搭配结构与色彩，把握整体与细节。 第二节：网站设计要素 1主要内容：由浅入深的对网站中的设计要素进行讲解，首先是网站设计前如何定位，继而从确定网站设计的主题、界面、形象（logo、色彩、字体等）、风格、和创意方面进行阐述，最后进行总结概述。重点与难点：使同学们了解如何能够把握住风格的统一和整体性。 第三节：网站设计的实现 1主要内容：首先用具体案例对网站的导航和标志进行分析，再以星巴克中国与星巴克韩国网站的页面设计与制作进行分析讲解。并举其他国外知名网站实例。重点与难点：通过案例掌握设计手法，举一反三。 第四节：基于设计的网站制作 11主要内容：1、讲述photoshop中切片工具的使用。2、切片处理后的图片如何在网站欢迎网页上应用。3、主框架页面的设计制作。4、完成整体网站制作重点与难点：理解和掌握网站制作的知识与技能。 第五节：网站的发布 2主要内容：1.讲解如何测试目标浏览器；2.检查站点链接；3.申请免费域名；4.远程测试。重点与难点：理论与实际操作的结合。 第三章：网站艺术与赏析 2主要内容：对国内外的主要网站设计进行欣赏与讨论重点与难点：学生可以吸收作品中的优点进行消化而不是一味抄袭。 作业：同学们以小组为单位自行设计属于自己风格的网站，并对自己的网站进行讲解分析。 三、课程教学的基本要求1.系统讲授网页与网站设计基本知识，使学生理解和掌握网页与网站设计的设计要素和制作流程并运用所学的设计及制作理论，设计出整体、风格统一、有特色的网站。2.明确不同阶段的训练目的和任务，突出各教学环节的知识点，围绕重点解决设计要点和制作流程等主要问题，解决好画面简单、风格不统一，单调无特点，只重内容或模仿而遏制了自身感官的发掘，忽略个性与特色以及满足于单调不注意细节变化的教学难点。3.贯彻因材施教，采取集中讲授、合班讲评、个别辅导、相结合，注重启发的教学方法，使学生学会主动发现、举一反三、合理借鉴的学习方式，提升独立自主解决问题的能力。4.备有相关教学观摩资料，包括范图（经典、优秀作品及任课教师的范例）和教学参考书。5.考核学生的结课成绩以年级为单位，阅卷教师不少于3人，分值按平均分数核定。6.作业布置： Photoshop制作页面设计 设计一套与页面风格一致的网站形象元素 自拟主题进行网站设计四、本课程与其他课程的联系与分工 本课程为先修课程，为色彩构成、设计表达、产品设计、形态设计等课程奠定基础色彩知识，训练对色彩的感受能力和表达能力。与色彩构成课程的联系是共同研究色彩的表现规律，分工为，侧重研究客观色彩的变化规律及其表现规律。使学生掌握色彩写生