网站美工的工作步骤是什么？
一、所谓的网站美工其实很多种，可以分出很多类的工作，其实从本质上讲，网站美工只需要会PS就够了，网站美工也叫做网页制作师。美术工程师(Art Engineer)，目前特指网页美工，需要熟悉各种平面设计软件，如Photoshop、flash、fireworks 、Dreamweaver等软件，完成美术视觉上的设计排版等。二、工作步骤：1、掌握技术：（1）基础美术：素描(石膏几何体、静物写生)；色彩(色彩构成、简单色彩静物写生)。（2）三大构成：色彩构成、平面构成、立体构成（3）Photoshop网页配色及排版设计；Illustrator网页设计；fireworks web应用、网页设计综合、经典网页解析。2、内容步骤：（1）图形设计，即传统意义上的“美工”。不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。（2）交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。（3）用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。三、技能解析：网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。先学 ps 然后 学 切图 在学 flash 这些都学会了 学习dreamweaver 否则 生成不了 网页的 学习完这个还要学习div 这是技术提升 现在美工都要求这个了 还要学习简单的html代码 可以与后台沟通 ，整个框架学会了 要学习ftp这样就可以把页面传到网站上面去了
网站美工的工作步骤是什么
一、所谓的网站美工其实很多种，可以分出很多类的工作，其实从本质上讲，网站美工只需要会PS就够了，网站美工也叫做网页制作师。美术工程师(Art Engineer)，目前特指网页美工，需要熟悉各种平面设计软件，如Photoshop、flash、fireworks 、Dreamweaver等软件，完成美术视觉上的设计排版等。二、工作步骤：1、掌握技术：（1）基础美术：素描(石膏几何体、静物写生)；色彩(色彩构成、简单色彩静物写生)。（2）三大构成：色彩构成、平面构成、立体构成（3）Photoshop网页配色及排版设计；Illustrator网页设计；fireworks web应用、网页设计综合、经典网页解析。2、内容步骤：（1）图形设计，即传统意义上的“美工”。不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。（2）交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。（3）用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。三、技能解析：网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。先学 ps 然后 学 切图 在学 flash 这些都学会了 学习dreamweaver 否则 生成不了 网页的 学习完这个还要学习div 这是技术提升 现在美工都要求这个了 还要学习简单的html代码 可以与后台沟通 ，整个框架学会了 要学习ftp这样就可以把页面传到网站上面去了。
淘宝图片美工教程
淘宝图片美工方法如下：1、首先打开软件，找一张要做的主图，去淘宝上随便找一张图片来做例子。2、接着把左边的衣服。用魔棒工具抠出来。3、复制一层背景层，颜色比衣服的暗一点就行。4、接着复制几层。背景光，用画笔工具。鼠标右键把画笔调大，画三层光。5、然后在衣服层上ctrl+j复制一层衣服，填充衣服的颜色。6、ctrl+T把复制出来的衣服压一下。放到衣服下面画个衣服的投影，用模糊工具把投影模糊一下。7、然后按文字工具写几个字，充当文案。这个你们自己选择自己喜欢的文案。8、用矩形工具画几个两个线条，装饰一下，颜色你们根据图片，选择一个合适的，选择红色。9、背景，主体和文案都完成了。剩下的就剩装饰性的素材了。下载几个和衣服比较搭的素材，放进来就可以了。10、把素材摆到合适的地方。近实远虚原则的放。这样淘宝美工图片教程就完成了。
淘宝美工教程
淘宝图片美工方法如下：1、首先打开软件，找一张要做的主图，去淘宝上随便找一张图片来做例子。2、接着把左边的衣服。用魔棒工具抠出来。3、复制一层背景层，颜色比衣服的暗一点就行。4、接着复制几层。背景光，用画笔工具。鼠标右键把画笔调大，画三层光。5、然后在衣服层上ctrl+j复制一层衣服，填充衣服的颜色。6、ctrl+T把复制出来的衣服压一下。放到衣服下面画个衣服的投影，用模糊工具把投影模糊一下。7、然后按文字工具写几个字，充当文案。这个你们自己选择自己喜欢的文案。8、用矩形工具画几个两个线条，装饰一下，颜色你们根据图片，选择一个合适的，选择红色。9、背景，主体和文案都完成了。剩下的就剩装饰性的素材了。下载几个和衣服比较搭的素材，放进来就可以了。10、把素材摆到合适的地方。近实远虚原则的放。这样淘宝美工图片教程就完成了。
网页切图怎么做? 网页设计切图
网页切图怎么做，网页设计切图的方法。如下参考：1.打开PS，点击切片工具，如下图所示。2.点击切片工具，可以将图片切割成所需的大小，如下图所示。3.剪切图片后，点击导出特殊网页使用的格式，如下图所示。4.输入属导出web的格式页面，并按住shift键选择所有部分。5.导出格式设置为JPEG，如下所示。6.最后，单击save存储，如下图所示。
网页美工切图技巧
网页美工切图技巧 如何做好网页美工设计，对于新手而言，这还有些小小的难度，尤其是当网页美工设计由几个人接手的时候。在网页美工切图设计之前，我们先基于ps进行新建文件设置，在设置的时候需要注意以下几点： 1.一定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。大多数做网站的公司都有一个比较合理的标准。 2.作为网页背景、网页图标的要清晰，在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。 3.有特效地方，有必要设计出特效样式，以便DIV CSS制作的时候切图使用。 4.在做成网页后可改变的文字，需要使用宋体、黑体无需修饰 5.细节一定要对齐 美工图设计好后要注意的两点： 1.导出JPGGIFPNG等格式观察效果。 2.不要合层，尽量保持每个文字图标图片都有独立图层，这样在DIV CSS切图时方便隐藏显示切图。 在新建设置之后，就要开始进行网页美工设计了，在网页美工设计的过程中要注意： 1. 注意页面的分块，着手设计一个页面的时候，你必须根据所掌握的内容，以及其风格，对页面的整体进行分块。分块是一个非常必要且难以掌握的技巧。对于一般杂志来说，它们是有边的，这意味着杂志美工设计师有边可循，依靠边来形成立体感，依靠边来产生未尽的意韵;但是对于web页面，边的概念被淡化了，屏幕可以上下左右的拖动。所以此时分块显得非常必要，目的也就是产生的效果。 分块可以用不同着色的色块、框、细线、排列整齐的英文等等，还可以混合使用，但是注意不要过于醒目，因为页面的重点在内容，而不在其他。 2、色彩的平衡与呼应。 1)色彩的平衡。色彩在页面中可以形成很多的`效果，通过强烈的对比，可以突出页面的重点。还可以通过色彩调配，达到页面稳重度的改变。一般的情况下，页面上方的颜色总是很重，这样才能压住下面的颜色，如果不采取这种办法，整个页面将显得很不稳重，底下的文字图片，有飘出的意味。因此，要使整个页面显得很平衡，必须要有能镇住其他颜色的色彩。 2)色彩的呼应。一种比较突出的色彩，如果很突兀地放在页面中，无论你是突出重点也好，还是logo图标，都给整个页面带来了副作用。为此，你必须在相对称的位置加上该色系(对于页面并不醒目)的色彩以呼应，这样可以弱化这种视觉的冲击。 3、精确到1个像素 如果你是一个成功的页面设计者，你至少会在做出页面前已经把整个页面构思好了;如果你很宽容地对待图片中1个像素的差别，那说明你还不是很合格。 ;
网页美工设计方法
网页美工设计方法 美工分为平面美工、网页美工和三维美工。下面整理了一些网页美工设计方法，希望对大家有所帮助！ 一、配色 其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于美工设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。 设计师对颜色的运用一般有这么几个阶段： 初级阶段：用自己首映感觉最好的1~2种颜色，不考虑其他因素、他人感觉; 过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象; 成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段; 终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。 其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。 二、布局 美工设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。 其实做好布局设计也不是很难，无非就以下几步： 布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。 布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。 精细布局：整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。 Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的.布局做好了，其他网页、宣传册等平面布局应该都信手捏来。 三、细节 至理名言“细节决定成败”，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。 以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿 MJ跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。 四、心态 在累计阶段，心态平和、踏实耐心，切忌急躁，美工本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。 五、技能 有了良好的审美基础和创意，接下来就是制作了。相比较审美观的培养和创意的来临，Mars觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具： 制图技能：Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具; 页面编程技能：html、css、JavaScript等; 优化技能：压缩图片、网页优化等。 以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。 六、用户体验 用户体验一般出现在网页设计和系统界面设计里，是用户和人机界面的交互过程，界面操作的易用性，直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求，甚至有点儿超越美工的范畴，但只有美工了解这些才能更合理地设计界面布局，整体搭配等等。 ;
网页美工设计怎么做
网页美工设计怎么做 导语：随着淘宝的逐渐流行，网页美工设计的市场也是逐渐地宽广起来。如果你想要成为一名合格的网页美工设计，那么你就应该要从多方面地满足自己的要求。为自己负责，并且也应该要懂得去更好地进行淘宝网页的设计，让这样的网页设计出来的效果可以达到成为一幅值得欣赏的图画。而想要成为一名合格的网页美工设计，也是应该要知道自己所承担的职责的。那么 合格的网页美工设计 的职责是什么呢? 关于网页美工设计是负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。网页美工熟悉各种平面设计软件，如Photoshop、ai等软件，完成美术视觉上的设计排版等。 网页美工负责的图形设计，即传统意义上的“美工”。不过不是单纯意义上美术工人的工作，既然搭上了“网页”的头衔，因此他们负责的是软件产品的产品“外形”设计。交互设计主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。网页美工要负责这点，相信很多人都不知道，因为在大众的印象中，美工只要负责视觉效果就可以了，但仅仅是视觉设计，作为一名合格的`网页美工，那是远远不够的。 而第三个网页美工的职责：用户测试/研究，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。另外，对于网页美工的职能，不少人还存在着一个误区，那就是认为网页美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局，其实这是不正确的，网页布局的工作应该是由前端开发工程师来完成的。 在网页美工切图设计要注意以下几点：定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。大多数做网站的公司都有一个比较合理的标准。作为网页背景、网页图标的要清晰，在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。有特效地方，有必要设计出特效样式，以便DIV CSS制作的时候切图使用。 ;
如何学好网页美工设计
电子商务和网页的发展带动了一个新的行业的发展，那就是网络美工设计，因为我们看到了网页的蓬勃发展，也看到了网页美工设计这光明的前景，越来越多人学习网页美工设计，很多人刚开始接触网页美工设计感觉，这是一门很难的学科。以下是小编搜索整理如何学好网页美工设计，欢迎大家阅读!大家都知道网页设计的职能是很多的，它本身包含的就业范围也很广。网页设计的课程学习分为前端和后台。我们今天要讲的网页美工，就是网页美工设计中前端的课程。在网页发展前景十分光明的今天很多人都在问，怎么样才能把网页美工学好呢其实想要把一行学好，我们只需要了解这个行业，然后是这个行业的前景，最后是需要学习的课程。把这些都了解后，基本上就能学好了。在了解课程之前，我先跟大家介绍一下网页设计的就业前景。2014年网页设计的就业前景到底如何呢如何抓住这一机遇随着国内互联网的快速发展，中国网民的数量大量的增加。所以很多人通过互联网去实现自己的要求。比如说现在很流行的网购、通过招聘网站进行求职等等，随着社会的发展，人们的生活会更加的依赖网络。因此每个人，每个公司都想去做网站，个人通过网站推广自己、公司通过网站推广公司的品牌与知名度、获得更大的利益化。网页美工示例做网页有两大很重要的要点:整体风格和色彩的搭配。对于整体风格来说要注意这几点:第一：将标志logo尽可能放在每个页面的最突出的位置。页面颜色和内容字体颜色要有明显的区别，要将外链和内链做的与其他内容内有明显的区别。对于色彩的搭配来说:首先页面颜色不要丰富，这样不会使页面颜色没有一个主色调，颜色不太丰富可以让页面看起来色彩相对统一，有层次感。页面用同一个色系。简单的来说就是用同一个感觉的色彩比如说暖色调和冷色调。网页设计能够让你学会网页设计的一些设计技巧，网页需要注意的事项其实也是我们网页美工所要注意的几点，将标志logo尽可能放在每个页面的最突出的位置和页面用同一个色系。对网页美工来说也是非常重要的。知道了这些就意味着可以学好网页美工了吗当时不是，了解了它的前景和需要注意的两个要点之后，我们还要来了解最重要的设计软件的学习及应用。网页美工需要学习哪些软件呢我们一起来看一看。1.Dreamweaver：讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧2.Flash：讲解FL在视频、声音、图形和动画方面的`应用，可以各种动画制作、导航界面、互动效果以及其他奇特的效果3.Fireworks：讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用4.Photoshop：熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合AI的应用掌握以上软件的学习在网页美工中是相当重要的，并且要成为网页美工高手的话，那需要在日常工作以及业余时间不断的学习和提高自己的能力和水平，网页美工是一个感性思考与理性分析相结合的过程，它的方向取决于设计的任务和网页的制作以及设计人员的灵感，并且网页美工人员还要学习网站运营和网站优化等相关的一些知识。我们要学好网页美工设计，首先我们要知道网页美工设计相关软件Dreamweaver，Flash，Fireworks，Photoshop等软件的操作，还要学习颜色搭配基础，要学好logo制作等内容。
如何学好网页美工设计课程
如何学好网页美工设计课程 随着电子商务的发展，我们的网页如雨后春笋。网页的发展越来越快，大大小小的网站遍布互联网。为此网页美工设计的前景是很不错的!可是我们如何才能学好网页美工设计的课程呢?下面我为大家介绍! 电子商务和网页的发展带动了一个新的行业的发展，那就是网络美工设计，因为我们看到了网页的蓬勃发展，也看到了网页美工设计这光明的前景，越来越多人学习网页美工设计，很多人刚开始接触网页美工设计感觉，这是一门很难的学科。我们网页美工设计的职能也是很多的，可以包括logo的设计，风格的设计，图片的设计等等，所以我们要分开很多部分学习，那我怎么才能学好网页美工设计。 大家都知道网页设计的职能是很多的，它本身包含的就业范围也很广。网页设计的课程学习分为前端和后台。我们今天要讲的网页美工，就是网页美工设计中前端的课程。 在网页发展前景十分光明的今天很多人都在问，怎么样才能把网页美工学好呢?其实想要把一行学好，我们只需要了解这个行业，然后是这个行业的前景，最后是需要学习的课程。把这些都了解后，基本上就能学好了。 在了解课程之前，我先跟大家介绍一下网页设计的就业前景。2014年网页设计的就业前景到底如何呢?如何抓住这一机遇?随着国内互联网的快速发展，中国网民的数量大量的增加。所以很多人通过互联网去实现自己的要求。 比如说现在很流行的网购、通过招聘网站进行求职等等，随着社会的发展，人们的生活会更加的依赖网络。因此每个人，每个公司都想去做网站，个人通过网站推广自己、公司通过网站推广公司的品牌与知名度、获得更大的利益化。 网页美工示例 做网页有两大很重要的要点:整体风格和色彩的搭配。对于整体风格来说要注意这几点: 第一：将标志logo尽可能放在每个页面的最突出的位置。 页面颜色和内容字体颜色要有明显的区别，要将外链和内链做的与其他内容内有明显的区别。 对于色彩的搭配来说:首先页面颜色不要丰富，这样不会使页面颜色没有一个主色调，颜色不太丰富可以让页面看起来色彩相对统一，有层次感。 第二：页面用同一个色系。 简单的来说就是用同一个感觉的色彩比如说暖色调和冷色调。 网页设计能够让你学会网页设计的一些设计技巧， 网页需要注意的事项其实也是我们网页美工所要注意的几点，将标志logo尽可能放在每个页面的最突出的位置和页面用同一个色系。对网页美工来说也是非常重要的。 知道了这些就意味着可以学好网页美工了吗?当时不是，了解了它的前景和需要注意的两个要点之后，我们还要来了解最重要的'设计软件的学习及应用。网页美工需要学习哪些软件呢?我们一起来看一看。 1.Dreamweaver： 讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧 2.Flash： 讲解FL在视频、声音、图形和动画方面的应用，可以各种动画制作、导航界面、互动效果以及其他奇特的效果 3. Fireworks： 讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用 4. Photoshop： 熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合AI的应用 掌握以上软件的学习在网页美工中是相当重要的，并且要成为网页美工高手的话，那需要在日常工作以及业余时间不断的学习和提高自己的能力和水平，网页美工是一个感性思考与理性分析相结合的过程，它的方向取决于设计的任务和网页的制作以及设计人员的灵感，并且网页美工人员还要学习网站运营和网站优化等相关的一些知识。 我们要学好网页美工设计，首先我们要知道网页美工设计相关软件Dreamweaver，Flash，Fireworks， Photoshop等软件的操作，还要学习颜色搭配基础，要学好logo制作等内容。 ;
自学网页美工需要学习哪些课程呢
网页美工课程主要包括了HTML，css，JavaScript这三方面的知识。学习设计说难也不难，说容易也不容易，培养学习的兴趣很关键，最好在学习之前先来做一个小测试点击测试我适不适合学设计HTML部分的知识，主要就是一个完整网页的必备元素和基础属性，主要是一些基础的标签。css部分主要是一个网页如何进行布局每个模块的排版定位，总而言之就是将一个网页分块布局，然后也可以实现一些简单的动画效果。JavaScript部分主要是一些稍复杂的动画特效，比如轮播，鼠标互动，一些信息的检索判别，这部分是比较接近编程的，主要实现一些复杂的功能。美工是一个单独的模块，比如一个网页的框架搭出来要往里面填东西，就需要美工，做一些能更好突出网页内容和吸引目光的设计，是给一个网页润色加分的一个工作。
如何用Photoshop做网页设计
800*600我一般宽会设成780px，1024*768 宽度会设成 1000px，高度当然要看内容多少来定。布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。接下来就是切图了，切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小（大图为了浏览时能顺利打开最好切割成N小快），是否为背景图（有的图很大，但实际上都是小图片的平铺效果，所以遇到这种图只取小图，在网页中设为背景就可以了）。除此之外还要考虑是否可以用图片以外的元素代替，比如有的纯色块完全没必要用图片，只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面，显示的效果和ps中的完全一致，似乎布局已经完成了。但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的图片，还需要文字、flash、声音等元素的添加，Dreamweaver要做的就是继续完善你的页面，图片越少越好，该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。哇塞 想想都麻烦^ ^归根结底 photoshop 是用来构图设计的，而Dreamweaver是为了完成并完善图片到网页的转换过程。
ps网页设计教程？
1、打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768。4、然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。5、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域。6、然后拖放图片到图层“主体元素”上，位置如图所示。7、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。8、对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示。9、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。
网页美工和程序员详细的工作流程和步骤是怎样的？有流程图更好，谢谢
1.先是由美工用Fireworks 或者 Photoshop 设计出平面外观，2.再由美工用Dreamwerver 把已经设计好的平面图，做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了。一个网页优化得好不好，在这个方面其实是一个比较重要的地方了。这个地方做得好，程序员也可以省很多时间3.由程序员添加程序、连接后台、连接数据库；美工再进行一些FLASH的制作和一些网页文件的修改当然以上三个步骤省略了和客户沟通这一项，必要的时候美工或者程序员还必须和客户进行面谈。当然也有很多公司在第二个步骤的时候，是由程序员完成，因为有的时候程序员的设计思想和美工的设计思想不太一样。所以你所要学的软件一般是Fireworks或者Photoshop、Dreamwever、FLASH、HTML语言；如果你想进一步提高的话，最好懂得CSS技术，和DIV技术，FLASH的AS语言。呵呵这里如果你懂得CSS和DIV的话对你的美工是一个绝对的飞跃；如果FLASH你懂得AS的话，那也绝对是一个很大的提高的。网页美工的技术水平越高，一般来说花的时间就越久。一般来说Fireworks或者Photoshop认真学3个星期，你就很熟悉了（当然你还必须经常用，否则还是很容易忘记掉）；Dreamwever也大概用一个月，就可以比较容易控制了。FLASH基本的东西在一个月也可以完全学会。但是那些语言和一些技巧，就要看有没有人教你了，自己在家里闭门造车是很难有太大突破的。不过Photoshop 和 FLASH 在很多方面（比如快捷键等）都是一样的，所以你学会了一个软件以后，其他的你也会很快就记得。所以你全部软件都学会的话，并不是一个简单的时间相加。希望对你有所帮助吧！在我认识的人当中，女孩子还是比较少从事网页美工的，呵呵，所以你要加倍努力了！以上文字都是我一个字一个字打出来的哦！
网页美工主要做什么？
网页美工实际上干的工作很杂，画图、做网站、写代码等，都需要会一点。 网页美工，各位接触最多的是，电商上面的一些商品图，这些也属于美工的工作范畴。 其实网页美工还干网站设计，也就是如下图，一个只有简简单单的文字描述。 需要网页美工用PS等设计工具，做成如下图这样的效果图，然后交付给开发。 当然，一些比较好看的banner图，也需要网页美工进行设计。 特别提示 希望对各位有帮助，谢谢！
网页美工主要做什么
随着计算机技术的发展和人们对互联网的依赖，各种各样的电子商务出现了。比如说淘宝就是一个非常成功的电子商务。这种电商网站呢想要有足够的吸引力，就需要把网站弄得好看一点，比如一个美食店铺，你不把店铺做的漂漂亮亮的，谁不定人们连食欲都提不起来。而这就需要——网页美工！
介绍1美工最主要的就是负责网站的美化啊、设计啊、排版什么的。
2美工还有以一定的平面设计基础，还有能制作出来几个小的FLASH短片，这些都是最基本的……
3做美工的话，AdobePhotoshop一定要好，没这东西就等于鸟儿没有翅膀，而你学会这东西也只能算半个美工。
4跟开发人员一起做好网页设计，比如开发人员想在这边加点什么，那边加点什么你都要第一时间满足他。也许这个改动的好处是你想象不到的。
5最后一点，美工其实是个杂活。大到各大电商网站，小到一个小小的打印社，你都可以立足于社会。当然网页美工你还要学会HTMLCSS这些东西的。
