當前位置：首頁 » 網頁設計 » 製作網頁背景

製作網頁背景

發布時間: 2021-03-13 03:02:51

❶ html 網頁製作中如何設置背景圖片（如何引用）

1、首先打開來Atom編輯器導入項目文件夾，先源創建一個index.html的文件。定義一下html文件的主信息：

❷ 製作網頁如何改變背景顏色

打開Adobe Dreamweaver，新建一個HTML網頁文件.

❸ 如何製作網頁背景啊

3.設置網頁的背景圖像
網頁的背景色和背景圖選擇得好，會是頁面增色不少。如果選取單一的背景色，難免顯得單調，如果選擇整個圖片做背景，由於圖片本身的文件大，造成網頁的載入時間長，一般用戶很難有耐性等待下去。那麼帶背景的網頁是如何製作出來的？

很簡單，一般是採用一幅很小的圖片，然後鋪展開，形成很漂亮的背景。對背景圖的要求當然是越漂亮越好，文件越小越好。這里我們不談論圖片的製作了。

當你有了一幅可以自然拼接的圖像後，在Dreamweaver中，我們可以設置background圖片。

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

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

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

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

<HTML>
<HEAD>
<TITLE>歡迎洪恩在線</TITLE>
</HEAD>
<BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF">
12億中國人的網上學校電腦樂園
</BODY>
</HTML>

下面是這段代碼產生的顯示效果：

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

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

❹ 製作網頁時怎麼添加背景圖片

我也在學網頁哦,是在背景空處,點右鍵,有個背景添加,選你的圖片就可以了

❺ 如何製作網頁背景

兩種方法：
1 是加透明Flash 網路搜下「透明Flash」就有很多了，下載就可以了！

2 用javaScript 腳本做！！弄幾個小圖標！
讓他們動就可以，這個在網上也可以搜！
如果找不到給我留個言我做一個給你！
還可以用慮鏡讓他們忽明忽暗更好看！

希望可以幫到您！

❻ 網頁背景製作

用滑鼠右鍵點網頁，然後選擇「打開方式」=>「記事本」；
然後在記事本中的代碼找到這句「<BODY>」，一般在代碼的開始就有，
然後按照我寫得這樣改「<BODY style="background-image:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif); background-repeat:no-repeat; background-position:center ">」

我給你解釋下上面的代碼：
https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif 是你圖片的鏈接
background-repeat:no-repeat 圖片背景不重復，反之background-repeat:repeat 就是圖片背景重復且平鋪
background-position:center 圖片至於網頁中央，你可以改成top、bottom、left、right...

比如你要這個背景在網頁左上，那麼完整的代碼就是

<BODY style="background-image:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif); background-repeat:no-repeat; background-position:left; background-position:top;">

最後，保存！！至此你可以看看網頁的效果了！！

❼ 如何製作網頁背景用什麼工具製作

先用制圖軟體：photoshop或者firewords類似的做一個你想要的背景~
之後就用dreamweaver或frontpage製作背景~因為dw或fp是可見即可得的軟體，所以用這些比較容易上手~
或者你有了圖，和網頁的話，你也可以在網頁的代碼上加上一些定義的代碼：

這個是加在網頁代碼里的，看得明就好
語法：

background-repeat : repeat | no-repeat | repeat-x | repeat-y

參數：

repeat : 背景圖像在縱向和橫向上平鋪
no-repeat : 背景圖像不平鋪
repeat-x : 背景圖像在橫向上平鋪
repeat-y : 背景圖像在縱向平鋪

示例：

menu { background: url("images/aardvark.gif"); background-repeat: repeat-y; }
p { background: url("images/aardvark.gif"); background-repeat: no-repeat; }

❽ 製作網頁設置背景圖片的問題

添加背景圖片，只要長寬都為1px就可以了。前提是背景是一樣的，然後再body里加背景圖片為你需要的背景圖片就可以
。

❾ 製作網頁的時候怎麼設置背景

設置背景，請在<body>標簽里增加一個class類，這個類寫入background-image標簽。
例如：{background-image：pictrue.jpg}
pictrue.jpg就是你背景圖片的地址，改一下

閱讀全文

製作網頁背景

與製作網頁背景相關的閱讀推薦