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

網頁設計原圖

發布時間:2020-08-01 00:16:46

1、正常網頁製作背景圖片應該多大?

1、背景最好是能夠做到自動延伸,現在的顯示器是越來越大,解析度也慢慢的變大了,現在用1600*900解析度的也不少,我的就是,當然也有人用1280*768、1024*768等,所以網頁設計的背景一般是不會設計成固定尺寸的,你可以做成可循環平鋪的圖片或者漸變顏色,直接是一種顏色那就更方便了;

2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸,就拿現在這個百度知道的頁面距離,中間的主體部分無論是瀏覽器怎麼伸展,主體內容的寬度是保持不變的,我查看了一下css代碼,這個主體框架的寬度是980px;

3、你設計的時候把主體部分設置成980-1000px就差不多了,畢竟現在使用1024*768解析度以下的人已經畢竟少了。

2、網頁製作中插入圖片的代碼是什麼

1、在代碼中經常用到的插入圖片代碼是img屬性,格式就是<img src="" alt=""> src後面是添加圖片的地址,後面的alt是對圖片的描述。

2、在插入圖片前,要將html文件和圖片文件放在一個文件夾內,這里的img文件夾就是專門存放圖片的地方。

3、然後回到代碼欄,在src中輸入鏈接地址img/pic_01.jpg,要將圖片的具體地址和名稱全部寫全才可以在網頁中看到,否則就會顯示連接失敗錯誤而無法觀看到圖片。

4、將文件保存後,在瀏覽器中我么就可以看到此刻的圖片被添加進來了,位於網頁的左上角位置。

5、如果想要移動圖片的所在位置,就需要先對其包裝一下,用一個盒子將其包裹,然後調整盒子的位置就相當於移動的是圖片的位置了。

6、如圖,之前設置的盒子距離頂部100px.然後距離左側100px,這樣就將盒子擠到了現在所在的位置,如圖所示。

3、網頁設計中圖片的解析度是多少

圖片的解析度在不同的地方是不一樣的 網頁設計為72DPI 寫真為152 2樓說的都對

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

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

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

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方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。

6、網頁設計中怎麼讓一張圖片填充滿整個畫面 求代碼

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方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。

7、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屬性去掉,要不然會被遮住。

8、為什麼在製作網頁設計時背景圖片總是出現好多小尺寸的圖片,而不是一副完整的和屏幕一樣大的圖片?

1366*617 背景圖可以做成底部是一個顏色的,使其不重復no-repeat,然後設置頁面背景色,即可彌補背景半截顯示的現象

背景圖片的大小不夠大,小尺寸的圖片就重復填充整個背景啦!background裡面有個no-repeat可以讓圖片不重復,但是這只能在圖片夠大的情況下才能填充整個背景

9、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屬性去掉,要不然會被遮住。

10、網頁設計,怎麼變成第一張(原圖)的樣子,第二張是我編寫的。

這個網頁是設定了寬度的。

你設置下寬度,並且居中就可以了。

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