网页设计的图片设置_html网页制作中如何设置背景图片（如何引用）

1、网页设计中的图片应该怎么优化

、竟可能的为一张重要的图片，建立一个单独的页面

那么要如何的去建立图片网页呢，
我们要把这个网站中关于这个图片的所有信息都集中
在这个图片网页，
而且在建立这样的网页的时候，
每个图片网页的标题不要重复，
都需要是
独特的，
我们还可以在这张图片上加个用户的评论、
可以开启用户评论功能，
让这个图片永
远保持更新，这对于搜索引擎来说，
也是比较友好的做法，如果是图片比较多的时候，
我们
可以给其建立一个单独的图片频道，
在这一点上，
梦芭莎就做的非常好，
它的网站中个图片
收录和流量都是非常不错的。

2
、图片的命名要有描述性

在给图片命名时，
绝对不能出现
1.jpg
，
2jpg
这样没有一点实际意义的命名，
在谷歌的
网站质量指南中，
明确的指出了如果一个图片在网页上没有任何文字信息描述，
那么在搜索
引擎的结果页，
谷歌会考虑使用图片的名称来展示图片搜索结果，
可见图片的名称还是非常
重要的，
而且如果使用图片的描述性信息做为图片名称，
还可以加强页面主题的相关性，
例
如你在描述面粉的页面中，
出现了面粉图片，
你可以给这个图片起名为
mianfen.jpg
，
而拼
音
mianfen
是与计算机密切机关的，
用
mianfen
作为图片的文件名，
加强了这篇文章的主
题面粉。

3
、可以适当的给图片做一些内链以及外链

除了给文字网页内容做链接，
对于图片来说，
我们完全可以给它们做一些链接，
例如我
们可以在网站的内部中，
多给图片网页一些内链的支持，
在做外链的时候，
适当的给一些重
要的图片网页做一些外链，这样在搜索引擎的排名结果中，你的图片排名可能会比别人高。
而且这样做的人很少，如果你做了外链，内链，相信你的排名很快就会上去。

4
、每一个图片都要加上
alt
属性

在网页中，要给每个图片都加上
alt
属性，加
alt
属性有双重的作用，一是提高用户体
验，当页面的图片因为某种原因不能加载的时候，在图片的位置上是显示图片的
alt
属性里
边的文字的，
这样用户就知道这个没有加载的图片是关于什么的图片，
可以完整的理解网页
的内容，不打断用户的思路，而且另外一点是针对
SEO
的，图片加了
alt
属性，等于是界
定的图片的主题，告诉了搜索引擎这个图片是关于什么的，从而在用户搜索相应的关键词，
图片可以获得相应的排名。

5
、图片尽量要进行无损压缩

我们知道，
在网页加载的时候，
网页的体积越上，
加载速度就会越快，
我们要做的就是
尽量的减少页面的大小，
对于图片来说，
要在不影响图片质量的情况下，进行无损压缩，特
别是对于一些有大量图片的网站来说，
压缩的效果非常的明显，
可以大大提升页面的打开速
度，从而提升用户体验。

2、html如何设置图片大小

html插入图片有两种方式：一种是通过<img>标签插入的正常的图片，另一种是通过css样式插入的背景图片。

问题分析：

1、首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。

2、如果你插入的图片是通过<img>标签的方式来插入的话，可以通过<img>自身的属性控制图片大小，代码格式是：<img src="图片路径" width="图片宽度" height="图片高度"/>。

3、如果非要通过css控制背景图片的大小，可以通过background-size样式来实现，具体的css格式是：background-size:宽度高度; （如下图所示）。

(2)网页设计的图片设置扩展资料：

1、background 是用于在一个声明中设置所有背景属性的一个简写属性。

格式: background: {属性值}

继承性: NO；

可能的值：

background-color（背景颜色）

background-image（背景图片）

background-repeat（背景拉伸方式）

background-attachment（固定或者随着页面的其余部分滚动）

background-position（背景定位）

新增的值：

background-clip（规定背景的绘制区域）

background-origin（相对于容器中来定位背景图像）

background-size （背景图像的大小）

参考资料：

网络-background

3、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属性去掉，要不然会被遮住。

4、DW网页设计如何设置背景图片问题

要把图像放入背景，需要使用 background-image 属性。background-image 属性的默认值是 none，表示背景上没有放置任何图像。

如果需要设置一个背景图像，必须为这个属性设置一个 URL 值：
body {background-image: url(/i/eg_bg_04.gif);}

大多数背景都应用到 body 元素，不过并不仅限于此。

下面例子为一个段落应用了一个背景，而不会对文档的其他部分应用背景：
p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可以为行内元素设置背景图像，下面的例子为一个链接设置了背景图像：
a.radio {background-image: url(/i/eg_bg_07.gif);}

理论上讲，甚至可以向 textareas 和 select 等替换元素的背景应用图像，不过并不是所有用户代理都能很好地处理这种情况。

另外还要补充一点，background-image 也不能继承。事实上，所有背景属性都不能继承。

背景重复

如果需要在页面上对背景图像进行平铺，可以使用 background-repeat 属性。

属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。

默认地，背景图像将从一个元素的左上角开始。请看下面的例子：

body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
}

5、如何在网页制作中将图片设置为滚动

1、素材的准备。为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的；

2、在电脑上找到并且打开Dreamweaver8，重新建立一个网页文件，并且把网页文件保存，且命名为“index.html"文件；

3、在完成网页文件保存和命名为“index.html"文件以后，切换至代码编辑界面，输入相应的程序代码；

4、新建一CSS样式表文件，并将该文件保存到与“index.html”相同的目录下，文件名称为“MyStyle.css"；

5、在样式表文件"MyStyle.css”文件的完成以后，打开样式表文件"MyStyle.css”文件输入相应的程序代码；

6、在网页文件"index.html"中添加对该样式表的引用：“<link rel="stylesheet" type="text/css" href="MyStyle.css">”，同时新建一个JS文件，并将该文件另存为“MoveEffect.js"；

7、在JS文件”MoveEffect.js“文件建立完成以后，同样打开JS文件”MoveEffect.js“文件输入程序的代码；

8、完成上述程序运行以后，在主页文件"index.html”中添加对该“MoveEffect.js”文件的引用，“<script type="text/javascript" src="MoveEffect.js"></script>”，打开“index.html”网页文件即可。

6、网页设计背景图片大小设置问题

想要图片适应单元格的大小，就设置单元格为固定宽高，并且设置溢出为隐藏就行，然后通过设置背景图片的位置就能达到目的，代码如下：
td{background:url(img/demo.jpg) #000 repeat center center;overflow:hiddem;}
想要没有多余的完全显示一个图片，只能让图片的大小和单元格的大小完全相同才行

7、网页背景图片设置的代码是什么呢

1.(最普遍类) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

说明:以上代码为网页背景图片固定代码！网页背景图片固定代码，这样，当向下拉网页时，网页背景图片不会跟着向上移动，达到不动的目的！

2.(综合类)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 图片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
说明：
no-repeat;（不平铺）
改为这个repeat（平铺）

8、html网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

9、网页设计中怎么让一张图片填充满整个画面求代码

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方法是要求图片不重复，但又得占满浏览器所采用的方法。

导航:首页 > 万维百科 > 网页设计的图片设置

网页设计的图片设置

与网页设计的图片设置相关的知识