裹怎么读:从域名到网站前台后台对应 网站美工设计师和后台程序员工作细分

网页三剑客会用，想知道一个完整的网站所使用的代码或软件之间是如何联系在一起使用的，首先域名，网页，网页布局代码，网页后面的代码（JavaScript/ajax），网站空间，数据库空间，网站空间类型（jsp/asp/php），动态网站后台语言（asp/jsp/php）和前面的网页页面网页后面的代码（JavaScript/ajax）对应关系，数据库中所出现的前台数据之间的关系。网页美工，网页设计师，后台程序员网站建设中的关系和具体分工情况

先由设计师设计网页，在设计图上标注相关信息（比如说颜色，有些颜色肉眼分辨不太清楚。）再接下来是前台制作，由网页制作人员完成，这里要注意以下几点：1、拿到设计稿后不要直接切割，然后到DW里直接敲代码，首先要认真研究，把握大致的框架图，做到心里有一个整体的构思，其中还可以揣摩一些设计的风格，有兴趣的朋友完全可以让自己走上设计的道路。（设计人员比制作人员工资高多了呀！无奈！）2、用PS或者FW等绘图软件做一些实体的框架图，这个框架的目的是让你在制作的过程中能够快速而准确的进行制作和在以后的修改工作中能够高效，所以框架图要具体的标示出块状的id号或者类名，父与子的层次关系等。3、接下来就是进行重要的一项----制作，也就是敲那该死的代码，在制作过程时，就要体现你对技术的熟练程度和技巧运用了，比如css的架构搭建，类名的选择和用CSS的简写达到高效的目的等技巧。4、制作完成后，就是自己的检验了，争取做到制作出的网页同设计师给出的设计稿如出一辙。最后让自己的工作得到他们的肯定，当然改是难免的，不要急躁。（有些设计师太麻烦，总觉得你做出来的东西和他们的设计稿不符合！这时候你可以无视他们，直接找设计组的组长评理！还有一点就是向为网页制作人员应该和设计师搞好关系，不然工作中会遇到很多麻烦！汗一记！）制作完成后就是程序员的工作了，制作后台程序，以方便管理网站！如果你在设计的时候用的id,name等都是乱起名字的，这时候可能需要你和程序员进行沟通，告诉他们这个id是什么，这个name是什么，麻烦！所以良好的命名习惯是必不可少的！后台的页面设计没有什么讲究，越简单越好，当然简单不等于简陋。这就是一个网站制作的流程！（当然，在设计之前要听取客户的意见，整个网站在表现什么风格，比如说：体现严谨，高科技，时尚等元素，这样设计师可以通过颜色表现这种风格！在设计稿定稿前要给客户过目，客户认可了才能进行制作！）附：CSS的命名规则  头：header  内容：content/containe  尾：footer  导航：nav  侧栏：sidebar  栏目：column  页面外围控制整体布局宽度：wrapper  左右中：left right center  登录条：loginbar  标志：logo  广告：banner  页面主体：main  热点：hot  新闻：news  下载：download  子导航：subnav  菜单：menu  子菜单：submenu  搜索：search  友情链接：friendlink  页脚：footer  版权：copyright  滚动：scroll  内容：content  标签页：tab  文章列表：list  提示信息：msg  小技巧：tips  栏目标题：title  加入：joinus  指南：guild  服务：service  注册：regsiter  状态：status  投票：vote  合作伙伴：partnerXHTML文件中id的命名(1)页面结构  容器: container  页头：header  内容：content/container  页面主体：main  页尾：footer  导航：nav  侧栏：sidebar  栏目：column  页面外围控制整体布局宽度：wrapper  左右中：left right center(2)导航  导航：nav  主导航：mainbav  子导航：subnav  顶导航：topnav  边导航：sidebar  左导航：leftsidebar  右导航：rightsidebar  菜单：menu  子菜单：submenu  标题: title  摘要: summary(3)功能  标志：logo  广告：banner  登陆：login  登录条：loginbar  注册：regsiter  搜索：search  功能区：shop  标题：title  加入：joinus  状态：status  按钮：btn  滚动：scroll  标签页：tab  文章列表：list  提示信息：msg  当前的: current  小技巧：tips  图标: icon  注释：note  指南：guild  服务：service  热点：hot  新闻：news  下载：download  投票：vote  合作伙伴：partner  友情链接：link  版权：copyright