1、百度提问只以文本方式,不能附以图片.至于你说将图片做成网页格式,简单的方法就是新建一WORD文档,插入图片.然后保存时将其保存为"网页格式"(HTML格式)。

1、将图片传到任何免费空陪皮友间上去，然后图片有了一个网上的连接地址，将域名指向这个地址就OK了。

2、或者你握姿有自己的空间的话，上传一个静态页面进去，制作方法很简单，你不会的话就下载一个和你要求类似的静态页面，下载下来以后只需要将他images里面的图片换成你的就可以，注意，图片名称一致才可以显示出来，然后传到空芦槐间上就可以拉。

1、将图片传到任何免费空陪皮友间上去，然后图片有了一个网上的连接地址，将域名指向这个地址就OK了。

1、将图片传到任何免费空陪皮友间上去，然后图片有了一个网上的连接地址，将域名指向这个地址就OK了。

1、启动PS，新建一个宽为1920像素，高为3000像素的画布，填充一个背景色，在画布顶部居中位置设计导航栏作为【页眉】部分。。

2、导入一张全屏海报，放在导航栏的下方，并配上主题文字。。

3、在全屏海报下方设计制作一个【热卖区】，设计四个图文分类，放在页面中间位置。。

4、再导入一张全屏海报图片，配上一些文案内容，作为新品推荐区域。。

5、在第二张全屏网站的下方中间位置，可以设计一个【新闻动态区域】，为消费者推送一些新鲜文章。。

6、在画布的底部中间位置，放一些联系方式、超链接、版权等信息，作为网页的【页尾】，这样一个完整的网页就设计好了。。

1、切片的效果是为了分部分加载一般来说图片不是很大的话没有切片必要了。

2、切片之后针对每个切片文件做好命名，然后用逐个链接。

3、换行加上或者用一些IDE网页制作软件直接拖动即可。

1、第首图要吸引人眼球网页首屏很重要，用户进入网站的第一眼就是首屏，首屏是否吸引人眼球决定了用户访问的深度和停留长度，所以，漂亮的首图是抓住用户注意力的重要手段。

2、优质的首图能够让用户明白，他们可以从这个网站获取一些什么。

3、其次、排版要合理，合理运用图文混排精心设计的排版能够为你的品牌提升个性，当这些排版和图片搭配到一起的时候，整个设计的形式感和表现力就有了明显的提升。

4、文本的样式和其中包含的信息，和图片内容相互呼应，互为解读，这是佳的搭配。

5、第图片真实、有代入感根据环境和使用场景来展示产品是电商网站常用的技巧。

6、而实际的数据也表明，这样的图片拥有着极高的转化率。

7、将产品置于实际的使用场景中，给予用户真实的使用体验。

8、第色彩运用这里说的色彩叠加指的是用半透明的色彩图层叠加在图片上，这种手法通常能够让图片更加匹配品牌色，或者视觉设计的需求。

9、所叠加的色彩能够让图片更容易引起用户的情绪反应。

10、第不对称布局不对称布局本身也是一种流行的设计手法。

11、许多网页设计师尤其喜欢这种有趣的排版布局方式。

12、这种布局适合用来引导用户的视觉，因为页面有了轻重对比，所以它可以以合乎逻辑的方式引导用户的眼睛逐步浏览页面内容。

13、关于如何巧妙运用图片设计网页，青藤小编就和您分享到这里了。

14、如果您对页面排版、网站设计、图像处理等有浓厚的兴趣，希望这篇文章可以对您有所帮助。

15、如果您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

16、以上是小编为大家分享的关于如何巧妙运用图片设计网页?的相关内容，更多信息可以关注环球青藤分享更多干货。

1、先打开photoshop设计好你的网页背景，如图所示，如何设计这样的页面我就不讲了，不属于该经验的内容，下面就是要介绍如何将这样的图片转换问网页。

2、在工具栏选择(切片工具)，大部分人的工具栏只显示裁剪工具，右键单击裁剪工具就能看到切换工具，选择它即可。

3、属性栏进行设置，先来设置样式，有三种样式可供选择，正常样式、固定长宽比、固定大小。

