网页图片怎么制作
如果要在网页上用的图片，你可以用PS（Photoshop）或者FW，
如果是想把照片弄的好看点的话，可以用PS解决，我给你一个网站，里面有你想要的教程，非常简单，如果你有美术的基础，会事半功倍！
补充：没什么知识，只要不是色盲，会一些基本的美术理论就行了！（如果不是想大师级的话，一点点美术基础就够了！）如果想大师级的话，呵呵！素描，色彩，设计理论，色彩搭配理论，设计风格，一样都不能少，越多越好！
网页切图怎么做 网页设计切图
网页切图怎么做，网页设计切图的方法。
如下参考：
1.打开PS，点击切片工具，如下图所示。
2.点击切片工具，可以将图片切割成所需的大小，如下图所示。
3.剪切图片后，点击导出特殊网页使用的格式，如下图所示。
4.输入属导出web的格式页面，并按住shift键选择所有部分。
5.导出格式设置为JPEG，如下所示。
6.最后，单击save存储，如下图所示。
网页制作图片怎么居中
图片的宽度和高度是未知的，没有一个固定的尺寸，在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中，想想感觉还是挺麻烦的，由于最近的项目可能会用到这个方案，所以把一些常用的方法都收集整理了一下。
下图是理想中的效果图，外部容器的宽度和高度是固定的，中间的图片宽度和高度未知，但是图片要始终要相对于外部的容器垂直居中。
但是实际中实现的效果并不是很完美，由于各浏览器的解析都各不相同，所以各浏览器都会有1px-3px的偏差。
方法一 (XHTML 1.0 transitional)：
该方法是将外部容器的显示模式设置成display:table，img标签外部再嵌套一个span标签，并设置span的显示模式为display:table-cell，这样就可以很方便的使用vertical-align象表格元素那样对齐了，当然这只是在标准浏览器下，IE6/IE7还得使用定位。
HTML结构部分：
《div id=“box“》
《span》《img src=“images/demo.jpg“ alt=““》《/span》
《/div》
CSS样式部分：
《style type=“text/css“》
#box{
width:500px;height:400px;
display:table;
text-align:center;
border:1px solid #d3d3d3;background:#fff;
}
#box span{
display:table-cell;
vertical-align:middle;
}
#box img{
border:1px solid #ccc;
}
《/style》
《!–[if lte IE 7]》
《style type=“text/css“》
#box{
position:relative;
overflow:hidden;
}
#box span{
position:absolute;
left:50%;top:50%;
}
#box img{
position:relative;
left:-50%;top:-50%;
}
《/style》
《![endif]–》
方法二 (XHTML 1.0 transitional)：
方法二和方法一的实现的原理大同小异，结构也是相同的，方法一用的是条件注释，方法二就用的CSS Hack。
CSS样式部分：
《style type=“text/css“》
#box{
width:500px;height:400px;
overflow:hidden;
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle;
border:1px solid #d3d3d3;background:#fff;
}
#box span{
position:static;
*position:absolute; /*针对IE6/7的Hack*/
top:50%; /*针对IE6/7的Hack*/
}
#box img {
position:static;
*position:relative; /*针对IE6/7的Hack*/
top:-50%;left:-50%; /*针对IE6/7的Hack*/
border:1px solid #ccc;
}
《/style》
该方法有个弊端，在标准浏览器下由于外部容器#box的显示模式为display:table-cell，所以导致#box无法使用margin属性，并且在IE8下设置边框也无效。
方法三 (XHTML 1.0 strict)：
标准浏览器还是将外部容器#box的显示模式设置为display:table-cell，IE6/IE7是利用在img标签的前面插入一对空标签的办法。
HTML结构部分：
《div id=“box“》《i》《/i》《img src=“images/demo.jpg“ alt=““》《/div》
CSS样式部分：
《style type=“text/css“》
#box{
width:500px;height:400px;
display:table-cell;
text-align:center;
vertical-align:middle;
border:1px solid #d3d3d3;background:#fff;
}
#box img{
border:1px solid #ccc;
}
《/style》
《!–[if IE]》
《style type=“text/css“》
#box i {
display:inline-block;
height:100%;
vertical-align:middle
}
#box img {
vertical-align:middle
}
《/style》
《![endif]–》
方法三也同样适用XHTML 1.0 transitional。以上方法都是收集于网页教学网，暂时只对这3个方法比较满意，兼容性方面不错，使用起来的限制也比较小，还有些方法我也都一一测试过，效果都不理想，在各浏览器中的差异比较大。另外司徒正美这里也收集了一些方法。
html网页制作中如何设置背景图片（如何引用）
1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：
2、然后填写自己的网页内容， 设置一下样式，直接在body后面加上background=“图片名字“即可插入图片：
3、最后来到浏览器，刷新一下网页，这样就会显示背景了：
网页效果图怎么制作
平面广告和网站页面设计的宗旨就是吸引眼球，符合平面视觉冲击特点，如何设计一款有特色、另类能吸引眼球的作品是摆在平面设计人员和photoshop爱好者面前的难题
现在以一款网页平面设计效果图为实例，讲解网页设计方面的创意知识，从网页效果图布局创意、颜色选择，裁减效果图和制作网页特效等方面来学习。下面我们就一起来学习吧。
首先声明一下，这款网页效果图在得到朋友许可后拿来制作教程实例，切勿抄袭和用做其他用途。先看效果图0。
一、 创意设计思路
一个网站在制作前需要确定网站风格、网站主题、和主色调，在没有确切的方案之前，最好不要贸然动手制作，不然最后的结果很可能是以失败而告终。
笔者决定从关键字“路行““独自行走“加上是暗色系的要求上下手，敲定颜色采用沙漠黄，沙漠很容易让人联想到孤单；板式确定为户外广告的样式沙漠黄配合生锈的广告牌。符合“颓废““艰辛路途“主题。
二、 网站效果图及LOGO的制作。
1、LOGO的样式采用的是图形和字符的组合。汉字LOGO的字体不是下载的字体，是笔者用钢笔工具画出来的字体。如图1和1-1。
钢笔工具勾勒出图1的行走的人样式，填充红色，然后调整混合模式“斜面和浮雕“选择浮雕效果、雕刻清晰、深度1、方向上、大小2，其他默认。这LOGO 的创意是，一个人在崎岖不平的路上坚持自己的方向，配合网站的英文加中文名字，构成一个形象LOGO，刚好“路“字和“行“字采用红色，突出了路行。
文字LOGO笔者用钢笔工具勾画出字的各个部件，然后拼接在一起，这里只给出“路“字的方法，“行“字方法如同。[next]
2、制作布局参考图。如图2
3、根据布局效果图，新建文件大小1000X765，填充黑色。布局中的“显示区域“为广告牌是要挂到墙上的，使用“石头材质“放置在页面最上方来制作石板墙；使用“锈迹皮革材质“制作“显示区域““LOGO“区域的边框（注：一些材质的制作方法省略，平时可自行制作也可去图片站下载保存，用的时候方便），将LOGO区域的边框复制一层，调整不透明度为60%放置到LOGO曾下方，这样大体的框架就完成了。如图3和3-1。
（图5）
（图6）
4、找来一张沙漠公路的图片，把这张图片进行聚焦处理。点图4示例的按扭进入“以快速蒙版编辑模式“，选择渐变，渐变模式为“径向渐变“在图中间向两边拉，屏幕会出现一团红色；然后再点“以标准模式编辑“画面会出现一个圆圈选择区域，按“DELETE“删除即可。如图4和图4-1。
（图7）
（图8）
5、在“路“图片上方新建一层，按住CTRL+“路“图层，单击新建的图层，填充颜色4E341B，调整为暗系沙漠黄。如图5。
（图9）
制作文字LOGO牌。找来图5-1中的灰色材质，在“LOGO边框“下面新建一层，然后在其之上新建一层，放置沙漠图片，将其混合模式修改为“颜色“然后打开一开始制
网页制作图片显示不同的效果
明白你的意思啦.
首先，二者都是在网页里插入里图片，这个和用了什么软件排版没有关系
其次，既然都是网页，为什么会有不同的效果呢？因为上面一个用的代码的《img》，下面一个用的代码是background，如果你换一种浏览器，比如 世界之窗，你就会发现，其实下面的网页多了一个“背景另存为”
那么为什么要用不同的代码呢？因为如果直接添加图片，图片上面要是要再写字，要么直接在图片上写好，要么只有用css的z-index属性，麻烦。
同样，如果用背景background，那么图片上的字就很好修改，直接写到网页里就可以了，而且你发现没有，下面这张图的背景是一样的，这样要是用图片来处理，图片就要做很大一张，会影响网页打开的速度，而用图片，图片会自动重复把空白的地方铺满。
要是还不懂，可以参考下面的网址，里面有具体的例子和说明，你可以下载下来查看源代码。
如何制作网站中的图片
通常情况下，数码相机里的JPG格式图片只要更改尺寸可直接用于网络。
网络显示因显示器分辨率而不同，目前比较常用的是1024*768像素。所以，为了大部分人可以很好的浏览你的图片，请将图片设置为适当的大小，根据网页的设计而定，一般宽度不要超过700像素。
目前最为常见的图片制作工具是Photoshop CS系列，具体步骤如下：
1、打开图片。
2、在编辑中进行图片大小的编辑，分辨率保持在72DPI。
3、另存为WEB格式。
目前国产软件中有一个光影魔术手，做一些网站用图十分便利，且是免费软件，可下载一试。