如何才算是一名優(yōu)秀的網(wǎng)頁前端設(shè)計師？如何才能成為一個優(yōu)秀的網(wǎng)頁前端設(shè)計師？



很多行內(nèi)的人習(xí)慣把網(wǎng)頁前端制作說成“切圖”，這點我是極力反對的，因為他們不懂得網(wǎng)頁前端的重要性，網(wǎng)站前端制作是一門很深的藝術(shù)，用“切圖”來表達(dá)實在太土了。

方維網(wǎng)絡(luò)認(rèn)為成為一個優(yōu)秀的前端設(shè)計師，必須要有以下追求：

用最恰當(dāng)?shù)臉?biāo)簽表達(dá)網(wǎng)頁元素

每一個HTML標(biāo)簽都有其存在的理由，用最合適的標(biāo)簽表達(dá)內(nèi)容是設(shè)計師的職責(zé)，如果有更合適的，絕對不用其他。合適的標(biāo)簽可以讓你的頁面代碼更容易被自己看懂，更容易修改，更容易讓人理解，當(dāng)有一天你發(fā)現(xiàn)，你制作的頁面是最完美時，那就是一個藝術(shù)品。

用最精簡的代碼表達(dá)網(wǎng)頁

完整表達(dá)網(wǎng)頁內(nèi)容簡單，但是要用最精簡的代碼表達(dá)就不簡單了，要學(xué)會不斷拋棄冗余垃圾代碼，經(jīng)常思考怎樣使用可以更簡短，只有經(jīng)過一段時間的經(jīng)驗積累，才能讓自己的代碼不能再短。

讓搜索引擎讀懂你的代碼

知音難求，可是你們很幸運，搜索引擎就是你們的“知音”。當(dāng)你設(shè)置H1標(biāo)簽的時候，搜索引擎就知道里面是本頁面最重要的內(nèi)容，當(dāng)你確切知道<title>標(biāo)簽，meta關(guān)鍵詞和描述標(biāo)簽、圖片alt屬性、nofollow參數(shù)、HTML5的Header\Footer\Menu等對搜索引擎的意義時，搜索引擎才會鐘情于你。

讓瀏覽器加載頁面更迅速

天下武功，唯快不破，速度是最基本也是最重要的，你必須理解瀏覽器大哥們怎么順序加載頁面代碼，才能知道如何放置JS代碼，才能讓頁面加載更流暢，不會讓觀眾等你頁面半天最終只能放棄。

讓你的網(wǎng)站目錄結(jié)構(gòu)更合理，命名更清楚

頁面結(jié)構(gòu)、圖片放置路徑、CSS路徑，文件命名、類命名這些都非常影響代碼的可讀性，學(xué)會讓你的目錄結(jié)構(gòu)更合理優(yōu)雅，讓命名更容易懂。