公司某老系统使用的是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. 利用Javamail接收QQ邮箱和Gmail邮箱(转)

    求大神解答 Java代码: public class SendMailController { //@Autowired private JavaMailSenderImpl mailSender; ...

  2. 开源企业IM-免费企业即时通讯-ENTBOOST V2014.183 Windows版本号正式宣布

    ENTBOOST,VERSION 2014.183 Windows(点击下载)版本号公布.主要添加PC端P2P(点对点)文件传输功能:公布安卓Android手机clientAPP 1.0版本号.公布苹 ...

  3. python学习笔记之五：抽象

    本文会介绍如何将语句组织成函数,还会详细介绍参数和作用域的概念,以及递归的概念及其在程序中的用途. 一. 创建函数 函数是可以调用,它执行某种行为并且返回一个值.用def语句即可定义一个函数:(并非所 ...

  4. Linux内核IP层的报文处理流程（一）

    本文主要讲解了Linux内核IP层的整体架构和对从网卡接受的报文处理流程,使用的内核的版本是2.6.32.27 为了方便理解,本文采用整体流程图加伪代码的方式对Linxu内核中IP整体实现架构和对网卡 ...

  5. c语言移位操作

    应该先看看C语言是指所有的位二进制算术位计算.即使输入的是十进制的数,在存储器存储为二进制形式. “<<”使用方法: 的格式是:a<<m,a和m式,要求m>=0. 功能: ...

  6. 第三章 AOP 基于Schema的AOP

    基于Schema定义的切面和前现两种方式定义的切面,内容上都差不多,只是表现形式不一样而已. 3.7.1一般增强的使用 a.目标类 public class Target { public void ...

  7. Linux下 目录 压缩 解压缩 打包

    http://blog.sina.com.cn/s/blog_7479f7990100zwkp.html tar -zcvf /home/xahot.tar.gz /xahot    tar -zcv ...

  8. 用数据说话,外贸产品选择(中篇)-google趋势分析法

    在上篇文章<用数据说话,贸B2C产品选择(上篇)-热门搜索法>中我们能搜索出来几种产品了,那我们就拿上次搜索出来的热门产品来做一个趋势分析.我们经过几个站点挑出了几种热卖产品Wedding ...

  9. chromium for android v34 2dcanvas硬件渲染实现分析

    这篇接着上一篇2dcanvas硬件绘制,分析保存绘制结果的texture被合成到on screen framebuffer上的过程. 1.webkit为canvas元素相应的render树节点Rend ...

  10. centos6.4设备hadoop-2.5.1（完全分布式）

    环境介绍: 在这两种装备centos6.4(32位置)的server安装Hadoop-2.5.1分布式集群(2台机器,主要试验用.哈哈). 1．改动主机名和/etc/hosts文件 1)改动主机名(非 ...