公司某老系统使用的是asp，大量的asp脚本夹在页面中。改个小样式美工就得拉着程序猿，严重占用资源。使用java比較好解决，freemarker之类的模板语言，整个宏传參就能够做到相对分离。asp的还真没做过，于是便想到了使用css，遭到同事的反对。觉得不可行，我觉得是可行的，仅仅是须要美工和程序猿依照约定俗成的一些命名方式就可以搞定，代码例如以下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>谁说这样不行的？</title>

</head>

<style>

body{ font-size:12px}

#lb1{

	margin:0 auto;

	width:500px;

}

#lb1 .lb{

 	width:100%;

	border: 1px dashed #336633;

	border-bottom:none;

}

#lb1 .lb td{

	height:26px;

	border-bottom: 1px inset #999999;

}

#lb1 .lb .td1{

	width:30px;

	text-align:center;

	border-right: 1px solid #000000;

}

#lb1 .lb .td2{

	padding-left:10px;

}

#lb1 .ym{

	width:100%;

	border-bottom: 1px inset #999999;

}

#lb1 .ym .td1{

	text-align:right;

}

#lb1 .ym .td2{

	width:40px;

	text-align:center;

}

#lb1 .ym .td3{

	width:40px;

	text-align:center;

}

#lb1 .ym .td4{

	text-align:left;

}

</style>

<body>

<div id="lb1">

  <table class="lb">

        <tr>

          <td class="td1">1</td>

            <td class="td2">南京护士被打罗生门：“心因性瘫痪”受质疑</td>

        </tr>

        <tr>

          <td class="td1">2</td>

            <td class="td2">哈登被惹怒更衣室呛声记者:你在哪个媒体工作？</td>

        </tr>

        <tr>

          <td class="td1">3</td>

            <td class="td2">阿拉伯茶被指新型毒品毒效惊人</td>

        </tr>

        <tr>

          <td class="td1">4</td>

            <td class="td2">从建军到强军，从绿水到远洋</td>

        </tr>

        <tr>

          <td class="td1">5</td>

            <td class="td2">让孩子属于社会的五个乌托邦寄想</td>

        </tr>

        <tr>

          <td class="td1">6</td>

            <td class="td2">重庆追诉首批打黑刑讯逼供案</td>

        </tr>

        <tr>

          <td class="td1">7</td>

            <td class="td2">南京护士被打罗生门：“心因性瘫痪”受质疑</td>

        </tr>

        <tr>

          <td class="td1">8</td>

            <td class="td2">媒体曝核电领域高层落马原因：涉泄露国家机密</td>

        </tr>

        <tr>

          <td class="td1">9</td>

            <td class="td2">李连杰笑对贪三亿指责 壹基金别步红会后尘</td>

        </tr>

        <tr>

          <td class="td1">10</td>

            <td class="td2">袁伊文：农民“私立政府”案不是笑话是警报</td>

        </tr>

  </table>

    <table class="ym">

        <tr>

            <td class="td1">首页</td>

            <td class="td2">上一页</td>

            <td class="td3">下一页</td>

            <td class="td4">尾页</td>

        </tr>

  </table>

</div>

</body>

</html>

正如各位所示，数据显示区域没有不论什么样式，这个区域由开发者完毕；美工完毕CSS的编写就可以；美工和程序猿仅仅须要相互确定好class的命名规则就可以。

本人拙见，希望对各位实际工作有帮助。最后效果例如以下图。还不错吧？

