公司某老系统使用的是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. Visual Studio 有哪些好用的插件？

    推荐一批绝大部分都是免费的能较好增强写代码舒适度的. .NET Demon -- (非免费)安装后可以连续编译, 如果不买License的话过期后也还有代码改动后自动保存的上好功能, 安装它之后再也不 ...

  2. 修改系统启动项 grub2配置的方法 ubuntu[转]

    在 早期的Ubuntu中,使用Grub作为系统的启动引导程序,想修改系统启动项非常简单,只要用gedit打开系统菜单设定文件( sudo gedit /boot/grub/menu.lst ),修改该 ...

  3. XMPP我写底层协议（零）--废话和准备开幕前

    当我想写一个非常早期的一点总结.但总是忙没有时间停止做这样的事情. 秦与我的兄弟之前说的,这并不是说我没开灵.但是,因为很多事情还没有时间来写blog. 我没有完全理解,真到自己在这个位置上的时间,能 ...

  4. C#使用SqlBulkCopy将DataTable写入数据库的表中（表不存在则创建新表,数据存在则更新,不存在则插入）

    原文:.net使用SqlBulkCopy导入数据(创建新表) .net2.0后ado.net提供了一个快速导入sqlserver的方法sqlbulkcopy.导入效率非常高.  包装了一个简单的sql ...

  5. 【BZOJ 1642】 [Usaco2007 Nov]Milking Time 挤奶时间

    1642: [Usaco2007 Nov]Milking Time 挤奶时间 Time Limit: 5 Sec  Memory Limit: 64 MB Submit: 590  Solved: 3 ...

  6. java计算器 图形用户界面 精简版

    package com.rgy.entity; import java.awt.*; import java.awt.event.*; @SuppressWarnings("serial&q ...

  7. poj 2935 Basic Wall Maze

    是一个图论的基础搜索题- 没什么好说的就是搜索就好 主要是别把 代码写的太屎,错了不好找 #include<cstdio> #include<algorithm> #inclu ...

  8. MongoDB学习笔记-基础概念

    mongodb中基本的概念 文档.集合.数据库 与关系数据库的概念对比更容易理解

  9. JNI 可变印刷

    1.包log.h #ifndef __MULTI_TRACE_H__ #define __MULTI_TRACE_H__ #ifdef ANDROID_NDK_BUILD #define LOG_TA ...

  10. C标签之forEach

    <c:forEach>标签用于通用数据循环,它有下面属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 開始条件 否 0 end 结束条件 否 集合中的 ...