網站設計模板圖片

1、簡單網頁模板能添加圖片的

不懂你什麼意思，如果在網頁加圖片加段代碼吧
<img src="圖片路徑" />

2、什麼是網頁模板？網頁模板有什麼用？

利用抄它可以進行快速和高品質的網站開發。只需要添加您的文本和圖片，就可以得到一個功能完整的高品質網站。＂這個答案是不對的的，或者說誤導了一部分剛剛接觸網頁製作的初學者。被誤導者認為只要找到一個網頁模板，就可以利用它快速建立網站。認為只要添加文本和圖片，就可以建立一個網站。所以，當他(她)用很少的付出得到一個網頁模板時，然後才發現事實並非如此，就會埋怨，怎麼還要做這么多工作呀，被騙啦，甚至還要求網頁模板的提供者幫他(她)用這個網頁模板做一個網站，不然就投訴！退款！暈！暈！暈！在這里我要對網頁模板這個概念重新做一個定義：網頁模板的組成：網頁模板包含兩個部分，第一部分，網頁模板的展示部分：由一組相關聯的html文檔及其圖片文件組成，有動畫成果的網頁模板還會有swf文檔，有時候，也用網頁捉圖來展示網頁模板的成果；第二部分，可用來進行網頁設計製作的PSD分層圖片源文件，有動畫成果的還包含有fla源文件；(通常一個網頁模板是由這兩個部分組成的，但也是個別網頁模板只有其中一個部分。)網頁模板的用途：

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

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

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

4、網站模板怎樣設計會比較吸引人?

　一、單色加全彩圖片

如果設計師只想用一種顏色來作為模板的主題色，那麼這種設計技巧可以參考一下。單色的網站模板是以一種顏色為主的，可以在模板中添加幾張具有特點的全彩圖片，這樣可以十分有效地突出圖片的主題，以一種強烈的形式來吸引用戶注意力。但是這種圖片在選取的時候一定要有主題的限制，不要為了突出而選擇。

二、清晰的布局和略為錯落的排版

在設計模板布局時，清晰一直以來都是布局內容的標配，無論是圖片、文字還是按鈕，都需要遵循「相關靠近」的原則來進行布局，這樣的布局有一個很大的好處就是，方便理解模板的內容，降低理解難度。但如果想要在這個普通的布局方式中來點新意，可以將內容的排版調整為略略錯落，元素間的間隔可以稍微不那麼對齊，這樣既不失清晰也能有點新意。

三、簡約加沿中線錯開布局

簡約風格是大部分網站模板設計會使用到的風格，但是如果想要讓這個常見風格變得獨特，其實只需稍作調整即可。比如在純白背景下的簡約風格，沿著中線的兩側來排版文本和圖片內容，無需一定要刻意保證兩側的一致對齊，只需保證中線上的視覺路徑清晰即可。

網站模板設計掌握上述3個技巧，能讓模板變得更吸引和富有創造力，在網站模板的設計上，注意好相關細節，多創新多思考，讓你的網站模板在眾多模板中脫穎而出，帶來更多的流量。

5、哪些網站有免費的設計圖片、簡歷、海報等模板可以下載的？

愛設計、圖怪獸、稿定設計啥的都可以設計圖片、簡歷、海報等模板，但是愛設計是唯一支持全部免費商用的和免費下載的。

6、html網頁設計如何修改模板的圖片超鏈接

我覺得自己 不會使用這些都，直接不要使用別人的模板，直接自己全部做，或者使用開源程序安裝一個網站

7、圖片模板怎麼做的

很多朋友都問我如何製作PPT模板，其實製作PPT模板是非常簡單的，重要的是如何製作出有美感的PPT模板，但這又是需要時間積累的，所以下面我們先說一下如何製作PPT模板的問題，因為我接觸的朋友大多都是使用2003版本的軟體，所以下面就用2003版本來說明一下如何製作自己的PPT模板吧，可能2007版本的會有所出入，但基本的操作步驟都是差不多的，特此說明。

製作PPT模板步驟：

一、在製作PPT模板前要准備放置在第1張PPT的圖片，PPT內頁中的圖片，logo等圖片。

二、新建一個PPT文件，此時應顯示的是一張空白PPT文件，如下圖所示

三、PPT模板結構的製作：

1、然後我們進入PPT母版視圖來操作，方法是依次從菜單欄中選擇「視圖」–「母版」–「幻燈片母版」。選中後如下圖所示：

請注意啦，這一張PPT是在你的模板做好後，你每新增加一張PPT出現的內容就是這一張PPT，即是寫文字內容的頁面，因此叫做「PPT母版」。

