天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡你
天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡你
對于網(wǎng)站建設者而言,如果沒有經(jīng)驗積累,那么編寫準確、高效的HTML和CSS語句是一件耗時的事情。雖然花時間編寫高質(zhì)量的網(wǎng)站制作代碼是高級程序員的專利,但同時也要不斷提高網(wǎng)站制作的效率。那么,如何才能有效的提高網(wǎng)站代碼編寫的效率呢? 下面是提高網(wǎng)站建設代碼編寫效率的4大方法:
一、使用標準、一致的命名規(guī)則
程序員需要在網(wǎng)站編碼過程中注意參數(shù)的命名規(guī)則,盡量使用富有意義和符合邏輯的參數(shù)命名,來保證網(wǎng)站作品代碼的易讀性和可編輯性。
以下是一些非常常用的類、ID和文件命名:
架構性 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é)同合作的大型項目,嚴格而標準的統(tǒng)一命名能夠讓大家都默契合作。
二、使用代碼模板和框架
與網(wǎng)站設計需要原創(chuàng)的網(wǎng)頁設計和與眾不同的作品呈現(xiàn)不同,后臺代碼對于用戶是不可見的,因此若能有效的利用代碼模板和框架的重用性,將大大減少網(wǎng)站建設的重復性工作。比如960 grid system 和Blueprint,這兩款軟件能夠在短時間內(nèi)幫助程序員將頁面布局實現(xiàn)。不過,由于框架代碼使用需要一定的學習時間,而且因為不必要的style和markup增加網(wǎng)頁大小。
三、理解并利用好CSS繼承
通過CSS,特別是對于fonts,padding和margins的繼承規(guī)則,而不是采用給每一個元素賦值的方法,能夠有效的減少網(wǎng)站制作代碼的工作量。
四、利用CSS簡寫屬性
通過CSS簡寫,不僅能夠有效減少代碼編寫的時間,同時也能夠讓文件大小‘瘦身’。另外,更精簡的代碼能夠讓程序員更清晰的閱讀和維護。
以下分別是代碼是否使用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;
快速引導:
margin: 0 20px 10px 15px; padding: 15px 20px 0;
字體屬性
font-style: normal; line-height: 11px; font-size: 18px; font-family: Arial, Helvetica, sans-serif;
快速引導:
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;
快速引導:
background: [background-color | background-image:url() | background-repeat |background-position];
重慶網(wǎng)絡公司
地址:重慶市渝中區(qū)上清寺鑫隆達B座28-8
郵編:400015
電話:023-63612462
EMAIL:cnjl_net@163.com