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



很多行內(nèi)的人習(xí)慣把網(wǎng)頁前端制作說成“切圖”，這點(diǎn)我是極力反對(duì)的，因?yàn)樗麄儾欢镁W(wǎng)頁前端的重要性，網(wǎng)站前端制作是一門很深的藝術(shù)，用“切圖”來表達(dá)實(shí)在太土了。

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

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

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

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

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

讓搜索引擎讀懂你的代碼

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

讓瀏覽器加載頁面更迅速

天下武功，唯快不破，速度是最基本也是最重要的，你必須理解瀏覽器大哥們?cè)趺错樞蚣虞d頁面代碼，才能知道如何放置JS代碼，才能讓頁面加載更流暢，不會(huì)讓觀眾等你頁面半天最終只能放棄。

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

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