大家一起提高吧。假如你覺得一個前端工程師必需去畫設(shè)計稿，可以不理會下面的內(nèi)容。以“前端工程師”為目標(biāo)的同學(xué)可能會不愿承認(rèn)將頁面重構(gòu)這塊分出來，但跟著工種的細分，加上頁面重構(gòu)本身的專業(yè)性，獨立為一個職業(yè)也不是不可能，職業(yè)的頁面重構(gòu)需什么條件，至少我現(xiàn)在從事的就是一個專職的職位。

做為一個專職的頁面重構(gòu)者，我們從事的工作簡樸的說就是“將設(shè)計稿轉(zhuǎn)換成WEB頁面”，這一過程可以很簡樸到直接把PSD從PS里導(dǎo)出成網(wǎng)頁；也可復(fù)雜到需要考慮頁面中每個標(biāo)簽的使用，考慮“頁面機能”。

假如你已經(jīng)達到或超過3、4、5，恭喜你，你已經(jīng)是一個職業(yè)的“頁面重構(gòu)工作者”了。為了我們自身的發(fā)展，關(guān)注新技術(shù)、技術(shù)立異、進步用戶體驗、審美觀、程序腳本的實現(xiàn)方式等，也是十分必要的。不單是做出頁面，而是做出好頁面。都有個誤區(qū)，覺得切圖就是把圖片切出來，實在并不完全是這樣，還包括把切出來的圖片合并到一起，怎么切、從哪切才能將機能大化，說“切圖是一門藝術(shù)”完全不為過。

是對所碰到題目的解決能力，這一點在不同的階段都可能會碰到，所以沒有寫到上面。切圖也可以劃分成幾個階段：

一，切圖

上面這些都是在還沒開始動手制作之前所要做的。
考慮整站的結(jié)構(gòu)分布（包括文件分布、目錄結(jié)構(gòu)）
能同時考慮方案的擴展性、復(fù)用性及頁面機能（包括如何切圖、寫結(jié)構(gòu)、寫樣式）
正確的給出各部門的實現(xiàn)方案（包括如何切圖、寫結(jié)構(gòu)、寫樣式）
對各部門的實現(xiàn)方式有一個初步的方案（包括如何切圖、寫結(jié)構(gòu)、寫樣式）

二，能分清設(shè)計稿中的公共與私有的部門

設(shè)計稿的分析是指對設(shè)計稿如何制作成頁面的分析，即哪一塊的內(nèi)容可以做為公共的部門、哪一塊的內(nèi)容結(jié)構(gòu)可以如何實現(xiàn)等。
樣式寫法的優(yōu)化（包括技巧的應(yīng)用）
考慮到整站的樣式分布（包括如何實現(xiàn)分布）
考慮到擴展性、復(fù)用性和可維護性（HTML和CSS）
選擇較優(yōu)的實現(xiàn)方式（包括模塊化結(jié)構(gòu)，利便程序腳本使用，HTML和CSS）
標(biāo)簽語義化（HTML）
實現(xiàn)多瀏覽器的兼容（HTML）

還原設(shè)計稿視覺效果，并通過尺度驗證（HTML）

HTML和CSS的編寫是指將上面完成的內(nèi)容，通過HTML和CSS的編寫，將設(shè)計稿轉(zhuǎn)換成WEB頁面最重要的一塊，也是我們所要重點把握的內(nèi)容，把它們放在一起，是由于它們相互的聯(lián)系關(guān)系性太強，HTML的寫法會影響到CSS的寫法，它又可以劃分成下面幾個階段：

HTML和CSS的編寫

慮整體的機能（包括合并圖片、壓縮文件大?。?
規(guī)劃切出來的圖片（包括文件分布）
對切出來的圖片進行一些優(yōu)化（包括壓縮文件大小、選擇圖片類型）
切成所需要的圖片（如何將需要的部門切出來）
切圖是指將設(shè)計稿切成便于制作成頁面的圖片。

原因很簡樸：工作內(nèi)容單一，在時間和工作量上必會很苛刻，往往跟設(shè)計師的工作時間是3:1，即設(shè)計師給三天的時間，制作只給一天的時間完成；在這種工作強度下，良多人都是靠著對這份工作的喜愛在維持著，一旦工作熱情消失，很輕易就會變得枯燥，保持熱情也成了重構(gòu)工作者（也許是所有參加工作的人）應(yīng)該具備的能力。又引出另一個話題，“作甚好頁面？”，一般包括下面幾點：

單純的頁面重構(gòu)，所涉及到的工作內(nèi)容一般是“分析設(shè)計稿=>切圖=>寫HTML和CSS”，固然看起來很少，但要做好這份工作，絕非所想的那么輕易。對設(shè)計稿的分析能力可以劃分成下面的幾個階段：

三，設(shè)計稿的分析

良多同學(xué)多少都碰到過方向不明，不知道自己應(yīng)該進步些什么，我們可以從“分析設(shè)計稿=>切圖=>寫HTML和CSS”這個工作內(nèi)容，針對每一點提出一些要求，以利便我們分析自己的能力水平，為繼承進步確定個方向：
    充分考慮到頁面在站點中的“作用和重要性”，并對其進行有針對性的優(yōu)化

    標(biāo)簽語義化，結(jié)構(gòu)公道

結(jié)構(gòu)完整，可通過尺度驗證

跟“前端工程師”所要求的有所不同，“頁面重構(gòu)”固然也是“前端工程師”的一個范疇，在職業(yè)化中，對專職的頁面重構(gòu)者，要求當(dāng)然也更高。

網(wǎng)站欄目：怎樣算是職業(yè)的頁面重構(gòu)，職業(yè)的頁面重構(gòu)需什么條件
瀏覽路徑：http://aaarwkj.com/news/170672.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、App開發(fā)、全網(wǎng)營銷推廣、網(wǎng)站改版、品牌網(wǎng)站制作、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)