導航:首頁 > 萬維百科 > 如何把設計圖轉為網頁版

如何把設計圖轉為網頁版

發布時間:2020-09-26 16:20:23

1、網頁設計:如何把圖片格式的模板轉變為dreamwaver中可編輯的模板??

DREAMWAVER是一個製作網頁的工具,同時還需要FIREWORK或者PHOTOSHOP等軟體的支持,你要把圖片倒到FIREWORK或者PHOTOSHOP里,然後做切片(如果不知道什麼是切片,那你就要好好補習一下PHOTOSHOP了,如果自己做網頁,PHOTOSHOP不懂是不行的)然後在保存的時候選則保存HTML格式,然後在倒入到DREAMWAVER裡面就可以了

做完切片以後,應該出現一個文件夾和一個HTML的文件,導入文件,然後看見的是被切成一塊塊的圖片,然後在這些圖片中加入你所需要的代碼。

2、如何將自己設計的網站版面轉換成代碼?

直接在ps里切圖,然後保存成網頁格式就好了

3、如何把美工的設計圖轉換成HTML5的界面

這是web前端開發的工作,
首先用ps將設計圖中需要用到的圖片或者圖標切片取下
然後通過html css js 按照設計圖用代碼還原
當然你也可以下個Dreamweaver 最新版的有那種可以一鍵導出頁面,不用你寫代碼,不過很是很方便用,

4、如何把PHOTO里的圖片做成網頁

網頁背景直接設置圖片。代碼:
一、僅水平方向平鋪:
<BODY style="background-image : url(image.gif);background-repeat : repeat-x;">
二、僅垂直方向平鋪:
<BODY style="background-image : url(image.gif);background-repeat : repeat-y;">
三、不平鋪:
<BODY style="background-image : url(image.gif);background-repeat : no-repeat;">
圖片直接插入網頁。代碼:
<img src="D:\\eg_thim.jpg" width="440" height="330"/>

圖片製作成切片並插入網頁,可以用PS切片工具,製作完成後會自動生成代碼。

最簡單上手的,PS好圖片,用word排版,另存為HTML文檔

5、如何將一張美工設計圖實現為html編碼的網頁

首先得用photoshop切圖,把你需要的地方切成圖片,最好是jpg或者jpeg格式的,
然後用Macromedia Dreamweaver 8設計網頁,用代碼編輯,把你需要的圖片部分插進去就可以了

6、如何將一張用PHOTOSHOP設計的,畫好的網頁設計草圖,用最方便省力的辦法轉化成網頁。

這個簡單如果只是一個圖網頁 直接用fireworks裡面切片工具 保存生成網頁。索引直接在DW裡面加 。。

7、如何將圖片轉換成html

首先,圖片是沒有辦法直接轉為文字的,畢竟不是一種編碼

其次,如果你想問的是,如何在網頁當中展示圖片(將圖片放置在html當中),那麼需要使用到img標簽,範例如下:

<img src="圖片路徑" alt="當圖片載入不出來時的替代性文本" title="滑鼠移入時顯示的標題提示">

路徑方面,舉個例子,如果當前html文件和圖片文件處於同一級別,可以直接使用圖片的文件名作為路徑;如果沒有在一個級別,則需要藉助 ../ 或者 文件夾名/文件名 的路徑查找方式進行書寫,比如:

images/test/h5course.jpg 表示的路徑就是,在當前HTML所在文件夾當中的images文件夾里的test文件夾里的h5course.jpg這張圖片,圖片的後綴也不能錯誤

8、如何將圖片轉換為WEB格式

放入PS裡面,之後你需要編輯的話就編輯下圖片,如果只需要改為WEB專業格式的話,你接點文件裡面的,另存為WEB所用格式即可

9、如何將圖片轉為網頁代碼?

直接點擊「文件」->屬性,彈出對話框,選擇「背景」選項卡,在格式->背景圖片,選上鉤,然後點擊「瀏覽」選擇一個合適的圖片。OK!

10、能直接把一個效果圖直接轉換為製作網頁的靜態頁面嗎?

這個要看你的靜態圖是什麼格式,只要這張圖片可以用瀏覽器打來並瀏覽就可以轉化成為靜態頁面,單位了瀏覽網頁的速度,一般圖片太大的時候我們對圖片進行切割,並用表格來把切割好的各個部分再組合在一起。
當然,如果你把你的那張圖片處理的大小不大的情況下也可以直接放到網頁上

與如何把設計圖轉為網頁版相關的知識