1.如果是psd文件，說明是psd源文件，請用photoshop打開進行編輯2.如果是asp,php的，請用dw進行編輯3.如果是htm的，這個就更簡單了，應(yīng)該直接可以點擊用瀏覽器打開瀏覽，建議使用dw進行編輯哦。4.如果是cms模板，請參照相關(guān)cms模板的安裝使用方法，先安裝后再修改相關(guān)調(diào)用標簽以實時查看效果測試望采納

在對應(yīng)圖層按鍵盤 CTRL  鼠標點出選區(qū)后  按F8 會出現(xiàn)詳細的信息   信息里的   W13.58  和  H3.95  就是這個圖片的大小   長和寬  謝謝

其實標準的網(wǎng)制作完成的工作實際是：psd to html，一般情況下，我們會拿到美工的psd,這時候不同的人會有不同的做法： 1.打開fireworks將圖片切割導出為html。 2.直接在dreamweaver之類的工具去拖拉布局，導入相關(guān)的圖片,flash資源。 3.先在ps中完成切圖后，在文本編輯器中看著效果圖一步步的制作。 以上是大多被采用的方法，但都不好： 第一種方法最為不好，這樣的代碼根本不具維護性和可讀性。 第二種方法也不好，代碼難免會有冗余，做出來的東西基本需要排查一遍。 第三種方法也不好，因為你需要看效果圖一點點的拼，也就是說寫html標簽的時候，你在不斷的假設(shè)這塊要怎么去顯示。 正確的做法是： 1.拿到psd后，先不要做別的，直接在文本編輯器中將網(wǎng)頁的框架寫出來，不要假設(shè)這塊將來css要去怎么渲染，完全自然化的標簽，不加任何的css。 2.寫完之后在各個瀏覽器運行之后確保大體定位都沒有問題。 3.書寫總體css,這里的css只負責大塊的定位及樣式。 4.切出需要的圖片資源，在寫好的框架中一點點的去構(gòu)造，不斷的調(diào)試，最終為成品。 5.最后，為自己的代碼添加注釋，在css，html中都要合適的為自己的代碼添加注釋。 要想做出能靈活切換皮膚，讓css主導表現(xiàn)，還有很多要注意的地方，但大體的流程就是這樣的，當然我們一開始不能直接就做到先寫html，但起碼要有這個意識，循序漸進。。。謝謝熱心會員"linxz"提供實際經(jīng)驗，我貼上來供大家參考：PSD出網(wǎng)站從兩個大點考慮一、一個獨立的頁面1、分析這個頁面，先在腦袋中或者草稿紙上描繪大概的結(jié)構(gòu)2、根據(jù)設(shè)計稿的的情況，分析背景圖的分布、ICO圖的分布等3、切割相應(yīng)的圖片，導出、合并圖片4、在編輯器中寫整體結(jié)構(gòu)XHTML代碼，包括頁面中出現(xiàn)的所有元素的結(jié)構(gòu)5、編寫CSS樣式中的整體以及模塊代碼6、細節(jié)調(diào)整7、收工，瀏覽器驗證是否正確二、由多個頁面組成的小站點或者大站點1、瀏覽所有設(shè)計稿，統(tǒng)一規(guī)劃站點模塊、圖片、文件分布2、開始第一點的操作，但規(guī)劃站點的內(nèi)容分布很重要整體考慮點：圖片的合并，減少請求量結(jié)構(gòu)的合理性，語義化樣式的簡潔，便于后期維護多為后期的維護以及程序開發(fā)著想，如何簡單實現(xiàn)效果 參考資料： http://www.wzsky.net/html/Website/Experience/107671.html

　　一般只要將模板中的視頻或圖片替換成你的視頻即可，方法是在時間軸中右擊某圖片或視頻，選擇“替換視頻”－－選中你的視頻。OK！需要的話，對替換后的視頻略為調(diào)整其位置、大小等等屬性?！　‘斎?，也可以在模板中添加你的視頻，方法是：增加一條覆蓋軌，添加視頻，(1)在視頻上添加畫中畫濾鏡，再對畫中畫進行設(shè)置（位置、大小等等），或者(2)在視頻上添加遮罩。

