建站帮助中心
为您解答经常遇到的建站相关问题
上海锋特轻松解决您的建站问题

搜索  

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


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

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


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

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

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

 

第二个“页面”:是指可以将图片链接到您网站上面的某个页面, 属于站内链接。设置好后,客户点击这个图片,就会打开目标的页面以达到展示更多内容的目的。如下图中链接指向“商城动态”,则访客点击这张图片时,会打开“商城动态”这个页面。


第三个“邮件”:是指可以将图片链接到邮箱上, 当点击该链接时,系统会自动调用本地的邮件发送程序(如outlook或者foxmail,注意:访客必须本地有安装这样的客户端方可打开,否则点击没有反应),发送email到您设定的账户。如下图的设置,当点击图片的时候,会打开客户端邮件编辑界面并进入编辑一封主题为“产品咨询”、收件人为abcde@google.com的邮件。

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