HTML 汇报 · 素材协作流程
🔒
演示文稿需要密码
输入访问密码后才会显示内容与链接。
本次访问期间只需输入一次
所有演示文稿，一处打开
每一份演示文稿都有 Canva 设计稿 和 网站版预览 两个入口，点按钮直接跳转。
演示文稿共 2 个 · 已填链接 2/4
| 演示文稿 | Canva 链接 | Presentation 链接 |
|---|---|---|
|
01
pre1
演示文稿 01
|
↗Website linkpre1.charmingphotography.uk | |
|
02
pre211月6日演讲
演示文稿 02
|
CCanvacanva.link/eh2tnxgxc1vfm3v |
灰色虚线按钮表示链接还没填；把链接发我，我会更新成可以点进去的按钮。
把图 / 视频，准确地交到我手里
这次汇报是 HTML 做的，每一张图、每段视频，最后都要由我把“链接”或“文件”写进代码里。 所以不用精修排版，只要保证两件事：内容说清楚 + 素材我拿到就能直接用。
pre3_1_1.jpg
绿色 是我给的 ·
粉色 是你填的 · 中间的下划线是必需的
01Canva 里只放内容
一份 PPT 一张幻灯片 = 网页的一页。只写内容，不要调字体和配色。
A
标题：一句话能读懂这页讲什么
B
文字要点：短句 / 关键词，每行一条，不要成段成文
C
图片 / 视频：这页要几张、放哪儿、多大（例：右上角一张方图）
D
交互动效：写在这一页 最下面，一句话说清想要的感觉即可
02素材：先下载，下不了才用链接
百度搜图 / 谷歌搜图，点进去 原网页，找到这张图本身。
然后二选一：
方法一
推荐
直接存成文件，改好名发我
你最方便 · 最稳，不会有链接失效
方法二
复制链接，按照 03 的步骤，但必须过 04 验证
我最方便 · 验证不合格就回到方法一
视频同理：链接要能直接播放；否则下载成文件，按命名规则发我。
03怎么复制链接（按你的设备选）
不同 App 的位置不一样，选中你的设备，下面会换成对应步骤。
1
在网页里右键点击图片本身（不是图片周围的空白）
✓
选 「复制图片地址」（英文版 Copy image address）
✓
粘贴到浏览器地址栏回车，检查是否只有一张图
1
右键点击图片
✓
选 「复制图像链接」（英文版 Copy image link）
✓
粘贴到地址栏回车验证
1
Safari 的右键菜单里没有「复制图片地址」，不要在右键里找
✓
右键图片 → 「在新标签页中打开图像」
✓
在打开的纯图片页里，选中地址栏 → ⌘C 复制
1
长按图片，等弹出菜单
✓
选带 “链接 / 网址” 的项：「拷贝链接」「复制图像网址」「Copy Image Link」
✕
不要选「拷贝图像」「存储图像」——那只是把图片存进相册，不是链接
✓
粘贴到浏览器地址栏回车，确认只有一张图
1
搜索结果里点图片，打开原网页
✕
不要在预览页点「分享 → 复制」：给出的是 share.google 短链，不合格
✓
在原网页里按图片所在平台的操作（见上方其他标签）复制
1
搜索结果里点图片，在预览页点 「查看大图」
2
「查看大图」有时仍是页面地址，不一定是图片本身
✓
点 「原网页」 进去，再按平台操作复制图片地址
1
这些 App 内的图片多为加密链接或防盗链，基本拿不到合格的直链
✓
直接保存图片（长按 → 保存/存储图片）
✓
按命名规则改名后，用「发送文件」发给我
1
电脑 Chrome / Edge：按 F12 打开开发者工具
✓
切到 Network（网络） 面板，筛选 Media 或搜 `.mp4`
✓
播放视频，右键那条请求 → Copy → Copy link address
✓
把链接粘到地址栏，能直接播放才算合格
04链接合格检查
把链接粘进来，自动检查两条硬标准。
·等待粘贴链接…
两条同时满足才算合格：点开只有这一张图 + 结尾是图片扩展名（视频 .mp4）。
不合格别硬修，回去把图片下载下来发文件给我。
点一下试试，看它怎么判
05拖进来，自动改名下载
把这一页的图片 / 视频拖进下面的框（也可以点一下选择文件），我按 pre 编号 + 页码 + 序号 自动改名，然后逐个下载。
＋
把图片 / 视频拖到这里
或点击选择文件 · 支持 jpg / jpeg / png / webp / gif / heic / mp4 / mov / webm · 扩展名保持原样
扩展名保持原样，不会被修改（原文件是 .png 就还是 .png，是 .MP4 就还是 .MP4）。
序号按拖入顺序自动往后排：图片是 pre3_1_1.jpg、pre3_1_2.png，视频也一样 pre3_1_3.mp4。
下载后用微信请选「发送文件」，直接发图片会被压缩。
06Canva 里这样标注
文字写文件名和动效，不把图片贴进 Canva。
第 2 页｜我们为什么需要这个方案
· 现状：数据分散在多个系统
· 痛点：每周人工核对 6 小时
· 目标：自动汇总，10 分钟出结果
图片：pre3_1_1.jpg（左侧大图）
图片：https://example.com/xxx.webp（右下角小图，圆形裁切）
动效：两张图进入时从左往右淡入，6 → 10 做对比高亮
这样做
能下载就发文件 · 按规则改名 · Canva 写文件名或直链 · 动效写在页底别这样做
发网页地址 · 发 share.google 短链 · 发压缩图或截图 · 把图片直接贴进 Canva07一页速查
记不住就只看这张表。
| 步骤 | 做什么 | 容易踩的坑 |
|---|---|---|
| 01 | Canva 每页写：标题、要点、要几张图、动效 | 自己编 pre 号；写成大段文章 |
| 02 / 03 |
方法一
搜图 → 原网页 → 直接存成文件，改好名发我
坑：直接复制网页地址
或
方法二
复制链接，按 03 设备对照操作，再过 04 验证
坑：长按只存图没复制链接；在 Safari 右键里找
|
|
|
02 / 03 · 二选一
方法一
搜图 → 原网页 → 直接存成文件，改好名发我
坑：直接复制网页地址
或
方法二
复制链接，按 03 设备对照操作，再过 04 验证
坑：长按只存图没复制链接；在 Safari 右键里找
|
||
| 04 | 点开只有一张图 + 结尾是图片扩展名 | share.google 短链、网盘页、防盗链链接 |
| 05 | 改名 pre3_1_1.jpg，Canva 写文件名/URL + 动效 | 发压缩图；把图片直接贴进 Canva |
全部交付后，由我统一转成 HTML 网页做最终汇报
把图 / 视频，准确交到我手里
pre{编号}_{页}_{序号}.jpg