icexfire
V2EX  ›  问与答

修改网站的 HTML结构 和 CSS,但是之前的HTML/CSS不是我写的,改起来好费劲!!!求指导,求经验分享。。。

  •  
  •   icexfire · Jul 1, 2012 · 4854 views
    This topic created in 5248 days ago, the information mentioned may be changed or developed.
    某网站,要改 HTML 和 CSS,主要目的是兼容IE6 (没办法,学校办公室都XP)
    但是之前的不是我写的,现在改起来特别费劲,弄了好久了还是一塌糊涂,主要是看着别人的html和css太混乱,毕竟不是自己写的,感觉整体来说还不如完全自己从头写来的快,来的爽。。。

    但是,要使自己重头写的话,还得先把整个网站的 html和php代码分开,至少也要大概弄清楚各种都是再干什么。。。也很麻烦啊。。。

    =========

    弄了好久了,越弄越乱,比如在这里改一个css,有时会影响到其他的地方。。。毕竟不是自己开始写的东西。。。没有一个大局面的把握,然后一边修改,还得一边看原来的代码,有时还容易吧一些点击之后显示的东西漏掉。。。

    =========

    这种状况怎么办呢?求分享经验啊。。。
    20 replies  •  1970-01-01 08:00:00 +08:00
    icexfire
    icexfire
    OP
    Jul 1, 2012
    1
    现在我都有了去吧代码都打印下来,然后拿一张大大大白纸,吧网站页面都画下来,对应的代码写上去,想这样来整体看一下结构的想法了。。。。

    PS:firebug 和 chrome的开发人员工具这些我都知道,但是,也还是不够啊。。。
    krazy
    krazy
    Jul 1, 2012❤️1
    2
    改好模板再来改样式

    chrome就livereload配合autosave应该会快一些...
    但是ie6就想不到什么好方法了,改一点看一下?
    icexfire
    icexfire
    OP
    Jul 1, 2012
    3
    @krazy 网站的 php 和 html 混合在一起。。。怨念...
    gucheen
    gucheen
    Jul 1, 2012
    4
    利用开发工具,像是firebug之类的,先摸清页面的结构,知道每个部分的内容,由于后台结构不会在页面中显示,还是比较好的,但是,的确,改别人写的内容很困难,尤其是没有注释情况下
    icexfire
    icexfire
    OP
    Jul 1, 2012
    5
    @gucheen >.< 嗯嗯... 看别人写的东西。。。好蛋疼。。。
    icexfire
    icexfire
    OP
    Jul 1, 2012
    6
    用户登录和不登录显示的东西,有些相同的,也有不同的。。。好麻烦。。。
    gucheen
    gucheen
    Jul 1, 2012
    7
    @gucheen 这就提醒你以后要写注释啊,方便自己也方便别人。。。
    krazy
    krazy
    Jul 1, 2012
    8
    @icexfire
    其实也可以全部重写一遍 再把php变量填进去把,只要知道它们代表的含义就可以了
    有判断的地方 把不同情况放在判断中间

    以后还可以像这样做一些wordpress主题了...
    icexfire
    icexfire
    OP
    Jul 1, 2012
    9
    @gucheen 嗯嗯... 的确...

    @krazy wp主题倒是弄过,那个html和php分开的都很清晰,各种意义也比较明确~ 还有教程啥的可查。。。而且。。。不会吧html,php和一些css的style整到一起。。。 T_T
    Sivan
    Sivan
    Jul 1, 2012
    10
    如果设计改动大,就直接重写吧。
    pepsin
    pepsin
    Jul 1, 2012
    11
    感觉html结构要先理顺,一些样式重复的先在html里重新定义好,结构理顺后再去弄CSS就快多了。
    cutehalo
    cutehalo
    Jul 1, 2012
    12
    我也改过 最恶心的就是之前的人把样式都给写在DOM里了。。。
    cloudream
    cloudream
    Jul 1, 2012
    13
    加新的id和class,设置样式,不要修改现有的。
    icexfire
    icexfire
    OP
    Jul 1, 2012
    14
    @cloudream 不修改现有的话。。。整个就彻底完全混乱了 >_<

    @cutehalo >.<

    @pepsin 嗯。。。按照这个路子在弄了。。话说,这样一烦。。。各种没效率。。。

    @Sivan T_T
    fen
    fen
    Jul 1, 2012
    15
    最好的办法是给所有电脑默认为非IE浏览器,为将来擦屁股的减轻痛苦
    ahxxm
    ahxxm
    Jul 1, 2012
    16
    我今天一天把wordpress主题写完了,前面花了一个星期修改- - 我是初学者
    Air_Mu
    Air_Mu
    Jul 1, 2012
    17
    如果仅仅是兼容IE6 就找出哪里不兼容 强制调教一下吧。

    或者楼主写个格式化C盘的批处理。
    把学校电脑全部格了 。然后帮他们装最新的GHOST XP. 都是直接IE8的

    这样你以后肯定还能上天堂呢。。。
    loading
    loading
    Jul 1, 2012
    18
    用table给他重写。。。。
    alanerzhao
    alanerzhao
    Jul 1, 2012
    19
    推荐:
    1.认真看,好好在修改不要怕麻烦,如果你好好改成你最满意的一个网站,那说明你学会了不少东西。
    2.打开firebug,修改各种IE错误(但我感觉可能是结构写的有问题)凑出来交给他。
    3.认别人给你改!
    icyflash
    icyflash
    Jul 1, 2012
    20
    <!--[if IE 6]>
    <link type="text/css" rel="stylesheet" href="ie6.css">
    <![endif]-->

    哪里有问题改哪里
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1501 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 16:50 · PVG 00:50 · LAX 08:50 · JFK 11:50
    ♥ Do have faith in what you're doing.