Lab Class

Level 1:Students will learn about Photoshop Layers, Smart Objects, Text, Gradients, Adjustment Layers and more. Upon leaving this class, students will be able to create Photoshop images from scratch, and properly manipulate existing images. And you will learn to use Levels & Curves to correct color & tonal range, create Layer Masks & Vector Masks, use the History Brush, create Actions & Batch Process files, work with Alpha Channels, properly use Device Central, use Auto Align to create panoramas, and more!

Level 2:Content can consist of text or images and includes the pointers that your readers need to navigate around your Web site. In Web development, XHTML makes up the content layer and it also structures the Web document. The style or presentation layer is defined by the CSS or styles that indicate how your document should be displayed and on what media types.


Lab Class

实验一 图形设计入门及基本操作 (4课时)
  • 1.本次实验的目的和要求

    熟悉Photoshop的图形设计工具、命令及各种常用面板。

    2.实验内容或原理

    实验内容:1)图形设计的基础知识;2)Photoshop的基本操作;3)光影与立体感练习;4)掌握钢笔工具绘制路径的基本编辑方法;

    3.需用的设备:计算机

    4.实验步骤

    1) 图形设计的基础知识:

    参数知识:象素、分辨率、色深等。

    图形分类:矢量图、点阵图。

    色彩模式:位图、灰度、双色调、HSB、RGB、CMYK、索引。

    2) Photoshop的基本操作:

    打开Photoshop,了解工作界面和工作原理;介绍工作环境,如主菜单、工具栏、浮动调板;工作环境优化和参数设置。

    3) 光影与立体感练习:

    光影与立体感理论;球体、圆柱、圆锥石膏体练习。

    4)掌握钢笔工具绘制路径的基本编辑方法:

    启动Photoshop,用工具箱的钢笔工具来控制图形。

    了解贝兹曲线和句柄的控制。练习:小鸭图形。

    5.教学方式

    教学辅导,演示。

    6.考核要求

    指导教师通过光影与立体感练习检查各学生是否已熟悉Photoshop基本操作,并要求写出实验报告。

实验二 图形设计中级及色彩训练 (4课时)
  • 1.本次实验的目的和要求

    通过实验掌握Photoshop图形设计基本方法和掌握立体感和真实感表现形式; 掌握色彩的原理和使用方法。

    2.实验内容或原理

    掌握物体立体感表现方法;掌握物体质感表现方法; 掌握色彩运用方法和进行色彩心理联想联系; 进行配色训练。

    3.需用的设备:计算机

    4.实验步骤

    1) 掌握物体立体感表现方法:

    启动Photoshop,根据立体感原理设计图形。练习:制作水晶按钮。

    2) 掌握物体质感表现方法:

    对某一指定图片进行操作,根据真实感原理设计图形。练习:可口可乐易拉罐。

    3) 掌握色彩运用方法和进行色彩心理联想联系:

    色彩联系方法:无色,类比、冲突、互补、单色、万能设计等。

    4) 进行配色训练:

    比较“酸甜苦辣”图形。练习:春夏秋冬色彩训练。

    5.教学方式

    教学辅导,提供思路。

    6.考核要求

    指导教师检查各学生是否已熟悉立体感和真实感表现形式、色彩的使用方法,并要求写出实验报告。

实验三 图形设计高级训练 (4课时)
  • 1.本次实验的目的和要求

    掌握Photoshop图层、通道的原理和使用方法,以及图形设计中的技巧。

    2.实验内容或原理

    掌握Photoshop图层的原理和使用方法; 掌握通道的原理和使用方法;

    3.需用的设备:计算机

    4.实验步骤

    1) Photoshop图层的原理和使用方法。

    2) 掌握通道的原理和使用方法:

    (1)photoshop高阶,抠图。综合练习:硬币的制作。

    (2)photoshop高阶,三色通道。综合练习:人物相片处理。

    5.教学方式

    教学辅导,演示。

    6.考核要求

    指导教师检查学生是否已熟悉Photoshop图层和抠图的技术,并要求写出实验报告。

