【学时】160课时

【培训费】2600元

【上课时间】白班、晚班、周末班、一对一

网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；一个成功的网页设计，首先在观念上要确立动态的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣。

网页设计实战精修班培训课程 针对网络公司和专业设计公司的真实需求，专业系统的讲授photoshop/illustrator/flash/dreamweaver/fireworks主流设计软件的操作方法及设计技巧，了解互联网知识，网页设计的软件使用，网站类型，网站风格，培养基本的网站色彩搭配，网站制作流程。学会使用photoshop/illustrator来制作网页图像的设计，如网站标准字，网站按钮设计。利用HTML语言和CSS样式，来完成网站导航，网站栏目，网站动静态广告，网站的首页及子页面的互动和链接。*后**案例让学生理解网站配色原理，不同类型的网站风格制作。

Illustrator

Adobe Illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的图片处理工具，Adobe Illustrator广泛应用于印刷出版、专业插画、多媒体图像处理和互联网页面的制作等。

1.       Illustrator简介及应用领域

2.       **案例讲解工具及命令的使用

3.       卡通形象的绘制表现技巧

4.       高级排版（图文混排、文字调整、路径文字、断行

版式等）

5.       在装饰画中的应用及实例

6.       CI策划中的应用，VI视觉设计（标志、名片、字体、提袋、办公标志等）

7.       实际案例所涉及到的方面：海报设计、户外广告设计、包装设计、画册设计、装帧设计、杂志广告设计、报纸广告、插画设计等。

Photoshop

Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，涉及各个领域。

1.       PS界面介绍、文件类型、图像类型及色彩模式

2.       以知识块的讲解方式掌握文件、编辑、图像、图层

选择、滤镜、视图、窗口八大命令菜单的操作

3.       从小型案例入手，精心讲解图层，路径，通道三大

版块，并**实际案例对其进行加深巩固，同时

掌握提高图层，路径，通道的综合应用能力。

4.       案例所涉及到的方面：构图、调色，影楼修片，

滤镜处理技术、招贴设计、海报设计、报纸广告设计

封面设计、网页广告设计等

Flash

Flash是一种动画创作与应用程序开发于一身的创作软件，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、复杂演示文稿和应用程序以及介于它们之间的任何内容。

1.       Flash界面及应用

2.       **logo图标，卡通人物等案例，熟悉软件的基本工具及操作方法。

3.       三大元件（图形，按钮，影片剪辑）的介绍

4.       各种补间动画在制作时的操作要领。

5.       三大图层（普通层，引导层，遮罩层）的讲解；

6.       **flash中AS脚本基础指令的讲解，可以配合案例制作出常用的网站动态导航。

Dreamweaver

（DIV CSS）

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是**套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。

1.       网站的分类及基础知识的介绍

2.       **实践操作，熟练掌握HTML（超文本标记语言）的编写方法及语法知识。

3.       CSS样式的创建，选择器的分类。

4.       熟练掌握用DIV CSS的模式来排版设计网页。

5.       **大量的案例和实践操作，掌握CSS样式对背景，盒子，浮动（float），定位（position）的修饰技巧及参数的设置。

Fireworks

Fireworks是Adobe推出的一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和**构建网站与 Web 界面原型的理想工具。

掌握fireworks修图的基础技能，掌握如何使用fireworks裁切图片，使用切片工具修整素材，了解图层、色阶、图层样式，路径等基础知识，学成后可以将网上的任意素材修改成自己想要的图片装点网页

网站的色彩搭配

色系

网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。

1.         色彩搭配的原则

2.         色彩搭配要注意的问题

3.         网页的底色的搭配

4.         文字字型的搭配

5.         图片色系的搭配

排版

网站的排版是让网页浏览者阅读方便，且内容主题明确的重要指针，若网站的排版经过精心规划，将会使浏览者更能迅速的找到所需的资料。

1.         层次结构

2.         段落的间距问题

3.         字体大小/粗细对比

4.         网页排版的原则

1)        平衡性

2)        对称性

3)        对比性

4)        疏密度

5)        比例

内容

网站的内容，就如同书的文字一般重要，书没有了内页，就算封面再漂亮、再精致，都只是个徒俱美丽空壳的纸版罢了。网站也是一样的道理，如果网站没有内容，就算装扮得再美轮美奂，也不能称为网站。

1.         网站的主题明确

2.         网站的整体实用性

3.         文件的关联性

4.         内容是否切合度

风格

“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体）、版面布局、内容价值等等诸多因素。

1.         网站标志（LOGO）

2.         网站色彩

3.         设计网站字体

4.         是用精炼有效的语言

网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；为了适应当今时代发展，必须增加艺术设计院校的网页设计课程；为了更好的体现网页这一新型设计的特点，将它和传统媒体进行比较，了解它的优势所在；一个成功的网页设计，首先在观念上要确立动态的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣，在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。

教学特点：结合网页的创意理念，采用知识块的讲解方法，以阶梯的形式，由浅入深的学习，将所学的软件与实际工作相结合，掌握网路媒体创意的方法和设计方法以及项目流程等，学后具有网页设计应具备的岗位技能，独立完成WEB站点网页设计的能力。

适合对象：各大院校、社会人士、以及对网页设计有浓厚兴趣的人群

学后工作方向：网站设计公司 网站美工 网站维护与更新、平面广告公司 文化传播公司等。

• 学习内容:
• Dreamweaver软件：网站综合知识，面板组，站点管理；介绍各种窗口元素、创建文档、设置文本格式、插入图、创建Layer样式表应用。使用框架：创建框架、关于框架与框架集的使用；网页交互：Behaviors（行为）概述，Flash电影、声音的控制，显示/隐藏层。可制作文字网页、图文混排网页、框架网页、表单网页。
• Flash软件：主要学习三大动画，分别是逐帧动画，形状补间动画，传统补间动画；三大元件，分别是图形元件，按钮元件，影片剪辑元件；三大图层，分别是普通层，引导层，遮罩层；基本动作命令，制作常用的网页动态导航。
• Fireworks软件：主要讲解基础知识、文字效果、合成图像和简单动画。还包括包括Fireworks操作环境，菜单按钮，功能面板的介绍；文字格式、外形、特效的设置以及文字和路径的结合；**实例制作学习文字和图像的合成，以及对现成图像的修改润饰；使用Fireworks中的向导功能，制作特定变化效果的简单动画。GIF动画制作，图片的优化和导出，网页切片的方法及原则。
• CSS DIV排版：主要学习常用的HTML语言，常用标记如图片，链接，段落，标题，表格，DIV等网页元素的标记；详细讲解CSS语法结构，CSS选择器，样式属性（文本，段落，边框，背景，位置等属性）；学习用CSS DIV进行网页的排版。
• Photoshop: 掌握修图的基础技能，如何使用photoshop裁切图片，使用切片工具修整素材，了解图层、色阶、图层样式，路径等基础知识，学成后可以将网上的任意素材修改成自己想要的图片装点网页。