公司某老系统使用的是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学习笔记（七）、帐号激活与忘记密码 实例(zhuan)

    一.帐户激活   在很多时候,在某些网站注册一个用户之后,网站会给这个用户注册时填写的email地址发送一封帐户激活邮件,这封邮件的内容就是一个激活帐户的链接和一段简短的文字描述,如果用户没有去邮箱将 ...

  2. REST Service 基础 A further step.

    1. REST Service虽然实现简单, 但也功能丰富, 可以用来实现各种基于Web的服务(service). 2. REST Service的一些特点: 1)平台无关 2) 语言无关 3)基于H ...

  3. sitemap.xml

    内部类  在类内部的类 1.解决多继承 2.解决继承和实现接口时候方法名冲突情况 3.实现数据隐藏 只有内部类可以拥有4种访问修饰符 当内部类为private的时候,有外部类提供方法来访问内部类 常规 ...

  4. ubuntu 系统设置bugzilla制

    随着时间的推移.在大脑中形成的记忆总会慢慢的淡去.人的记忆力就是这样.所以最好的办法就是形成博客去记录下来,一方面给自己以后回想用.一方面也算是自己的一个积累.所以一旦选择了一个行业,最好不要轻 易转 ...

  5. jsp的原则执行

    什么时候server一对JSP页面运行时,第一个请求,server向上JSP引擎首先JSP页的文件翻译成Java文件.那么这Java文件编译的字节码文件..而当这个JSP页面再次被请求运行时,JSP引 ...

  6. Web中的性能优化

    优化Web中的性能 简介 web的优化就是一场阻止http请求最终访问到数据库的战争.优化的方式就是加缓存,在各个节点加缓存. web请求的流程及节点 熟悉流程及节点,才能定位性能的问题.而且优化的顺 ...

  7. 使用邮件发送执行时间久的SQL语句

    ALTER proc [dbo].[usp_EmailLongRunningSQL] as begin declare@LongRunningQueries AS TABLE ( lrqId int ...

  8. 《Java程序书面采访猿收藏》之 instanceof的作用是什么

    instanceof它是Java二元运算语言,它的作用是推断对象变量引用被指向的类型是一类(或接口.抽象类.父亲)示例.即,对象是否是它的一个实例离开它的类的权.返回boolean数据类型. 常见的使 ...

  9. Android锁定屏幕或关闭状态-screen，高速按两次音量向下键来实现拍摄功能（1.1Framework在实现的形式层广播）

    思想的实现:     WindowManagerService循环读取下面的关键信息和分发形式.在PhoneWindowManager.interceptKeyBeforeQueueing方法中进行消 ...

  10. bzoj 1874 取石子游戏 题解 &amp; SG函数初探

    [原题] 1874: [BeiJing2009 WinterCamp]取石子游戏 Time Limit: 5 Sec  Memory Limit: 162 MB Submit: 334  Solved ...