当前位置：首页 » 网页设计 » 制作网页背景

制作网页背景

发布时间: 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就是你背景图片的地址，改一下

阅读全文

制作网页背景

与制作网页背景相关的阅读推荐