HTML 代码功能可以实现网站插件的补充。有些功能，如视频、天气预报、地图、其它预设的表格等等模块，用户都可以尝试通过添加代码去实现（并非所有代码都能兼容，可以自行进行尝试）。
代码添加操作如下：
1. 页面编辑状态下，点击左侧的“添加”按钮就可以看到代码模块：
2. 用鼠标拖动模块到页面就会出现代码粘贴的窗口了，可以把代码直接黏贴到下图所示内容区之后点击“保存HTML源码”即可。
如果当下没有添加代码，可以在下次编辑的时候，找到这个模块后点击左上角的“编辑”按键重新打开编辑代码内容区：
注意：使用代码模块，请必须检查该代码是否能与系统兼容，因为并非所有代码都能兼容，如果不能兼容请自行调整或者更换成其它代码后再试。
如何新增图片模块、如何更换原有的图片、如何线上调整图片的尺寸或者编辑图片、如何为图片添加链接、如何为图片模块添加边框背景等等
提示：，每张图的大小不超过512KB（一般网页图片，小图40KB、大图100KB已经非常清晰）；上传前，请根据个人需要先调节好图片的尺寸比例（如正方形图1:1，长方形图3:2或者4:3或其它比例）以节省时间。请不要删除正在使用的任何一张图片，否则可能会造成页面模块无法显示等现象。
1. 添加图片模块--给网页添加一张图片
首先，点击页面左上角“添加”， 在弹出功能条中选择“图片”并拖至页面中的任意位置：
松手，该模块添加成功，后续仍可以鼠标拖动该模块进行任意移动。松手后，系统会自动弹出图片选择界面：
在这个界面，您可以选择使用：
a. 我的图片：本地上传的所有图片和最近使用过的图片都会显示在这个分类中（如果之前添加过子分类，如“example”等，则需要点击 “example”后方可选择这个类别下的图片）。点击指定图片中间的“选择使用”即可更换使用这张图片。
b. 互联网图片：点击后会出现输入图片URL的界面：
URL地址必须为一张图片在某个网页上的地址，注意，这个地址必须是以图片格式后缀结尾的，如：
注意：如果使用互联网图片，系统会自动在“我的图片”处保留一个副本，届时也可以选择直接使用保存好的图片而放弃URL链接（URL链接方式的弊端：如果对方网页撤除这个图片，自己的网页上将无法显示，因这个URL链接已经不再存在）
c. 重新上传一张图片：点击右手边的“上传文件”上传后再按a的流程选用即可
2. 替换现有模板中的图片
如果喜欢模板中原有的布局，可以直接将模板中的某个图片替换成自己的图片以节省设计时间。（注意：请调整自己的图片尺寸比例以配合本身设计的比例）
替换的步骤：
1）双击图片或者单击图片后点击该图片的“属性”，系统弹出“图片设置”的菜单
点击“更换图片”， 系统会弹出图片文件管理器， 然后选择新的图片进行替换即可，步骤与上面提及的“添加新的图片模块”是一致的。
3. 直接在页面上调整图片尺寸
页面调整分为两种：缩放模式和裁剪模式，这两种模式可以通过点击该功能标互换
和
缩放模式：整图缩放，类似放大镜的功能，但处理不当，可能出现压缩的情况。此功能并不改变系统中已保存的图的大小尺寸，仅在显示的部分上作出调整，仍可以通过恢复高或宽度来恢复到原图的样子
图片上传成功并显示在网页上， 我们可以通过拖动图片模块的右下角边线来调整图片的显示的尺寸。页面上直接调整大小可能会造成图片被挤压。为达到最好的图片展示效果，建议上传前先调整好图片的尺寸和比例。
裁剪模式：固定图片的一边，减少显示的部分。此功能并不改变系统中已保存的图的大小尺寸，仅在显示的部分上作出调整，仍可以通过恢复高或宽度来恢复到原图的样子
左中右：原图、缩放模式、裁剪模式
4. 编辑图片并修改原图
我们为建站使用者提供了一套图片编辑插件， 在这里您只需要简单的操作， 即可对自己已经上传并添加至页面上的图片进行编辑， 而无需使用专业化的图片编辑软件， 鼠标选中图片模块并点击模块上方“图片编辑”功能按钮 . 系统会弹出下面界面：
图片编辑功能， 预设有美化图片、人像美容、拼图、动画再功能，每种功能有不同效果。具体的每项功能， 您可以在实践中慢慢体会。请记得每做一次调整，必须点击“应用”再进行下一步的调整或者编辑。
5. 给图片建立一个链接
双击图片或点击图片上的属性功能按钮 , 系统弹出图片设置对话框， 点击“设置链接“按钮，可以选择链接到：页面、站外链接、邮件、文件、文章列表、文章详情、产品列表、产品详情。
a. 链接至页面：
在下拉框中选择对应的页面名称，如需在新窗口中打开这个链接，则勾选“在新窗口中打开连接”。完成后，点击“保存”后，对全局进行一次保存，即可预览效果。
b. 链接至站外链接：
在空白处写入目标网页地址，如需在新窗口中打开这个链接，则勾选“在新窗口中打开连接”。完成后，点击“保存”后，对全局进行一次保存，即可预览效果。
c. 链接到文件
链接到文件指的是链接到已经上传在文件夹中的文件。点击时会直接打开这个文件（前提是访客的电脑必须支持这个文件的程序类型，如word文档）
d. 链接至电子邮件
输入目标电子邮件地址和邮件的主题，点击“保存”后预览，访客点击相应的文字，只要这个访客的电脑有安装邮件本地客户端，如outlook或者foxmail,电脑系统会自动弹出一个使用outlook或者foxmail发送电邮给contact@yourdomain.com的主题为“产品咨询”的邮件，访客只需要填写邮件内容即可。
e. 链接至文章列表
点击“文章列表”，出现下列界面，选择对应目标列表页和分类即可；如需在新窗口中打开这个链接，则勾选“在新窗口中打开连接”。完成后，点击“保存”后，对全局进行一次保存，即可预览效果。
f. 点击“文章详情”，出现下列界面，选择对应目标详情页和详情即可；如需在新窗口中打开这个链接，则勾选“在新窗口中打开连接”。完成后，点击“保存”后，对全局进行一次保存，即可预览效果。
g. 链接至产品列表
点击“产品列表”，出现下列界面，选择对应目标列表页和分类即可；如需在新窗口中打开这个链接，则勾选“在新窗口中打开连接”。完成后，点击“保存”后，对全局进行一次保存，即可预览效果。
h. 点击“产品详情”，出现下列界面，选择对应目标详情页和详情即可；如需在新窗口中打开这个链接，则勾选“在新窗口中打开连接”。完成后，点击“保存”后，对全局进行一次保存，即可预览效果。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery