重慶網(wǎng)絡(luò)公司：如何提高網(wǎng)站建設(shè)代碼編寫效率？
對于網(wǎng)站建設(shè)者而言，如果沒有經(jīng)驗積累，那么編寫準(zhǔn)確、高效的HTML和CSS語句是一件耗時的事情。雖然花時間編寫高質(zhì)量的網(wǎng)站制作代碼是高級程序員的專利，但同時也要不斷提高網(wǎng)站制作的效率。那么，如何才能有效的提高網(wǎng)站代碼編寫的效率呢？ 下面是提高網(wǎng)站建設(shè)代碼編寫效率的4大方法：
一、使用標(biāo)準(zhǔn)、一致的命名規(guī)則
程序員需要在網(wǎng)站編碼過程中注意參數(shù)的命名規(guī)則，盡量使用富有意義和符合邏輯的參數(shù)命名，來保證網(wǎng)站作品代碼的易讀性和可編輯性。
以下是一些非常常用的類、ID和文件命名:
架構(gòu)性 IDs: #header, #footer, #sidebar, #content, #wrapper, #container
主要的stylesheet: style.css, styles.css, global.css
主要的JavaScript庫: javascript.js, scripts.js
JavaScript目錄: js, javascript or scripts
圖片目錄: images, img
CSS目錄: css, stylesheets, styles
好的命名規(guī)則能夠幫助程序員通過更快的定位和編輯代碼來提高效率，同時，對于需要協(xié)同合作的大型項目，嚴(yán)格而標(biāo)準(zhǔn)的統(tǒng)一命名能夠讓大家都默契合作。
二、使用代碼模板和框架
與網(wǎng)站設(shè)計需要原創(chuàng)的網(wǎng)頁設(shè)計和與眾不同的作品呈現(xiàn)不同，后臺代碼對于用戶是不可見的，因此若能有效的利用代碼模板和框架的重用性，將大大減少網(wǎng)站建設(shè)的重復(fù)性工作。比如960 grid system 和Blueprint，這兩款軟件能夠在短時間內(nèi)幫助程序員將頁面布局實現(xiàn)。不過，由于框架代碼使用需要一定的學(xué)習(xí)時間，而且因為不必要的style和markup增加網(wǎng)頁大小。
三、理解并利用好CSS繼承
通過CSS，特別是對于fonts，padding和margins的繼承規(guī)則，而不是采用給每一個元素賦值的方法，能夠有效的減少網(wǎng)站制作代碼的工作量。
四、利用CSS簡寫屬性
通過CSS簡寫，不僅能夠有效減少代碼編寫的時間，同時也能夠讓文件大小‘瘦身’。另外，更精簡的代碼能夠讓程序員更清晰的閱讀和維護(hù)。
以下分別是代碼是否使用CSS簡寫規(guī)則的例子：
Margin 和 Padding值
margin-top: 0; margin-right: 20px; margin-bottom: 10px; margin-left: 15px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px;
快速引導(dǎo):
margin: 0 20px 10px 15px; padding: 15px 20px 0;
字體屬性
font-style: normal; line-height: 11px; font-size: 18px; font-family: Arial, Helvetica, sans-serif;
快速引導(dǎo):
font: [font-style | font-size/line-height | font-family];
背景屬性
background-color: #ffffff; background-image: url('../images/background.jpg'); background-repeat: repeat-x; background-position: top center;
快速引導(dǎo):
background: [background-color | background-image:url() | background-repeat |background-position];
重慶網(wǎng)絡(luò)公司
渝公網(wǎng)安備 50010302000872號