　　psd格式的文件是一種圖形文件格式，因此，使用看圖軟件如ACDSee 或圖形處理軟件如我形我速、PhotoShop等都可以打開的?！　SD--Photoshop Document（PSD），是著名的Adobe公司的圖像處理軟件Photoshop的專用格式。這種格式可以存儲Photoshop中所有的圖層，通道、參考線、注解和顏色模式等信息。在保存圖像時，若圖像中包含有層，則一般都用Photoshop（PSD）格式保存。PSD格式在保存時會將文件壓縮，以減少占用磁盤空間，但PSD格式所包含圖像數(shù)據(jù)信息較多（如圖層、通道、剪輯路徑、參考線等），因此比其他格式的圖像文件還是要大得多。由于PSD文件保留所有原圖像數(shù)據(jù)信息，因而修改起來較為方便，大多數(shù)排版軟件不支持PSD格式的文件。

網(wǎng)頁模板就是已經(jīng)做好的網(wǎng)頁框架，使用網(wǎng)頁編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站。每個網(wǎng)頁模板壓縮包內(nèi)包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網(wǎng)頁模板添加內(nèi)容。1）模板的概念：作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時，可以說明哪些網(wǎng)頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt。2）模板的作用：有利于保持網(wǎng)頁風格的一致；提高工作效率。1．創(chuàng)建模板1）創(chuàng)建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕模板面板的打開：Window菜單--Templates2）創(chuàng)建基于文檔的模板：File菜單-Save As Template2．設(shè)置模板頁面屬性1）用模板創(chuàng)建的文檔繼承模板的頁面屬性，頁標題除外。2）設(shè)置：Modify菜單-Page Properties3．定義模板的可編輯區(qū)1）定義模板的可編輯區(qū)在模板文檔中選定對象、Modify菜單、Templates、New Editable Region2）取消可編輯區(qū)標記Modify菜單-Templates-Remove Editable Region

PSD是給你的網(wǎng)站圖版,你可以通過修改各層來更改成你想要的網(wǎng)站外觀=html格式的是已有的PSD用切片功能切出來的頁面,你如果不想改網(wǎng)站外觀就直接用他的HTML格式的源碼就行了,CSS是HTML中對字體,圖片,鏈接,整體布局的樣式頁面

　　網(wǎng)頁模板就是已經(jīng)做好的網(wǎng)頁框架，使用網(wǎng)頁編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站。每個網(wǎng)頁模板壓縮包內(nèi)包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網(wǎng)頁模板添加內(nèi)容?！　?chuàng)建和設(shè)置　　1)模板的概念：作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時，可以說明哪些網(wǎng)頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt?！　?)模板的作用：有利于保持網(wǎng)頁風格的一致;提高工作效率。　　1.創(chuàng)建模板　　1)創(chuàng)建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕　　模板面板的打開：Window菜單--Templates　　2)創(chuàng)建基于文檔的模板：File菜單-Save As Template　　2.設(shè)置模板頁面屬性　　1)用模板創(chuàng)建的文檔繼承模板的頁面屬性，頁標題除外?！　?)設(shè)置：Modify菜單-Page Properties　　3.定義模板的可編輯區(qū)　　1)定義模板的可編輯區(qū)　　在模板文檔中選定對象、Modify菜單、Templates、New Editable Region　　2)取消可編輯區(qū)標記　　Modify菜單-Templates-Remove Editable Region　　應(yīng)用和更新　　1.應(yīng)用模板創(chuàng)建文檔　　1)應(yīng)用模板創(chuàng)建文檔　　使用模板創(chuàng)建新文檔：File菜單-New From Template　　或：File菜單-New-從模板面板中拖一個模板到文檔　　對現(xiàn)有文檔應(yīng)用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select　　或：從模板面板中拖一個模板到文檔中　　或：從模板面板中選定一個模板，單擊Apply　　2)可編輯區(qū)和鎖定區(qū)　　在應(yīng)用了模板的文檔中，只有可編輯區(qū)的內(nèi)容才可以修改?！　?)把頁面從模板中分離出來　　如果要對應(yīng)用了模板的頁面的鎖定區(qū)進行修改，必須先把頁面從模板中分離出來。　　具體操作：Modify菜單-Templates-Detach From Template　　2.修改模板　　在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存　　3.更新站點中使用模板的所有文件　　Modify菜單-Templates-Update Pages

Chinese name: English name: Phone NO :E-mail:Objective：Education:Major:Work Experience:Professional Certification向左轉(zhuǎn)|向右轉(zhuǎn)