艺术设计专业网页设计课程教学研究(共字)

《艺术设计专业网页设计课程教学研究(共字)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、艺术设计专业网页设计课程教学研究(共4318字) 《网页设计》是一门综合性的“大课程”，鉴于其专业的特殊性，至目前艺术设计专业开设的此课程尚没有相对完善的教材，教学内容和教学方法也处于探索阶段。笔者结合多年从事web开发和网页设计教学经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。随着信息时代的到来，互联网技术改变了人们传统的生产和生活方式。网络资源的共享和发展已经融入社会生活，门户网站、网页浏览已经成为一种生活习惯。作为服务于社会经济发展的高校专业设

2、置，为适应时代需求，如计算机、电子商务及艺术设计等专业都开设了《网页设计》课程。就专业技术而言，《网页设计》课程综合性较强，涵盖的知识面较为广泛，一个网页的建立到发布过程，涉及到了网络基础知识，W3C标准和与之对应的结构：（X）HTML语言，表现：CSS样式，动作：JavaScipt，图像处理、动画制作等诸多领域。鉴于其专业基础的特殊性，这也导致了该课程针对不同专业在教学内容、教学模式、教学方法等方面存在很大差异。理工科专业多侧重于程序语言的编写学习，较为重视纯技术方面，而艺术设计专业则更多偏向于网页界面的版面设计，包括形

3、式美感、色调处理等。但在实际人才应用中，用人单位更想兼顾以上两方面的技术应用型人才。目前艺术设计专业《网页设计》课程并没有相对完善的专门教材，教学方法与内容也处于探索阶段。由于大环境和师资的局限，开设该课程的很多高校在教学上并没有结合艺术设计专业的自身特点，往往“复制”和计算机等理工科专业一样的课程教学模式，“教”和“学”都陷入一定的尴尬境地，达不到本专业所需一定程度的教学目标。另一方面，艺术设计专业的学生，具有一定的美术基础和审美意趣，制作网页有一定的美感优势，但有时也过于追求美观而忽略用户体验，脱离实际，华而不实。笔者

4、结合多年从事web开发和网页设计教学的相关经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。其中的艺术设计专业，尤其是视觉传达方向的平面设计专业都开设了《网页设计》课程。 一、课程目标 众所周知，课程目标决定一门课程构建和发展的最终导向，一方面可以为学生指明正确的课程学习方向，另一方面也为教师传授正确的知识理念提供依据，真正做到“教”和“学”的“有的放矢”。结合艺术设计专业学生的个性特点，注重网页设计语言的学习，将艺术和技术有机的紧密结合。在课程目标

5、制定的过程中，弱化一些在前期专业基础课程中已经学习过的相关知识（如PS图像处理等），做好简单的衔接，将重点放到艺术设计专业学生相对薄弱的知识点（如网页设计语言等）。Dreamweaver是目前最好的网页制作与设计软件工具，作为可视网页编辑工作的标准，它一直在代码编辑和应用程序开发方面的功能比较强大。更重要的是它是所见即所得类型的网页设计软件，对艺术设计专业的学生来说，学习和应用的难易程度非常合适。同时，对于网页设计素材的制作和处理，动画素材可以选择Flash，图片素材可以选择photoshop，这里强调并要求和Dreamw

6、eaver相匹配和适应。作为网页设计的基础理念，在制定《网页设计》教学目标时，必须考虑将W3C标准相关的新理念、新做法等元素考虑进来，强调使用规范化语义标签语言（X）HTML书写页面结构，并强调CSS样式表的使用，同时遵循W3C标准，了解div+css和标准页面的优势所在，使用“div+css”实现网页结构代码与表现样式相分离，以及对后面制作标准页面所起到的促进作用等。 二、教学内容 （一）在艺术设计专业的人才培养计划中，网页设计课程 一般安排在课程学习的中后时间段。就本课程而言，我建议教学内容并时间安排如下： 1

7、.Dreamweaver软件的学习和应用为重点讲解，讲授和实践为5+5个学时。Dreamweaver软件的主要任务就是完成网页设计的版面架构，教学中，主要讲解本地站点的创建和页面结构搭建。在早期的网页排版中一般使用网页表格（table）及其嵌套的模式布局页面，随着技术更新和用户需求，表格结构已不适合现在时代发展的需要，即不适合手机及平板电脑的用户浏览，呈现逐渐被淘汰的趋势。现今网页版面架构大都采用div+css的方式设计，具有浏览速度快，适合在手机或平板电脑上浏览的优势。结构和样式的相分离，也便于日后的网页改版的便利；

8、2.网页编程基础方面：HTML语言、CSS样式、JavaScipt，讲授和实践7+7学时。非计算机专业的学生一般错误的认为使用Dreamweaver这样所见即所得的工具学习网页设计，不再需要学习太多的“语言”。其实不然，HTML是网页的灵魂，它不像C语言那样“生涩难懂”，相对艺术设计学生而言，完全有能力