4、正常模式下，鼠标拖动可以绘制一个矩形的切片，切片的大小和长宽比都是任意的，点击切片就会使切片的边框变成棕褐色(如下面第二幅图)，并出现八个控制点(如下面第三幅图，拖动控制袋可以任意的改变切片的大小)，另外，直接拖动切片也可以改变切片的位置。

5、固定长宽比模式下，拖动鼠标可以绘制切片，切片的大小是任意的，但是切片的长宽比是固定不变的。

6、为了方便，一般长宽比和图像的的长宽比是相同的。

7、怎样知道图像的长宽比呢，参考下面第二幅图，在图像--图像大小下，打开图像大小对话框，这里你可以找到图像的宽度和高度。

8、固定大小模式下，切片的长和宽都是你设定的，不会改变，如图所示，点击一下鼠标就可以绘制一个切片，我绘制的这些切片都是一样大小的。

9、选中一个切片，切片变成棕色的边框，并出现了八个控制点，拖动控制点也可以改变切片的大小。

10、一般将图片切割成网页的时候，我们可以使用一种简便的方法，切换到任意一种模式下，右键单击图像，然后在打开的右键菜单中，选择(划分切片)，打开划分切片的对话框。

11、设置将图片切分为水平4个切片，垂直5个切片，点击确定按钮，下面第二幅图就是我们建立这个切片。

12、这是建立切片快的速度了。

13、拖动控制点可以改变整行或者整列的宽度和高度。

14、除此之外，我们还可以对某个切片进行进一步的切割，右键单击某个切片，然后选择(划分切片)，打开划分切片对话框，设置横向和纵向的切片个数，如图所示后，一个关键的设置就是，右键单击某个切片，然后在打开的右键菜单中选择(编辑切片选项)，打开切片选项对话框。

15、在这里你要设置的有切片的名称，这个名称也就是网页图片的名称，默认系统给出的名称即可。

16、设置url，也就是图片的链接，在网页上点击图片就能打开这个链接。

17、目标在动态图片中需要设置，即加载URL时的桢，在静态的图片中不需要设置。

18、信息文本也就是鼠表放在网页上的图片上的时候，出现在浏览器底部状态栏的文字信息。

19、Alt标记就是鼠标放在图片上，自动出现在图片周围的文字。

20、设置好这些参数以后点击确定按钮。

21、后就是要保存html文件了，在菜单栏上执行、文件--存储为web和设备所用格式在打开的对话框中，点击(双联)你会看到两个图片，上面这个是处理前的原图，下面这个是处理后的图片，你可以对比两个效果以后再保存图片。

22、设置格式为jpeg，其他参数参考下面的这幅图，一般默认系统给出的参数即可。

23、点击储存按钮。

24、关键的步骤就是在这里，设置格式为(html和图像)，然后点击保存按钮。

25、你会看到保存后有两个文件，一个是图片文件夹，一个是html文件，双击打开html就可以看到一个网页了。

26、用dreamweaver打开网页文件可以对齐进行进一步的编辑。

1、我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。。

2、新建一个1920px*400px的文件。

3、我们拉一个一个蓝色（#506dbb）到白色的一个渐变。

4、效果图。

5、然后我们保存这张图片为gif格式这时候我们新建一个1000*800的文件我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明。

6、下一步我们使用切片工具。把页面进行切片。如下图所示注意每一个链接都要切片一下。切片工具和矩形选区工具一样，拉一下就是一个切片为了区分我这里加了背景。我们一会一定要记得去掉。

7、我们再使用切片选择工具选择单个切片。然后右键。

8、我们再逐个为切片添加链接。

9、我们现在保存为web所用格式。

10、我们把这里选择png—8。

11、保存。

12、保存完成后效果图。

13、保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观，且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中为了方便，这里我们使用Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。打开Dreamweaver界面我们新建一个站点。

14、我们先要给网页居中。我们用Dreamweaver打开ps生成的html文件进入Dreamweaver的设计视图。注意看。

15、我们用鼠标点一下外边的这根线。（把鼠标放在四个角上单击一下就可以选中）选中。

16、然后把下边的属性设置为居中。注意看。

17、这样网页就居中了。我们再添加一个背景我们先把鼠标在旁边空白地方单击一下，然后点击下面的页面属性。

18、把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。。

19、然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了。

20、ps制作网页就是这么简单。