導航:首頁 > 萬維百科 > 網頁設計畫圖

網頁設計畫圖

發布時間:2020-07-24 18:47:12

1、html網頁設計裡面怎麼平鋪背景圖片?

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

2、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

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、網頁設計中,怎麼製作圖片瀏覽工具?

css+js做的http://www.jsfoot.com/ http://niutuku.com/js/1/這些都是要多少有多少

5、常用的繪圖和網頁製作軟體有哪些?

6、畫圖 網頁設計

將圖片另存為gif格式,然後插入到frontpage中,選中圖片後會有一個圖片工具欄,其中有一個「設置為透明的顏色」按鈕按一下,再把網頁保存,看看是不是只有圖標了。

7、網頁設計怎樣添加圖片

網頁設計如何插入圖片?以下就是網頁設計如何插入圖片等等的介紹,希望為您帶來幫助。
第一步,先打開我們的網頁製作如見,目前比較常用的是Dreamweaver。選擇"HTML"。
第二步,打開這個軟體之後,我們可以看到左上角有三個選項,我們選擇其中的「設計」。
第三步,來到設計界面之後,把游標定位在自己要插入圖片的位置。
這個操作是不用寫代碼的,所以可以選擇工具欄上的「插入」命令。
接下來,我們在彈出的下拉菜單中選擇插入圖像命令。
選擇完插入圖像命令之後,會彈出這樣一個小窗口,我們把要插入的圖片的文件名輸入進去之後再點擊確定就可以了。
做完上面這一切步驟之後,圖片就可以插入到網頁中了,大家可以預覽網頁哦!

8、用PS做一個網頁設計圖

挺簡單的,現在fireworks中做下PSD圖,然後在DW中處理一下就行了

我也有現成的,加些分留個郵箱可以發給你。。。。

網站分為好多類型,像個人主頁、門戶、論壇等,你可以選擇其中的一個來做。。如果你是新手的話,那就做個個人主頁吧,比較自由,做成什麼樣的都可以。。。。
如果你的程序搞的比較好的話,那就做個論壇吧、

9、網頁設計圖是什麼

網頁設計圖就是要把網頁做成什麼樣子的一張圖,可以是手工在白紙上畫的,也可以是用電腦軟體製作的。效果多種多樣,根據不同的行業進行分析之後製作的。想知道怎麼樣,可以直接看別人的網站做出來是什麼樣的,再分析一下是否符合用戶需求,方便用戶瀏覽?
步驟是分析行業用戶需求,設計內容分布去滿足這些用戶的需求,畫出一張圖。
我覺得就這么簡單,雖然看起來不怎麼專業,但是能解決用戶的一些實際的問題了。

10、網頁設計中怎麼讓一張圖片填充滿整個畫面 ?

1、如果樓主只是將其當做一張圖片顯示,可以通過css控制,如img{width:100%;height:100%;}.
否則需要將其作為網頁背景的話可以試試如下方法:
2、如果這張圖片為背景圖片由於背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,實現背景拉伸鋪滿整個瀏覽器,但其它的瀏覽器不支持。
這時可以拐個彎,設置兩層div,底層div當做背景使用,放置一張圖片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再將網頁內容放置到第二層上<div id="content">頁面內容</content>
3、網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面2方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。

與網頁設計畫圖相關的知識