175東山咖啡莊園 AI生成式網頁設計課堂教學影音 1-7

我們再往下講喔 這裡面你做好之後 接下來就是要內容的串接 為什麼? 你寫墨啊 墨不代表更多啊 還有你把文案給剪短啊 那你要有完整呈現那個文案啊 OK 所以我們要往下做 因此我們又 新增一個 Block 好,那我們往下做喔 往下做就是單一的講他的故事了 所以我們看 參考的 Demo的網站 例如關於東山 好,那我們想要用 影音檔 好,那 你們現在在 就會去拍那個影音檔啊之類 或者是業主 他也有拍影音檔 那你可以用手機 去拍攝就可 好,那將來要放在哪呢 你一定要放在 YouTube上 我再講一次喔,寫起來喔 為什麼一個影音檔 我手機可以拍出來MP4的檔案 我就放在我的網站 讓人家笑 不可以,這樣是超危險 因為你的流量 我們前面不是有介紹嗎 我們去買那個空間是不是有流量限制的 4千GB,對吧 你用那個影音很快就耗光了 不用多人 只要有300人 看過你的影片 你那個4千GB就用光了 OK,所以一定要 放在YouTube上 好,那YouTube本身來講 可以透過 搜尋,例如我打 175 好,175東山咖啡的 或是東山咖啡公路的 這樣子的 網路影片就會一堆 而且最近幾年很多喔 為什麼 慢慢知名了 因為經過十幾年之後 OK,好 因為我們沒有自己的影片 那我們要去製作一個Demo 網站 所以我們才會去 網路上搜 因此你不可以侵權喔 好,所以我們會用 例如像這樣民視報導的 YouTube影片 我們取得 然後我們再註解說 這源自於 網路新聞 網站的資料 這樣子,這樣我們就不會有侵權的問題了 OK,好 那問題是 老師,那客戶的YouTube 我怎麼取得呢 網址怎麼取得呢 好,我們點開之後 這邊有一個分享 他就有他專門的 獨立的ID 所以你只要按住引擎 就可以得到這個 ID的網址 就是他這個影片的ID網址 然後將來 我們要用 好,那我們現在要先做第一個 這個關於東山 連下一區 好,那現在這個是 第三區,那下一個是 第幾區,第四區 所以第四區是指東山 關於東山的資料 好,我按加 那麼我們要按什麼呢 他是有一個Video 所以我們在這邊找到他之後 這邊就有一個 一邊文字,一邊影片 還有一個標誌 這個在上面 文字在上面 這個在底下 好,他這個 也有相當特色的優點 也就是因為地理意志上的 一個配合,讓這個 東山咖啡的這個咖啡香 格外的溫存 因為這個三頁 可以直接跟我們 接觸 選擇是這個 拉進去 好,我等一下 要來點一個背景 用滑鼠滾輪 好,確認一下 那麼除了有原本的好品質 得到許多消費者的肯定之外 那麼當地的業者 為了提高讓產業升級 他們也組織了這個產業的組織 從單純的這個生產 一路提升到觀光消費的層次 讓整個升級之後 希望能夠進一步的 來打響東山咖啡的知名度 事實上最近由於整個 大型重機的 這個重機組 在這種山路旅行的這種方式 也相當受到歡迎 也讓整個175號公路上的騎士們 也相當習慣 在整個追風之餘 也來到公路旁這幾個餐廳 來欣賞 猶如置身仙境般的這種 咖啡享受 讓整個心情能夠伴著無敵山景 有著咖啡香 來享受田徑的一個 休閒滋味 關於東山 然後我們就貼到這裡 OK 再來就是內文 這些文字一定都是全文了 假設客戶裡面的文字 會比較多 就在這裡放全部的文字 好 那我們就是放上全文了 OK 好 我在這邊是用文字的 連結 好 這裡面它有一個功能 叫做按鈕 按鈕 你也可以用這個按鈕 也可以用像老師這樣文字 一樣都要產生一個連結 好 例如我現在用按鈕 跟範例不一樣 故意不一樣 然後我就BACK 啊老師幹嘛用英文 因為反回那個中文 在我們不好看 所以我們是用BACK 就是上回去這樣子 好 那我在這邊這個連結 內部 因為我們說至少80%以上 通通都是內部 好 然後就區塊 我要連哪一個呢 這是我本身 這是第三區 所以我連回第三區 它就會連上去了 啊所以上面要連下來 好 就是你在編寫區塊的時候 的串接 都是要知道彼此之間 從上面下來 第四區 第四區回到上面第三區 好啊這個是影片 那現在我就要講囉 影片 當你 現在我要講 你自己會拍攝影片 或是你會引導客戶 去拍影片 老師怎麼引導客戶拍影片 簡單啊因為現在的手機解析度 都夠了 所以你就叫他拿出手機 你要自己拍也好 像這樣子的訪問 這樣子的訪問都可以 觀眾朋友你好 歡迎收看開心放浪大力玩 我是主持人 那這些呢 裡面我們只要用上的 你手機就可以拍了 反而是 平鋪的故事 比較容易吸引 給你們看看 OK 那所以我們在 鄉間的那個資料 我們就會請業主 你就拍你的環境 你是那個租舍改建的 你就去拍 像這個他們就是老闆 接受訪問 所以這個大廚發現這個老闆比較知名 造型也比較有個性化 所以 喜歡記者 去採訪東山咖啡 的時候都會以他為標記 你新聞臺 或是雜誌 你不去報導他 大概你就等於沒有去過東山咖啡那種感覺 OK 所以這裡面都是用平鋪式的 那老師我要不要有那個 那個解說字呢 這個就是你的編輯 那這個呢 影音拍攝的老師就會教你的 你要不要有這個字幕 那個都是你自己決定 不見得需要有字幕都可 好 那我現在要講的是 當如果我得到了一個 這個影片的網址 那我是要 從這裡得到 這個 複製好了之後 到我的編輯器 好了好了 我們現在出發去喝咖啡啊兄弟 這個YouTube的影音控制 是在齒輪 你看點到這邊 齒輪裡面 你看我們這邊打開 沒有看到那個影片 因為只有秀和影像 跟背景 原來影片在這一塊 點下去之後跳這一塊的 視頻的URL 現在我是在174的路上 要前往175 因為175的路上 上面都是那種咖啡廳 然後看景觀的 非常漂亮 再來我們會勾 自動播放 網友一進來就會自動播放 再來我們會循環播放 不要讓它斷掉 它要離開不離開 或是看好幾遍 那是由網友去決定 但我們設計者都會打開這個 然後這樣子它就進來了 底下的這一段文字是指 這個文案 這個影片的描述 所以我們為了 假設 如果這個影片是我們自己的 那沒問題 我不用寫任何字 如果是我們引用別人的 例如我們是引用某某品牌 假設我賣的這個東西 我舉例 我現在去賣一個DIY的植物 那我呢 懶得只拍影片 但是我要賣這個東西 總共是已經有影片了 所以我這裡就會寫 我賣這個東西 或是這個東西 OK好那我們這裡 就會引用像 我不清楚那是誰 我不想寫那是誰 我就用這個方式 比如說 網友一看就知道這不是 這不是設計者 這個業主 自己拍的 引用者網路的影片 當然最佳的狀態 無論是業主設計 都是由他自己拍 會比較優 OK 好再來 影片的製作 或者是加工 在老師的網站這邊 推薦使用 這裡面 可以設計出 超多的東西 那我現在稍微先 導評一下 因為你們有上 影音的這種 課程的部分 就不用講太多 老師會跟你講 在這裡面 一定要進入你的 Google帳號 OK 我呢輸入 Google帳號 因為你要 所做的東西都一定要 進入Google帳號 帳號裡面纔能夠去使用 進去之後一樣因為有帳號 所以他就會去確認 確認 再來 你的Google帳號 會跟Canva產生 一個連結 名字先寫寫 C A N V A 好那麼 我們進入這樣子的一個 設計的行業裡面 幾乎我們現在辦公室的 所有的文件 簡報 社交平臺 Instagram Facebook 上面都有版型 因為 你從頭自己設計 你太累了 而且時效性不夠佳 注意看喔我再講一次喔 為什麼我們在課程裡面要跟你講Canva 這個都是屬於 因為Canva早期是在 屬於設計類的 牛肉河粉 結合了AI之後 到了現在它變成了一個 我們進入這個領域 尤其是 我們要做這個 太優了 因為他們專門有 社群平臺的資料 Instagram貼文 等等全部在這邊 你做出來的剛好就可以做為Instagram的首頁 Facebook的首頁 我們再看一次喔 首頁這裡 這裡面就有各種的 按了後面的三個點點 各種的尺寸 你要做海報 要做商業要做行銷 我們用的行銷 你要做企劃 你的老照片要拼貼 要做影片 全部通通都有 OK 那我們希望你 課後的時候 跟他玩一玩 這個很好玩 而且登入帳號之後 你就可以去玩了 像老師 我在教Diva組 上課我們就會做 這樣的東西來教他們 OK 我們可以做影片 簡單說 你能想到的所有設計它都有 而且它 我們拍要再做的時候 第一個 社群媒體 Instagram貼文 Facebook貼文 全部這裡面 都有 你想到的 YouTube影片的片頭 這就是我們想要弄好的 用下去 資料進去 上面都可以直接 我先導讀 我還不想講解 先導讀 再來這裡面 有針對影片 還有手機 用的影片 為什麼 我們希望 我要建的一個直播 甚至我們自己用的手機 我們都希望有一個影片 這邊就可以直接 編輯影片 Facebook 我會變成一個 在Facebook上面的影片 我要直播之前 都先來一段 幹嘛 我們要做一個 專業的直播就有一個片頭 就像新聞 是不是都有片頭 就用這個 來做出你自己的片頭 在你的直播裡面 你自己來建立一個Facebook 直播的使用 是不是可以透過YouTube Facebook YouTube 都可以直播 他們這個Canva就針對 你的Facebook或YouTube 裡面去做出這樣的 比如說這個是Facebook的影片 你按下去 他就會針對這個影片來做 而且最重要的是 他有版型 他有免費跟付費 有皇冠就是要付錢 你就要升級為 VIP 就是你要付錢給他 沒有皇冠的就是 不用錢的 我們只要一用 就可以來 進來這邊就有時間場 這邊就是有影片 而且影片一次可以兩部 放在一起 多酷啊 那我們的那個簡報 Powerpoint我都做不到 但是他一次可以放兩個甚至更多 每個影片 都可以播放 你還可以加上文字 所以 如果我要做為直播的片頭 對不對 我可以把我以前的剪輯或是影片 放進來然後欣賞 幾月幾日那我們就開始直播囉 直播 一定要看到最後喔 要給我們按讚喔 然後會送你小禮物喔 看過那個直播嗎 玩直播的一定要看過那個影片 一定要做市場分析 不能毛起頭來 自己在那邊玩沒有用的 這裡面 這一個軟體 現在拿出你的手機 你是 iOS的就到App Store Android的就到Google Play 按裝啊 你的手機就要裝了 手機就可以裝上了 你打開 我以這個 Google Play 為例 那我們找到他 然後你輸入 搜尋 輸入Canva OK 認這個 這樣就可以裝起來了 你的手機 就可以運用了 如果喜歡我的影片的話 可以幫我按訂閱 按讚並且分享 我們下一集再見 就可以做出什麼樣的設計了 包含 你可以設計你自己的手機桌面 這是我自己設計的 比較教學用 加上我自己的英文字幕 存到手機 這就是 因為他一樣寫雲端 所以他會記錄你所設計過的資料 例如 接下來是中秋節 那我們就會用一個電子客卡 全部都是電子 都是影片電子的 而且會有時間 然後都是動畫 那你傳到LINE裡面 就不會像現在傳人家中秋節傳來傳去 那個中秋節 都是一張圖 你就不會了 你傳出去的是一個影片 還可以加上你自己的問候音 你可以自己錄一段聲音 然後就加進去 然後有國庫 那你只要更換這裡的字幕 像這些字幕 都是直接在手機裡面 然後這些圖 都可以更換 這邊都有設計元素 沒有皇冠 就是不用錢了 你要什麼元素 這邊就有 這個有皇冠的都是要付錢 你就不要去用他 避開他就好 然後他有各種的 像這個是手機的 什麼節日的元素在這邊 你也可以自己上傳 你自己上傳 例如我是AI生出來的圖片 他就進來了 那我想要放在哪個位置呢 我就自己放了 然後我就可以變成 AI加上Copilot 這樣子 重新去編 這裡面的圖 通通都可以替換 你可以讓他 變大隻一點 到別的位置 這是一個設計的網站 你自己就是設計師 很好玩的 而且隨時動畫都可以做 就這麼簡單的 幹嘛 你看喔 我讓他會扭擺的 他自己就會擺來擺去 那我也可以變成像一隻蜜蜂 我可以設計這個動畫 這樣繞來繞去 他就會跟著我的動畫跑 有沒有看到 所以你可以看到 這些東西是激發你創意 因為你不是老人 你要越有創意的人 然後工具越方便 那老師有稍微看過 你們前面給老師做的東西 我覺得應該是要用這種東西 做的比較快 那為什麼 因為你要做字就有字 做圖就有圖 影音就有 然後還可以自己畫 形成專案 最強的是這個 分享 同學我們不是說 我們要做成一個影片嗎 對吧 那在這邊 你可以透過這裡 分享到 你想要做些什麼 直接傳到Instagram 或者是 你得到一個公開的連結 這樣子你透過LINE 傳遞的時候 所有你的朋友都看得見 因為這個網址 是公開的而且不用花錢 不用買那個虛擬主機 直接就有了 你這樣就可以建立公開的 網址 這樣的方式就可以 直接上去了 再來 這裡面我們還可以下載 我們還可以把它下載 成為一個 MP4的影片 OK 例如我要做直播 所以我要做我自己的直播 片頭 同學那你就應該做一個 用這個來做一個直播片頭 每一次要直播片頭先播出去 然後再做一個 直播的片尾 幹嘛片尾要先做好啊 對不對你說來喔 等於是我們 直播完之後呢 開放兩小時 打電話進來 訂購的纔有折扣喔 超過就沒有了 那個就是片頭跟片尾 啊你就可以做成 MP4 下載 就是一個影片檔 把這個影片檔再丟回 YOUTUBE 就得到一個 YOUTUBE的網址 就會得到一個YOUTUBE的網址 OK 這樣子做出來的東西 就會很漂亮喔 所以以這為例喔 我們做出來的 這樣的一個東西 製作的這個部分 我們 做出來的這個部分 就是成為一連串 串接在一起 好 我再講一次 影片一定要放到YOUTUBE上 它纔不會耗 你自己的網站流量 這句一定要寫 為什麼要丟在YOUTUBE上 就是這樣子 不要放在自己的網站 再來 我們透過像這樣的設計 它 透過範本 最重要的是從範本 老師我不知道怎麼設計 好我們就從範本來 它就會引導你喔 因為它是AI 它會知道你上一次設計 然後它就會引導 你可以怎樣怎樣再做 好底下它會說 它針對你 這個帳號 你的個性 你曾經做過什麼東西 所以推薦給你可能喜歡 這就是AI 它會針對你 推薦你適合的東西 好所以如果 我們從事直播 如果賣什麼東西 曾經在這裡編過 它將來這裡推的都會 跟我想要做的 版型啊資料啊 就會響過 這就是AI 好那底下就會有這些 這個片 像這個 帳號跟我的手機 加上文字 我點這個給你看 對不對 它就一二三四 四個片頭 四個影片組合成為 一個完整的影片 OK 那純粹都是用你的手機就可以做的 你就可以用這個方式 把它加到你的範本來 我要用這個 資訊喔 用它的版型的資訊 這裡面什麼什麼什麼就改 不改了 這邊的東西都是活動的 然後你想要加 你就在這邊加 想要加什麼在這邊就加 我加這個狗狗 牠都會動喔 那我們可以用動畫喔 我讓這個狗狗呢 怎麼跑進來像那個PowerPoint一樣 牠是怎麼進來的 平移啊量身啊 等等 那我也可以讓這個狗狗 這樣子在畫面 很直覺對吧 設計很直覺 那我要讓這個狗狗呢 會旋轉 牠就會旋轉 都很直覺 OK 都是很直覺的 而且還可以讓牠透明 好 再來喔 我剛講很好玩 是指你進入很容易 發揮你的設計創意 但牠做出來的東西超專業 都可以用在商業上 用在我們直播上 上面就是你要標記的這個 名字 好啊你透過 上傳 他說如果你能結合你自己的Google 雲端硬碟那是最好 OK 那你可以自己上傳影片 上傳你的 影音 成為這邊的 編輯素材 好啊我們先讓你玩喔 好後面我們會再拿牠 實驗出一個 比較小小的 OK 那牠呢是可以做到一個專業 快速入門 快速入門的 OK 牠可以製作任何 可以適應我們的社交媒體 社交媒體 要印刷 那我現在 看看這一段 花個五分鐘瞭解一下 這個版面 看一下 將來在編輯出來的東西 接下來關於動森 需要一個影片 沒有影片怎麼辦 這個你就可以快速編輯 而且你用手機 就可以編出 好那影片的規格 我們是要做為 youtube影片就是 1920x1080像素 我們要的影片是 1920x1080像素 專門就是為youtube 影片而做 而且有那個 版本 範本 他就可以製作 製作出 那個 影片 後面我們還會再詳細的介紹 先讓導播