哈哈神 / 我的图书馆 / 网站制作流程..从域名到网站前台后台程对...

分享

   

网站制作流程..从域名到网站前台后台程对应。网站美工设计师和后台程序员工作细分

2010-11-10  哈哈神
网页三剑客会用,想知道一个完整的网站所使用的代码或软件之间是如何联系在一起使用的,首先域名,网页,网页布局代码,网页后面的代码(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
  合作伙伴:partner

XHTML文件中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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>