1、網頁設計製作詳細流程
分析如下:
1、首先下載安裝Dreamweaver,打開後,新建一個網頁,一般選擇「HTML」建立網頁。選擇「經典」界面,有助於我們更便捷使用這個軟體。
2、下面選擇這三個界面,代碼、拆分、設計,一般默認設計界面,對於新手這個功能具有可視化,能更好的製作網頁。
3、下面我們來製作網站站點,在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。
4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件,並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件,不會丟失。注意文件命名要用英文。下面我用我建立的(籃球資訊網)來介紹,點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。
5、下面我們來製作這個網站首頁,先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片,下面屬性可以編輯修改圖片大小,添加超鏈接等等。下面我修改圖片大小做示範。
6、下面學習添加文本。編輯「籃球資訊網」,下面屬性可以設置文本字體、添加超鏈接等等,點擊頁面屬性,可以詳細編輯文本屬性。
7、網頁基本就是文字和圖片的組合,添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。
8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本,點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁,這樣籃球資訊網文本變成藍色。這是網站內部鏈接,相反就有外部鏈接。添加如圖,一定要寫http://......就可以了。
9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁,點擊網頁中兩個鏈接都能到達指定網頁。
(1)創意網頁設計圖片擴展資料:
網頁設計
設計網站要注意兩個要點:整體風格和色彩搭配。
風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。
風格(Style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。
色彩搭配
無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。
網頁配色小技巧:
1.用一種色彩:這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感;
2.用兩種色彩:先選定一種色彩,然後選擇它的對比色;
3.用一個色系:簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網頁配色中,還要切記一些誤區:
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內;
2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。
2、有知道一些比較好的設計圖片的網站的嗎
下面都是一些平面的素材希望可以幫到你
[URL=http://www.missyuan.com/viewthread.php?tid=102712&fromuid=183186]PNG格式精靈(也可做畫筆哦)[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102709&fromuid=183186]漂亮溶圖素材[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102707&fromuid=183186]偶也發一些素材圖片[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102705&fromuid=183186]【原創素材】框框[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102703&fromuid=183186]心的牽掛(2)[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102701&fromuid=183186]精選高清大圖插畫系列(65P)--->網速慢的就不要進咯~<[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102700&fromuid=183186]細剪瓊瑤(雪景)[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102698&fromuid=183186]我也來傳幾張相框素材![/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102665&fromuid=183186]格子圖案[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102644&fromuid=183186]張大千作品集[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102607&fromuid=183186]原創icon textures 兩套[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102567&fromuid=183186]幾款可愛的卡通插畫[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102566&fromuid=183186]幾款新娘圖(婚紗很漂亮)[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102493&fromuid=183186]超級多漂亮溶圖素材—n多風格~一網打盡[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102394&fromuid=183186]漂亮的長條簽名……[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102390&fromuid=183186]韓版素材……[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102386&fromuid=183186]漂亮韓國簽名圖[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102384&fromuid=183186]【原創】背景素材[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102383&fromuid=183186]頹廢風溶圖背景[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102381&fromuid=183186]【原創】線條[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102367&fromuid=183186]香濃咖啡[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102337&fromuid=183186]國畫特輯之七<50P>[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102331&fromuid=183186]不可錯過的公告牌[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102319&fromuid=183186]動態場景圖圖[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102314&fromuid=183186]融圖素材[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102306&fromuid=183186]一組金屬質背景素材[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102269&fromuid=183186]另類+其他~蠻不錯滴咯>33P<[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102264&fromuid=183186]工筆畫[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103865&fromuid=183186]絕對的古典意境....喜歡古典的來啊![/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103722&fromuid=183186]江山如此多驕---中國版畫[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103411&fromuid=183186]剪紙圖[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103293&fromuid=183186]我收藏的背景素材[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103182&fromuid=183186]快來看看啊.偶發的.[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102990&fromuid=183186]德國藝術圖片........深度圖片[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102985&fromuid=183186]極美的四屏風圖,古色古香[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102965&fromuid=183186]好素材連連發[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102964&fromuid=183186]《我會讓你幸福的》精美圖片(22P)[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102939&fromuid=183186]ENO插畫集(全+不斷更新)[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102930&fromuid=183186]年年插畫集(全)------喜歡的進來[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=102924&fromuid=183186]【原創】簽名模板[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103794&fromuid=183186]『原創』韓式簽名圖[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103770&fromuid=183186]橙黃視黃......[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103711&fromuid=183186]輕墨淡彩[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103662&fromuid=183186]網頁PNG素材圖標- Hein's 蘋果<42P>[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103589&fromuid=183186]韓國可愛女孩[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103579&fromuid=183186]韓國插畫壁紙[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103591&fromuid=183186]德國藝術圖片<續>.....深度圖片繼續放送![/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103467&fromuid=183186]手繪創意系列圖片欣賞175張,不斷更新中。。。。。。[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103450&fromuid=183186]夢幻黑色背景素材[精品超多300個背景][/URL&fromuid=183186]
[URL=http://www.missyuan.com/viewthread.php?tid=103445]≯各種各樣的背景圖案打包下載三[精品超多]≮[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103440&fromuid=183186]≯各種各樣的背景圖案打包下載二[精品超多]≮[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103436&fromuid=183186]各種各樣的背景圖案打包下載[精品超多][/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103410&fromuid=183186]夢幻淡雅方花背景素材[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103405&fromuid=183186]郭競雄彩插世界[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103404&fromuid=183186]喜歡的渡瀨[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103398&fromuid=183186]妲己面首的作品全集[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103385&fromuid=183186]千百年流過的 皆是別人的故事[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103383&fromuid=183186]少見的材質背景[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103360&fromuid=183186]春節圖片素材[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=103273&fromuid=183186][至11樓]PNG素材精選特輯>105P<還是那句不看就後悔哦[/URL&fromuid=183186]
[URL=http://www.missyuan.com/viewthread.php?tid=83710]發幾張蝴蝶的圖給大家[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=83713&fromuid=183186]發幾張改過的橫幅[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=83725&fromuid=183186]PNG格式的背景圖片[/URL]
[URL=http://www.missyuan.com/viewthread.php?tid=83718&fromuid=183186]幾個瞞頹廢的素描,[/URL]
3、網頁效果圖怎麼製作?
平面廣告和網站頁面設計的宗旨就是吸引眼球,符合平面視覺沖擊特點,如何設計一款有特色、另類能吸引眼球的作品是擺在平面設計人員和photoshop愛好者面前的難題
現在以一款網頁平面設計效果圖為實例,講解網頁設計方面的創意知識,從網頁效果圖布局創意、顏色選擇,裁減效果圖和製作網頁特效等方面來學習。下面我們就一起來學習吧。
首先聲明一下,這款網頁效果圖在得到朋友許可後拿來製作教程實例,切勿抄襲和用做其他用途。先看效果圖0。
一、 創意設計思路
一個網站在製作前需要確定網站風格、網站主題、和主色調,在沒有確切的方案之前,最好不要貿然動手製作,不然最後的結果很可能是以失敗而告終。
筆者決定從關鍵字"路行""獨自行走"加上是暗色系的要求上下手,敲定顏色採用沙漠黃,沙漠很容易讓人聯想到孤單;板式確定為戶外廣告的樣式沙漠黃配合生銹的廣告牌。符合"頹廢""艱辛路途"主題。
二、 網站效果圖及LOGO的製作。
1、LOGO的樣式採用的是圖形和字元的組合。漢字LOGO的字體不是下載的字體,是筆者用鋼筆工具畫出來的字體。如圖1和1-1。
鋼筆工具勾勒出圖1的行走的人樣式,填充紅色,然後調整混合模式"斜面和浮雕"選擇浮雕效果、雕刻清晰、深度1、方向上、大小2,其他默認。這LOGO 的創意是,一個人在崎嶇不平的路上堅持自己的方向,配合網站的英文加中文名字,構成一個形象LOGO,剛好"路"字和"行"字採用紅色,突出了路行。
文字LOGO筆者用鋼筆工具勾畫出字的各個部件,然後拼接在一起,這里只給出"路"字的方法,"行"字方法如同。[next]
2、製作布局參考圖。如圖2
3、根據布局效果圖,新建文件大小1000X765,填充黑色。布局中的"顯示區域"為廣告牌是要掛到牆上的,使用"石頭材質"放置在頁面最上方來製作石板牆;使用"銹跡皮革材質"製作"顯示區域""LOGO"區域的邊框(註:一些材質的製作方法省略,平時可自行製作也可去圖片站下載保存,用的時候方便),將LOGO區域的邊框復制一層,調整不透明度為60%放置到LOGO曾下方,這樣大體的框架就完成了。如圖3和3-1。
(圖5)
(圖6)
4、找來一張沙漠公路的圖片,把這張圖片進行聚焦處理。點圖4示例的按扭進入"以快速蒙版編輯模式",選擇漸變,漸變模式為"徑向漸變"在圖中間向兩邊拉,屏幕會出現一團紅色;然後再點"以標准模式編輯"畫面會出現一個圓圈選擇區域,按"DELETE"刪除即可。如圖4和圖4-1。
(圖7)
(圖8)
5、在"路"圖片上方新建一層,按住CTRL+"路"圖層,單擊新建的圖層,填充顏色4E341B,調整為暗系沙漠黃。如圖5。
(圖9)
製作文字LOGO牌。找來圖5-1中的灰色材質,在"LOGO邊框"下面新建一層,然後在其之上新建一層,放置沙漠圖片,將其混合模式修改為"顏色"然後打開一開始制
4、網頁怎麼設計呀~~~~~~~~?
Dreamweaver一個很好的網頁製作軟體.
5、優秀網頁設計鑒賞 創意圖片素材
推薦幾個非常漂亮的素材網站吧
大圖網 一個非常優秀的免費素材網站,優點是素材的質量比較好
愛圖網 一個很老的素材網站 素材也比較多 素材比較全
思緣論壇 非常多的影樓素材,PS素材,和設計素材, 也可以學習PS教程和設計技巧
站酷 非常不錯的設計師交流
6、有的創意網站上一些有創意的圖片是怎麼找到的?
您好,有的是自己公司有美工,讓美工設計的,有的是在第三方網站上面下載的,您可以百度下需求,就能找到相應的網站,進去找到自己喜歡的圖片就可以了。
create new meanings 創意是創造意識或創新意識的簡稱,亦作「剙意」。它是指對現實存在事物的理解以及認知,所衍生出的一種新的抽象思維和行為潛能。漢王充 《論衡·超奇》:「 孔子 得史記以作《春秋》,及其立義創意,褒貶賞誅,不復因史記者,眇思自出於胸中也。」 宋 程大昌 《演繁露·納粟拜爵》:「 秦始皇四年,令民納粟千石,拜爵一級,按此即 鼂錯 之所祖效,非 錯 剙意也。」 王國維 《人間詞話》三三:「 美成 深遠之致不及 歐 秦 ,唯言情體物,窮極工巧,故不失為第一流之作者。但恨創調之才多,創意之才少耳。」 郭沫若 《鼎》:「文學家在自己的作品的創意和風格上,應該充分地表現出自己的個性。」
創意是一種通過創新思維意識,從而進一步挖掘和激活資源組合方式進而提升資源價值的方法。
7、創意平面設計都有哪些網站?
國內創意平面設計有站酷、花瓣、優設、致設計等等,如果要找設計素材,那麼看看下面的推薦:
1、365psd|設計師必備PSD設計素材庫
2、TopeconHeroes|日本團隊提供22款設計資源站
3、Facebook Design|設計模型資源免費下載
4、Freebiesbug | 高顏值!免費PSD設計素材資源庫
5、Boss設計|國外創意設計素材搜索引擎
6、imgbin|國外海量免摳圖片設計素材庫
7、Pixelbuddha | 一個創意團隊打造免費優質的設計資源
8、EpicPxls | 發現一個令人驚嘆的免費設計資源站
9、Zippy Pixels | 一個收集優秀設計師高品質的設計資源庫
10、free-psd-templates|免費PSD模版設計資源下載
Boss設計獻上10個設計素材站點,望採納~
8、用PS做一個網頁設計圖
挺簡單的,現在fireworks中做下PSD圖,然後在DW中處理一下就行了
我也有現成的,加些分留個郵箱可以發給你。。。。
網站分為好多類型,像個人主頁、門戶、論壇等,你可以選擇其中的一個來做。。如果你是新手的話,那就做個個人主頁吧,比較自由,做成什麼樣的都可以。。。。
如果你的程序搞的比較好的話,那就做個論壇吧、