课程学时总数：48 学分：3
实验学时：16 实验个数： 2 实验学分：1
课程性质：选做 适用专业：视觉传达设计
教材及参考书：《Don't Make Me Think》Steve Krug著 New Riders Press出版社2012。
大纲执笔人：韩怡 大纲审定人：梅少云
一、实验课的性质与任务
本课程是视觉传达设计专业学生综合使用各方面知识的实验课程。网页设计实验课程以人性化视流程原理为理论基础，系统研究和学习人机界面友好度设计的理论和方法，通过网页色彩与用户心理、视觉元素表现方式、视觉流程与页面布局、网站结构优化、图像元素对网站运行影响、动态图像与界面转换方式等方面数据的收集、比较和体验，让学生从根本上理解网站所需要的合理化网页设计，掌握基本Html语言规律，了解网页设计师与程序设计员之间的合作关系和网络媒介的独特性，培养学生能迅速地根据不同客观条件设计出合理的网页。通过开设网页设计实验课，让学生将之前所学习的各项基础知识综合应用，加深对视觉传达设计本质的理解，并增强学生从事理论研究、实验工作的能力、严谨的科学作风和探索精神。
二、实验目的与要求
1．实验目的
通过实验，基本掌握网络媒介区别于传统媒介的独特性，了解网页设计的有关理论、构成、功能、特点、任务和发展趋势。基本掌握视觉传达原理在网页设计中的应用方法、相关软件技术；能够创造性地设计独特的网页视觉元素，同时明确网页设计与后台程序之间的处理和科学管理。初步具有应用视觉传达设计原理，根据实际市场和网络媒介需求开展网站策划、搭建与页面设计能力，包括网页视觉元素创造性设计、网站页面间合理性构建、网络动态和静态图像优化、与程序员有效合作，最终运用所学的知识创造性地完成一个完整地商业网站页面整体设计。
2．实验要求
（1）掌握以网络为媒介的视觉设计特点和基本概念；
（2）掌握以网页为主的人机界面友好度设计的基本原理；
（3）掌握图像与网站空间资源分析、网站流量与视觉合理性、网页设计与友好度评价、网站结构合理性、网页设计师与程序员有效配合；
（4）掌握网页设计相关软件的操作；
（5）掌握丰富的网页视觉元素表现方式；
（6）掌握网页色彩如何符号浏览者心理；
（7）掌握html语言基本特点和规律。
三、实验项目及内容提要
《网页设计软件》实验课程（课程编号：153017） |
序号 | 实验项目编号 | 实验名称 | 学时 | 必做 | 选做 | 学分数 | 实验类型 | 内容提要 |
基本操作 | 验 证 | 综 合 | 设 计 |
1 | 15301701 | 网页视觉元素设计与布局 | 8 | | √ | 0.5 | √ | | | | 了解基于网络媒介的色彩应用特征，分析色彩心理学在网页色彩搭配中的灵活应用。 1、寻找网页视觉元素的创意设计各种可能性； 2、ICON视觉元素创意； 3、图像视觉完美度与图像大小、动态图像优化、图标设计与优化； 4、网页版式与传统媒介版式的关系； 5、页面布局与视觉流程； 6、布局优化与信息有效传递。 |
2 | 15301702 | HTML语言代码编写概况与软件技术 | 8 | | √ | 0.5 | √ | | | | 1、掌握代码概念和写入规律2、了解代码概念 3、前台视觉效果与代码创造性配合。 4、掌握图形软件技术。 5、了解网站搭建工具基本规律。 |
四、实验内容安排：
实验一 网页视觉元素设计与布局
（基本操作型实验 8学时）
1. 目的要求
掌握数字媒介对色彩应用的要求，了解色彩心理在网页色彩搭配中的应用规律，探寻网页色彩搭配与网站个性之间的关系。
2．实验内容
（1）寻找网页视觉元素的创意设计各种可能性；
（2）ICON视觉元素创意；
（3）图像视觉完美度与图像大小、动态图像优化、图标设计与优化；
（4）网页版式与传统媒介版式的关系；
（5）页面布局与视觉流程；
3．主要实验仪器设备
计算机、扫描仪、打印机、摄像机。
实验二 HTML语言代码编写概况与软件技术
（基本操作型实验 8学时）
1. 目的要求
了解网页搭建中的HTML语言知识，代码的概念与特点。掌握开源代码的在网站设计中的作用与使用方法。本项实验中需要计算机专业的实验员对学生进行详细的指导与答疑。掌握网页设计的常用软件。
2．实验内容
（1）掌握代码概念和写入规律
（2）了解代码概念
（3）前台视觉效果与代码创造性配合；
（4）掌握图形软件技术；
（5）了解网站搭建工具基本规律。
3．主要实验仪器设备
计算机 、图形软件、网络
五、实验报告的格式
实验报告
课程名称：网页设计软件 | 实验项目：网页视觉元素设计与布局；HTML语言代码编写概况与软件技术 |
专业：视觉传达设计专业 | 年级： | 班级： |
指导教师： | 学生姓名： | 成绩： |
（一） 实验目的：需解决的问题及拟达到的目标。 通过实验，基本掌握网络媒介区别于传统媒介的独特性，了解网页设计的有关理论、构成、功能、特点、任务和发展趋势。基本掌握视觉传达原理在网页设计中的应用方法、相关软件技术，能够创造性地设计独特的网页视觉元素，同时明确网页设计与后台程序之间的处理和科学管理。初步具有应用视觉传达设计原理，根据实际市场和网络媒介需求开展网站策划、搭建与页面设计能力，包括网页视觉元素创造性设计、网站页面间合理性构建、网络动态和静态图像优化、与程序员有效合作，最终运用所学的知识创造性地完成一个完整地商业网站页面整体设计。 |
（二） 主要仪器设备及材料：列出实验中主要使用的仪器设备及材料 计算机、扫描仪、打印机、摄像机。 |
（三）内容及程序：简明扼要写出实验步骤及流程 |
（四）问题讨论与分析：结合所学理论知识，对实验中的现象、拟解决的问题进行讨论，应用文字、表格、图形等方法对实验过程进行分析，并提出应注意的事项、重点和难点。 |
（五）实验结论： 通过图片展现实验结果，结合文字说明总结实验结论（对解决问题的方法、过程现象、本质规律等进行总结） |
（六）教师评阅意见： 教师签名： |
备注：如表格不够填写，可另附页。
六、考核方式、方法及实验成绩评定方法
1、考核方式、方法：
评定各级成绩时，可参考以下标准：成绩采用百分制或优秀、良好、中等、及格、不及格五级记分制。学生考试成绩60分以上或及格，取得该课程的学分。凡实验成绩不及格者，该门课程必须重修。
2、实验成绩评定方法：
评定各级成绩时，可参考以下标准：
（一）优秀（很好）
能正确理解实验的目的要求，能独立、顺利而正确地完成网页设计中各项实验操作，通过分析和处理实验中遇到的问题，能得出较有实际价值的理论，并对实际的应用有一定的指导意义或实际市场价值。在实验过程中数据采集丰满、分析可管理性，态度严谨并具有创造性。命题操作考试选题前后一致，设计信息传递清晰，页面设计或网站功能有创新，行业属性明确且有较高艺术美感，文件存储符合网站要求，网页数量饱满，层级关系明确，网页间链接方式设计的严谨实用。
（二）良好（较好）
能理解实验的目的和要求，能认真而正确地完成各项实验操作，能分析和处理实验中遇
到的一些问题。能完成大部分必选实验研究，但对难点较大的操作完成有困难。能一般完成实验报告和其它实验作业。有较好的实验习惯和工作作风。命题操作考试选题前后一致，页面设计信息传递准确，行业属性明确，视觉效果良好，文件存储符合网站要求，网页数量较为饱满，层级关系明确，跳转流畅。
（三）中等（一般）
能粗浅理解实验目的要求，能认真努力进行各项实验操作，但技巧较差。能分析和处理实验中一些较容易的问题，掌握实验技能的大部分。有30%掌握得不好。能一般完成各项实验作业和报告。处理问题缺乏条理。工作作风较好。能认真遵守各项规章制度。学习努力。命题操作考试选题前后一致，页面设计信息传递准确，行业属性明确，视觉效果良好，文件存储符合网站要求，网页数量较为饱满，层级关系有缺陷但跳转基本流畅。
（四）及格（较差）
只能机械地了解实验内容，能一般性地按实验步骤完成实验操作，能完成60%所学的实验技能，有些虽作但不准确。遇到问题常常缺乏解决的办法，在别人启发下能作些简单处理，但效果不理想。能一般完成实验报告，能认真遵守实验室各项规章制度，工作中有小的习惯性毛病（如工作无计划，处理问题缺乏条理）。命题操作考试选题前后一致，页面设计信息传递基本准确，但视觉美感不足，文件存储符合网站要求，跳转基本正常。
（五）不及格（很差）
盲目地操作，只掌握50%的所学实验技能。有些实验虽能作，但一般效果不好，操作不正确。工作忙乱无条理。一般能遵守实验室规章制度，但常有小的错误。实验报告较多的时候有结果，遇到问题时说不明原因，在教师指导下也较难完成各项实验作业。或有些小聪明但不努力，不求上进。命题考试选题前后不一致或视觉表现完全不符合所选目标对象，或文件存储以及连接方式完全不符合网站搭建要求。
七、实验主要应配套仪器设备及台（套）数
序号 | 仪器设备名称 | 数量 | 备注 |
1 | 扫描仪 | 1套 | |
2 | PC计算机 | 15台 | |
3 | 相关设计软件 | 1套 | |
4 | 数码摄影机、单反相机 | 15台 | |
5 | 录音棚 | 1间 | |
6 | 动画及其他设备 | | 宽带连接并开通 |
| | | | |
八、主要教材及参考书
《网页设计4合一培训教程》江春著机械工业出版社 2009年
《审点石成金:访客至上的网页设计秘笈》 Steve Krug著 De Dream译 机械工业出版社 2009年
《瞬间之美:Web界面设计如何让用户心动》 Robert Hoekman.Jr著 向怡宁译 人民邮电出版社 2013年
《Don't Make Me Think》Steve Krug著 New Riders Press出版社2009
编辑：四川师范大学艺术实验教学中心
