※ 引述《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/m.aspx?n=bbs/Web_Design/M.1400721868.A.752.html