HTML5版相對有響應速度快本地讀取拖拽功能簡單前端切圖不需要依賴服務器，減少開發(fā)成本在舊版的切圖工具里，我們的做法是將圖片上傳到服務器，然后通過服務器端把圖片切好后把對應的地址返回，前端再把頁面顯示出來。

因為 imginput 都是自閉合標簽，所以，無法簡單的讓 input 固定在 img 上 要想 input 把固定在 img 上，要運用點小技巧，借助一個 div 作為容器，然后，圖片沒有特殊要求不用動，input 做絕對定位 htmlltdiv。

切圖我們用的一般都是PS軟件，有切圖工具的，PS里好像叫切片。

1 前端頁面重構主要內容為PC端網(wǎng)站布局Photoshop 工具及切圖H5移動端網(wǎng)頁布局HTML5CSS3新特性與交互學習目標是完成PC端網(wǎng)站布局，可實現(xiàn)響應式布局，一套代碼適配 PC 端移動端平板設備等2 前后端網(wǎng)頁。

Ajax以及jQuery這類典型框架 還需要學習Vue微信小程序等當前主流知識基于HTML5的擴展性知識 除上述典型的WEB前端技術之外，還需要學習WEB前端HTML5相關技術，包括SEO的部分知識用于掌握標簽的語義性，PS的部分知識用于切圖，后臺。

響應式切圖更多的是我們要用web前端開發(fā)傳統(tǒng)應用程序，我們做pc端，移動端，各種響應式，web 游戲，web 企業(yè)管理系統(tǒng)，web 移動程序，開發(fā)一個大規(guī)模項目，html5游戲，甚至用js開發(fā)傳統(tǒng)高級語言才能做的數(shù)據(jù)庫交互，不用后臺。

web前端是一個做有關網(wǎng)頁的一個概述，是一個網(wǎng)頁view層的總得稱呼前端開發(fā)，簡單來說，就是把平面效果圖轉換成網(wǎng)頁，把靜態(tài)轉換成動態(tài)它的工作包括了切圖寫樣式做鼠標效果和圖片切換效果等而優(yōu)秀的前端開發(fā)可以。

1打開圖片，復制圖層，關閉背景圖層，用“魔術橡皮擦工具”擦除背景2“文件存儲為web所用格式存儲”，“將優(yōu)化結果存儲為僅限HTML”，保存3打開“我的圖片”，找到剛才保存的HTML格式文件，完成。

1前端頁面重構主要內容為PC端網(wǎng)站布局Photoshop 工具及切圖H5移動端網(wǎng)頁布局HTML5+CSS3新特性與交互學習目標是完成PC端網(wǎng)站布局，可實現(xiàn)響應式布局，一套代碼適配 PC 端移動端平板設備等2前后端網(wǎng)頁。

1Html基礎 2CSS基礎 3HTML5 4JavaScript 5CSS3 6jQuery 然后項目實戰(zhàn)，找個網(wǎng)頁從靜態(tài)頁面寫起，切圖之類的公司有相關的Html5項目，直接拿來學習更好四相關書籍 可以找一些不錯的html5相關書籍來學習。

切圖本應該是前端工程師的工作吧，設計師切的圖往往不專業(yè)，他們不知道把圖片壓縮，不知道把圖片合并，更不知道給圖片更好命名，這樣前端拿到切圖還是要重新處理優(yōu)秀的設計師會把圖層分類做的很好，圖層按照模塊化設計，很。

以一個網(wǎng)站為例包括網(wǎng)站設計前端開發(fā)程序開發(fā)等網(wǎng)站設計就是網(wǎng)站的外觀，平面的東西程序開發(fā)也好理解就是功能實現(xiàn)而前端開發(fā)，簡單來說，就是把平面效果圖轉換成網(wǎng)頁，把靜態(tài)轉換成動態(tài)它的工作包括了切圖寫。

這種按照普通的html格式書寫即可，設定邊框值顏色，字體，輸入文字字體大小加粗，右邊尖頭切圖，左邊分割的豎線可以寫代碼也可以切圖，都看你習慣~。

#xF3A8美工完成設計圖當美工完成設計圖之后，前端工程師的工作就開始了這時你就可以使用PS或是FW進行切圖了#xF52A切圖一般說來，F(xiàn)ireworkscs6切圖更快，但是Fireworks有時會有圖片失真的情況發(fā)生，所以，有時需要使用PS進行配合，PS有切片工具。

優(yōu)點PC端云端編輯，模板有大約40個容易上手，有切圖的特色功能缺點模板動態(tài)效果一般，工具功能有限，模板和作品數(shù)量極少上面列表中，模板質量沒有超過三顆星的，原因很簡單，真正好的H5作品靠的是重構的創(chuàng)意。

對于零基礎的人而言，要怎么學習web前端呢？1 前端頁面重構主要內容為PC端網(wǎng)站布局Photoshop 工具及切圖H5移動端網(wǎng)頁布局HTML5+CSS3新特性與交互學習目標是完成PC端網(wǎng)站布局，可實現(xiàn)響應式布局，一套代碼適配 PC。

有沒有網(wǎng)頁前端的工作，HTML5+CSS和jQuery的工作，我去做 我也是這種工作~職位偏向web前端工程師，純h5 +css3可以做切圖~加油啊~關于網(wǎng)頁前端的工作 上學時學過一段時間，下面幾個都要的而且是精通，還要處理。

現(xiàn)代web前端開發(fā)已經(jīng)不能像傳統(tǒng)web開發(fā)已經(jīng)簡單的描述成切圖cssjs在新的HTML5規(guī)范中，加入很多新的特性，這樣就對web前端工程師有了更高的要求，比如數(shù)據(jù)庫操作，使用cancvscss3繪圖 切圖這個概念已經(jīng)是過去時了。