2、把開PPT母版視圖後是否看到左側有一張縮略圖呢? 現在選中他，點擊滑鼠右鍵選擇「新標題母版」，出現結果如下圖所示：

　四、PPT模板內容框架的製作

接下來我們就個性化我們要製作的PPT模板吧，首先我們先製作PPT模板首頁，先把准備好的圖片素材插入PPT模板頁面里，然後稍加剪切編排，就如下面效果。

然後再對PPT模板首頁加入一些文字修飾，使畫面更有感覺。

到這里有很多朋友就犯愁啦，我沒有美術基礎，我不會設計圖片，怎麼樣才可以製作出有美感的PPT模板呢?這個也是很簡單的問題，我們可以在網上搜索一些PSD格式的圖片，一般這樣的圖片就是一些設計者設計好了的，我們只要把這些圖片在PS軟體里分層另存為圖片就行了。

小提示：

如果你插入的圖片當前把一些文本框給覆蓋了，沒有關系，你用右鍵選中該圖片，然後選擇「層疊次序」—「置於底層」 即可。

五、保存PPT模板設計。

各位帥哥美女們注意啦，這一步是非常非常重要的!許多朋友設計好了之後是直接點保存的，但這是錯誤的，這樣保存下來的文件不是PPT模板文件。正確的方法是： 在菜單欄，選中「文件」–「另存為」 ，在打開的界面中進行如下設置：保存位置，可以放在桌面，「文件名」在這里暫定義為「如何製作PPT模板.ppt」。「保存類型」請選擇「演示文稿設計模板」，然後點保存。接下來你可以返回到桌面看一下這個文件的圖標和擴展名，發現了嗎? 它的圖標跟一般PPT的圖標是不一樣的，同時它的文件和擴展名是「如何製作PPT模板.pot」

六、應用PPT模板。

PPT模板是製作完成啦，如何使用這PPT模板呢?別急，接下來我們新建一個空白的PPT文件，這時你有沒有看到PPT界面的右側上方，有沒有一個區域，顯示的是「幻燈片版式」其下面有「文字版式」、「內容版式」等。如果你沒有發現這個區域，那麼，請在 菜單欄 打開「格式」—「幻燈片版式」選項。

注意查看上面圖片中，「幻燈片版式」右側有一個向下的「小箭頭」，點一下打開它，從中選擇「幻燈片設計」選項。出現如下圖所示。

接下來，再注意看最下方有一個「瀏覽」，用滑鼠左鍵點一它，打開「應用設計模板」對話框。此時，請在其中找到桌面的文件「如何製作PPT模板.pot」，選中它，並點選「應用」按鈕。有發現了嗎?你之前製作的PPT模板已應用這個PPT中。

七、PPT模板的使用。

如果你製作PPT模板的目的，僅僅是自己使用娛樂的，那麼，你現在可以正式開始向裡面加內容了。

如果你的目的，是要做一個範本，然後發給公司的同事使用。那麼，你把現在這個文件保存後發給相關人員即可。他們打開後，都會是統一的樣式，統一的顏色。

現在你還會想問如何製作PPT模板嗎?如果你還有這樣的疑問的話，請重新再瀏覽一次本文章或者在下面留言給我，我會一一解答你的疑問，如果你還想更進一步了解PPT模板設計方面的知識，可以瀏覽：復制，網頁變身PPT模板 ，准備工作-PPT母版;祝大家工作順利。

上一篇：PPT文字的創新設計

8、求夠圖片上得網站模板，要求是自適應的

在我們設計網頁的時候，經常會遇到圖片自適應問題，實際這些工作完全可以交給瀏覽器來完成就可以了，只可惜，無論是IE還是FIREFOX在圖片自適應這個問題上都處理的不盡人意，網上實現網頁圖片寬度和高度的方法也很多，主要又兩種：
第一種是使用CSS來完成；第二種是使用Javascript來完成，根據實際的應用效果來說，使用Javascript還是比較靠譜一點，因為 CSS的expression的確有點煩，筆者是指使用效果上有點惱人，本文專門把這兩種都總結一下，方便站長們參考使用。
一、使用CSS實現圖片的自適應
使用CSS實現圖片自適應很簡單，主要靠兩個參數來完成，分別是max-width和max-height，這兩個參數在FIREFOX和IE7以上支持都很好，但是在IE6上面，效果非常糟糕，尤其是對於多張圖片的顯示，第一次顯示網頁大都很難達到圖片自適應的效果，一般都是有些能自適應，有些不能自適應，多次刷新可能又顯示OK，就是這點就足夠煩人，而且一旦顯示多張圖片，IE 6上就卡的要命（expression在IE上比較佔用資源，感覺設計是用來玩得，FIREFOX自適應效果還是比較好，速度也非常快），反正筆者至今是沒有找到更好的CSS方法來讓IE 6完美支持圖片自適應。示例代碼如下：
img{
max-width: 128px;
max-height: 128px;
height:auto;
zoom:expression( function(e) {
if(e.width>e.height) {if (e.width>128) { e.height = e.height*(128 /e.width); e.width=128; }}
else {if (e.height>128) { e.width = e.width*(128 /e.height); e.height=128; }}
e.style.zoom = '1'; }(this));
overflow:hidden;
}
上面代碼格式上需要特別注意兩點：
1、zoom屬性里寬高賦值不能帶單位（如px），否則無效；
2、if和else語句也必須帶大括弧括起來，單句指令也不行（而在很多編程語言里，單句指令可以無需大括弧）；

