Re: [討論] 寫網頁的規範及應遵守的事項

作者: leochen0818 (Leo)   2014-05-22 09:24:25
※ 引述《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%左右的時間,
而且後續製作流程也一定會相當輕鬆。
至於貴公司的情況嘛....
我只能說...
要馬等你可以作主的時候來好好的改革一下,
要馬就是用你的專業說服那個主管改革,
要馬就....加油!
作者: Luos (Soul)   2014-05-22 11:52:00
可以有一些規定 像我們公司tab一定是2格
作者: ponba (胖爸)   2014-05-22 16:18:00
這其實就是看主管有沒有要求,很多公司其實只看"結果"
作者: oj113068 (橘子汁)   2014-05-22 21:38:00
就算乾淨整齊,每個人的習慣也都不一樣,要磨合阿
作者: ccyyycc (cy)   2014-06-11 01:55:00
同意規劃重要!!可公司都超不重視QQ

Links booklink

Contact Us: admin [ a t ] ucptt.com