V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
icexfire
V2EX  ›  问与答

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

  •  
  •   icexfire · 2012-07-01 15:27:42 +08:00 · 3694 次点击
    这是一个创建于 4513 天前的主题,其中的信息可能已经有所发展或是发生改变。
    某网站,要改 HTML 和 CSS,主要目的是兼容IE6 (没办法,学校办公室都XP)
    但是之前的不是我写的,现在改起来特别费劲,弄了好久了还是一塌糊涂,主要是看着别人的html和css太混乱,毕竟不是自己写的,感觉整体来说还不如完全自己从头写来的快,来的爽。。。

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

    =========

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

    =========

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

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

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

    以后还可以像这样做一些wordpress主题了...
    icexfire
        9
    icexfire  
    OP
       2012-07-01 16:39:35 +08:00
    @gucheen 嗯嗯... 的确...

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

    @cutehalo >.<

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

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

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

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

    哪里有问题改哪里
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   974 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 22:25 · PVG 06:25 · LAX 14:25 · JFK 17:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.