做网站可以先写代码后做美工吗-排行榜大全

可以，对于一个网站来说，代码和美工都是必不可缺的，代码相当于一个框架，而美工是修饰这个框架的，做一个完整的网站可以先从框架做起，有了一个完整的框架做起来也比较容易，框架定好，做好前端部分确定下来工作任务，后续该完善也就有了丝路，最好是开始做时有相应的交互稿或者产品原型图，做起来容易点。

网页美工主要做什么

网页美工实际上干的工作很杂，画图、做网站、写代码等，都需要会一点。

网页美工，各位接触最多的是，电商上面的一些商品图，这些也属于美工的工作范畴。

其实网页美工还干网站设计，也就是如下图，一个只有简简单单的文字描述。

需要网页美工用PS等设计工具，做成如下图这样的效果图，然后交付给开发。

当然，一些比较好看的banner图，也需要网页美工进行设计。

特别提示

希望对各位有帮助，谢谢！

网站中的JS代码是属于美工工作范畴还是程序员工作范畴？主要是怎么分工

首先你对网页设计这行有兴趣就很好,做什么事只要有兴趣就多学,多练,网页设计不是一样要美术基础的自己多找一些网站先照着设计,模防,用PS做出一个网站的效果图这样不断的练,做好PS后让同行看看帮你评价一下你就熟练了
PS效果图做好了就开始切片了,用PS切也行,还可以用Fireworks切切了片就用DW写样式和HTML做成静态的网页
当然代码要会写HTML和CSS 这些网上都有一看就懂,不难花点时间
至于美术基础的确是有那种很强的学过对美感要好,做设计有那方面的知识就更好,没有就可以多练,多看就知道是怎么回事了,
网站设计得好不好就看你效果图做得怎么样,像简单的企业网站都大至那几种模式内容不多简单,网上都找得到随便几家公司的网站看一下就知道了
至于你去公司上班做美工这行的话,的确人家要有经验的来了就上手做东西,给你一个小网站效果图要能搞定,切图要能搞定对吧网站前台就是美工的事后台程序是程序员的事你效果图做好了,老板看了通过了,你就切片,切完了给程序员加程序,加完程序后有些小问题你再调试一下就OK了,
现在其实你用CMS做网站程序员都不用了,你自己都能搞定像网络公司美工就是只管设计和切片,
来了活该怎么做,搞清了做什么类型的,要用什么颜色,有什么内容,把网站所有资料都拿到了,自己就想一下这个站是什么类型的站该做成什么样,这样就好下手,想好了就开工,效果图一般简单的企业网站一上午就能搞定,当然效果图做好了先给老板审核,要通过哦,不通过,你切片再给人家看万能一不行你不得要改啊!呵呵,切片和加程序一下午就能搞定,用CMS加程序很快的;
基本上小站一天能搞定,熟练的话,呵呵;
当然人外有人天外有天,看你是专搞前台还是专搞后台,专搞前台就多看人家的,多练时间长了就懂得多了都要一个过程,从开始到熟练,这个过程免不了,时间有的长有的短,就看你用心不
祝好远!

网页美工的一些小技巧

JS算程序工作范畴。
一般做网站分美工-前端-后端 3个人完成美工做PSD 前端把PSD实现成HTML+CSS+JS 后端很可能需要把后台数据嵌入到前端做的HTML中，当然也有可能前端根据后端提供的接口拿数据再组成HTML，这具体看各公司职能分配了

网页美工的一些小技巧

在众多做站长的人里，程序员至少占9成，而真正有水平的美工，真的少之又少，简直可以用“罕见”来形容了。其实，网页美工和平面美工的差别很大。平面美工重视的是软件操作，颜色，图案等，而且网页美工重视的是搭配，感觉。为什么有的网站是行业网站，有些网站是企业网站有些网站是女性网站，有些网站是儿童网站只从网页的布局和搭配，就足已改变网站的性质了。

网页美工不需要太多，甚至不需要太多的颜色，但是需要很多的经验和很深的感觉才能做好。我做网站六年了，美工一直很发愁，但是通过这么多年的观察和尝试，也算是能做一些了，在这里，就介绍一些简单的美工技巧，虽然不能凭此找到什么美工方面的工作，但是确实可以完成很多网站美工任务了。

一工具和素材。我不用PS，一方面不会，另一方面那个操作太慢太复杂了，适合影楼，但是，网页美工应该是很难用到的，我用的是FIREWORKS，这个就足够了。素材方面，主要是一些网页图标，直接百度搜索，或者却是一些大网站找就行，并不需要太多的大型资源，而是需要一些小的ICO，PNG等小图标。颜色和尺子工具是必备的。

二字体方面。我曾发现很多自称专业的'美工，连基本的字体都没有。虽然常见的是宋体字，但是，一般电脑里英文字体很多，中文字体还是太少了，所以，需要你下载一些字体。只从美工而言，我最初发现了“微软雅黑”，这是个好东西，换上这个以后，网站就会变得漂亮了。另外，还有一些其他的字体，至少也得10种以上吧，用在不同的网站类型，不同的地方，字体很好找，但是要知道哪种字体用在哪儿，就不容易了。

三空白也是一种美。网页上可以没必要放很多的，但是却必须留下一些空白。行间距，外间距，字与字之间的距离，这些都是必要的，这是通过代码来实现的，也就是MARGIN和PADDING，这个用法并不难，可还是那句话：知道用在哪儿，就难了。

四边框与背景。网页的一块一块都需要边框来框住，我一般使用的是1PX，#CCCCCC的实线，后来使用#EEEEEE又多一些，另外，像新闻列表的底部线，的边框线等，也有很多地方用到。至于背景，很少用到，因为网页美工大多以浅色为主，背景用不好就会很丑，所以，一般很少用到。

五发光与投影。这是FIREWORKS里的功能。发光主要是用在字体上的，字体的发光滤镜，可以让字体更漂亮一些，但是很多时候用着却显得有点“俗”，主要还是“度”的问题。投影也可以用于字体，但是，主要还是用在图形上，比如边框，，栏目条，背景等，可以增加立体感觉。发光和投影要注意度，一般都用的比较轻。

六鼠标行为。网页美工与平面美工最大的一个区别就是，网页美工是动态的。鼠标点击，滑过等，增加一些颜色变化，加粗，颜色等，还有滚动，变换一类的，也可以增加网站的美工效果，比如导航的滑过变背景等。

什么工作都有难度，但是什么工作也都有技巧，关键看你是否认真去观察了。 ;