本篇文章信途科技給大家談?wù)劸W(wǎng)頁背景圖，以及網(wǎng)頁背景圖片怎么設(shè)置對應(yīng)的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站。

網(wǎng)頁的背景圖是如何制作出來的?

Frontpage 是 Microsoft 出品的，可能是最簡單、最容易，卻又功能強(qiáng)大的網(wǎng)頁編輯工具。采用典型的 Word 界面設(shè)計，只要你懂得使用 Word，就差不多等于已經(jīng)會使用 Frontpage。就算你不懂 Word 也沒關(guān)系，"所見即所得"的操作方式會讓你很快上手，而且你無須學(xué)習(xí) HTML 語法。

但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來的網(wǎng)頁，用 Netscape 往往不能正常顯示；其次，生成的垃圾代碼多，也會自動修改代碼，導(dǎo)致在某些情況下極為不便；再次，對DHTML的支持不好。但不管怎么說，F(xiàn)rontpage 的確是最好的入門級網(wǎng)頁編輯工具。

常見的版本為 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的產(chǎn)品的另一款"所見即所得"的網(wǎng)頁編輯工具,或稱網(wǎng)頁排版軟件。與 Frontpage 不同，Deamweaver 采用的是 Mac 機(jī)浮動面版的設(shè)計風(fēng)格，對于初學(xué)者來說可能會感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后，就會發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。

Dreamweaver 對于 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設(shè)計使得其功能可以無限的擴(kuò)展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常緊密的結(jié)合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說Dreamweaver 是高級網(wǎng)頁制作的首選并不為過。

常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的產(chǎn)品，F(xiàn)lash 是交互式矢量圖和 Web 動畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。相信凡是見過 Flash 技術(shù)的人，沒有一個不想掌握它的。它不但易學(xué)、易用，而且可以做出有很多動畫的網(wǎng)站，并且聲色結(jié)合，是一種很有前途的網(wǎng)頁制作技術(shù)。

firework

firework也是 Macromedia 公司的產(chǎn)品，是真正的網(wǎng)頁作圖軟件。Fireworks 與 Dreamweaver 結(jié)合很緊密，只要將 Dreamweaver 的默認(rèn)圖像編輯器設(shè)為 Fireworks ，那么在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個功能是可以在同一文本框里改變單個字的顏色。當(dāng)然，F(xiàn)ireworks 可以引用所有的 Photoshop的濾鏡，并且可以直接將 PSD 格式圖片導(dǎo)入。它是用來畫圖用的，它相當(dāng)于結(jié)合了Photoshop ( 點(diǎn)陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網(wǎng)頁上很流行的陰影、立體按鈕...等等的效果，也只需用鼠標(biāo)點(diǎn)一下，不必再靠什么KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網(wǎng)頁16進(jìn)制的色彩模式，提供安全色盤的使用和轉(zhuǎn)換，要切割圖形、做影像對應(yīng)(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來都非常方便，修改圖形也是很容易的 。不需要再同時打開Photoshop和CorelDRAW...等等各類軟件，切換來切換去的了。

Dreamweaver、Flash、Firework稱為網(wǎng)頁制作三劍客，將三個軟件配合起來使用，會制作出非常精美的網(wǎng)頁

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動畫工具，它在一個軟件包中提供了頂級的功能，用于動畫 編排、編輯、特效和優(yōu)化。 GIF Animator 差不多支持每個主要的文件格式，包括視頻文件，并允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或圖像序列。用戶可以生成適當(dāng)?shù)?HTML 代碼，以便將動畫嵌入到網(wǎng)頁中，并且可以將動畫打包成獨(dú)立的 EXE 文件，以便通過電子郵件發(fā)布和在任何地方來查看。

u 制作主頁

制作主頁無非是添加文字、添加圖片、添加鏈接，跟用word沒什么區(qū)別，經(jīng)過簡單的學(xué)習(xí)后，你就會制作主頁了！但是，要作出高水平的主頁那要學(xué)的東西就太多了，不過總結(jié)起來就是html，圖形制作，動畫制作，頁面特效制作和后臺程序制作幾個部分。

u 申請的主頁空間，把你制作的主頁傳上去

我們制作的頁面放在我們自己的計算機(jī)上，別人是不能看見的。為了讓別人看見我們制作的頁面，我們必須將他們放到一臺和internet一直連接的計算機(jī)（服務(wù)器）上。你可以到提供空間服務(wù)的站點(diǎn)申請主頁空間。有空間以后就可以利用響應(yīng)的FTP（文件傳輸協(xié)議）工具軟件將我們制作的頁面?zhèn)魃先ァ＿@樣，就可以讓大家來分享我的精彩頁面了。

常見的FTP工具軟件有cuteFTP、leapFTP等，其功能和使用方法都比較類似，具體使用方法可參見本站想應(yīng)的文章。

可能你開始的主頁只是非常簡單， 但是這是你的第一步，也是良好的開端，然后再一步步學(xué)習(xí)：如何把網(wǎng)頁制作漂亮一些？如何制作動畫？對于新手，千萬不要一下子就想：我看到某某某網(wǎng)頁這么漂亮，它是怎樣做出來的？我很想馬上做出來，于是馬上就去研究復(fù)雜的網(wǎng)頁，這樣你會發(fā)現(xiàn)網(wǎng)頁制作很難，學(xué)兩下就放棄了，這樣永遠(yuǎn)學(xué)不會制作主頁。想當(dāng)初，我對于我的網(wǎng)頁能產(chǎn)生鏈接也高興了半天，于是產(chǎn)生了更大的興趣。記?。阂徊揭徊絹?，不要一下子想成為高手，否則很難成為高手。