实验四 网页的编辑和超链接 (4课时)
  • 1.本次实验的目的和要求

    掌握HTML文档的语法和创建; 掌握table创建和布局方法; 掌握超链接的使用方法。

    2.实验内容或原理

    1) html文档的语法

    2) 掌握table创建和布局方法

    3) 创建超链接

    4)应用实例

    3.需用的设备:计算机

    4.实验步骤

    1)熟悉HTML的文档格式化方法;

    2)重点掌握创建、编辑HTML样式的方法,掌握利用HTML标记及HTML样式格式化文档的方法;

    3)table标记的使用

    4)掌握各种对象的插入方法,超链接的基本概念及其各种应用。

    5.教学方式

    教学辅导,演示。

    6.考核要求

    指导教师检查学生是否已熟悉html文档创建和编辑,并要求写出实验报告。

实验五 网页工具使用和布局 (4课时)
  • 1.本次实验的目的和要求

    掌握多个网页工具使用方法;采用table传统方式的制作网页方法; 掌握网页制作的基本流程方法。

    2.实验内容或原理

    1)Photoshop制图。

    2)Fireworks切割。

    3)Dreamwave编辑。

    3.需用的设备:计算机

    4.实验步骤

    1)准备:阅读课本有关章节,熟悉本实验相关内容。

    2)上机操作:

    (1)使用Photoshop工具绘制图片

    (2)从Photoshop中导出jpg图片

    (3)Firewoks对图片进行切割

    (4)从Firewoks中导出html文件

    (5)Dreamwave对网页进行编辑

    5.教学方式

    教学辅导,演示。

    6.考核要求

    指导教师检查学生实验结果,并要求写出实验报告。

实验六 标准web创建和编辑实验 (4课时)
  • 1.本次实验的目的和要求

    掌握W3C制定的xhtml网页标准。理解网页的内容与样式分离的核心

    2.实验内容或原理

    1)用notepad或dreamwave编写网页。

    2)div标记布局,id属性和class的设置。

    3)ul、ol标志。控制数据列表

    3.需用的设备:计算机

    4.实验步骤

    1) 准备:阅读课本有关章节,熟悉本实验相关内容。

    2) 上机操作:

    (1)用notepad或dreamwave编写网页,保证没有垃圾代码的产生。

    (2)采用div标记进行网页布局,采用id属性和class属性对网页的框架进行设置。

    (3)采用ul、ol标记对数据进行控制。数据列表采用li标记控制。

    5.教学方式

    教学辅导,演示。

    6.考核要求

    指导教师检查学生是否正确书写国际标准的代码,并要求提交实验报告。

实验七 标准web样式创建和编辑实验 (4课时)
  • 1.本次实验的目的和要求

    通过W3C制定的国际标准样式CSS对网页进行整体的控制,让多个页面由同一个css文档定义样式。

    2.实验内容或原理

    掌握css的选择器、属性和属性值的内容;将css与web页面链接在一起,使web样式发生变化。

    3.需用的设备:计算机

    4.实验步骤

    1)准备:阅读课本有关章节,熟悉本实验相关内容。

    2)用notepad编辑css,注意css的语法。

    3)链接网页文件,观察页面发生的变化。

    5.教学方式

    教学辅导,提供思路。

    6.考核要求

    实现web页面样式的css控制,通过css有效性验证,要求递交实验报告。

实验八 xml创建和编辑实验 (4课时)
  • 1.本次实验的目的和要求

    Xml是目前web最新的知识,通过练习了解xml的语法和基本结构。

    2.实验内容或原理

    Xml的语法;xml基本结构;sitemap文件的制作;RSS文件的制作

    3.需用的设备:计算机

    4.实验步骤

    (1)采用notepad编写xml文件,了解其基本结构;

    (2)编写xml的基本语句,了解xml语法特点;

    (3)制作sitemap网页文件文件,了解其与网站的关系;

    (4)学习和实践RSS语法,制作Rss的xml文件

    5.教学方式

    教学辅导,提供思路。

    6.考核要求

    实现xml通过有效性和良构性验证,要求递交实验报告。