导航:首页 > 万维百科 > 网页设计原图

网页设计原图

发布时间:2020-08-01 00:16:46

1、正常网页制作背景图片应该多大?

1、背景最好是能够做到自动延伸,现在的显示器是越来越大,分辨率也慢慢的变大了,现在用1600*900分辨率的也不少,我的就是,当然也有人用1280*768、1024*768等,所以网页设计的背景一般是不会设计成固定尺寸的,你可以做成可循环平铺的图片或者渐变颜色,直接是一种颜色那就更方便了;

2、其实网页设计一般所说的尺寸指的是主体框架的尺寸,就拿现在这个百度知道的页面距离,中间的主体部分无论是浏览器怎么伸展,主体内容的宽度是保持不变的,我查看了一下css代码,这个主体框架的宽度是980px;

3、你设计的时候把主体部分设置成980-1000px就差不多了,毕竟现在使用1024*768分辨率以下的人已经毕竟少了。

2、网页制作中插入图片的代码是什么

1、在代码中经常用到的插入图片代码是img属性,格式就是<img src="" alt=""> src后面是添加图片的地址,后面的alt是对图片的描述。

2、在插入图片前,要将html文件和图片文件放在一个文件夹内,这里的img文件夹就是专门存放图片的地方。

3、然后回到代码栏,在src中输入链接地址img/pic_01.jpg,要将图片的具体地址和名称全部写全才可以在网页中看到,否则就会显示连接失败错误而无法观看到图片。

4、将文件保存后,在浏览器中我么就可以看到此刻的图片被添加进来了,位于网页的左上角位置。

5、如果想要移动图片的所在位置,就需要先对其包装一下,用一个盒子将其包裹,然后调整盒子的位置就相当于移动的是图片的位置了。

6、如图,之前设置的盒子距离顶部100px.然后距离左侧100px,这样就将盒子挤到了现在所在的位置,如图所示。

3、网页设计中图片的分辨率是多少

图片的分辨率在不同的地方是不一样的 网页设计为72DPI 写真为152 2楼说的都对

4、网页设计怎样添加图片

网页设计如何插入图片?以下就是网页设计如何插入图片等等的介绍,希望为您带来帮助。
第一步,先打开我们的网页制作如见,目前比较常用的是Dreamweaver。选择"HTML"。
第二步,打开这个软件之后,我们可以看到左上角有三个选项,我们选择其中的“设计”。
第三步,来到设计界面之后,把光标定位在自己要插入图片的位置。
这个操作是不用写代码的,所以可以选择工具栏上的“插入”命令。
接下来,我们在弹出的下拉菜单中选择插入图像命令。
选择完插入图像命令之后,会弹出这样一个小窗口,我们把要插入的图片的文件名输入进去之后再点击确定就可以了。
做完上面这一切步骤之后,图片就可以插入到网页中了,大家可以预览网页哦!

5、网页设计中怎么让一张图片填充满整个画面 ?

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

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

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

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、为什么在制作网页设计时背景图片总是出现好多小尺寸的图片,而不是一副完整的和屏幕一样大的图片?

1366*617 背景图可以做成底部是一个颜色的,使其不重复no-repeat,然后设置页面背景色,即可弥补背景半截显示的现象

背景图片的大小不够大,小尺寸的图片就重复填充整个背景啦!background里面有个no-repeat可以让图片不重复,但是这只能在图片够大的情况下才能填充整个背景

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、网页设计,怎么变成第一张(原图)的样子,第二张是我编写的。

这个网页是设定了宽度的。

你设置下宽度,并且居中就可以了。

与网页设计原图相关的知识