網站設計與製作圖片素材

1、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(1)網站設計與製作圖片素材擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

2、設計師找圖片素材，有哪些網站比較好的

設計師找圖片素材，個人推薦一些國內比較好的網站，請看下圖：

3、網站製作需要哪些素材

那麼在網站製作過程中，我們需要哪些素材呢？ 網站製作常用的素材：背景圖片、圖標、動畫圖片等等。 一、背景圖片 CSS控制背景圖片：對於一個網頁，我們開始設計的時候，可能沒有過多的去想背景圖到底是什麼，因為大多都是設計背景色就可以了，因為它與前景音樂一樣，對於網頁的打開，速度會有一定的影響。不過對於一般的個人網站，或者個人博客而言，它對展現自己的個性，當然是不可或缺的了。控制背景圖片的CSS屬性有很多，只要與圖片的相關的，大多都會用的上。 1、為網頁設計背景圖片的代碼是：body {background:url("d:\images\04.jpg")}或者body {background-image:url("d:\images\04.jpg")}。這樣的話，我們就能將想要作背景的圖片導進網頁里了。 2、顯示原始圖片大小：body {background:url("d:\images\04.jpg");background-repeat:no-repeat} 3、控制圖片大小：body{background-image:url("d:\images\04.jpg");width:350px;height:350px;} 二、圖標 圖標是具有指代意義的具有標識性質的圖形，它不僅是一種圖形，更是一種標識，它具有高度濃縮並快捷傳達信息、便於記憶的特性。圖標可以使用各種不同的格式BMP ，PSD ，GIF ， JPEG ，WMF ....所有這些格式有幾種不同的屬性（點陣圖，向量，壓縮，分層，動畫... ），可以用來存儲圖片，和決定任何大小。 三、gif圖片 gif圖片圖片是圖片的一種形式，gif圖片可以達到一定程度的Flash效果，這就有利於搜索引擎優化，也可以是網站看上去更加美觀。 網站製作素材可以有效的提高網站的整體風格，增加網站的視覺效果，可以提高網站的瀏覽量，吸引客戶的眼球，讓他流連忘返，很難在離開你的網站。素材的運用，要能結合網站的主題和需要表達的意境而定，好的素材能起到畫龍點睛的作用。

4、網頁設計與製作使用素材

圖片素材我用的大師助手網頁鏈接

5、公司網站建設圖片素材怎麼找

pageadmin網站管理系統、discuz系統、shopex系統，都是非常不錯的建站系統，操作和安裝官方有指導，直接百度一下。

6、網頁設計裡面的圖片素材

?

7、有哪些好的平面設計素材網站？

1、千庫網

千庫網是國內提供免費PNG圖片的素材先驅網站，經過1年多的高速發展，目前該網站不僅僅擁有500萬優質PNG免摳元素，還有300萬精品背景素材和700萬模板素材。

獲得超過百萬設計師的喜愛和5000多家企業的信賴，網站定位致力於滿足全國2000多萬設計師素材下載的需求，為設計師提供優質的素材和服務。

2、包圖網

包圖網是上海包圖網路科技有限公司旗下素材在線交易網站，於2016年7月上線運營。主要服務包括廣告設計、淘寶設計、企業辦公模板等設計素材，提供市場需求的矢量圖、psd源文件、ppt下載等。

3、花瓣網

「花瓣網」幫你收集、發現網路上你喜歡的事物。用戶可以將網上看見的一切信息都保存下來，簡單上手，玩味無限。通過專屬於「花瓣網」的瀏覽器插件——「採集到花瓣」快速完成信息的收集。不論是在家裡，辦公室，只要一台擁有網路的終端，只要擁有「花瓣網」的賬號，就能輕松收集你喜歡的信息。

4、素材中國

素材中國專注於提供平面廣告設計素材下載，其內容涵蓋了psd素材，矢量素材，PPT模板，網站源碼，網頁素材，flash素材，png圖標，ps筆刷等，讓任何一個設計師都能輕松找到自己想要的素材！

5、紅動中國設計網

紅動中國設計網的創建最初始於一個設計QQ群：2005年，一群痴迷於設計創作的設計師覺得光在QQ群里討論已經不能滿足大家交流學習的要求，覺得創建一個交流論壇更能滿足大家的需要。群員經過幾十天討論、群內徵集、投票、完善，最後一致敲定」紅動中國「為網站名。

6、素材天下

素材天下是一個網站，其於2007年7月成立。素材天下logo以粉褐綠三色作為主調，主旨是：低碳生活，綠色環保。素材天下裡面有的素材有：高清圖片素材，PSD素材，矢量素材，PPT模板，網頁模板，電腦桌面壁紙，非主流圖片等。

8、學設計的，找圖片素材的網站有哪些

主要是通過一些書籍啊，素材網站啊，大師作品這些，我一直看的書是：設計師不得不知道的產品製造知識，素材網站的話一直用的是大師助手，免費的，可以在上面看優秀設計師的作品，你也可以試試