SlideShare a Scribd company logo
1 of 5
CapitalVue 整站结构及样式现状分析

  当前网站CSS代码不断的覆盖 叠加,使样式文件越来越
  大,加载速度随之增加。混乱的CSS结构使工作中经常会
  遇重复修改的问题,大大降低工作效率。




color

                 margin
                                              border
          font            padding   display
造成现有结构混乱的原因:

• 前端人员对网站结构不了解

• 工作中对CSS的理解不同

• 没有统一的标准
 1.设计标准(颜色,结构,版式)
 2.命名规则及书写规范(CSS,IMG)
 3.文件存储及调用路径
CSS整合方案

1.由整体到部分的分离(从上到下)


   Platform              Portle       Portlet




2.从细节到整体的筛选合并(从下到上)

                         Portle



   Portlet

                        Platform




   delete     Portlet


3.按网站原有结构细分整理
效能评估

      人数     效果   时间
方案一   2-3人   一般   6周
方案二   3-5人   最好   20周
方案三   3人     良好   10周

More Related Content

Viewers also liked

Linux kursu-esenler
Linux kursu-esenlerLinux kursu-esenler
Linux kursu-esenlersersld67
 
Ppt, immune cns network lt may 2015
Ppt, immune cns network lt may 2015Ppt, immune cns network lt may 2015
Ppt, immune cns network lt may 2015lucijat1977
 
MBE_14/15 und MCC_01/02
MBE_14/15 und MCC_01/02MBE_14/15 und MCC_01/02
MBE_14/15 und MCC_01/02scmt
 
V mware organizing-for-the-cloud-whitepaper
V mware organizing-for-the-cloud-whitepaperV mware organizing-for-the-cloud-whitepaper
V mware organizing-for-the-cloud-whitepaperEMC
 
TorreReforma-Etructurales
TorreReforma-EtructuralesTorreReforma-Etructurales
TorreReforma-EtructuralesCESEIC
 
Financial Institutions, Merchants, and the Race Against Cyberthreats
Financial Institutions, Merchants, and the  Race Against CyberthreatsFinancial Institutions, Merchants, and the  Race Against Cyberthreats
Financial Institutions, Merchants, and the Race Against CyberthreatsEMC
 
Target audience research
Target audience researchTarget audience research
Target audience researchharryronchetti
 
Agatha's Cover Letter for Continuum
Agatha's Cover Letter for ContinuumAgatha's Cover Letter for Continuum
Agatha's Cover Letter for ContinuumAgatha Yu
 

Viewers also liked (19)

Bio ch2
Bio ch2Bio ch2
Bio ch2
 
Linux kursu-esenler
Linux kursu-esenlerLinux kursu-esenler
Linux kursu-esenler
 
Resolucin 297899 prima_unitaria
Resolucin 297899 prima_unitariaResolucin 297899 prima_unitaria
Resolucin 297899 prima_unitaria
 
Tibatiantest
TibatiantestTibatiantest
Tibatiantest
 
Սուրբ Գևորգ
Սուրբ ԳևորգՍուրբ Գևորգ
Սուրբ Գևորգ
 
Question 3.
Question 3.Question 3.
Question 3.
 
Ppt, immune cns network lt may 2015
Ppt, immune cns network lt may 2015Ppt, immune cns network lt may 2015
Ppt, immune cns network lt may 2015
 
MBE_14/15 und MCC_01/02
MBE_14/15 und MCC_01/02MBE_14/15 und MCC_01/02
MBE_14/15 und MCC_01/02
 
ARGENTINOS
ARGENTINOSARGENTINOS
ARGENTINOS
 
Vm 2013
Vm 2013Vm 2013
Vm 2013
 
V mware organizing-for-the-cloud-whitepaper
V mware organizing-for-the-cloud-whitepaperV mware organizing-for-the-cloud-whitepaper
V mware organizing-for-the-cloud-whitepaper
 
Panel 1
Panel 1Panel 1
Panel 1
 
TorreReforma-Etructurales
TorreReforma-EtructuralesTorreReforma-Etructurales
TorreReforma-Etructurales
 
Elasticity
ElasticityElasticity
Elasticity
 
Wed thurs reform
Wed thurs reformWed thurs reform
Wed thurs reform
 
Financial Institutions, Merchants, and the Race Against Cyberthreats
Financial Institutions, Merchants, and the  Race Against CyberthreatsFinancial Institutions, Merchants, and the  Race Against Cyberthreats
Financial Institutions, Merchants, and the Race Against Cyberthreats
 
Target audience research
Target audience researchTarget audience research
Target audience research
 
Changes to SRAD
Changes to SRADChanges to SRAD
Changes to SRAD
 
Agatha's Cover Letter for Continuum
Agatha's Cover Letter for ContinuumAgatha's Cover Letter for Continuum
Agatha's Cover Letter for Continuum
 

Css