网站美工设计_教学设计方案(教案).docVIP

教 学 设 计 方 案 系（部）（盖章）： 信息工程系 教 研 室： 计算机多媒体 课 程 名 称： 网站美工设计 主 讲 教 师： 20 14年～20 15 年第 二 学期 ****职业技术学院制 教学设计方案 课程学时 80 课程学分 5 授课班级1： 计多 专业 13 级 2 班 授课班级2： 计多 专业 13 级 3 班 课程性质 公共必修课（ ） 公共选修课（ ） 专业必修课（√ ） 专业选修课（ ） 课程类型 理论课（ ） 实践课（ ） 理实一体课（√ ） 课程定位 本课程主要面向网站界面设计、网站美工设计、网页制作、网站开发等相关岗位，帮助学生明确网站界面设计在网站开发中的重要性，关键培养学生具备一定的网站界面设计能力，能独立完成一个网站界面的设计与制作，为后续课程打下扎实的基础，具备网站界面设计的素质和技能，最终成为适应社会岗位需求的网站建设与管理人才。 考核方式 考试（ √ ） 考查（） 教材及 参考教材 教 材： 《美工神话：Dreamweaver+Photoshop+Flash网页设计与美化》，邓文达，龚勇?编著，人民邮电出版社， 参考教材： 《Photoshop CS3中文版图像处理基础教程》，崔英敏编著，人民邮电出版社，2008.11 《中文版PHOTOSHOP图像处理使用教程》，李敏编著，中国铁道出版社，2008.07 《网站界面设计案例教程》，唐乾林编著，机械工业出版社，2009.02 《网页界面设计与制作》，邓文达、贠亚男编著，人民邮电出版社，2012.08 《网站色彩与构图案例教程》, 唐一鹏编著，北京大学出版社，2008.08 《电子商务网站界面设计》，丁荣涛编著，人民邮电出版社，2009.09 课时分配 序 号 授课章节 课 时 第1次 第章 图像基础知识第章 第章 第章 第章 图像色彩第章第章 第章 第章 第1章 第1章 第1次 授课章节 【理论一】 第章 图像基础知识第章 第章 第章 授 课 主 要 内 容 教学内容： 第1章 图像的基础知识 1.1 位图和矢量图 图像文件可以分为两大类：位图和矢量图。在绘图或处理图像的过程中，这两种类型的图像可以相互交叉使用。 1.1.1 位图 位图图像也叫点阵图像，它是由许多单独的小方块组成的，这些小方块又称为像素点。每个像素点都有特定的位置和颜色值。位图图像的显示效果与像素点是紧密联系在一起的，不同排列和着色的像素点组合在一起构成了一幅色彩丰富的图像。像素点越多，图像的分辨率越高，相应地，图像文件占用的存储空间也会随之增大。使用放大工具放大后，可以清晰地看到像素的小方块形状与不同的颜色。 1.1.2 矢量图 矢量图也叫向量图，它是一种基于图形的几何特性来描述的图像。是以数学的矢量方式来记录图像内容的。矢量图像中的图形元素称为对象，每个对象都是独立的，具有各自的属性。矢量图是由各种线条、曲线或是文字组合而成。矢量图与分辨率无关。 1.2 分辨率 分辨率是用于描述图像文件信息的术语。分辨率分为图像分辨率、屏幕分辨率和输出分辨率。 1.2.1 图像分辨率 在Photoshop中，图像中每单位长度上的像素数目，称为图像的分辨率，其单位为像素/英寸或是像素/厘米。 1.2.2 屏幕分辨率 显示器上每单位长度显示的像素数目。 1.2.3 输出分辨率 照排机或打印机等输出设备产生的每英寸的油墨点数（dpi）。 1.3 色彩模式 1.3.1 CMYK模式 C：青色；M：洋红色；Y：黄色；K：黑色。 1.3.2 RGB模式 一种加色模式。R：红色；G：绿色；B：蓝色。 1.3.3 灰度模式 灰度模式的灰度图又叫8bit深度图。 此外还有Lab模式、HSB模式、索引颜色模式、位图模式、双色调模式、多通道模式。 1.4 常用文件格式 PSD格式和PDD格式、TIF格式（TIFF）、JPEG格式、BMP格式、GIF格式、EPS格式、TGA格式。 可以根据工作任务的需要选择合适的图像文件存储格式。 用于印刷：TIFF、EPS。 出版物：PDF。 Internet图像：GIF、JPEG、PNG。 用于Photoshop工作：PSD、PDD、TIFF。 第2章 文件操作和设置颜色 Photoshop CS3的系统要求： 图片文件不仅有大量的信息需要存储，而且在每一步操作中都需要经过复杂的计算，才能改变图像的效果。所以配置的高低对于软件的运行有直接的影响。 中文Photoshop CS3的最低配置： CPU：Pentium 4处理器。 内存：512MB。推荐用1GB。 硬盘：80G