如何制作網(wǎng)頁背景啊？

3.設(shè)置網(wǎng)頁的背景圖像

網(wǎng)頁的背景色和背景圖選擇得好，會是頁面增色不少。如果選取單一的背景色，難免顯得單調(diào)，如果選擇整個圖片做背景，由于圖片本身的文件大，造成網(wǎng)頁的加載時間長，一般用戶很難有耐性等待下去。那么帶背景的網(wǎng)頁是如何制作出來的？

很簡單，一般是采用一幅很小的圖片，然后鋪展開，形成很漂亮的背景。對背景圖的要求當(dāng)然是越漂亮越好，文件越小越好。這里我們不談?wù)搱D片的制作了。

當(dāng)你有了一幅可以自然拼接的圖像后，在Dreamweaver中，我們可以設(shè)置background圖片。

打開源文件我們可以看到〈BODY〉標(biāo)簽中多了一串代碼。代碼的表達(dá)式如下：

BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF"

這里的images/back001.gif就是BACKGROUND的值，其圖像文件名為一個URL。 當(dāng)然我們可以在源代碼中直接加入上面的代碼。

下面是一個小例子。假如我們有了一幅適合做背景的小圖，文件為back001.gif，下面就可以重新編寫HTML代碼了。

HTML

HEAD

TITLE歡迎洪恩在線/TITLE

/HEAD

BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF"

PFONT FACE="Arial" SIZE="5" COLOR="#0000ff"12億中國人的網(wǎng)上學(xué)校/FONTFONT FACE="5" COLOR="#0000ff"電腦樂園/FONT/P

/BODY

/HTML

下面是這段代碼產(chǎn)生的顯示效果：

怎么樣？如果你選擇的背景圖片質(zhì)量很高的話，背景會更漂亮的。

你可以參照：洪恩在線http://xintu.hongen.com/pc/homepage/webjq/pm003.htm

如何在網(wǎng)頁添加背景圖片？

如果網(wǎng)頁背影只放一張圖片的話，打開網(wǎng)頁很慢。如果要加的話可以這樣。

body

{

background:url(圖片地址)

no-repeat

top

center;

}

怎樣給網(wǎng)站加上背景圖片？

將你加添加的背景圖片放在images文件夾里，然后在head標(biāo)簽里添加哪下代碼：

style

type="text/css"

body

{

background-image:

url(背景圖片路徑/圖片名稱);

}

/style

正常網(wǎng)頁制作背景圖片應(yīng)該多大？

1、背景最好是能夠做到自動延伸，現(xiàn)在的顯示器是越來越大，分辨率也慢慢的變大了，現(xiàn)在用1600*900分辨率的也不少，我的就是，當(dāng)然也有人用1280*768、1024*768等，所以網(wǎng)頁設(shè)計的背景一般是不會設(shè)計成固定尺寸的，你可以做成可循環(huán)平鋪的圖片或者漸變顏色，直接是一種顏色那就更方便了；

2、其實網(wǎng)頁設(shè)計一般所說的尺寸指的是主體框架的尺寸，就拿現(xiàn)在這個百度知道的頁面距離，中間的主體部分無論是瀏覽器怎么伸展，主體內(nèi)容的寬度是保持不變的，我查看了一下css代碼，這個主體框架的寬度是980px；

3、你設(shè)計的時候把主體部分設(shè)置成980-1000px就差不多了，畢竟現(xiàn)在使用1024*768分辨率以下的人已經(jīng)畢竟少了。

html網(wǎng)頁制作中如何設(shè)置背景圖片（如何引用）

看看 css 中的 background 這個使用說明.

大部分元素都可以,設(shè)置背景圖.

可以根據(jù)你的需要進(jìn)行設(shè)置.

隨便再看一看 html 的一些資料吧.

設(shè)置網(wǎng)頁中的背景圖片

方法一：在HTML文件中設(shè)置

HTML的中有兩個關(guān)于背景的屬性，其中的background用來設(shè)置背景圖片。示例如下：

如果背景圖片小于網(wǎng)頁顯示窗口，那么這個背景圖片會自動重復(fù)。

為保證瀏覽器載入網(wǎng)頁的速度，建議盡量不要使用字節(jié)過大的圖片作為背景圖片。

可以參考這個網(wǎng)站的教程和示例：

http://xintu.blabla.cn/html_tutorials/045_html_bgcolor_background.html

方法二：在CSS文件中設(shè)置

CSS的背景圖片屬性

示例：

可以參考這個網(wǎng)站的教程和示例：

http://xintu.blabla.cn/css_tutorials/020_css_background.html

參考資料：

http://xintu.blabla.cn/html_tutorials/index.html

網(wǎng)頁背景圖的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于網(wǎng)頁背景圖片怎么設(shè)置、網(wǎng)頁背景圖的信息別忘了在本站信途科技進(jìn)行查找。