灏洋廊坊网络公司专注于廊坊网站建设、廊坊网站优化!

常见问题

香河灏洋专业的网站建设公司,竭诚为您服务!
当前位置:主页 > 新闻资讯 > 常见问题 > 页面中添加图片模块并编辑

页面中添加图片模块并编辑

作者:   来源:   发表时间:2016-12-07 16:47  

导读: 如何新增图片模块、如何更换原有的图片、如何线上调整图片的尺寸或者编辑图片、如何为图片添加链接、如何为图片模块添加边框背景等等 提示:,每张图的大小不超过512KB(一般网页图片,小图40KB、大图100KB已经非常清晰);上传前,请根据个人需...


    如何新增图片模块、如何更换原有的图片、如何线上调整图片的尺寸或者编辑图片、如何为图片添加链接、如何为图片模块添加边框背景等等
提示:,每张图的大小不超过512KB(一般网页图片,小图40KB、大图100KB已经非常清晰);上传前,请根据个人需要先调节好图片的尺寸比例(如正方形图1:1,长方形图3:2或者4:3或其它比例)以节省时间。请不要删除正在使用的任何一张图片,否则可能会造成页面模块无法显示等现象。


1. 添加图片模块--给网页添加一张图片
首先,点击页面左上角“添加”, 在弹出功能条中选择“图片”并拖至页面中的任意位置:

blob.png

松手,该模块添加成功,后续仍可以鼠标拖动该模块进行任意移动。松手后,系统会自动弹出图片选择界面:

blob.png

blob.png

您可以选择上传文件(图片大小倾控制在512kb内)或者使用互联网上的图片url地址(注意:如果使用互联网图片,系统会自动在“我的图片”处保留一个副本,届时也可以选择直接使用保存好的图片而放弃URL链接(URL链接方式的弊端:如果对方网页撤除这个图片,自己的网页上将无法显示,因这个URL链接已经不再存在))。


图片类型较多时,可以创建图片类型的分类,方便管理:

blob.png

2. 替换现有模板中的图片

如果喜欢模板中原有的布局,可以直接将模板中的某个图片替换成自己的图片以节省设计时间。(注意:请调整自己的图片尺寸比例以配合本身设计的比例)
替换的步骤:
1)双击图片或者单击图片后点击该图片的“属性”,系统弹出“图片设置”的菜单

blob.png


点击“更换图片”, 系统会弹出图片文件管理器, 然后选择新的图片进行替换即可,步骤与上面提及的“添加新的图片模块”是一致的。


3. 直接在页面上调整图片尺寸
页面调整分为两种:缩放模式和裁剪模式,这两种模式可以通过点击该功能标互换

blob.png以及blob.png

缩放模式:整图缩放,类似放大镜的功能,但处理不当,可能出现压缩的情况。此功能并不改变系统中已保存的图的大小尺寸,仅在显示的部分上作出调整,仍可以通过恢复高或宽度来恢复到原图的样子
图片上传成功并显示在网页上, 我们可以通过拖动图片模块的右下角边线来调整图片的显示的尺寸。页面上直接调整大小可能会造成图片被挤压。为达到最好的图片展示效果,建议上传前先调整好图片的尺寸和比例。
裁剪模式:固定图片的一边,减少显示的部分。此功能并不改变系统中已保存的图的大小尺寸,仅在显示的部分上作出调整,仍可以通过恢复高或宽度来恢复到原图的样子


4. 编辑图片并修改原图
我们为建站使用者提供了一套图片编辑插件, 在这里您只需要简单的操作, 即可对自己已经上传并添加至页面上的图片进行编辑, 而无需使用专业化的图片编辑软件, 鼠标选中图片模块并点击模块上方“图片编辑”功能按钮。系统会弹出下面界面:

blob.png

blob.png

图片编辑功能, 预设有美化图片、人像美容、拼图、动画再功能,每种功能有不同效果。具体的每项功能, 您可以在实践中慢慢体会。请记得每做一次调整,必须点击“应用”再进行下一步的调整或者编辑。


5. 给图片建立一个链接
双击图片或点击图片上的属性功能按钮 , 系统弹出图片设置对话框, 可以点击设置链接按钮选择链接到:网址、页面、邮件、文件等您需要的的地方。

blob.pngblob.png

“页面”:如图,可以跳转到您网站的指定页面:

blob.png

“站外链接”:是指可以将图片链接到互联网上的某个页面或某个站点, 只要您把地址填进去即可。如下图,以www.google.com为例,勾选“在新窗口打开链接”可以在新增的选项卡中打开www.google.com的页面

blob.png

“文件”:是指可以将图片链接到您已上传在“我的文件”中的文件(如jpg,pdf,word,mp3等等)。当点击该图片时,系统会调用访客本地电脑的相关程序并打开相应的文件。注意:如果访客本地客户端没有可以支持的软件或者版本不支持,将无法打开这个文件。添加的方式如下图:选择好文件后确定,再保存即可。

