多點影音工作室 AI生成式網頁設計課堂教學影音2-2

好,那我們再針對喔 我們上一回已經都是做了 Menu跟形象頁 好,那我們再複習一下 我們再把那個部分呢 因為所有的網站都要從這個開始嘛 那我們再複習一下 OK,好,那我先說明喔 這上面的做的這個 你點到它喔 它都有一個藍綠色的一個框框 這個我們稱為Block B-L-O-C-K 它呢是可以透過這個 這裡的工具喔 可以進行像刪除 它就不見了 這裡 刪除 它就不見了 呃?老師怎麼會變這樣 好,OK,好,來了 因為我們的進度喔 在上一回呢 只做了Menu跟那個Head形象頁 好,所以進度還不多 那我們現在喔 不管有沒有做 我們都把它刪掉 好,回到這個空白 我們再來體驗一次 好,那我們把它前面的這個拿掉 啊,模擬 開新檔的時候就長這個樣子 好,那我們再強調認識一下說 原來喔 這個軟體叫Mobilize 那你不能學了老半天 還不知道我們網頁 以為我們是用Dreamweaver設計的 不要弄錯喔 我們這個軟體叫Mobilize 那它呢 作為這個呢 網頁設計的頂尖軟體 它是怎麼弄的 喔,原來 它靠右下方的橘紅色這個加 它把一些網頁喔 常用的 一些高階的網站 一般的網站 大量進行分析 就是這個大數據搜尋嘛 AI的潛移的原型就是大數據嘛 好那 分析之後 得到最右邊 老師,怎麼都是英文 因為 網頁喔 它的最原始 它所有的程式嘛 都是英文 所以它源頭一定是用英文的 OK 所以有時候把它翻又覺得奇怪了 好,所以我們來看 它有什麼 喔,Menu 好 中間這一塊喔 比較大的這一塊呢 就是 這個工程師給我們的Sample 免費的喔 當然它還有付費的 付費就按這邊 付費的話按這裡 我剛剛講喔 它們的公司要生存下去 一定要收費嘛 可是軟體不用錢啊 對 因為它如果一開始收錢 你都不會想跟它買 它的軟體就無法推廣 再好的東西 都只有少數人在用 好 那它們公司又要活 所以是這樣 它給你 比如說 以這為例 26個Sample 是不用錢 這個點點之後的這一些 全部都要錢 OK 好 那我們這裡 幹嘛 我們當然還沒有學成之前 幹嘛付錢給它 但是我們可以 透過它的截圖 它這個圖喔 看看 喔,原來有人這樣設計 有沒有 喔,有人是這樣設計 看完看去喔 你就會覺得 原來大致都那樣 例如Logo在正中間的 Logo在正中間的 Logo在左邊的 記住喔 Logo沒有人在右邊 左邊最多 中間偶爾有人用 為什麼是左邊最多呢 好 其實在筆記本上喔 因為我們網頁設計 有一個叫 黃金左上角 也就是說 所有電腦喔 最源頭 所有電腦最源頭 一定叫檔案嘛 檔案一定在左上邊 所以網頁也是一樣喔 黃金左上角 所以我們都會建議喔 Logo都設計在 左上角就好 中間的 除非客戶指定啦 一般我們不太願意用 好 OK 那我們看別人的網站 大多數也都在 這個 左方 OK 好 再來 你還要學一件事情 學什麼 這個啦 按下去喔 更換 版型 這個 叫做 SIM 寫在筆記本上喔 它的專有名詞叫 T-H-E-M-E SIM 好 這裡 前面這兩個不用錢 後面的通通都是要錢 我們稍微閱讀一下 你看 喔 原來 在這裡面喔 他們總共將近快一萬個 他要賣給你的話 大概就是有一萬個 給你參考 每一個都要付錢的 那 在這裡面喔 你可以看到喔 各行各業 因為差不多快一萬個嘛 所以呢 這裡面 各行各業都已經涵蓋在裡面 好 啊你會發現喔 都有個什麼 主題色彩 有沒有看到 這裡面大概就是這個色調 這個就是這個色調 有沒有 像這個深色系也就一個色調 這一個色調 乍看喔 哇千篇萬畫 啊事實上 寫在筆記本上喔 原來我們要設計的是 主題色彩 主題色彩就是非常重要的 因為你可以看到 像這個有沒有 螢光綠為主的 紫色的 藍紫色的 OK 白底的 好 回到我們上面 這兩個不用錢 所以我們可以按這個 來切換主題 這個換了 這裡的 中間這個的就不一樣了 例如你看menu 它這裡只有一二三個 按這裡 切換 這裡有六個 這裡 切換 只有三個 好 目前我們有兩個 不用錢的喔 所以 你要學習怎麼切 怎麼切去 好 這樣有個好處 什麼好處 至少 我們在網頁設計 我們上次說了 我們的學習 要以視覺為主 因為現在的網頁設計 都以視覺 我再講一次 因為老師從事這一行 三十幾年 我們從黑白螢幕開始 到有烘焙機 一直到現在 網頁設計的發展 我們都是看在眼裡 因為那時間 咻咻咻 就在這個 那網頁是 人類很重要的一個發明 就是在工業革命之後 很重要的 那AI就會是 未來的重要發明 就是改變環境的後面那一個 那網頁是在前 AI在後 網頁呢 以前都要寫程式嘛 所以很難 可是現在的呢 現在我們就是拖拖拉拉就好 所以 來囉 好 我現在要決定 用 STAR M5這個版型 第一個一定要先做 Menu 所以我用這個 那我要用這個 拉進來 就可以了 好你拉一個 欸老師 怎麼其他人都叫 協議添加 因為 一個網站Menu只能一個 不可以兩個的 所以你拉了一個 後面的全部封閉了 上面就封閉了 再來看一次喔 我把它關掉 好 那因為你刪掉很重要嘛 所以它會問你 OK 我們在這個地方 把它勾選 不要再問我了 因為我們對這個慢慢了解了 所以我刪掉就刪了 你看它又恢復了 我拉一個 它們就關閉了 好Menu只能一個 這樣我懂了 OK 好再來 底下那一個叫Head 為什麼會排第二個呢 因為所有的網頁 一定先做Menu 再做Head 一定是這樣 好那這個Head裡面呢 我們來看一下 它給我們的Sample 一直到這為止對不對 一排四個嘛 那這樣的話有 十七個 這裡面喔有分為 有插圖的 沒插圖的 影片的 照片的 好這四個就是一個經典 我們網頁喔 大部分不脫離 這四個 單色 這個 插圖 影片 照片 就這樣 誒老師 我學多媒體啊 那所以我可以用影片 可以啊 來拉進去 把它拉進去 好現在點到 注意喔 你的滑鼠點這個 左邊這個 你點一下 它就會蹦大 變成來編輯 然後按右下方的加 就來選擇Block 這個就是編輯 這個就是影片 好按每個Block 你按了它 注意喔 同學最容易弄錯就是 老師 我怎麼不能變 我怎麼不能改 因為你都沒有點 你沒有點 你叫電腦 怎麼為你服務呢 所以點了它 纔有齒輪 垃圾桶 程式碼 跟儲存 點了它 現在我們點這個影片 齒輪 往下捲 這裡有一個Video 有沒有 它選項就三種 Image Video 單色 Color 網頁就是這樣而已 所以 Modernize 把程式 網頁程式 變怎麼樣 簡單了 視覺化了 而且什麼呢 後端操控了 因為它用這個齒輪 齒輪 同學記住齒輪喔 齒輪就是所有的設定 都在齒輪上 然後呢 程式碼本來很複雜的 全部都寫在這邊 好 那這邊有一個叫 Full Screen Full Width 好 Width是水平 Screen 垂直 我們的設計一定要滿版 我這裡所謂的滿版 就是指高度滿版 所以剛同學問我說 老師 啊你要怎麼評量 喔 我的評量是這樣 每位同學一開始都是100分 每位同學起跳都是100 啊你做得很好 然後就這樣 你可能到了150 160 170 欸 怎麼你有一些項目做錯了 哇 最終你的成績 可能只剩下 60 80 99 就這樣 OK 好啦 如果 你的最終還有130 那我們登記的時候 會是用100分 因為沒有超過100的部分 好啦 我的評量就是這樣 你沒有指定到 我們的技術要求 因為我們設計 因為這裡面會有 網頁啦 動畫啦 等等的這些相關的技術 那每一個評量 都有一個技術點 例如 你用了影片 欸你怎麼沒有滿版 那這樣我們就會扣你分數了 你會覺得好奇怪 老師我不是影片也是在跑嗎 為什麼扣我分 因為我們的技術點要求 網頁為了要漂亮 我們一定要滿版 OK 那這樣的話 消費者在看的時候 他就會看到這個 全面的東西 好 有一個 設計的要訣 你要記一下喔 我們的網頁 一個block 像一個故事 一個block 一個故事 老師什麼是block 好那就是叫區塊 這樣一段 同學你現在在看 比如說看舞臺劇好了 他有一幕一幕一幕的 或是你看張偉小說 第一章第二章第三章第四章 每一章節都有一個故事點 那我們的網頁就是這樣子 每一個章節 那個章節把它改成 專業術語叫做block B-L-O-C-K 同學來注意看上面的英文 有沒有 block two page 就是這個block 你把它改成 B-L-O-C-K 啊 如果我們沒有解釋 你就說block是什麼東西 好 其實就是把 城市喔 拆開變成像積木一樣 一段一段堆雷起來 就像蓋房子 一層樓一層樓蓋上去 那我們網頁 是從上面往下蓋 所以第一個一定是menu 第二個一定叫head 好那我們 上一回 是把它 這裡用成image 而且呢 用了我們的 生成的圖片 好 同學我們把那個教材打開 好啊 如果你有 自己有生圖了 就用你的 沒有就先用了 是的 好那 這裡面呢 有 相關的 像這裡有一個 叫影片拍攝情境 我要作為我的首頁 就是要來模擬那個情境 因為第一章吸引人的 第一章你都無法吸引 消費者留在你的網頁上 那你就失敗了嘛 所以 我們的圖 幹嘛 就是要千挑萬選 好那我們是做 多媒體影音工作室的 我們是希望你 讓我們來承攬那個業務 所以呢 我們要 模擬說 一個景 不管你是學校也好 你是一個團體也好 當然啦 我們不是來幫他拍電影的 我們可以幫你拍微電影 拍廣告 拍紀念 對不對 拍這個呢 青春的這種紀念都可以 或者是某一段 你想要做的 那我們就是這樣子 我就有一段這個 那我就是進來了 好 那在以前 你這些照片哪來的 都是我從Google搜尋的 這樣不可以喔 這樣你會侵權喔 那這些圖 我們就是透過AI生圖 所以你必須要有提示詞 OK 好在老師的網站上 為了讓你 這個呢 學習的這個呢 有所依據跟 感覺上呢 這個有老師在背後給你支持 所以這裡 我都會放上 叫做 綜合數位獎勵區 只要編號是1的 都是我們可以學習的範圍 其中 針對Mobilize 有Mobilize的獎勵 針對 AI生圖 Copilot 這裡有提示詞 我針對 不同的主題 有給予不同的提示詞的參考 主要是給你參考喔 好那也就是說 AI喔 簡單說啦 就是為我們網頁設計 來幫助我們的啦 它就像我們的天使一樣 幹嘛 以前要寫文啊 好辛苦喔 你可能要去上文案課 對不對 同學你有沒有上文案課啊 老師我的 國文以前啊 可能底子不是很好耶 會有一些那個詞句 我都想不太出來 對吧 你苦惱這個嘛 你上再多的課 你也寫不出來 AI就幫我們寫學了 所以呢 我只要 這個喔 我這裡就採用對話式的 來讓你看 我第一段 同學我們 我們扣 老師講義的第一段 扣這一段 我們來利用 老師在網站上面 這裡有 COPY的生圖 跟 CHOP GPT 跟Gemini 這是Google的 這是OpenAI公司的 我們用這個 CHOP GPT的好了 它是專門生成文字的 那他們用呢 最近的 因為今年發表 最新的就是 CHOP GPT 4O 以前是3嘛 現在今年是4 其中的時候呢 又發表 所以是改成到4O 好 記得喔 所有東西都一定要登錄 因此你一定要先登錄喔 那我們會建議 用Google的帳號 去登錄就好 你選擇你自己的Google帳號 然後呢 你去登錄進去 好 其實 就是要產生 你的Google帳號 跟它連結 所以這裡 一定要同意它的連結 好 那為什麼要登錄呢 因為雲端嘛 要紀錄嘛 好 OK 所以呢 資料的東西 就是要這個地方來 好 OK 好 那我們去 進去之後喔 不管任何哪一個AI 注意喔 AI大概有一萬多種 超多的 大大小小公司 那對我們來說 我們學不完 怎麼辦 那我們就找大家的 最大的公司 好 比如像Google啦 好 這一個呢 微軟啦 還有最早的 像OpenAI啦 就是Chop的GPT 好 那我們呢 它都很簡單 它一個對話 好 Chop的GPT是最早 去年開始 好 很夯的時候 甚至你可以看到 股票市場 全部很夯 全部都是因為AI 為什麼 因為它帶動了 要有伺服器 傳輸 好 就網路啊 還有運算啊 你的晶片啊 記憶體啊 全部要改變的 好 因為我們的電腦 大概有將近快89年 都沒有大的 重大的變革嘛 那 這個廠商都很希望 今年的AI 能夠帶動 整個機器的大改變 好 例如我們這裡的電視 不是AIPC 對不對 下一批 我們可能就 全面換成AIPC了 好 OK AIPC跟 傳統PC 還是有不一樣 因為所有運算 將來 你的工作 網頁啊 甚至你 這個辦公室 所有的這個 簡報啦 Excel啊 全部都要用AI的 好 那我們來試一下 我把一個文案 告訴他 他就會幫我寫 所以我們才會說 AI 簡直就是來幫我們 做文案的人 來做網頁設計 很超好的 文案啊 生圖啊 所以 網頁設計師 就會進行 一場淘汰賽 什麼意思 因為如果你這個 你是老經驗的設計師 哇 你做了20年 很快 你就會被淘汰 因為 你不習慣AI 可是我們新學的人 如同各位對不對 我新來學啊 我要跟他跨進這一行啊 那太好了 因為你還是一張空白紙 投入 正好 因為你可以 全面接受AI的概念 這裡 有沒有 幫我想故事 注意喔 所有網路行銷 都要講故事 例如 一個阿婆 賣那個什麼 這個呢 滷蛋 茶葉蛋 很平常嘛 那你要幫她 就要寫一篇生命故事 來告訴她 早年喪偶啦 兒子又都過世了 只要她一個人啊 怎樣怎樣 寫了一篇故事 發表在網路上 發表在網站上面 保證她的生意就會好 因為有故事 網頁一樣都要寫故事 都是這樣喔 那TrapGPT 它的概念就是說 我給你多一個選擇 因為我告訴她 我要五顆按鈕 所以她告訴我們的 第一顆 可以寫關於我們 第二顆 第三顆 第四顆 第五顆 好 那我們有講過 記在筆記本了 網頁設計 最少要三個按鈕 最多不要超過十個 最好是五顆按鈕 我指的就是這個Menu 上面的按鈕 最少要三顆 你看 它的Sample就三顆 那我們要做五顆 最多不要超過十顆 這就是我們的口訣 好 那它給我們的文案 就是這樣 好 你很喜歡 就可以Copy這個文案 好 同學要問喔 老師 那你第二個席座說 個人作品集 我要怎麼做 好 第二個 第二個席座 我們鎖定的目標就是 你結業不是要去求職嗎 不是想要接案嗎 你搞不好幾個同學幹嘛 來創立一個工作室啊 對不對 那網站一定是要的嘛 不然你拍了影片 放到YouTube上 誰知道你們是誰啊 所以你一定要架一個網站 所以老師的課 就是要來協助你 幹嘛 但是我不能夠限制你範圍啊 所以我們第二個席座 是交給你創作 好 那你的創作 一樣 老師我沒有頭緒耶 那就是開始問AI嘛 我想要做一個 注意到我這裡改了 改成叫做 個人 對 我要改成個人工作室 好 那你就會重新去問它 記得 問的時候一定是重新的一個 重新的一個 發問的問題 我們告訴它說 欸 我要做一個個人 數位 影音 工作室 網站 有按鈕 你看喔 我後面這個我就不寫了 我問它 就這麼簡單的問它 請它告訴我 同學我們要來為第二個席座 開工嘛 第一件事情這個嘛 然後我就問它 然後它就告訴我 我範圍給它很大喔 所以它就告訴我 欸你看它很聰明耶 留一個 你要叫什麼 有沒有 你的工作室名稱放在這裡 我按就有了 我按鈕的名字沒告訴它喔 它就知道 欸第一個是關於我 服務項目 告訴你你可以做些什麼項目 你的作品展示 欸 很好啊 那老師那就 我就知道了 那我的第二個席座 我就可以這樣子開始做了嘛 對不對 我就有啦 五顆按鈕啊 你看它就給我五顆耶 而且都剛好預留了嘛 你的e-mail 你的電話 你就這樣來就取代了嘛 所以AI 它已經聰明到 你該有的這個網頁格式 AI都知道了 你會看到 它不會是幾千字 都這麼短 然後複製起來 幹嘛 來 請進入你的Google 雲端Google帳號喔 裡面的Keep 我再講一次喔 為什麼要用Keep 因為你在開發文案的時候 我現在換一個帳號喔 讓你能夠看我的Keep 是怎麼做的 同學我們去開發一個文案嘛 你可能 怎麼可能腦袋記住所有的字 不可能啊 所以我就要用記事本 我們都統一在Google底下使用 按九宮格 就有KEEP KEEP 這邊就可以新增了 那我這裡就寫 寫什麼 我的第二個期作嘛 對不對 我要設計 個人作品集的網站 對不對 那我們現在 蒐集什麼 蒐集文案嘛 對不對 然後呢 我就把我ChubGBT的文案貼在這裡 好 那你也不可能只信ChubGBT啊 所以我會用 長長的Dash 做為分隔線 幹嘛 把我問ChubGBT的事情 再問Gemini 因為這兩個都比較專精文案 然後一樣的方法 你看兩個長相都差不多 那我們就問他 好 我請Gemini 也就是說 我要開發一個網站 主要我現在在教你 個人作品集怎麼做 就是這樣 不然你會沒有頭緒嘛 那我現在就跟你講了 喔 他就一樣喔 然後他就有一個文案一 文案二 文案三 有沒有 按鈕設定可以有 一二三四五個 欸 我這裡跟他講五個 他就給我五個 而且排得很適合啊 一個是關於我們嘛 作品集嘛 聯絡我們嘛 這個這個這個 然後 欸 他有案例喔 老師 我有點趕 我沒有辦法仔細看他的文字 所以怎麼辦 嗯 那就先把他儲存啊 存在哪 存在Keep 對不對 好 我問了兩個人喔 現在我要問第三個人 同樣的話 對不對 我想要問第三個人 好 那 呃 我們還可以問Copilot 好 那Copilot他可以生文案 也可以 生成這個呢 圖片 好 不過我們稍微要講一下喔 呃 因為那個 AI喔 還在 改變當中 我們上一回看到的Copilot跟 今天看到的Copilot 因為隔了一個多月了喔 完全不一樣了 他改版 呃 因為有些同學覺得不好用 啊有些同學說 沒差 好 那我們也來看一下他改版的 他就變得很簡單 啊 一樣都在這邊輸入 你看我們三個人問的都相同 然後一樣我們都 同一件事情問他 字都不改 好 那我們發現 Copilot還在改 因為他剛換這個版 就覺得不好用喔 譬如說他現在全部都給我英文 啊 他有時用中文 有時用英文 很不穩定 啊 這個我們可能還要再等他 修正了 所以我在我網站裡面 還做了一個 這邊這個連結 這邊進來就是 以影像建立為主要的 好 那這邊呢 你給他文案 他會變成建 影像 啊 在這邊我們問他 他還會不穩定 好 不過 我們會建議 因為老師 上一回你教的那個部分 那沒有 我怎麼辦 我升讀還沒升完 好 所以我們發現 有一個 以目前階段還可以做 同學拿出你的手機 好 找到你的APP商店 輸入關鍵字 好 請你輸入Edge 注意喔 我們用的Copilot是 Microsoft的微軟的 那他們的那個瀏覽器 叫做Edge 好 在你的手機 請安裝那個Edge的APP 好 你裝好之後 你打開Edge 好 那因為我沒有辦法 抓那個螢幕畫面給你看 那你只有自己操 自己看 那你打開那個 裝好之後打開那個Edge 你就會看到那個 Edge瀏覽器的 正底下 正中間就有這個 藍色的這個圖案 我現在遊標指的這個 就這個圖案 這個還會保留 我們上一回 所講到那個 Copilot的那個圖案 我再講一次喔 因為 這個軟體是微軟公司的吧 他們要改版 我也沒辦法啊 說老師 這個改得比上一次的不好用 那我們就在等它 它會不會再改變 因為都還在實驗當中 因為像Copilot 名字啊 是年初才訂的 他們以前不叫這個 像Google的Gemini 也都是改變的啊 改來改去改來改去 一年裡面改了四五回的 OK 好 那 你的手機裝好之後 正中間下面就有這個圖案 那它就是在這邊 這裡就有一個發問 記得一定要登錄嘛 它提醒我一定要登錄的 那你發問的時候 不登錄就會產生這個樣子 就是一定要登錄進去的時候 用Copilot OK 就在這邊 好 那你就可以用你的手機 裡面 使用 那就會跟上回我們所講的相同 好 這是面對微軟的AI 正在改版時 那後面會再改變 什麼時候我們並不知道 但是它會這樣 好 再來 微軟還有一個 東西 叫做Beam 我都被它搞糊塗了 好 我們再釐清一下 Edge叫瀏覽器 Google的Chrome叫瀏覽器 Google的Google叫搜索引擎 微軟的Beam叫搜索引擎 Google的Gemini叫AI 微軟的 就是Copilot 好 那為什麼我們只講 老師你怎麼只講大公司 因為那個小公司 好幾千幾萬家 講也講不完 那你這樣 AI要花很多錢 沒有資金是玩不下去的 所以有些公司 可能一兩年半年 那就不見了 那你學它幹嘛 所以我們還是以這個 大公司為主要 不然我們沒有一個標的可以學 好 那我們在這裡面 因應還變化 好 會有這個 那在Beam這邊 這裡有一個圖片 這個 收藏 可以連到 擠景 好 那我會建議 建立擠景 就可以像這樣子 一個目錄夾一個目錄夾 來收集 你所儲存的資料 OK 一定要登入那個帳號 好 那再來 Beam圖片這邊 還有一個叫建立 它就連到 到做影像 建立工具 這裡的圖 都是AI生成的 這個 就是提示詞 那外國都是寫英文 所以 提示詞寫在這裡 按這邊建立 每一天有額度 按下去 它就開始在生成 這邊是生成過的東西 就是你的生成的紀錄 好 它為了鼓勵我們 所以它有基點 基點可以兌換東西 你看 就有圖了 這裡 就可以儲存到 擠景 你可以建立新的擠景 建立新的擠景 存在那裡面 生圖四張 新版的話 它只剩一張 OK 為什麼 例如Gemini 同樣喔 我把一段的英文 這邊可以生圖 可以以圖生圖 語音輸入 好 同樣的東西喔 我們一樣問不同人 以Gemini這個模型為例 它們一次只生一個圖 有沒有看到 這是AI生出來的 跟 剛剛的 剛剛的這個 是不同 好 以生圖技術來說 微軟的Copilot比較漂亮 啊 那個Gemini 九月以前根本無法生圖 最近有生 但 Gemini目前還不能生人 對 人 就是有照片喔 人的這個照片 它還生不出來 其他可 OK 但這裡面 只能下載 沒有擠景 這個可以有擠景 這邊只能下載 這邊有擠景可以儲存 你可以這樣子 儲存在你的擠景 好 擠景呢 可以透過這裡 找到擠景 也可以透過bin 按收藏 就找到擠景 好 我都覺得 微軟好囉嗦 好幾個洞 可以連到那個點 就是說 介面不統一啦 好 我再講一次喔 我們要做習作 生圖你要自己生 上課來不及 用老師的範例 但 分數會比較低 因為我們要看到你創作 因為環境就是這樣 我們要引導你創作 好 那因為環境還在改變 盡量你用你手機 安裝 好 我們上一回 請同學安裝copilot嘛 但是它就是變成 換版本的 那就稍微不好用一點 那我會建議你安裝edge 由edge正中間的copilot 它還沒改 趁它還沒改之前 可以生圖 OK 啊 記得存在你的集景 比較漂亮 因為一次會生四張 啊你 存你比較喜歡的 因為日後喔 這個集景 還可以再調整 例如現在 生出來是正方形 我可以變成 16比9的 但 Gemini 只有正方形 因為Gemini 前面的話不能生圖喔 是到了十月份 它能生圖 它已經很了不起了 很努力了 但 還不適合我們現在的創作嘛 所以我們透過這樣的比較 讓你初步對於 AI 文案 生圖 有所概念 好 OK 好那我會比較會建議喔 生圖的時候 你利用空檔呢 一次就把它做完 做 要按照這個 你一個網站 要有什麼東西 我有設計 我有攝影師工作的情形嘛 我的拍攝的情境嘛 我的設備啊 我怎麼幫客戶服務啊 還有我們的系列作品 所以最重點是這個 好那我們至少要五個系列喔 要五個系列 再來就是Logo 再來就是介紹你的團隊 好利用這樣去生成 這裡面有提示詞 有提示詞的檔案 文件 我們剛剛也利用了 他第一句的提示詞 去做 記得 一定要保存在KEEP 老師就是利用這個 去記錄很多的 我要教你 我要做教材 要做客戶的東西 都是要這樣記錄 KEEP裡面 可以釘圖釘 可以選擇提示的顏色 你也可以有一個 花紋當背景 這樣來做分類 重要的釘圖釘 這就是管理 好 網頁就是很多的管理喔 好 啊你 我們只要做兩個嘛 一個 就是你自己的 個人作品集 我會建議同學 你可以模擬一個喔 因為那個 作業千萬不要 同學 作業不是為了我 我們是希望你 在結業的時候 你去接案或是求職 有一個作品集 對不對 不然你空手去 你又要高薪 怎麼可能 你把意味思考一下 你是那個老闆 你面對一個求職者 兩手空空來 給我應徵 講得天花亂墜 文憑講得一大堆 然後呢 我錄取了之後 我很擔心你進公司 是兩手空白啊 啊不然你們也給我看一下 你的以前的作品好不好 對不對 你不可能兩手空空去嘛 所以那個個人作品集 就是為了你求職用的 你只不過讓我看一眼 就這樣 所以設計都是依你 把這半年你所學的東西 怎麼展現 怎麼彙整 怎麼展現 以那個為主 所以你看我現在就是以這個 以這個為標題 啊 記錄下來 OK 好 那麼我們現在 回到這邊 Mobilize這裡 我們剛剛 故意把它刪掉 把上一週 上一次的進度刪掉 因為有同學說 老師我 我 都是空白 上一週請假 沒問題的 因為我們才做了兩個而已 所以我們還來得及 從頭再講一遍 好 那我們現在 要把東西套進來了 文案 第一個 關於我們 我就貼上去了嘛 第二個 我們要做一個 影像拍攝 好 我在這邊喔 有 老師的網站這邊有 課堂實習範例 OK 這裡 就是我們上課的那個 前面課程的錄影 你點可以點它 點上面的照片 或是點這裡 都可以看到 老師做的sample網站 OK 好 那你要自己取一個名字喔 你如果是多點影音 我就會扣你分喔 因為你要自己的一個名字 而且你要自己選好 你的英文名字 注意喔 這裡有英文名字 最簡單的話 就是copy貼上去翻譯了 啊 我的範例 範本 我是用這裡來 你的名字跟我的不一樣 但 按鈕都相同 所以我的第三個 叫做系列作品 好 按這個加 就可以產生第四個 按鈕 再加一次 第五個按鈕 我們說過 最好的 是五顆按鈕 這一顆按鈕 我們沒有要用 假設將來喔 有什麼折價券啊 報名啊 就可以用這個按鈕 我們沒有要用 所以要按 齒輪 透過這個 前端介面控制 它只有開跟關 跟調整 Logo關了就沒Logo了 有些公司沒有Logo 我就關掉 有Logo我就打開 那我們的創作要有Logo Logo可以調大 調小的size 這個是品牌名字 有些公司 Logo 消費者超有印象 品牌名字就關掉 沒印象的 同時存在 這個就是選單 這個就是按鈕 我們技術上要求 一定要靠右邊 所以你沒有靠右邊 我就扣你分數了 因為我們起跳一百 欸你怎麼在中間 所以我們就會扣掉一分 欸啊你怎麼沒有品牌名字 再扣掉你一分 所以我們品牌名字 對不對 我就叫做多點影音 注意喔 你是不同的名字喔 這個我們上回請同學 腦力激盪 你自己取了一個名字 好 這個是Logo 點到它 按照你的生圖 還來不及的同學 用老師範例 對啊老師 我想請問你 啊你的生圖 怎麼會那麼多圖 啊有彩色有黑白 我說過 Logo 不見得只有一種形象 對吧 你要載馬克杯 載名片 載信封 載旗幟 對不對 載毛巾 布章 對不對 紀念品 網頁 各種都可以啊 所以都有 但我們的名字都不會變 OK 好那我就可以 拉一個進去 注意喔 這裡要校正 你做不好 很多學員喔 在做的時候 這裡都沒有做 那就會被我扣分 他覺得很奇怪啊 老師 我覺得我做得很漂亮啊 跟我隔壁同學 比起來我比他漂亮 為什麼我分數比他低 因為在技術上 你沒有達到要求 你這個 你看這是 對方的公司耶 所以你要按編輯連結 改變 好那我們之前說過 全世界的網頁啊 對外連結啊 那個連結點啊 就這六種而已 找不出第七種 這個 它翻譯叫頁面 我們會請你記錄說 這個是叫內部連結 這個叫外部連結 這叫信箱連結 這叫電話連結 這叫檔案連結 這個叫程式連結 你要連結程式的 譬如說 老師 那mobile device 我們可以接資料庫 可以 這個就是用這個 所以它比較高階技術的時候 接程式設計師的時候 是接這個 我再講一次喔 內部 它從左邊開始嘛 所以用最多是最左邊 幾乎80%都用它 內部連結 外部連結 信箱連結 電話連結 檔案連結 跟程式連結 好那對我們來說 用最多是它 這個就是block 你要讓它回到首頁的head 插入 這個就改變好了 好 底下是ALT 替代文字 寫起來 好 替代文字呢 我們右鍵稱為 叫做無障礙網頁標記 那麼 主要是要讓它 在盲包看網頁的時候 要轉換成為點字 所以 你要記錄喔 例如 我是一個 多媒體的 Video Studio 我的網頁 的Logo 這樣盲包 它就會知道 這是某一家公司的網頁Logo 按好的 這樣我就設計完畢 我的網頁就符合 基礎的無障礙網頁基礎 好 按鈕 我們就要做 後面的 客戶服務 跟 預約 預約拍攝就是 我設立一個工作室嘛 那 幹嘛 我又不是天天在 在公司 我們要去幫客戶拍啊 外拍啊 啊你工作室又沒有幾個人 怎麼會有一個人 閒閒待在公司 準備接電話的 不可能嘛 啊現在電話都手機了啊 所以我們就出去 但有時候來不及講電話啊 不方便講電話啊 關靜音啊 所以我們會用一個 表單 好 讓客戶呢 可以在這裡留言 這是我們網頁設計師 該做的 好 時間的關係 我們先在這邊 先告一個段落 好 那我們下課休息一下