美工与程序猿的Web工作怎样做到相对分离？的更多相关文章

  1. 程序猿的日常——工作中常用的Shell脚本

    工作当中总是会有很多常用的linux或者命令,这里就做一个总结 文件远程拷贝 如果想把文件从本机拷贝到远程,或者从远程下载文件到本地. # 把本地的jar拷贝到远程机器xxxip的/home/sour ...

  2. 连载《一个程序猿的生命周期》- 44.感谢，我从事了IT相关的工作

    感谢博客园一直以来的支持,写连载都是在这里首发,相比较CSDN和开源中国气氛要好的多. 节前,想以此篇文章结束<一个程序猿的生命周期>的<生存>篇,对过10的年做一个了断,准备 ...

  3. 连载《一个程序猿的生命周期》-6、自学C++，二级考过后，为工作的机会打下了基础

    一个程序猿的生命周期 微信平台 口   号:职业交流,职业规划:面对现实,用心去交流.感悟. 公众号:iterlifetime 百木-ITer职业交流奋斗 群:141588103    微   博:h ...

  4. [MarsZ]程序猿谈大学之工作三年半的程序猿给大学童鞋的一些注释

    我本不是个喜欢写文章的人,更甭提写这种基本没技术含量的文章了.但是今天上班的时候,不经意浏览了下学校的QQ群,突然很想把自己的经验经历分享给还在大学里的同学,希望能让某些对前途职业迷茫的童鞋有所帮助. ...

  5. Java程序猿面试体会，还没找到工作的“猿猿们”看过来！

    类似的话题,我大约在几个月前跟大家聊过. 这一次,我要依据这段时间的体会,再给大家整理一下.     今天,非常轻松地拿到了神州数码的offer. 尽管工资不是特别高,尽管非常多人一毕业就能进入这种公 ...

  6. 程序猿Web面试之jQuery

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/powertoolsteam/article/details/32325013  又到了一年一度的 ...

  7. web前端3.0时代，“程序猿”如何“渡劫升仙”？

    世界上目前已经有超过18亿的网站.其中只有不到2亿的网站是活跃的.且每天都有几千个新网站不断被创造出来. 2017年成果显著,网络上出现了像Vue这样的新JavaScript框架:基于用户体验流程的开 ...

  8. 站在风口，你或许就是那年薪20w+的程序猿

    最近面试了一些人,也在群上跟一些群友聊起,发现现在的互联网真是热,一些工作才两三年的期望的薪资都是十几K的起,这真是让我们这些早几年就成为程序猿的情何以堪!正所谓是站在风口上,猪也能飞起来!我在这里就 ...

  9. 回答阿里社招面试如何准备，顺便谈谈对于Java程序猿学习当中各个阶段的建议

    引言 其实本来真的没打算写这篇文章,主要是LZ得记忆力不是很好,不像一些记忆力强的人,面试完以后,几乎能把自己和面试官的对话都给记下来.LZ自己当初面试完以后,除了记住一些聊过的知识点以外,具体的内容 ...

随机推荐

  1. POJ 1205 Water Treatment Plants(递推)

    题意   建设一条河岸的污水处理系统  河岸有n个城市   每一个城市都能够自己处理污水 V   也能够把污水传到相邻的城市处理 >或<   除了你传给我我也传给你这样的情况   其他都是 ...

  2. windows phone 独立存储空间的操作 （2）

    原文:windows phone 独立存储空间的操作 (2) IsolatedStorage独立存储空间是保存应用程序的一些数据已经配置文件,独立存储空间相对于其他的wp程序是独立的,也就是说每个wp ...

  3. QTP脚本--应用参数化来测试某个输入框

    以前一直觉得自己没有写代码的资质,太急于求成,以为一天就能写好几个功能,几千行代码,于是就没耐心了,没心情学下去了....但是最近发现其实写代码是一个漫长的过程,都是在修修改改中成长起来的.于是今天试 ...

  4. GUI测试要点

    本人测试知识还不完整,所以下面的文字总结自网络上的文章,红色字体为我平时的测试经验,如有雷同之处,还请见谅,仅自己学习之用. 转载请说明来自博客园--邦邦酱好. ------------------- ...

  5. json与jsonp区别浅析（json才是目的，jsonp只是手段） (转)

    一言以蔽之,json返回的是一串数据:而jsonp返回的是脚本代码(包含一个函数调用): JSON其实就是JavaScript中的一个对象,跟var obj={}在质上完全一样,只是在量上可以无限扩展 ...

  6. 记一个Oracle存储过程错误

    下面一个存储过程是创建一个job,在5秒后更新一个表: create or replace PROCEDURE P_TEST AS jobno number; BEGIN dbms_job.submi ...

  7. WCF-001：WCF的发布

    随着“云”时代的到来,“云”已经无处不在了.什么是“云”,无非就是利用互联网强大的功能建立多个服务器,然后再利用互联网的传输数据的特点将数据从某个服务器中读取出来或者将你的数据上传上去.当然这个服务器 ...

  8. 【原创】纯OO：从设计到编码写一个FlappyBird （二）

    第一部分请点这里. 续结前文,本文将实现Game类. 首先是实例变量.由上次的类图可以看出,Game类首先得具有如下实例变量: 0.Judge judge;1.SimpleDraw draw; // ...

  9. Android程序猿学习路径

    而一些工作,而不仅仅是通信毕业生,很多学生没有工作或熟练Android工作人员指导的情况下,,如何学习Android而提高Android更多关注的水平. 享: 1.Android知识 1.1.站点资源 ...

  10. 开源一个简单的c++软光栅渲染器

    本文由zhangbaochong原创,转载请注明出处http://www.cnblogs.com/zhangbaochong/p/5751111.html 由于开学就大四面临找工作了,为了整理下项目, ...