作為一個小白。在公司實習的這段期間朦朦朧朧地學會了很多很多。 文件命名方面的注意問題。文件好用英文命名，這便于后期同事的訪問。 拿到設計圖時，先打開設計圖，看看有沒有公共部分之類的（一般是頭部nav和尾部footer），便于減少后續編寫代碼的時間和繁瑣性。 在切取圖片之前，先按ctrl+1（photoshop的快捷鍵），這個快捷鍵可以使設計圖放大或縮小到設計圖原有的大小。這個就便于我們之后剪切出來的圖片是設計圖中正常像素（也就是設計師當時所設計的像素）。 關于圖片切圖問題。如果要圖片高清晰好使用jpg；不過，一些特殊形狀圖片，如圓形，棱形好使用帶透明的png格式圖片。一般設計師所給的psd圖里的圖標（微信、qq、微博等），這些一般是圓形圖片。這些的話個人建議使用第二種——帶透明的png格式圖片。 設計師所給的psd圖里面所需要的剪切的圖片，大部分都是以整數為寬高，所以剪切起來還是很方便的。但，有時如果設計師寬高少了1px（通常情況下是不可能發生的），也別多切1px。如果發現自己現在所剪切的圖片是以8或者9為位數的話。還是強烈建議你放大看看是不是少切了一點點（photoshop放大快捷鍵ctrl++）。 關于圖片大小問題，如果在不同頁面看見相同的圖片，建議你是好用同一張，這樣可以節省內存。 關于選區psd色系的方法。如果是文字的話，我是直接選中文字，然后查看以下信息。如圖1-1。
圖1-1圖1-1中的紅色標識符1代表文字的顏色、紅色標識符2代表文字的字體、紅色標識符3代表文字的大小、紅色標識符4代表文字的行高、紅色標識符5代表文字不加粗（如果是渾厚
的話即為字體需要加粗）。 關于圖片與圖片、文字與圖片、文字與文字之間的間距問題。我一般是用選擇工具或者切片工具查看大小。之后再編寫進頁面里面，有時間的話，還可以展示頁面再利用電腦自帶，或者qq、微信所帶的剪切工具來與設計圖進行像素對比。 關于html文件排版問題。①　建議css、html、js都分開存放。特殊情況下不能分開的話，盡量js代碼、css代碼別和html內容代碼混合在一起。
②　html主要是編寫頁面內容，也就是用戶所看見的內容。在實現設計師效果圖的基礎上，盡量做到代碼整潔、排版規律。這樣既便于自己發現錯誤、也方便后臺同事后續工作。

網頁標題：關于切圖(網站前端制作)的一些小常識
轉載注明：http://www.js-pz168.com/news35/240735.html

成都網站建設公司_創新互聯，為您提供建站公司、商城網站、外貿建站、電子商務、網站建設、全網營銷推廣

廣告

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