网页设计怎么插入图片

一个网页最重要的一点就是把信息传递给浏览者，而一般传递信息的方式就是文字或者图片，但是如果用文字加图片的方式来传递，这样组合起来的效果将会比单个方式传递将更加的有效。接下来小编告诉你网页设计怎么插入图片。

构思。

一张大图片、一张小图片要形成什么意境，要事先构思好。

举例大图片是蓝天白云，小图片是飞鸟。

获取图片地址。

如果自己上传，完成后点显示源代码，复制图片地址备用。

如果是网上现有图片，右击点“属性”，复制图片地址备用。

注意记住图片的宽和高。

进入编辑。

进入自己的网站或博客后台，并使编辑器处于代码编辑状态。

贴入代码：

修改代码。

将本文第二步备用的两个图片地址分别添加到本文第三步相应位置，并修改宽(width)和高(height)。

调整小图片位置。

这是制作的关键代码：

MARGIN: 0px 0px 300px 300px

调整上边的值，就可实现定位。

修饰。

还可对整体进行修饰。例如加边框，会有立体感。加入代码“border=10”即可(10可以调整)。

一、杀毒。

拨掉网络连线、关闭系统还原，在安全模式下，用新版本的杀毒软件杀毒，同时最好换一个杀毒软件再杀一次。

二、清理磁盘和整理磁盘碎片。

1、在我的电脑窗口，右击要清理的盘符—“属性”—“清理磁盘”--勾选要删除的文件--确定--是。

2、清除临时文件，开始—运行—输入 %temp% --确定。3、用优化大师或超级兔子清理注册表和垃圾文件。

4、关闭一些启动程序， 开始-运行-msconfig---启动 ,除杀毒软件、输入法外一般的程序都可以关掉。

5、删除不用的程序软件。

6、整理磁盘碎片--开始 --所有程序--附件--系统工具--磁盘碎片整理程序--选定C--分析--碎片整理。

三、用360优化你的计算机。

四、用360修复IE。

五、修改注册表：

1、加快宽带接入速度

家用版本：打开注册表编辑器，找到HKEY_LOCAL_MACHINESOFTWAREPoliciesMicrosoftWindows，增加一个名为Psched的项，在Psched右面窗口增加一个Dword值NonBestEffortLimit数值数据为0。

2、加快宽带网速

打开注册表编辑器，找到HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesTcpip parameters,右击parameters在右边空白处，选择左“新建”—>DWORD值边，将其命名为“DefaultTTL”,右击鼠标选出择“修改”，值改为80(十六进制)，或128(十进制)。

1 优化图片资源的格式和大小

一个网页中，图片资源的大小占比是最多的，而且单个的文件的大小也很可观。因此，在保证图片质量不变的情况下，尽可能的使用高压缩率的图片格式，图片格式可以按照这个优先级选择webp > jpeg > png > bmp。同时也要根据图片展示尺寸来拉取大小最为匹配的图片资源，不要没事就把原图拉下来使用。以前我就遇到过这种情况，一个196*196大小区域展示的图片，它的文件竟然达到了几兆，最后才发现把1960*1960分辨率的原图拉下来了。

2：开启网络压缩

大部分浏览器在发出请求时，会带上这个标记「Accept-Encoding: gzip, deflate」，表示这个浏览器可以接受以gzip压缩方式传输数据，如果你的网页服务器也支持gzip压缩数据，那么数据以gzip方式传输时，会减少70～80%的流量。

3：使用浏览器缓存

同一个站点下面的不同页面，往往都会复用一部分资源文件，如果把这些资源文件设置为可缓存的，那么在刷新或者跳转到另一个页面时，都无须再从网络拉取相关资源，这样就大大加快了网页的加载速度。

4：减少重定向请求

有的网站对于不同的终端制作了不同的页面，比如说在手机上访问微博，会从weibo.com重定向至weibo.cn，每一次重定向都会导致浏览器重新发起请求，延长加载时间。对于这种情况，应该尽可能使用响应式设计，一个weibo.com站点覆盖至所有终端。

5.使用CDN存储静态资源

CDN是一种静态内容分发网络，它在每个省，甚至每个城市都部署有自己的服务器，用于分发这些静态内容，那么当某个城市的用户要拉取某个资源时，他会选择从本地的CDN服务器上拉取，这样可以保证他最快速的获得该资源。据砖家统计，网络资源中有70%的是静态资源。这就意味着，有70%的内容产生后是不会变化，那么将它们全部放在CDN上面，可以提升这70%的资源的下载速度。

6.减少DNS查询次数

很多人喜欢把不同的图片挂在不同当域名下，比如说图片A挂在a.pm-teacher.com，图片B挂在b.pm-teacher.com。当一个网页同时使用图片A和图片B时，浏览器需要查询两个域名，要知道，每次解析域名都是会浪费时间的，所以尽可能的将全部图片放在一个域名

7.压缩css和js内容

这里说的压缩和第2点并不重复，上面提到的压缩是不改变文件内容的压缩。而css和js中有大量的空格和变量命名(如hello="hello word";)，如果将这些空格去除，并用简单的字母来代换变量名(如a="hello word";)，那么这些css和js原文件的大小也会缩小，这样也对加快拉取速度是有帮助的。

网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息。(包括产品服务理念以及文化)。

并且对网站进行策划，功能性分析，用户体验的优化，然后结合前者的数据对网站进行设计美化。作为互联网市场获取的载体，设计尤为的重要。

常用的工具主要是：PS/AI/DW等工具

网页设计的职能目标是通过：色彩搭配，字体设计，以及场景图片，布局样式进行页面设计美化。在布局尺寸以及功能限制的情况下，要尽可能在体验上做到尽善尽美，高级的设计师可能会考虑到声光，交互设计，以及浏览轨迹研究，来实现更好的视听感受。

网页设计的类型行业大概是：企业自有站，游戏类网页，集团型网站，电子商务站点，社区论坛，以及优化体验技术。

网页设计是个很个广泛词汇，是诸多技术点的一个总结，是个行业词。涵盖了不行业的技术点，比如美术等，再比如软件类等。网页设计师通常是多面手，技术流。

接下来介绍下网页设计师必会的几个软件。

首先是神器ps软件，这个软件就无敌了，从事设计类的工作，不管是工业设计或者平面设计，又或者网页设计，都是必须要懂，要会的。ps全名photoshop,是处理依据像素所构成的图像。可以使用诸多的图像编辑和绘制工具，有效的对图片进行各种操作处理。在图像、图形、文字、视频、出版等各方面都有涉及。

然后介绍的是Ai，这款软件主要是应用于出版/多媒体和工业设计的矢量插画软件，可以进行印刷制作，海报书籍排版，专业插画，以及多媒体技术处理制作，适合比较复杂的项目。和ps的区别是：ai是矢量软件，ps是位图软件。一个重点在绘制，一个重点在合成。

紧接着要谈到是dw软件，这款软件对于网页设计师来说主要是用来做一些简单的div排版，网页设计师需要了解一些基本的div代码布局技术。

许多企业在招人的时候会写上懂div，懂代码技术，很多企业为了减少人力开支，往往会要求设计师懂一点初级代码，以应付日常网站的修改和编辑。

通常不懂dw的设计师，如果在一般的公司，薪资上可能会被打一点折扣。

紧接着我们来看下这个行业的薪资情况，在北上广深地区的话，一般化的薪资能达到3.5k-5.5k，中级水平能达到5.5k-8k，高级设计师一般是可以达到10k以上的薪资水平，是个比较有前景的行业，是诸多行业当中薪资稍微偏高一点的。