1、网页设计中怎么让一张图片填充满整个画面 求代码
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方法是要求图片不重复,但又得占满浏览器所采用的方法。
2、网页图片怎么制作
照片是照出来的,手绘是画出来的,影视剧图片是截出来的,还有些图片是纯PS制作出来的,所谓网页图片可以包括基本所有的图片来源,制作是没法教的,只能说一般后期都经过PS处理罢了。
3、网页制作中图片的插入方法
例如:<img
src="
http://www.网络.com/img/网络_sylogo1.gif">
区别在于,手写的执行交率更快!而粘贴的会有很多代码,执行速度慢!废码多!
4、网页设计中的图片应该怎么优化
、竟可能的为一张重要的图片,建立一个单独的页面
那么要如何的去建立图片网页呢,
我们要把这个网站中关于这个图片的所有信息都集中
在这个图片网页,
而且在建立这样的网页的时候,
每个图片网页的标题不要重复,
都需要是
独特的,
我们还可以在这张图片上加个用户的评论、
可以开启用户评论功能,
让这个图片永
远保持更新,这对于搜索引擎来说,
也是比较友好的做法,如果是图片比较多的时候,
我们
可以给其建立一个单独的图片频道,
在这一点上,
梦芭莎就做的非常好,
它的网站中个图片
收录和流量都是非常不错的。
2
、图片的命名要有描述性
在给图片命名时,
绝对不能出现
1.jpg
,
2jpg
这样没有一点实际意义的命名,
在谷歌的
网站质量指南中,
明确的指出了如果一个图片在网页上没有任何文字信息描述,
那么在搜索
引擎的结果页,
谷歌会考虑使用图片的名称来展示图片搜索结果,
可见图片的名称还是非常
重要的,
而且如果使用图片的描述性信息做为图片名称,
还可以加强页面主题的相关性,
例
如你在描述面粉的页面中,
出现了面粉图片,
你可以给这个图片起名为
mianfen.jpg
,
而拼
音
mianfen
是与计算机密切机关的,
用
mianfen
作为图片的文件名,
加强了这篇文章的主
题面粉。
3
、可以适当的给图片做一些内链以及外链
除了给文字网页内容做链接,
对于图片来说,
我们完全可以给它们做一些链接,
例如我
们可以在网站的内部中,
多给图片网页一些内链的支持,
在做外链的时候,
适当的给一些重
要的图片网页做一些外链,这样在搜索引擎的排名结果中,你的图片排名可能会比别人高。
而且这样做的人很少,如果你做了外链,内链,相信你的排名很快就会上去。
4
、每一个图片都要加上
alt
属性
在网页中,要给每个图片都加上
alt
属性,加
alt
属性有双重的作用,一是提高用户体
验,当页面的图片因为某种原因不能加载的时候,在图片的位置上是显示图片的
alt
属性里
边的文字的,
这样用户就知道这个没有加载的图片是关于什么的图片,
可以完整的理解网页
的内容,不打断用户的思路,而且另外一点是针对
SEO
的,图片加了
alt
属性,等于是界
定的图片的主题,告诉了搜索引擎这个图片是关于什么的,从而在用户搜索相应的关键词,
图片可以获得相应的排名。
5
、图片尽量要进行无损压缩
我们知道,
在网页加载的时候,
网页的体积越上,
加载速度就会越快,
我们要做的就是
尽量的减少页面的大小,
对于图片来说,
要在不影响图片质量的情况下,进行无损压缩,特
别是对于一些有大量图片的网站来说,
压缩的效果非常的明显,
可以大大提升页面的打开速
度,从而提升用户体验。
5、网页设计 插入图片
1.网页上图片、HTML文件要用英文或拼音。
2.就是你的路径问题
你可以试下建立个名为“images”的文件夹 把华仔.gif改为“huazai.gif”然后把这个图片放到“images”这个文件夹里
再修改你的html文件
<IMG SCR=images/huazai.gif HIGHT=100 WIDTH=65>
首页的默认名字是index.html
例如文件目录是:
-----+我的电脑 E盘
|
|
|
---images
|
|
--index.html
6、网页设计怎样添加图片
网页设计如何插入图片?以下就是网页设计如何插入图片等等的介绍,希望为您带来帮助。
第一步,先打开我们的网页制作如见,目前比较常用的是Dreamweaver。选择"HTML"。
第二步,打开这个软件之后,我们可以看到左上角有三个选项,我们选择其中的“设计”。
第三步,来到设计界面之后,把光标定位在自己要插入图片的位置。
这个操作是不用写代码的,所以可以选择工具栏上的“插入”命令。
接下来,我们在弹出的下拉菜单中选择插入图像命令。
选择完插入图像命令之后,会弹出这样一个小窗口,我们把要插入的图片的文件名输入进去之后再点击确定就可以了。
做完上面这一切步骤之后,图片就可以插入到网页中了,大家可以预览网页哦!
7、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属性去掉,要不然会被遮住。
8、网页制作中插入图片的代码是什么
1、在代码中经常用到的插入图片代码是img属性,格式就是<img src="" alt=""> src后面是添加图片的地址,后面的alt是对图片的描述。
2、在插入图片前,要将html文件和图片文件放在一个文件夹内,这里的img文件夹就是专门存放图片的地方。
3、然后回到代码栏,在src中输入链接地址img/pic_01.jpg,要将图片的具体地址和名称全部写全才可以在网页中看到,否则就会显示连接失败错误而无法观看到图片。
4、将文件保存后,在浏览器中我么就可以看到此刻的图片被添加进来了,位于网页的左上角位置。
5、如果想要移动图片的所在位置,就需要先对其包装一下,用一个盒子将其包裹,然后调整盒子的位置就相当于移动的是图片的位置了。
6、如图,之前设置的盒子距离顶部100px.然后距离左侧100px,这样就将盒子挤到了现在所在的位置,如图所示。
9、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属性去掉,要不然会被遮住。
10、网页设计中怎么让一张图片填充满整个画面 ?
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方法是要求图片不重复,但又得占满浏览器所采用的方法。