`
jimmy.shine
  • 浏览: 392982 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

一天一夜,终于把页面布局勉强搞定

阅读更多
现在还没有睡,昨天一晚上没有睡,到了早上六点才勉强的入睡了一会,下午又去了公司,四点多了才到KFC吃了点东西,补充了一下体力,Damn it!回公司继续努力,加班,一直到23:00才基本上搞定了项目的页面布局。(还不走就不行了,五道口附近停电,从23:00开始),和另一个同事,从十楼走了下来。打了个车,回家。
公司以前的项目的布局的模板是老大做的,老大的理念就是asp的理念,把以前asp做项目的模板一改,直接放到了Java EE的项目中来了。
反正我不喜欢原先的页面,感觉挺难受。与另一个客户合作的项目,客户对于页面的样式不满意,BOSS找了他认识的一个人做了效果图,这哥们挺有思想的,这个不做,那个不做,人家的原因就是我做了你们也做不出来,挺有理由的吧。第二版是合作方在网上找了一个人做的,偶一看,还是不满意。项目都到了要提交的阶段了,只有亲自动手了,找了domino项目经理的一个同学,让她做了第三版,还算是好看一点。
交到我手里来的时候,已经只有三天了,还是周五了,周六约了另一个客户去维护服务器。只有周日了,可怜的我,又是加班。
记不清楚是多少个加班日了。约了那小姑娘一起来,结果人家没有来。所有任务都被交到我手里来了。
1024*768,这是对于页面布局的基本样式,可怜的我的机器的分辨率是1200*800,一看这参数就知道了,这是宽屏的机器。一个白天催促着美工把图做完发了过来,PSD的。
Photoshop CS3,又一个版本的PS,安装新版的软件。又开始操弄上了。
做PM就是你可以有更多的责任要承担,并不一定会有更多的权利。建议MM们找老公就找做软件开发的PM,绝对负责。:P
回家,把别人的显示器,17纯平的显示器借过来,顺手拿了键盘,笔记本成了主机,开始干活,切片,做布局,反复的测试。凌晨三点,困得不行了,洗了个澡,继续。眼睛累得不行, 还好带了眼药水。
好不容易做完了,已经是凌晨六点了,给负责做开发的同事发了一个短信,所有的代码SVN提交了,爬到床上睡觉了。
起床,喝了点水,背着电脑,去公司。一问,人家倒是挺痛快,没时间,上午去另一个项目了(asp项目)。真想开始说脏话,这样,我还做什么?一切都要自己来,你给做好了样子也不行。
继续吧,开始继续做。再调整了一下菜单在高分屏机器上的显示。开始对着项目开始改,幸好不是大项目,要不,我只有吐血身亡。
一步一步,对着CSS的手册,还有PS,继续,继续。
23:00,终于在停电的最后前一分钟把邮件发了出去,顺带把服务器停掉。
走下了楼,回家!

改布局真TMD的烦。都是用Table做的布局,怀念DOJO,对于浏览器的支持。
都快要全才了,美工,脚本语言,代码开发,网络维护…… 真不知道有什么没有做过了。
就这样吧!有什么办法呢?
分享到:
评论
13 楼 xiaopao 2008-08-08  
美工一向是我的弱项哈。
12 楼 xqstation 2008-05-30  
如果是重构的话最好就重写,网上找个美工代做,500。通过W3C XHTML1.0 CSS2.0验证。一大堆嘛。。。CSDN上应该有的
11 楼 jncz 2008-05-28  
太敬业了....
10 楼 slaser 2008-05-28  
用这么辛苦么?你签的是劳动合同,不是卖身契嘛。
9 楼 qianjinfu 2008-05-27  
卡拉阿风 写道
lordhong 写道
其实现在布局的境界是要做到无table纯CSS...graceful degrading...

难道一定都要CSS+DIV


最好用DIV+css布局吧。。
复杂一点的页面,用Table很难避免复杂化。无论是察看还是修改。。
8 楼 卡拉阿风 2008-05-27  
lordhong 写道
其实现在布局的境界是要做到无table纯CSS...graceful degrading...

难道一定都要CSS+DIV
7 楼 jimmy.shine 2008-05-27  
刑天战士 写道
为什么程序员要作美工的活?

答案是:有中国特色的小型软件公司!
6 楼 jimmy.shine 2008-05-27  
渐行渐远 写道
Deam it!
错了吧?
是不是damn it。

Thanks,I made a mistake!
5 楼 withyou 2008-05-27  
很多经典的布局网络上有现成代码,直接拿下来改改不就好了。
4 楼 lordhong 2008-05-27  
其实现在布局的境界是要做到无table纯CSS...graceful degrading...
3 楼 lordhong 2008-05-27  
貌似是PM...不是程序员...

PSD用imageready切割一下...不就全做出来了?
2 楼 刑天战士 2008-05-27  
为什么程序员要作美工的活?
1 楼 sbzk 2008-05-27  
Table做的布局很烂吗?我感觉没那么痛苦吧

相关推荐

    简单的JSP页面布局

    "简单的JSP页面布局"是一个关键的话题,因为它涉及到如何有效地组织和展示网页内容,以提供良好的用户体验。 JSP页面布局通常包括头部、主体和底部等部分,每个部分可能包含多个元素,如导航栏、内容区域和页脚。...

    devexpress mvc4页面布局

    标题"devexpress mvc4页面布局"暗示我们将讨论如何使用DevExpress MVC Extensions在MVC4项目中创建一个具有特定结构的页面布局。这个结构通常包括头部(header)、左侧(left)和主要内容区域(main)。 描述中提到...

    自己整理div+css网页标准版式布局(50种布局方式)

    大四了,把之前学的些东西整理整理分享给大家,适合老师网页设计教材及初学者,里面包含了以下内容: 1、固定宽度CSS版式布局 2、自适应(弹性)宽度CSS版式布局 3、标准布局常见问题及解决办法 像素问题及解决办法 ...

    Axure的查询界面的Master模板页面布局

    用Axure6.0做了一个查询界面的 Master, 模板 页面 布局 可以参考

    winform VS窗口布局的框架 灵活拖拽布局

    在Windows Forms(Winform)开发中,创建美观且可自定义布局的用户界面是一项重要的任务。Visual Studio(VS)提供了一种强大的工具,允许开发者构建这样的界面,但是默认的布局管理有时并不能满足所有复杂的需求。...

    div+css布局大全

    CSS布局是其核心功能之一,它决定了元素在页面上的排列方式。 3. **盒模型**:理解CSS布局的基础是盒模型,每个HTML元素都可视为一个矩形的盒子,包含边距(margin)、边框(border)、填充(padding)和内容区域。...

    bootstrap布局可视化可拖拽

    在Web应用中,布局是至关重要的,而Bootstrap提供了一套强大的工具,使得开发者能够创建美观且适应各种屏幕尺寸的页面布局。"bootstrap布局可视化可拖拽"这个主题指的是使用Bootstrap配合某些可视化工具或插件,实现...

    iframe网页上下左右布局模板

    iframe网页上下左右布局模板,可以修改里面的css代码来更改各个模块的大小,位置。很基本使用的网页布局模板

    HTML5全兼容九宫格布局

    HTML5全兼容九宫格布局是一种现代网页设计技术,它结合了HTML5的新特性,以实现灵活、响应式的页面布局。这种布局方式常用于展示图片、卡片或信息块,如社交媒体网格、产品目录等,其核心是将屏幕划分为9个相等大小...

    同一个activity中通过一个按钮切换两个不同的布局

    实现在同一个activity中通过一个按钮切换两个不同的布局,此处的按钮并非同一个按钮控件,而是在两个不同的布局文件中点击按钮实现布局的切换。参考博客:http://blog.csdn.net/u010963246/article/details/47324229

    可移动的网页布局,网页模块之间可随意拖动

    在这个"可移动的网页布局"项目中,我们关注的是如何实现网页模块之间的自由拖动功能,让用户可以根据自己的喜好调整页面元素的位置,从而提供更加个性化的浏览体验。 在网页设计中,布局通常分为固定布局、流式布局...

    C#Winform界面布局设计(左侧菜单)右侧窗口操作

    TabControl允许你在同一个窗体上展示多个页面,每个Tab页可以看作是一个独立的界面。Panel则可以用来创建一个可自定义的区域,你可以将多个控件放置在Panel中,并根据需要调整其大小和位置。对于左侧菜单,我们可以...

    android ListView 网格布局

    本文将深入探讨如何在Android中实现一个基于ArrayAdapter的网格布局ListView。 首先,我们要了解ListView的基本结构。ListView是由多个列表项(List Item)组成的,每个列表项通常对应一个View。在Android中,我们...

    android自定义圆形布局CircleLayout

    `CircleLayout`就是一种特殊的自定义布局,它使得内部的子视图按照圆形排列,增强了界面的视觉效果。本篇文章将深入探讨如何实现这样一个自定义圆形布局,并提供相关的实践示例。 首先,创建一个自定义布局通常需要...

    后台管理系统模版(jsp页面版)

    【后台管理系统模版(jsp页面版)】是一个基于JAVA技术的Web应用,主要设计用于后台管理功能。这个模板使用了JSP(JavaServer Pages)作为动态网页开发技术,它允许开发者将HTML、CSS和Java代码结合在一起,实现...

    jquery 强大拖拽布局插件

    总的来说,这个jQuery拖拽布局插件提供了一个直观、可定制的用户界面,使得非程序员也能轻松调整页面布局,提升了Web应用的用户体验。开发者可以通过学习和使用这个插件,快速地实现动态、交互性强的拖拽功能,为...

    android框架布局demo

    3. **帧布局(FrameLayout)**:将所有子视图堆叠在一起,最后一个添加的视图会覆盖前面的视图。通常用于实现简单的覆盖效果。 4. **表格布局(TableLayout)**:以表格形式展示子视图,常用于创建网格或表格结构。...

    html网站布局典型模板

    3. 块级元素与行内元素:块级元素如`<div>`、`<p>`、`<h1>`等,它们在页面上独占一行,可以设置宽高;行内元素如`<span>`、`<a>`、`<img>`等,它们在同一行内显示,通常只设置宽度,高度自动适应内容。 4. CSS布局...

    iframe弹出框遮罩父类页面

    在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

    23种bootstrap导航菜单布局

    Bootstrap是一款广泛应用于网页开发的开源前端框架,由Twitter推出,旨在提供一套简洁、直观、强大的工具,让开发者能够快速构建响应式和移动优先的网站。在这个主题“23种bootstrap导航菜单布局”中,我们将深入...

Global site tag (gtag.js) - Google Analytics