blob.png


6.为图片模块添加边框背景等
在图片“属性”的设置界面的下半部分,有5个主要的功能:图片说明、图片模块边框、常用、图片模块背景和页脚元素。

blob.png

1)图片说明:当设置了图片说明后,访客鼠标放在该图上就会自动显示说明的内容。如图测试图片:

blob.pngblob.png

2)模块边框:我们可以为每个图片设置边框,而边框也可以选择线条类型、粗细程度和线条颜色,这个和word中表格是类似的。现在来看看设置和设置后的效果(左图为设置,右图是效果)

blob.pngblob.png

当然,如果您不喜欢方正的边角,还可以对模块进行圆角显示的设置。假设把圆角数值设为26,来看看右图的效果,对比上图:

blob.pngblob.png

3)常用:点击“常用”进入另外一个设置界面,这里沿用了上图的设置
填充:在真实图片和边框之间加入空隙位置,一般会缩小图片的比例;
边框:我们可以看到“边框”数值是10,事实上,只要我们不在这个位置做调整,系统会默认刚才在“边框”页面所做的设置。但如果要统一四条边线的磅数,可以直接在这里对4条边一起调整;
透明:指这个图片的清晰程度,如果数值越高,意味着越透明;
旋转:图片相对于页面的角度,可以为0-359°。
中下位置是预览图。

blob.png

4)背景:为达到明显的效果,我们将该图的透明度调回0,并且将填充值调大,然后添加一个背景。背景可以为一张图片,也可以是颜色的简单填充。
如果选择使用背景颜色,就会简单得多,不需要设置位置对齐等等。注意:如果同时添加了图片背景和颜色背景,必须移除了图片背景后颜色背景方可生效。

blob.pngblob.png

如果选择使用图片,则:点击“更改背景”,从“我的图片”中选择对应的图片后即可直接生效;点击“移除背景”将会删除该背景;勾选“固定背景”则无论图片尺寸多少,该背景相对于模块的位置不变;左下角可以设置背景重复和对齐位置。


7. 图片模块的其它注意事项
如其它模块一样,图片模块可以放置在页脚,仅需勾选“页脚元素”后,将编辑设置好的图片拖至已有的页脚中即可;
图片模块的边框大小必须大于或者等于图片的高宽大小,否则无法正常显示整张图片;
网站中的所有模块都有层次的概念,当一个模块被另外一个模块的框遮住的时候(可能只是框遮住,但仍能够看见),底层的框中的链接等都会无法点选。

本网站中部分原创内容,版权由香河灏洋网络所有,如转载请标注文章链接,违者必究。


相关文章
  • 2017-01-08网站建设行业无法开发

    现在有网站建设要求的客户对网站有一定的了解,甚至一些专业硕士也知道了很多,他们可以更直观地表达他们想要的网站,如何设计,哪些功能模块 需要。 几年前,现在恰恰相反,因为网络的低渗透率,互联网环境相对落后,人们使用网络推广营销和营销...

  • 2018-03-14企业网站建设的六大细节

    说到本网站建设,我们将对内容、框架、域名、服务器等重点进行深入探讨,很少注意细节。六个细节:网站建设与网站建设公司在这里的每个人,不知道你注意到了吗? 企业网站建设的细节 [框架框架] 很多站长都会使用大量的框架框架,这种网站建设方...

  • 2018-03-26如何选择一个好的域名网站建设

    在学习基本课程的第一节课,我知道了域名、空间、程序。 一个网站=域名+空间+程序组成,三者缺一不可。我们如何在网站建设过程中选择一个好的域名?让我给你介绍一下。 域名:例如,www.scgc.net,qy.scgckj.com,这是域名,相信大家都很熟悉。 ...

  • 2017-07-14100万的H5与5万H5区别究竟在哪?

    有冤家问我:我有个超有创意的想法想要经过H5完成,找了几家公司报价,但都挺高的,我只有5万估算,这方面你业余,你给出出主见呗。网站建设专家想了想反诘他:假如对方报价100万,你还做吗? 答案无须置疑,一定是不做!看到这,很多人都会有这...

  • 售前电话:17326913295
  • 售后电话:17326913295
  • 联系邮箱:634836608@qq.com
  • 联系地址:廊坊香河县新华大街兴业家园

首页 | 网站建设 | 空间域名 | 网络优化 | 联系我们 | 常见问题 | 视频模块 | 图片模块 | 网站地图

公司分站:浏阳网站建设 | 三河网站建设 | 大厂网站建设

廊坊香河灏洋廊坊网络公司|专注于香河做网站、廊坊网站建设、廊坊网站优化、廊坊网站托管等业务!