Web_Design 板


LINE

※ 引述《wukoto (吴飞)》之铭言: : 会想讨论这个是因为最近在网页工作遇到了很多问题,我从国中就对网页有兴趣,高中开 : 始自学网页(学得很破),到大学开始转往平面设计,等到出社会才又回头做网页设计, : 如今也过了四年,我本身可以说是有点龟毛的个性,你也可以说我有强迫症,总之,我对 : 网页设计的要求有点诡异,就拿上家公司来说,有一次我为了 h1 {font-weight: bold;} : 跟主管吵了半天,就因为我觉得这样写根本多此一举。 : 我本身是平面设计出身,所以我对网页的技术仅限於 HTML 与 CSS,还有一些基础 JS 的 : 套用,但我不知道为什麽,天生就很讨厌东西排得不够整齐。 : 就像这样: : <div> : <ul> : <li>这个世界多麽美好,空气多麽清新</li> : </ul> : </div> : 但接着可能我放假去了,同事接手: : <div> : <ul> : <li>这个世界多麽美好,空气多麽清新</li> : </ul> : </div> : 这种时候我总是可以听到脑袋理智断裂的声音,或是体会到什麽是自己的老婆被隔壁老王 : 睡走的感觉,总之我实在是相当讨厌别人的 HTML 排的歪七扭八,就连我打这个例子的当 : 下,也是感到很痛苦。 : 最近公司在搞一个手机板的网页,我比较少做大规模网站的经验,所以我不知道各位是怎 : 麽规划,但是我们公司的规划就是大家一起做(这算规划吗?)这样,简单来说就是我做 : 登入注册,同事甲做会员规范,同事乙做会员专区,然後各自切各自的版,我实在不太认 : 同这种做法,因为在没有妥善规划下就要这样各司其职,我可以预见未来这网站必然没有 : 一致性,这个站目前已经出现一些问题,在当初我把档案规划好以後,就被修改的我认不 : 出来了。 : 一、不知道为什麽硬要把一些 Layout 属性放进 reset.css? : 这个站的 reset.css 有着 h1 ~ h6 的样式,这种东西在我个人认知,不是应该拿出 : 来放在其他跟版面有关的档案里面吗? : 二、很豪迈的写了 p {color: #FFF;}。 : 呃,如果是我,我不会直接下这种设定,谁知道明天会不会有一页白底的页面,或者 : 我会在前面多加一个 Class。 : 三、最令我崩溃的排版问题。 : 你可以看到 CSS 有 2-space、4-space、Tab 的各种缩排,还有缩成一行,跟没缩 : 成一行的,呃,总而言之就是不统一的写法,就像这样: : header {background: #000;color: #FFF;} : footer {background-color:#000; color:#FFF; : } : 你冒号後面到底要不要空格?你分号後面到底要不要空格? : 你到底要一行还两行?你到底要用 background 还是 background-color? : 你搞的我好乱啊!!!(强迫症发作) : 抱歉,写的有点崩溃了,明日还要上班,我先写到这里,不知道各位前辈有没有类似的经 : 验的(抑或你也跟我一样是强迫症患者),如果你能提供一些你过去的经验与解决方案, : 或者一些闲聊也好,我会很感激你的,谢谢。 ※ 引述《wukoto (吴飞)》之铭言: : 会想讨论这个是因为最近在网页工作遇到了很多问题,我从国中就对网页有兴趣,高中开 : 始自学网页(学得很破),到大学开始转往平面设计,等到出社会才又回头做网页设计, : 如今也过了四年,我本身可以说是有点龟毛的个性,你也可以说我有强迫症,总之,我对 : 网页设计的要求有点诡异,就拿上家公司来说,有一次我为了 h1 {font-weight: bold;} : 跟主管吵了半天,就因为我觉得这样写根本多此一举。 : 我本身是平面设计出身,所以我对网页的技术仅限於 HTML 与 CSS,还有一些基础 JS 的 : 套用,但我不知道为什麽,天生就很讨厌东西排得不够整齐。 : 就像这样: : <div> : <ul> : <li>这个世界多麽美好,空气多麽清新</li> : </ul> : </div> : 但接着可能我放假去了,同事接手: : <div> : <ul> : <li>这个世界多麽美好,空气多麽清新</li> : </ul> : </div> : 这种时候我总是可以听到脑袋理智断裂的声音,或是体会到什麽是自己的老婆被隔壁老王 : 睡走的感觉,总之我实在是相当讨厌别人的 HTML 排的歪七扭八,就连我打这个例子的当 : 下,也是感到很痛苦。 基本上,身为一个专业的程式设计人员(其实我很菜), 不管是HTML、CSS、Javascript、jQuery...等等都好, 本来就会比较自我要求,不管是为自己想还是为他人想, 通常都会排的层次分明、整齐乾净。 以便自己日後更新或者是他人接手时,可以较为轻松。 可以想像,如果你是一个後来接手前朝遗留下的网站时, 不管是网站的资料夹管理,抑或者程式码的编写, 如果你看到的是乾净、整齐的网站, 你一定会觉得非常轻松。 如果你看到的是一个乱七八糟、档案与资料夹乱放的网站, 相信我,你一定立马在心里用最恶毒最脏的文字狠狠的洗过前朝设计师。 : 最近公司在搞一个手机板的网页,我比较少做大规模网站的经验,所以我不知道各位是怎 : 麽规划,但是我们公司的规划就是大家一起做(这算规划吗?)这样,简单来说就是我做 : 登入注册,同事甲做会员规范,同事乙做会员专区,然後各自切各自的版,我实在不太认 : 同这种做法,因为在没有妥善规划下就要这样各司其职,我可以预见未来这网站必然没有 : 一致性,这个站目前已经出现一些问题,在当初我把档案规划好以後,就被修改的我认不 : 出来了。 : 一、不知道为什麽硬要把一些 Layout 属性放进 reset.css? : 这个站的 reset.css 有着 h1 ~ h6 的样式,这种东西在我个人认知,不是应该拿出 : 来放在其他跟版面有关的档案里面吗? : 二、很豪迈的写了 p {color: #FFF;}。 : 呃,如果是我,我不会直接下这种设定,谁知道明天会不会有一页白底的页面,或者 : 我会在前面多加一个 Class。 : 三、最令我崩溃的排版问题。 : 你可以看到 CSS 有 2-space、4-space、Tab 的各种缩排,还有缩成一行,跟没缩 : 成一行的,呃,总而言之就是不统一的写法,就像这样: : header {background: #000;color: #FFF;} : footer {background-color:#000; color:#FFF; : } : 你冒号後面到底要不要空格?你分号後面到底要不要空格? : 你到底要一行还两行?你到底要用 background 还是 background-color? : 你搞的我好乱啊!!!(强迫症发作) : 抱歉,写的有点崩溃了,明日还要上班,我先写到这里,不知道各位前辈有没有类似的经 : 验的(抑或你也跟我一样是强迫症患者),如果你能提供一些你过去的经验与解决方案, : 或者一些闲聊也好,我会很感激你的,谢谢。 从学会网页设计以来,我一直都觉得, 网页或网站在制作前期,最重要的是「规划」, 一个好的网站或网页,在「规划」的时间上, 如果从开始规划到制作完成, 光是「规划」我相信一定占了50%左右的时间, 而且後续制作流程也一定会相当轻松。 至於贵公司的情况嘛.... 我只能说... 要马等你可以作主的时候来好好的改革一下, 要马就是用你的专业说服那个主管改革, 要马就....加油! --



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.161.79.175
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1400721868.A.752.html
1F:推 Luos:可以有一些规定 像我们公司tab一定是2格 05/22 11:52
2F:推 ponba:这其实就是看主管有没有要求,很多公司其实只看"结果" 05/22 16:18
3F:→ oj113068:就算乾净整齐,每个人的习惯也都不一样,要磨合阿 05/22 21:38
4F:推 ccyyycc:同意规划重要!!可公司都超不重视QQ 06/11 01:55







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:BabyMother 或 站内搜寻

TOP