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

網(wǎng)頁(yè)的背景圖是如何制作出來(lái)的?

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

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

常見(jiàn)的版本為 Frontpage98 和 Frontpage2000。

Dreamweaver

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

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

常見(jiàn)的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

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

firework

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

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

gifanimator

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

u 制作主頁(yè)

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

u 申請(qǐng)的主頁(yè)空間，把你制作的主頁(yè)傳上去

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

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

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

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

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

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è)制作背景圖片應(yīng)該多大？

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

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

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

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

看看 css 中的 background 這個(gè)使用說(shuō)明.

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

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

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

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

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

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

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

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

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

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

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

CSS的背景圖片屬性

示例：

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

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

參考資料：

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

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