175東山咖啡莊園 AI生成式網頁設計課堂教學影音 2-3
林金露_AI微型電商創業系統_網頁設計教學
116 位粉絲
1 觀看·2026年2月5日
這是林金露老師_在勞動部勞動力發展署桃竹苗分署_網頁設計課程的教學課堂錄影檔。
林金露老師教學網站有提供教材軟體,下載網址= https://linjinlu.com
歡迎你一起加入AI生成式網頁設計學習行列。
AI 生成·可能包含錯誤
好,那我們再強調一下說
我們要利用Canva這個最好操作的模式是
投影片式的影片
然後呢,我們在上面喔
當你做了一段時間
就是你有幾次的經驗之後
其實你也不用找別人的範本了
你自己就可以設計了
例如,當我這個照片是用什麼功能呢
我只要研究,我們就可以知道說它是用什麼
例如,原來喔
照片會有一個像這樣子喔
拉遠的感覺
其實叫做照片縮小這個特徵
那我要的就是這個特徵
然後上面的字,我打進去的字
我都可以再給它動畫特效
這樣就全部組起來了
譬如說,我前面去找範本
老師,你那個前面示範那個範本我找不到
其實,簡單說,當你做過之後
你就有自己的
你自己設計的東西就是一個範本了
用來用去就那幾招
OK,就夠了
好,例如我剛提
我們最好用的方式是
變化不會太大
你不要裡面的東西
這個動那個也動那個動
這樣子不適合
因為我們是一個高階
有品質的網站
我們是一個特色的咖啡店
咖啡的莊園
所以不是那種阿花店
什麼都動畫用了一大堆不用
要高品質的東西
就是簡單就好
簡單就是我讓照片
它叫做照片縮小
寫在你的筆記本上
照片照片照片
叫投影片式
投影片式就是每張一張圖就好了
每一個都一個圖
這樣大圖
我們用AI生出來的圖
每一個
你把這個頁面當成一個投影片
一個投影片
那我五個就是五張投影片
然後每個投影片進去之後
你只要選
給它一個動畫特效
叫做照片縮小
它就是在這個
叫做照片動向這邊
有沒有
照片動向這邊
這個是流動
有沒有看到
往下面下來
有沒有看到
這個就是上升
這個就是照片縮小
好
也就是說
我開一個空白
一張照片
再加上標題字
標題字就從這裡拉進來就好了
然後你再加動畫就好
那以這邊我的動畫
就是提升嘛
揚升嘛
好
以這裡為例
我本來是用那個範本
我剛前面教同學的是
用那個範本
然後複製頁面
就會連動畫一直複製到後面去
然後所以我做出來的後面
所有的動畫
通通都是照片縮小
那你就會變成單調啦
因為五張都一樣
所以我就可以在我的第二張
改成什麼呢
我的照片流動這邊就有三種
我是不是可以變化了
我這邊改成照片的
我現在是第一張
第一張保持那個照片縮小
那我就填到第二張
第二張改成照片流動
好
第三張我改成照片揚升
OK
再來
這裡我就改成回到我的照片縮小
第四張我再用照片流動
好
再來
我最後的方式會帶進我的文案
前面我會先講
我是這樣子
然後介紹
然後再來就是我的莊園景觀
一樣餐廳景觀
餐廳景觀
到這裡
把我這一段文案帶進來
這段文案是在這裡
我們講關於東山
我們按下來之後
專門的在講這一段關於東山
我們是一群
這文案是由AI生成
所以他說我們是一群熱愛咖啡的夢想家
好
其中我們175的咖啡餐廳
是把咖啡視為一種藝術
每一種咖啡都用進泡
好
我把這一段文案
把這一段文案
變成我影片的片尾
的收邊收尾
好
我一二三四五張
我秒數可以有些不同
這些秒數你都可以這樣子拉
秒數都可以
都是很直觀的
沒有太複雜
直觀的
然後
再來就是這裡
透過這裡的分享
好
聽喔
這裡
我可以給
我的直播的網友看
看完我就關
再來
這邊是下載成為MP4影片
再來
這裡有一個社交媒體上分享
好
臉書專頁
IG
限時動態
跟
抖音
就在這裡
剛同學問到這個抖音的問題
就在這裡
好
這個在國外
像美國很多用
我們比較少用
OK
這些我們比較少用
在我們臺灣大概就是
Facebook
Instagram
限時動態
抖音
這些可以用到
OK
好
這些你就可以在這邊分享
所以範圍非常廣
再來
還有一個就是
如果
我今天
我要辦一個粉絲
就是我的這個
快樂粉絲會
好
那我設計了一張邀請卡
我可以用這邊
由這個呢
Canva列印
OK
那它就會像
幫我們做好護背
亮光
變成卡片一樣
很漂亮的
好
你這樣子
拿出來
等於你不用去找印刷
你絕對不可能用你們家的印表機去印
那個
粗粗的
遇到水就暈開了
這些就是一般的印刷品
那樣子
那Canva是說
我們就可以透過這樣服務
那他們就有錢賺
他們就是用這樣的服務
OK
好
那這裡就更多
再來
我們也可以把它轉換成為
一個招商用的投影片
有沒有
展示簡報
就是投影片
變成一個
你還可以在上面
製作過程當中還可以錄
這是展示並錄製
並錄製影片
什麼意思
有時候我們去賣銷售商品
可能這個商品本來就是
某某一個網站上面的東西
那我就會教我的粉絲
你這樣去買
透過我有一個折扣碼
折扣的條碼
你要成為我的粉絲
我才會告訴你這個折扣碼
然後你去下單的時候
打上那個優惠碼
你就拿到那個折扣
然後那個業者就會
銷售多少個
他就會把
幹嘛
回扣給我
就是我的
幫他剪接的這個金額
利潤
分享給我
OK
所以你就要有一個這個
複製
再來
我們也可以把影片
直接傳到手機
嵌入程式碼
注意看喔
我們剛剛是把影片
放在
Mobilize裡面的
這一個呢
工具
就是我們的
Block呢
是有
Video的
Video這一項的
放到這裡
我們還可以再加上文案
但
它也可以供你
直接嵌進去程式裡面
所以按這裡
它就會衍生出程式碼
幫我們把它弄到那裡面
去喔
OK
好
這裡功能
對外的連結超多
轉換的超多
有沒有
傳送到手機
OK
這樣子喔
你拿起
拿起你的手機
同學你現在拿出你的手機
掃這個QR碼
有沒有
所以
分享
這裡
可以分享創作
會更加輕鬆
的原因
就是在這
所以你的創作
因為點喔
非常的快
然後我再講一次喔
用投影片式的
影片去播放
好
這個投影片式
在我們的首頁這邊喔
首頁這邊
這裡就叫做
投影片
影片
前面我們都用
影片去介紹
什麼YouTube的啦
什麼之類的
剛剛那個是在這個
然後規格一樣
都是1920x1080
那個size才會在
智慧型電視啦
手機啦
或者是電腦上面播放
才會很漂亮
OK
好
那我們的
這個總結
就這樣
那我們會
還是會建議同學
課後的時候
多研究一下
它
在我們
這一個呢
網拍直播裡面
很實用的
甚至呢
你用在於
職場的工作上
生活上
都很好用
例如
你可以設計
你自己的手機的桌布
OK
然後你可以做
你生活上
照片的拼貼
什麼樣的賀卡
OK
都可以用這個
用在你的生活上
好
