公司某老系统使用的是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. TextBox自定义Mac输入框类

    using System.Windows.Controls; namespace test { public class MacTextBox : TextBox { private string _ ...

  2. 普通的年轻状态机，纯C语言

    我们第一次接触到了状态机.在数字电路课程.计数器.串行奇偶校验.考了1连续报错电路 等待,两者都需要一个状态机模型.电路实现这些功能,与状态机的状态转移图.状态转移表是等价. 后.然后,我们联系了状态 ...

  3. Windows Phone开发（4）：框架和页

    原文:Windows Phone开发(4):框架和页 在开如之前,我想更正一个小问题,之前我在第一篇文章中说,Visual Studio Express for Windows Phone的中文版没有 ...

  4. 【设计优化】-使用缓冲（Buffer）提高程序性能

    缓冲区是一块特定的内存区域.开辟缓冲区的目的是通过缓解应用程序上下层之间的性能差异,提高系统性能. 缓冲能够协调上层组件和下层组件的性能差异.当上层组件性能因为下层组件时,能够有效地降低上层组件对下层 ...

  5. js如果你想删除您问

    if (confirm("OK删除?") == true)

  6. REST API 基于ACCESS TOKEN

    REST API 基于ACCESS TOKEN 的权限解决方案   REST 设计原则是statelessness的,而且但客户端是APP时,从APP发起的请求,不是基于bowers,无法带相同的se ...

  7. 我理解设计模式C++实现观察者模式Observer Pattern

    概述: 近期中国股市起起伏伏,当然了起伏就用商机,小明发现商机后果断想入市,买入了中国证券,他想在电脑client上,网页上,手机上,iPad上都能够查看到该证券的实时行情,这样的情况下我们应该怎么设 ...

  8. C++编程有趣的标题1 于1~9填写的运算结果的中间符号等于100

    于1 2 3 4 5 6 7 8 9将九个数字"+"要么"-"符号使得结果100,编程的所有组合. 注意:数字顺序不能改变 <pre name=" ...

  9. 【Linux探索之旅】第二部分第四课：文件操纵，鼓掌之中

    内容简介 1.第二部分第四课:文件操纵,鼓掌之中 2.第二部分第五课预告:用户和权限 文件操纵,鼓掌之中 既然上一课我们学习了Linux中的文件组织方式,那么现在就该是玩弄,啊不,是操纵它们的时候了. ...

  10. 2014百度之星资格赛——Disk Schedule

    2014百度拥有明星格比赛--Disk Schedule Problem Description 有非常多从磁盘读取数据的需求,包含顺序读取.随机读取. 为了提高效率.须要人为安排磁盘读取. 然而.在 ...