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

看板Web_Design作者wukoto (吳飛)時間11年前 (2014/05/21 23:35)推噓12(12推 0噓 28→)

留言40則, 20人參與討論串1/2 (看更多)

會想討論這個是因為最近在網頁工作遇到了很多問題，我從國中就對網頁有興趣，高中開始自學網頁（學得很破），到大學開始轉往平面設計，等到出社會才又回頭做網頁設計，如今也過了四年，我本身可以說是有點龜毛的個性，你也可以說我有強迫症，總之，我對網頁設計的要求有點詭異，就拿上家公司來說，有一次我為了 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？你搞的我好亂啊！！！（強迫症發作）抱歉，寫的有點崩潰了，明日還要上班，我先寫到這裡，不知道各位前輩有沒有類似的經驗的（抑或你也跟我一樣是強迫症患者），如果你能提供一些你過去的經驗與解決方案，或者一些閒聊也好，我會很感激你的，謝謝。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.163.221.187 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1400686504.A.1A9.html ※ 編輯: wukoto (1.163.221.187), 05/21/2014 23:36:00

→

lyforever

05/22 00:01, , 1^F

05/22 00:01, 1^F

→

lyforever

05/22 00:02, , 2^F

05/22 00:02, 2^F

→

lyforever

05/22 00:03, , 3^F

05/22 00:03, 3^F