二、使用Javascript實現的圖片自適應
使用Javascript自適應相對來說比較方便，唯一的麻煩是就是在網頁中需要對image預設置onload事件處理resize()函數，如果對於動態網頁來說還好一點，反正是動態的，程序里加上去就OK了，可是如果對於很多篇文章而言，在里頭增加onload函數有點麻煩，除非一次性的寫個腳本批量處理，否則後期更改或替換起來還是比較麻煩，比如圖片的可顯示寬度變化等等。
另一方面如果把寬度值寫在Javascript中，那麼將帶來程序的通用性降低，下面的示例不是寫死的，已測試效果比起CSS要HAPPY的多，網上也又很多類似的例子，不是不完成就是中間還存在某些問題，本文的例子應該會更好一點，筆者對不同的尺寸下的圖片的顯示效果做過好幾種測試了。示例如下：
//RESIZE 圖片自適應圖片寬度和高度
//參數說明：
// obj是圖片對象，this調用方法見下面示例
// maxW和maxH分別為約定的最大寬度和最大高度
function resizeimg(obj,maxW,maxH)
{
var imgW=obj.width;
var imgH=obj.height;
if(imgW>maxW||imgH>maxH)
{
var ratioA=imgW/maxW;
var ratioB=imgH/maxH;
if(ratioA>ratioB)
{
imgW=maxW;
imgH=maxW*(imgH/imgW);
}
else
{
imgH=maxH;
imgW=maxH*(imgW/imgH);
}
obj.width=imgW;
obj.height=imgH;
}
}
上例的使用示例：<img src="/www.metsky.com/logo.gif" onload="resizeimg(this,600,1024);"/>
我們在制定寬度和高度值的時候，一般寬度是肯定需要限定，而高度經常不需要限制，所以可以把高度指定的大一點，如果高度也限制，那麼相當於制定一個 image box，下面的程序或許對您很有用（不限制圖片高度的忽略下面這個示例）。
當指定圖片BOX的時候，一般都還需要在圖片自適應之後顯示在BOX容器的中間，也就是水平和垂直都需要居中。首先需要指定BOX容器的寬度和高度，然後可以使用CSS來控制顯示效果，也可以使用Javascript控制顯示效果。示例如下：
IMAGE BOX容器：
<div id="imgbox" style="width:800px;height:800px;border:1px solid #CCCCCC">
<img src="..." onload="resizeimg(this,600,600)"/>
</div>
CSS顯示方法如下：
#imgbox {text-align:center;vertical-align:middle;}
#imgbox img {vertical-align:middle;}

或使用Javascript完成：
在上文resizeimg()函數里最後只需要增加類似這樣的語句，
obj.style.margin-left=(800-imgW)/2;
obj.style.margin-top=(800-imgH)/2;
即可，當然了，您總不能讓resize尺寸本來就超出BOX容器尺寸吧，否則圖片就把容器撐大，style風格肯定就對不上了。

9、請問各位網頁設計師，你們的製作網站模板時的圖片是從哪裡來？

有專門下PSD素材元素的網站，可以下載PSD素材，然後做網頁設計的人可以用這些素材加工．進行元素組合；
至於從到到尾手給也有那種專業性特強的人才，進行PS給畫；那種是專門畫某些人物啊，風景啊＼房子啊什麼的．畫某一個單一的東西就進行手給；
網頁設計用到的元素就很多；不是畫，比如雲彩，藍天，樹，人物，花啊什麼的；它是拍投好的PS處理一下；放到網上進行下載，網頁里不一定什麼元素都要．也許只要某幾種．這樣對這幾種進行組合．達到美化的效果．
所以呢．兩種是有不同的．

10、線上圖片簡單設計網站有？

目前市場上這類產品比較少，可根據自身的要求選擇一個自己喜歡的網站進行編輯