CINXE.COM

<!DOCTYPE html> <html lang="zh-hant" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="AI繪本創作：Midjourney和ChatGPT從入門到精通 | 程式軟體 | OMIA學東西線上課程平台" /> <meta property="og:description" content="AI繪本創作：Midjourney和ChatGPT從入門到精通" /> <meta property="description" content="AI繪本創作：Midjourney和ChatGPT從入門到精通" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.omia.com.tw/sites/default/files/project_cover_image/AI%25E7%25B9%25AA%25E6%259C%25AC_1920x1080.jpg" /> <link rel="icon" href="/sites/default/files/favicon.ico" type="image/vnd.microsoft.icon" /> <title>AI繪本創作：Midjourney和ChatGPT從入門到精通 | 程式軟體 | OMIA學東西線上課程平台 | OMIA</title> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/ajax-progress.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/autocomplete-loading.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/progress.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/sticky-header.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tabledrag.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tree-child.module.css?suc9rv" /> <link rel="stylesheet" media="all" href="https://use.fontawesome.com/releases/v6.4.0/css/all.css" /> <link rel="stylesheet" media="all" href="https://use.fontawesome.com/releases/v6.4.0/css/v4-shims.css" /> <link rel="stylesheet" media="all" href="/modules/omia/css/common/vue_cloak.css?suc9rv" /> <link rel="stylesheet" media="all" href="/modules/omia/css/common/swiper-bundle.min.css?suc9rv" /> <link rel="stylesheet" media="all" href="/modules/omia/css/project/project_page.css?suc9rv" /> <link rel="stylesheet" media="all" href="/modules/omia/css/common/bootstrap.min.css?suc9rv" /> <link rel="stylesheet" media="all" href="/themes/custom/omia_theme/css/all.css?suc9rv" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"project\/1883","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"zh-hant"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-KQ63VZN"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"ajax_comments\/commands,fontawesome\/fontawesome.webfonts,fontawesome\/fontawesome.webfonts.shim,google_tag\/gtag,google_tag\/gtag.ajax,google_tag\/gtm,omia\/bootstrap,omia\/omiaProject,omia_theme\/global-styling,statistics\/drupal.statistics,system\/base","theme":"omia_theme","theme_token":null},"ajaxTrustedUrl":[],"omia":{"isPlusPage":false,"project_id":"1883","selected_package":"3289","selected_tab":1,"selected_asgId":-1,"project_intro_dom":"\u003Cp\u003E\u003Cmeta charset=\u0022UTF-8\u0022 \/\u003E\u003Cbr \/\u003E\n\u003C\/p\u003E\u003Ctitle\u003E\u003C\/title\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_01.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg1\u0022\u003E\n\u003Cdiv class=\u0022textbox1 text1\u0022 style=\u0022text-align: left; \u0022\u003E\n\u003Cp\u003E\u5728\u9019\u9580\u8ab2\u7a0b\u4e2d\uff0c\u60a8\u5c07\u5b78\u7fd2\u5982\u4f55\u4f7f\u7528ChatGPT\u4f86\u5275\u9020\u6545\u4e8b\u60c5\u7bc0\uff0c\u4e26\u4e14\u5b78\u7fd2\u4f7f\u7528Midjoureny\u4f86\u5275\u4f5c\u7cbe\u7f8e\u7684\u63d2\u5716\u3002\u8ab2\u7a0b\u4e2d\u7684\u6559\u5b78\u5167\u5bb9\u76f8\u7576\u7c21\u55ae\u6613\u61c2\uff0c\u5c0d\u65bc\u6c92\u6709\u592a\u591a\u6578\u4f4d\u79d1\u6280\u7d93\u9a57\u7684\u4eba\u4e5f\u80fd\u4e00\u76ee\u4e86\u7136\u3002\u003Cbr \/\u003E\u003Cbr \/\u003E\u900f\u904e\u9019\u500b\u8ab2\u7a0b\uff0c\u60a8\u5c07\u53ef\u4ee5\u7368\u7acb\u5b8c\u6210\u4e00\u672c\u5c6c\u65bc\u81ea\u5df1\u7684\u7e6a\u672c\u6545\u4e8b\u66f8\uff0c\u900f\u904e\u6578\u4f4d\u5275\u4f5c\u4f86\u5206\u4eab\u60a8\u7684\u6545\u4e8b\u548c\u5275\u610f\uff0c\u8b93\u66f4\u591a\u4eba\u4e86\u89e3\u60a8\u7684\u624d\u83ef\u548c\u5275\u9020\u529b\u3002\u003C\/p\u003E\n\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_02.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg1\u0022\u003E\n\u003Cdiv class=\u0022textbox1 text1\u0022 style=\u0022text-align: left; margin: 20px auto;\u0022\u003E\n\u003Cp\u003EChatGPT\u662f\u81ea\u7136\u8a9e\u8a00\u8655\u7406\u7684\u4eba\u5de5\u667a\u6167\u6280\u8853\uff0c\u900f\u904e\u5927\u91cf\u6578\u64da\u548c\u6a5f\u5668\u5b78\u7fd2\uff0c\u80fd\u81ea\u52d5\u5b78\u7fd2\u7406\u89e3\u4eba\u985e\u7684\u8a9e\u8a00\u548c\u610f\u5716\u3002\u9019\u9580\u8ab2\u6559\u4f60\u5982\u4f55\u904b\u7528ChatGPT\u548c\u7cbe\u78ba\u6307\u4ee4\uff0c\u5275\u9020\u5c6c\u65bc\u4f60\u7684\u597d\u6545\u4e8b\u3002\u003C\/p\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_03.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg1\u0022\u003E\n\u003Cdiv class=\u0022textbox1 text1\u0022 style=\u0022text-align: left; margin: 20px auto;\u0022\u003E\n\u003Cp\u003EMidjourney\u662f\u4e00\u500b\u57fa\u65bc\u4eba\u5de5\u667a\u6167\u7684\u7e6a\u5716\u5e73\u53f0\uff0c\u5b83\u53ef\u4ee5\u5e6b\u52a9\u4f60\u5c07\u4f60\u7684\u60f3\u50cf\u529b\u8f49\u5316\u70ba\u5716\u50cf\u3002\u4f7f\u7528Midjourney\uff0c\u4e0d\u9700\u8981\u5be6\u969b\u7684\u7e6a\u756b\u6280\u80fd\uff0c\u5c31\u53ef\u4ee5\u5c07\u81ea\u5df1\u7684\u6545\u4e8b\u8f49\u5316\u70ba\u7cbe\u7f8e\u7684\u63d2\u5716\u3002\u003C\/p\u003E\n\u003Cp\u003E\u5982\u679c\u4f60\u60f3\u63a2\u7d22AI\u7e6a\u672c\u5275\u4f5c\u7684\u795e\u5947\u4e16\u754c\uff0c\u9019\u500b\u8ab2\u7a0b\u662f\u4f60\u6700\u597d\u7684\u9078\u64c7\u3002\u4e0d\u8981\u518d\u8b93\u4f60\u7684\u5275\u610f\u548c\u60f3\u6cd5\u6df1\u57cb\u65bc\u5fc3\uff0c\u4e0a\u5b8c\u9019\u5802\u8ab2\u4f60\u5c31\u80fd\u5be6\u73fe\u5b83\u5011\u3002\u003C\/p\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022p\u0022\u003E\n\u003Cdiv style=\u0022position: absolute; width: 100%;\u0022\u003E\u003Cimg loading=\u0022lazy\u0022 src=\u0022\/sites\/default\/files\/migrate\/pic01.gif\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/pic01_2.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/swiper_l.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Clink href=\u0022https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/4.5.0\/css\/swiper.min.css\u0022 rel=\u0022stylesheet\u0022 \/\u003E\n\u003Cscript src=\u0022https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/4.5.0\/js\/swiper.min.js\u0022\u003E\u003C\/script\u003E\u003Cdiv class=\u0022swiper-container\u0022\u003E\n\u003Cdiv class=\u0022swiper-wrapper\u0022\u003E\n\u003Cdiv class=\u0022swiper-slide\u0022\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/swiper01.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\u0022swiper-slide\u0022\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/swiper02.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\u0022swiper-slide\u0022\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/swiper03.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\u0022swiper-slide\u0022\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/swiper04.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\u0022swiper-slide\u0022\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/swiper05.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\u0022swiper-slide\u0022\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/swiper06.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C!-- \u5982\u679c\u9700\u8981\u5206\u9875\u5668 --\u003E\u003Cdiv class=\u0022swiper-pagination\u0022\u003E\u00a0\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cscript\u003E\n\u003C!--\/\/--\u003E\u003C![CDATA[\/\/ \u003E\u003C!--\n\n\u003C!--\/\/--\u003E\u003C![CDATA[\/\/ \u003E\u003C!--\n\n\t\tvar mySwiper = new Swiper(\u0027.swiper-container\u0027, {\n\t\t\tdirection: \u0027horizontal\u0027, \/\/ \u5782\u76f4\u5207\u6362\u9009\u9879\n\t\t\tloop: true, \/\/ \u5faa\u73af\u6a21\u5f0f\u9009\u9879\n\t\t\tautoplay: {\n\t\t\t\tdelay: 6000,\n\t\t\t\tdisableOnInteraction: false,\n\t\t\t},\n\t\t\t\/\/ \u5982\u679c\u9700\u8981\u5206\u9875\u5668\n\t\t\tpagination: {\n\t\t\t\tel: \u0027.swiper-pagination\u0027,\n\t\t\t\tclickable: true\n\t\t\t},\n\n\t\t}) \n\t\n\/\/--\u003E\u003C!]]]]\u003E\u003C![CDATA[\u003E\n\n\/\/--\u003E\u003C!]]\u003E\n\u003C\/script\u003E\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_plan_0.jpg\u0022 width=\u0022100%\u0022 \/\u003E \u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_plan1_0.jpg\u0022 width=\u0022100%\u0022 \/\u003E \u003Cimg src=\u0022\/sites\/default\/files\/migrate\/p1_0.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg2\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003E\u5982\u4f55\u8a3b\u518a\u6210\u70ba\u6703\u54e1\uff0c\u4ecb\u7d39ChatGPT\u7684\u4ecb\u9762\u8207\u64cd\u4f5c\u65b9\u5f0f\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/p2_0.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg2\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003E\u4ecb\u7d39\u5404\u7a2e\u9762\u5411\u7684\u63d0\u554f\u65b9\u5f0f\uff0c\u8b93\u4f60\u66f4\u6e05\u695a\u8a72\u5982\u4f55\u5411 AI \u6b63\u78ba\u63d0\u554f\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/p3_0.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg2\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003EChatGPT \u6703\u7522\u751f\u7684\u554f\u984c\u3001\u76f8\u95dc\u898f\u7bc4\u8207\u6703\u54e1\u4ed8\u8cbb\u65b9\u6848\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022p\u0022\u003E\n\u003Cdiv style=\u0022position: absolute; width: 100%;\u0022\u003E\u003Cimg loading=\u0022lazy\u0022 src=\u0022\/sites\/default\/files\/migrate\/sally_plan2.gif\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_plan2_0.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_plan3.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg3\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003E\u5f9e\u8a3b\u518a\u3001\u5b89\u88dd\u5230\u4ecb\u9762\u4ecb\u7d39\u7684\u8aaa\u660e\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/p4.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg3\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003E\u5982\u4f55\u7cbe\u6e96\u904b\u7528\u95dc\u9375\u5b57\u4f86\u751f\u6210\u60f3\u8981\u7684\u5716\u7247\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/p5.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg3\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003EMidjourney \u76f8\u95dc\u898f\u7bc4\u8207\u6703\u54e1\u4ed8\u8cbb\u65b9\u6848\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022p\u0022\u003E\n\u003Cdiv style=\u0022position: absolute; width: 100%;\u0022\u003E\u003Cimg loading=\u0022lazy\u0022 src=\u0022\/sites\/default\/files\/migrate\/sally_plan4.gif\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_plan4_0.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_plan5_1.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg4\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003E\u9032\u968e\u61c9\u7528\uff0d\u7e6a\u672c\u5275\u4f5cStep1\uff0d\u5beb\u6545\u4e8b\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/p6_1.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg4\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003E\u9032\u968e\u61c9\u7528\uff0d\u7e6a\u672c\u5275\u4f5cStep2\uff0d\u751f\u6210\u63d2\u5716\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/p7_1.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg4\u0022\u003E\n\u003Cdiv class=\u0022textbox2 text1\u0022 style=\u0022text-align: left; \u0022\u003E\u9032\u968e\u61c9\u7528\uff0d\u7e6a\u672c\u5275\u4f5cStep3\uff0d\u7d44\u5408\u5716\u6587\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022p\u0022\u003E\n\u003Cdiv style=\u0022position: absolute; width: 100%;\u0022\u003E\u003Cimg loading=\u0022lazy\u0022 src=\u0022\/sites\/default\/files\/migrate\/sally_plan6.gif\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_plan6_2.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\u003C\/div\u003E\n\u003Cdiv class=\u0022bg1\u0022\u003E\n\u003Cdiv class=\u0022synopsis_section\u0022 style=\u0022text-align: center\u0022\u003E\n\u003Cdiv class=\u0022btn0\u0022\u003E\u003Ca href=\u0022#content-body\u0022 onclick=\u0022content.ClickType(2)\u0022\u003E\u9ede\u6b64\u770b\u8a73\u7d30\u8ab2\u7a0b\u5927\u7db1\u003C\/a\u003E\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cp\u003E\u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_about.jpg\u0022 width=\u0022100%\u0022 \/\u003E \u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_about2.jpg\u0022 width=\u0022100%\u0022 \/\u003E \u003Cimg src=\u0022\/sites\/default\/files\/migrate\/sally_about3.jpg\u0022 width=\u0022100%\u0022 \/\u003E\u003C\/p\u003E\n\u003Cdiv class=\u0022bg1\u0022\u003E\n\u003Cdiv class=\u0022textbox1 text1\u0022 style=\u0022text-align: left; margin-bottom: 60px; \u0022\u003E\n\u003Cp\u003E\u6b64\u8ab2\u7a0b\u5c0d\u4efb\u4f55\u6709\u8208\u8da3\u60f3\u8981\u4f7f\u7528AI\u4f86\u5275\u4f5c\u7684\u4eba\u4f86\u8aaa\u90fd\u975e\u5e38\u9069\u5408\u3002\u003Cbr \/\u003E\u7121\u8ad6\u662f\u5b78\u751f\u3001\u8001\u5e2b\u3001\u4f5c\u5bb6\u3001\u63d2\u756b\u5bb6\u3001\u8a2d\u8a08\u5e2b\u3001\u7236\u6bcd\u6216\u4efb\u4f55\u4eba\u90fd\u53ef\u4ee5\u5f9e\u9019\u5802\u8ab2\u958b\u59cb\u63a5\u89f8AI\u5de5\u5177\uff0c\u4e26\u77ad\u89e3\u5982\u4f55\u5229\u7528AI\u6280\u8853\u5275\u9020\u7368\u7279\u7684\u7e6a\u672c\u6545\u4e8b\u3002\u003C\/p\u003E\n\u003Cp\u003E\u5c0d\u65bc\u5e0c\u671b\u5728\u81ea\u5df1\u7684\u5de5\u4f5c\u4e2d\u4f7f\u7528AI\u6280\u8853\u7684\u4eba\uff0c\u6b64\u8ab2\u7a0b\u4e5f\u662f\u4e00\u500b\u5f88\u597d\u7684\u8d77\u9ede\u3002\u900f\u904e\u77ad\u89e3AI\u5de5\u5177\u7684\u57fa\u790e\u8207\u64cd\u4f5c\u539f\u7406\uff0c\u4e5f\u53ef\u4ee5\u5728\u81ea\u5df1\u7684\u5de5\u4f5c\u9818\u57df\u4e2d\u61c9\u7528\u5b78\u7fd2\u5230\u7684\u6280\u80fd\u4f86\u589e\u5f37\u60a8\u7684\u5275\u9020\u529b\u548c\u751f\u7522\u529b\u3002\u003C\/p\u003E\n\u003Cp\u003E\u7e3d\u4e4b\uff0c\u6b64\u8ab2\u7a0b\u662f\u4e00\u500b\u9069\u5408\u6240\u6709\u5c0d\u65bcAI\u5275\u4f5c\u6709\u8208\u8da3\u7684\u4eba\uff0c\u7121\u8ad6\u662f\u5f9e\u4e8b\u54ea\u500b\u884c\u696d\u6216\u5e74\u9f61\u5c64\u90fd\u975e\u5e38\u9069\u5408\u3002\u003C\/p\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022qa_section\u0022 id=\u0022qa\u0022 style=\u0022background-color:#cd4fd4; border: 1px solid #cd4fd4;height:45px;line-height: 45px;font-size:24px;text-align: center; color: #fff; font-weight: bold;\u0022\u003E\u5e38\u898b\u554f\u984cQ \u0026amp; A\u003C\/div\u003E\n\u003Cdiv class=\u0022bg1\u0022\u003E\n\u003Cdiv class=\u0022textbox1 text1\u0022 style=\u0022text-align: left;padding-top: 30px;\u0022\u003E\u003Cspan\u003EQ\uff1a\u6211\u9700\u8981\u6709\u4ec0\u9ebc\u6a23\u7684\u80cc\u666f\u77e5\u8b58\u6216\u6280\u80fd\u624d\u80fd\u53c3\u52a0\u9019\u5802\u8ab2\u7a0b\u55ce\uff1f\u003C\/span\u003E\u003Cbr \/\u003EA\uff1a\u9019\u5802\u8ab2\u7a0b\u9069\u5408\u4efb\u4f55\u4eba\u53c3\u52a0\uff0c\u7121\u9700\u7279\u5b9a\u80cc\u666f\u77e5\u8b58\u6216\u6280\u80fd\u3002\n\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003Cp\u003E \u003Cspan\u003EQ\uff1a\u6211\u9700\u8981\u4ec0\u9ebc\u6a23\u7684\u96fb\u8166\u6216\u8a2d\u5099\u624d\u80fd\u53c3\u52a0\u9019\u5802\u8ab2\u7a0b\uff1f\u003C\/span\u003E\u003Cbr \/\u003EA\uff1a\u60a8\u9700\u8981\u4e00\u53f0\u53ef\u4ee5\u9023\u63a5\u5230\u7db2\u969b\u7db2\u8def\u7684\u96fb\u8166\u6216\u624b\u6a5f\uff0c\u4e26\u4e14\u5177\u5099\u57fa\u672c\u7684\u7db2\u8def\u700f\u89bd\u5668\u529f\u80fd\u3002\n\u003C\/p\u003E\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003Cp\u003E \u003Cspan\u003EQ\uff1a\u6211\u662f\u5426\u9700\u8981\u4ed8\u8cbb\u624d\u80fd\u4f7f\u7528Midjourney\u548cChatGPT\uff1f\u003C\/span\u003E\u003Cbr \/\u003EA\uff1a\u8ab2\u7a0b\u4e2d\u7684ChatGPT\u3001Canva\u76ee\u524d\u90fd\u6709\u63d0\u4f9b\u514d\u8cbb\u7248\u672c\u53ef\u8a66\u7528\uff0c\u800cMidjourney\u76ee\u524d\u9700\u8981\u4ed8\u8cbb\u624d\u80fd\u4f7f\u7528\u3002\u5404AI\u5e73\u53f0\u90fd\u53ef\u80fd\u56e0\u61c9\u5e02\u5834\u74b0\u5883\u800c\u6539\u8b8a\u6536\u8cbb\u6a19\u6e96\uff0c\u5efa\u8b70\u53ca\u65e9\u9032\u5165\u5b78\u7fd2\u3002\n\u003C\/p\u003E\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003Cp\u003E \u003Cspan\u003EQ\uff1a\u6211\u662f\u5426\u9700\u8981\u53e6\u5916\u8cfc\u8cb7\u8207\u5b89\u88dd\u8edf\u9ad4\uff1f\u003C\/span\u003E\u003Cbr \/\u003EA\uff1a\u8ab2\u7a0b\u4e2d\u7684ChatGPT\u3001Canva\u7121\u9700\u53e6\u5916\u5b89\u88dd\u8edf\u9ad4\uff0c\u53ea\u9700\u8981\u9023\u63a5\u5230\u7db2\u969b\u7db2\u8def\uff0c\u958b\u555f\u700f\u89bd\u5668\u5c31\u53ef\u4ee5\u9032\u5165\u4f7f\u7528\u3002Midjourney \u5247\u9700\u8981\u53e6\u5b89\u88dd Discord \u8edf\u9ad4\u65b9\u80fd\u4f7f\u7528\uff0cDiscord \u8edf\u9ad4\u63d0\u4f9b\u514d\u8cbb\u5b89\u88dd\u3002\n\u003C\/p\u003E\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003Cp\u003E \u003Cspan\u003EQ\uff1a\u5982\u679c\u6211\u5728\u5b78\u7fd2\u904e\u7a0b\u6709\u554f\u984c\u6216\u7591\u554f\uff0c\u8a72\u600e\u9ebc\u8fa6\uff1f\u003C\/span\u003E\u003Cbr \/\u003EA\uff1a\u5982\u679c\u60a8\u5728\u5b78\u7fd2\u904e\u7a0b\u4e2d\u9047\u5230\u554f\u984c\u6216\u7591\u554f\uff0c\u60a8\u53ef\u4ee5\u900f\u904e\u8ab2\u7a0b\u7559\u8a00\u8655\u7559\u8a00\u7d66\u8001\u5e2b\uff0c\u6216\u662f\u516c\u958b\u554f\u984c\uff0c\u8b93\u8001\u5e2b\u8207\u5176\u4ed6\u540c\u5b78\u4e00\u8d77\u8207\u4f60\u8a0e\u8ad6\u5e6b\u52a9\u4f60\u89e3\u6c7a\u554f\u984c\u3002\n\u003C\/p\u003E\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003Cp\u003E\u003Cspan\u003EQ\uff1a\u5b78\u5b8c\u9019\u5802\u8ab2\u7a0b\u4e4b\u5f8c\uff0c\u6211\u53ef\u4ee5\u7368\u7acb\u5275\u4f5c\u51fa\u4e00\u672c\u500b\u6027\u5316\u7e6a\u672c\u55ce\uff1f\u003C\/span\u003E\u003Cbr \/\u003EA\uff1a\u662f\u7684\uff0c\u5b78\u5b8c\u9019\u5802\u8ab2\u7a0b\u4e4b\u5f8c\uff0c\u53ea\u8981\u4f60\u6709\u6545\u4e8b\u9748\u611f\uff0c\u90fd\u53ef\u4ee5\u900f\u904eAI\u5354\u4f5c\u7368\u7acb\u5b8c\u6210\u500b\u6027\u5316AI\u7e6a\u672c\u4f5c\u54c1\u3002\u4f46\u662f\uff0c\u5275\u4f5c\u904e\u7a0b\u53ef\u80fd\u9700\u8981\u6642\u9593\u8207\u52aa\u529b\uff0c\u56e0\u70ba\u6bcf\u500b\u4eba\u7684\u5275\u4f5c\u904e\u7a0b\u90fd\u662f\u4e0d\u540c\u7684\u3002\u003C\/p\u003E\n\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003Cp\u003E\u00a0\u003C\/p\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cstyle type=\u0022text\/css\u0022\u003E\n\u003C!--\/*--\u003E\u003C![CDATA[\/* \u003E\u003C!--*\/\n\n\u003C!--\/*--\u003E\u003C![CDATA[\/* \u003E\u003C!--*\/\nimg {vertical-align: top;}\n\nimg{line-height: 0px; margin: 0; padding: 0px;}\n.p{position:relative;}\n\n.bg0{ background-size: 100% auto; background-position: center top;}\n \n \n \n.bg1{\n\tborder: 2px solid rgba(255,255,255,0);\n\tbackground-color:#f6f5f4;\n background-repeat: repeat;\n background-size: auto 435px;\n background-position: top center;\n \/* background-image: url(https:\/\/www.omia.com.tw\/system\/default\/2023\/04\/27\/grid2_bg.gif); *\/\n background-size: 450px auto;\n \/* padding: 0% 0 8% 0; *\/\n\t }\n\t\n\t\n.bg2{background-image: url(\/sites\/default\/files\/migrate\/bk_1_0.jpg);background-size: 100%;background-repeat: repeat-y;background-position: top;}\n\t\n.bg3{background-image: url(\/sites\/default\/files\/migrate\/bk_2.jpg);background-size: 100%;background-repeat: repeat-y;background-position: top;}\n\n.bg4{ background-image: url(\/sites\/default\/files\/migrate\/bk_3_1.jpg);background-size: 100%;background-repeat: repeat-y;background-position: top;}\n\n.text1{font-weight: 400; font-family: \u0022Microsoft JhengHei\u0022, Helvetica, Arial;letter-spacing: 1px;font-size:18px; line-height: 26px; color:#333;text-align: justify;}\n\t\n.text1 span{color: #cd4fd4; font-weight:bolder;font-size:20px}\n \n.text1 ul li{margin-left:0}\t\n\t\n\n.text2{font-weight: 400; font-family: \u0022Microsoft JhengHei\u0022, Helvetica, Arial;letter-spacing: 1px;font-size:18px; line-height: 26px; color:#1b1b1b;text-align: center;}\n\t\t\n.textbox1{ width: 86%; height: auto; margin: 0 auto;padding:0px 0; }\n\t\t\n.textbox2{width: 84%; height: auto; margin: 0 auto;padding:0px 0; }\n.textbox3{width: 68%; height: auto; margin: 0 auto;padding:0px 0; }\n\n.textbox4{ width: 88%; height: auto; margin: 0 auto;padding:4% 2% 6% 4%; background-color: #f7d100; border-radius: 16px;}\n.textbox4 .head-img{max-height: 40px;width: auto; margin: -7% auto -25% -5%;}\n\nhr.hr {\nbackground-color: transparent !important ;\/* \u984f\u8272\u900f\u660e *\/\nborder-bottom:2px #ff764e dotted;\nheight: 10px;\nborder-top:0px;border-left:0px;border-right:0px}\n\t\n\n\t\n.pic {\n width: 100%;\n margin: 2px;\n display: inline-block;\n padding:0px;\n -webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n box-sizing: border-box;\n border-width: 2px;\n border-style: solid;\n border-radius: 8px;\n border-color: #ff764e;\n margin-bottom: 15px;\n\t}\n\n.pic img {\n border-radius: 5px;\n text-align: center;\n}\n\t\n\n\n\n.student img{max-width: 60px; min-width: 50px;float: left;vertical-align:middle; margin-right: 12px; margin-bottom: 8px;}\n\t\n.name{width:auto; float: left;height: auto; line-height: 50px;font-size:20px;font-weight: bold;color:#8ea6b0;}\n\t\n.clear{clear: both;width: 0px; height: 0px}\n\t\n.div48l{width:48%;float: left;margin-right:4%;}\t\n.div48{width:48%;float: left;margin-top: 5px;}\t\t\n\n.head-pic{width:48%; margin:20px auto;}\n\t\n\t\n\t.btn0{\n\tmax-width:380px;\n\t\twidth:70%;\n\t\theight:45px;\n\t\tfont-size: 23px;\n\t\tline-height: 45px;\n\t\ttext-align: center;\n\t\tborder-radius: 25px;\n\t\tmargin: 20px auto 20px;\n\t\tdisplay: inline-block;\n\t\t}\n\t\t\n\t.btn0 a:link,.btn0 a:visited{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\tcolor: #fff;\n\t\t\tdisplay:block;\n\t\t\tborder-radius: 26px;\n\t\t\tbackground-color: #000;\n\t\t\ttext-decoration-line: none;\n\t\t\t\/* border: 1px solid #062e75; *\/\n\t\ttext-align: center;\n\t\tline-height: 45px;\n\t\t\t}\n\n\t.btn0 a:hover,.btn0 a:active{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\tcolor: #000;\n\t\t\tdisplay:block;\n\t\t\tborder-radius: 26px;\n\t\t\tbackground-color: #70e86a;\n\t\t\ttext-decoration-line: none;\n\t\ttext-align: center;\n\t\tline-height: 45px;\n\t\t\t}\n\t\n\t\t.about3{width: 76%}\n\n\t\t.bootm01{float: left;margin-right: 4%;}\n\n\n\n@media screen and (max-width: 800px) {\n\t.bootm01{float: none;}\n\t.textbox4 .head-img{max-height: 40px;width: auto; margin: -7% auto -25% -5%;}\n\n}\n\n\n@media screen and (max-width: 600px) {\n\t\n.textbox1{ width: 90%;} \n.head-pic{width:75%; margin:20px auto}\t\n.about3{width: 96%}\n\t\n.textbox2{ width: 80%; }\n.textbox3{ width: 70%; }\n\n.bootm01{float: none;}\n\t\n\t}\n\n\/*--\u003E\u003C!]]]]\u003E\u003C![CDATA[\u003E*\/\n\n\/*--\u003E\u003C!]]\u003E*\/\n\u003C\/style\u003E","project_intro_swiper_effect":"slide","isShowManAssignmentBtn":false,"showAssignmentTab":true,"assignmentList":1,"subscribedPackageList":[],"isShowComment":true,"comboData":null,"have_combo":false,"comboAddCartBtnType":-1,"productList_addOn":[],"productList_sold":[],"productList_vip":[],"productDataList":[],"inCartProductIds":[],"projectPublicityBlockData":null,"isTestProject":false,"openPageTipsData":null,"chunghwaTipsData":[],"isTranslucentHeaderPage":false,"isSHE":false},"statistics":{"data":{"nid":"1883"},"url":"\/core\/modules\/statistics\/statistics.php"},"GA4_key":"G-G3NTX7ZFC8","GA4_IS_DEBUG":false,"user":{"uid":0,"permissionsHash":"6b5dc5eb634aa87e179f3f66d70d813bae2855ceae5e9fb0f192f5e781b086a1"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=1744152668"></script> <script src="/core/assets/vendor/once/once.min.js?v=1744152668"></script> <script src="/sites/default/files/languages/zh-hant_mrYhz6U9M44XBGLw0zaBisdKzlhHIi4JsLhjs1NLglk.js?v=1744152668"></script> <script src="/core/misc/drupalSettingsLoader.js?v=1744152668"></script> <script src="/core/misc/drupal.js?v=1744152668"></script> <script src="/core/misc/drupal.init.js?v=1744152668"></script> <script src="/modules/omia/js/common/jquery.cookie.js?v=1744152668"></script> <script src="/themes/custom/omia_theme/js/main.js?v=1744152668"></script> <script src="/themes/custom/omia_theme/js/save_cookies.js?v=1744152668"></script> <script src="/themes/custom/omia_theme/js/GA4_script.js?v=1744152668"></script> </head> <body class="omia-project"> <a href="#main-content" class="visually-hidden focusable"> 移至主內容 </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQ63VZN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header role="banner"> <div> <div id="block-omia-theme-header"> <div class="header"> <div class="header_logo"> <a href="/" alt="首頁"></a> </div> <div class="headerMainPageBtnDom isActive" type="category"> <a href="/" class="headerMainPageBtn"> 買課程 <div class="headerMainPageBtnArrow"></div> </a> <div class="headerMainPageList" id="headerCategoryList"> <div class="headerMainPageListItem"> <a href="/projectList">所有專案</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C1">個人成長</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C5">健康養生</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C7">手作DIY</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C11">攝影藝術</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C4">教育學習</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C8">生活嗜好</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C2">程式軟體</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C10">繪畫插畫</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C12">職場技能</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C3">語言學習</a> </div> </div> </div> <div class="headerMainPageBtnDom" type="tag"> <a href="/plus" class="headerMainPageBtn"> PLUS <div class="headerMainPageBtnArrow"></div> </a> </div> <div class="headerSearchDom"> <input type="text" placeholder="你今天想學什麼？" class="projectSearchInput pcSearchInput"> <div class="header_search_drop hidden"> <div class="header_hot_keyword">熱門關鍵字</div> <ul> <li><a href="/searchProject/OKR">OKR</a></li> <li><a href="/searchProject/陳宗賢">陳宗賢</a></li> <li><a href="/searchProject/認證">認證</a></li> </ul> <div class="header_seacher_all"><a href="/projectList">所有專案</a></div> </div> </div> <div class="headerMobileSearchBtn"></div> <div class="header_btn_login header-button"> <a href="/user/login?destination=/project/1883" alt="登入">登入</a> </div> <div class="headerPlusSubscribeBtn"> <a href="/plus/intro">訂閱</a> </div> <div class="headerMobileMenuBtn burger-container"></div> <div class="headerMobileMenuDom"> <div class="headerMobileSearchDom"> <input type="text" placeholder="你今天想學什麼" class="projectSearchInput"> </div> <div class="headerMobileCategoryList"> <div class="headerMobileCategoryListItem firstItem">熱門關鍵字</div> <div class="headerMobileCategoryListItem"> <a href="/searchProject/OKR">OKR</a> </div> <div class="headerMobileCategoryListItem"> <a href="/searchProject/陳宗賢">陳宗賢</a> </div> <div class="headerMobileCategoryListItem"> <a href="/searchProject/認證">認證</a> </div> <div class="headerMobileCategoryListItem lastItem"> <a href="/projectList">所有專案</a> </div> </div> </div> </div> <nav id="mobileLeftMenu"> <div class="mobileLeftMenu_MainPageBtn"> <a href="/" class="mobileLeftMenuMainPageBtn isActive">買課程</a> <a href="/plus" class="mobileLeftMenuMainPageBtn">PLUS</a> </div> <ul> <li class="mobileLeftMenu_MainItem" mobileLeftMenu_Group="0"> <a href="javascript:void(0)">課程專案</a> </li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList">所有專案</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C1">個人成長</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C5">健康養生</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C7">手作DIY</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C11">攝影藝術</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C4">教育學習</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C8">生活嗜好</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C2">程式軟體</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C10">繪畫插畫</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C12">職場技能</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C3">語言學習</a></li> <li><a href="/plus/intro">訂購PLUS</a></li> </ul> </nav> <script> //log if(drupalSettings.user.uid > 0){ window.drupal10 = window.drupal10 || {}; window.drupal10.settings = window.drupal10.settings || {}; window.drupal10.settings.user_js_uid = drupalSettings.user.uid; window.dataLayer = window.dataLayer || []; //gtm 建議的名稱 dataLayer.push({'userUid': drupalSettings.user.uid}); dataLayer.push({'userID': drupalSettings.user.uid}); dataLayer.push({'user_id': drupalSettings.user.uid}); } document.addEventListener("DOMContentLoaded", function () { setupBlockToggle( ".user-button.header-button", "#user-block" ); setupBlockToggle( ".Master-button.header-button", "#Master-block" ); function setupBlockToggle(buttonSelector, blockSelector) { let timeout; const block = document.querySelector(blockSelector); const button = document.querySelector(buttonSelector); if(block != null) { block.addEventListener("mouseover", () => cancelHide(block)); block.addEventListener("mouseleave", () => hideBlock(block)); } if(button != null) { button.addEventListener("mouseover", () => showBlock(block)); button.addEventListener("mouseleave", () => hideBlock(block)); // 手機板點擊事件 button.addEventListener("click", () => toggleBlock(block)); } function showBlock(block) { clearTimeout(timeout); block.classList.remove("hide"); block.classList.add("show"); } function hideBlock(block) { timeout = setTimeout(() => { block.classList.remove("show"); block.classList.add("hide"); }, 500); // 延遲 500 毫秒 } function cancelHide(block) { clearTimeout(timeout); } function toggleBlock(block) { if (block.classList.contains("show")) { block.classList.remove("show"); block.classList.add("hide"); } else { showBlock(block); } } // 手機板點擊外部區域關閉 block document.addEventListener("click", (event) => { if (block != null && !block.contains(event.target) && !button.contains(event.target)) { block.classList.remove("show"); block.classList.add("hide"); } }); } }); (function ($, Drupal,once) { Drupal.behaviors.omiaHeaderBlock = { attach: function (context, settings) { once('omiaHeaderBlock', 'html').forEach(function (element) { let isTranslucentHeaderPage = settings.omia.isTranslucentHeaderPage; //捲動時的Header底色 if (isTranslucentHeaderPage) { $("#block-omia-theme-header").addClass('index_header'); setHeaderStyle(); $(window).scroll(function () { setHeaderStyle(); }); } }) } }; })(jQuery, Drupal,once); function setHeaderStyle() { //重新載入時的底色 var scrollVal = $(this).scrollTop(); $(".qScrollTop").text(scrollVal); if (scrollVal > 45) { $("#block-omia-theme-header").stop(true, false).addClass("header_bk"); } else { $("#block-omia-theme-header").stop(true, false).removeClass("header_bk"); } } </script> <style> .user-block, .Master-block { display: none; transition: visibility 0s, opacity 0.5s linear; } .user-block.show, .Master-block.show { display: block; visibility: visible; opacity: 1; } .user-block.hide, .Master-block.hide { visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear; } </style> </div> </div> </header> <div> <div id="block-omia-theme-breadcrumbs"> <ol> <li> <a href="/">首頁</a> </li> </ol> </nav> </div> </div> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div> <div id="block-omia-theme-content"> <div id="app-top"> <div class="top-wrapper"> <h1 class="project-title page-title project-title-for-pc">AI繪本創作：Midjourney和ChatGPT從入門到精通</h1> <div class="project-social-share project-social-share-for-pc"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.omia.com.tw%2Fproject%2F1883&src=sdkpreparse" target="_blank" data-url="https://www.omia.com.tw/project/1883" class="share-btn fb-share"></a> <a href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fwww.omia.com.tw%2Fproject%2F1883&text=我發現一堂超棒的線上課程AI繪本創作：Midjourney和ChatGPT從入門到精通，非常推薦你來看看唷！" target="_blank" data-url="https://www.omia.com.tw/project/1883" class="share-btn line-share"></a> <div class="copy-button" onclick="unsecuredCopyToClipboard(this, 'https://www.omia.com.tw/project/1883')"></div> </div> </div> </div> <div class="main-content-for-all" id="main-content-for-all"> <div id="main-project-content"> <div class="project-video"> <div class="project-video-wrapper"> <div id='back-of-video'> <img src='https://www.omia.com.tw/sites/default/files/project_cover_image/AI%25E7%25B9%25AA%25E6%259C%25AC_1920x1080.jpg' class='banner-img-item-to-cover-video' style='background-image:url(https://www.omia.com.tw/sites/default/files/project_cover_image/AI%25E7%25B9%25AA%25E6%259C%25AC_1920x1080.jpg)'></img> </div> <iframe width="560" height="315" src="https://www.youtube.com/embed/g3VA5LkxVTQ" frameborder="0" allowfullscreen></iframe> </div> </div> <div class="project-combo-block" id="combo-block" v-if="!$.isEmptyObject(comboData)" v-cloak> <div class="combo-block-pc"> <div class="combo-header"> <div class="combo-title">[[comboData.comboTitle]]</div> <div class="combo-header-right"> <div class="combo-header-right-top" v-html="comboData.comboBody"></div> <div class="combo-header-right-bottom" v-if="!$.isEmptyObject(comboData.comboTime)" v-html="comboData.comboTime"></div> </div> </div> <div class="combo-contents"> <div class="combo-pkg-item" v-for="(setData, setKey) in comboData.setList"> <a :href="'/project/' + setData.projectId"> <div class="combo-pkg-item-left"><img :src="setData.pkgImgUrl" /></div> <div class="combo-pkg-item-right"> <div class="combo-pkg-item-title">[[setData.projectTitle]]</div> <div class="combo-pkg-item-title2">[[setData.pkgTitle]]</div> <div class="combo-pkg-item-price">正式售價 NT$[[setData.pkgPriceOriginal]]</div> </div> </a> </div> </div> <div class="combo-footer"> <div class="combo-footer-left"> <div class="combo-footer-left-top">NT$[[comboData.originalPrice]]</div> <div class="combo-footer-left-bottom"> <div class="combo-footer-tips">合購優惠</div> <div class="combo-footer-combo-price">NT$ [[comboData.comboPrice]]</div> </div> </div> <div :class="comboAddCartBtnClass" v-on:click="clickComboAddCartBtn();" :dataId="comboData.comboId">[[comboAddCartBtnName]]</div> </div> </div> <div class="combo-block-phone" v-if="isPhoneComboBlockShown"> <div class="combo-block-phone-contents"> <div class="combo-header"> <div class="combo-header-title">合購優惠</div> <div class="combo-header-close-btn" v-on:click="setPhoneComboBlockShown(false);"></div> </div> <div class="combo-contents"> <div class="combo-contents-top"> <div class="combo-title">[[comboData.comboTitle]]</div> <div class="combo-body" v-html="comboData.comboBody"></div> <div class="combo-time" v-if="!$.isEmptyObject(comboData.comboTime)" v-html="comboData.comboTime"></div> </div> <div class="combo-contents-middle"> <div class="combo-pkg-item" v-for="(setData, setKey) in comboData.setList"> <a :href="'/project/' + setData.projectId"> <div class="combo-pkg-item-left"><img :src="setData.pkgImgUrl" /></div> <div class="combo-pkg-item-right"> <div class="combo-pkg-item-title">[[setData.projectTitle]]</div> <div class="combo-pkg-item-title2">[[setData.pkgTitle]]</div> <div class="combo-pkg-item-price">正式售價 NT$[[setData.pkgPriceOriginal]]</div> </div> </a> </div> </div> <div class="combo-footer"> <div class="combo-footer-original-price">NT$[[comboData.originalPrice]]</div> <div class="combo-footer-new-price"> <div class="combo-footer-tips">合購優惠</div> <div class="combo-footer-combo-price">NT$ [[comboData.comboPrice]]</div> </div> <div :class="comboAddCartBtnClass" v-on:click="clickComboAddCartBtn();" :dataId="comboData.comboId">[[comboAddCartBtnName]]</div> </div> </div> </div> </div> </div> <div class="top-wrapper-phone"> <h1 class="project-title page-title project-title-phone">AI繪本創作：Midjourney和ChatGPT從入門到精通</h1> <div class="project-social-share project-social-share-for-phone"> <div class="share-buttons-col"></div> <div class="share-dialog" id="share-dialog" style="display: none;"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.omia.com.tw%2Fproject%2F1883&src=sdkpreparse" target="_blank" data-url="https://www.omia.com.tw/project/1883" class="share-btn fb-share"></a> <a href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fwww.omia.com.tw%2Fproject%2F1883&text=我發現一堂超棒的線上課程AI繪本創作：Midjourney和ChatGPT從入門到精通，非常推薦你來看看唷！" target="_blank" data-url="https://www.omia.com.tw/project/1883" class="share-btn line-share"></a> <div class="copy-button" onclick="unsecuredCopyToClipboard(this, 'https://www.omia.com.tw/project/1883')"></div> <div class="close-button-for-share"></div> </div> </div> </div> <div id="package-list-phone"> <div class="swiper-project-container"> <div class="swiper-wrapper"> <div class="package-item package-item-phone package-3289 swiper-slide" v-on:click="click_package_phone(3289)" data-package-id="3289"> <div class="package-title">90分鐘自學AI繪本創作</div> <div class="package-minutes"> <span class="package-minutes-span">線上課程</span> (總長88分鐘)</div> <div class="package-price">1650元</div> <div @click.stop="click_package_to_see_content" class="product-button-in-phone-package-list btnPkg">查看章節</div> </div> </div> </div> </div> <div id='content-body' class="content-body"> <div class="tabs" id="project-tabs" v-cloak> <div class="tabs-button"> <div class="project-page-left-tab tab-1" v-on:click="ClickType(1)" v-bind:class="{'selected':content_type == 1}">介紹</div> <div class="project-page-left-tab tab-2" v-on:click="ClickType(2)" v-bind:class="{'selected':content_type == 2}">章節</div> <div class="project-page-left-tab tab-3" v-on:click="ClickType(3)" v-if="isShowComment" v-bind:class="{'selected':content_type == 3}">購課問答</div> <div class="project-page-left-tab tab-4" v-on:click="ClickType(4)" v-bind:class="{'selected':content_type == 4}" v-if="productList_sold.length > 0">周邊商品</div> <div class="project-page-left-tab tab-6" v-on:click="ClickType(6)" v-bind:class="{'selected':content_type == 6}" v-if="productList_vip.length > 0">訂戶專屬</div> <div class="project-page-left-tab tab-5" v-on:click="ClickType(5)" v-bind:class="{'selected':content_type == 5}" v-if="showAssignmentTab">作業成果</div> </div> </div> <div class="content-boxes" v-cloak> <div class="content-box-1 introduction" v-show="content_type == 1"> <div class="project-intro-content"> <div class="projectPublicityBlock" v-if="!$.isEmptyObject(projectPublicityBlockData)"> <div class="projectPublicityBlock_title" v-html="projectPublicityBlockData.title"></div> <div class="projectPublicityBlock_middleBlock"> <div class="projectPublicityBlock_img"><img :src="projectPublicityBlockData.img" /></div> <div class="projectPublicityBlock_body" v-html="projectPublicityBlockData.body"></div> </div> <div class="projectPublicityBlock_footerBody" v-if="!$.isEmptyObject(projectPublicityBlockData.footerBody)" v-html="projectPublicityBlockData.footerBody"></div> </div> <div class="main-introduction" v-html="project_intro_dom"></div> </div> </div> <div class="content-box-2 articles text-center" v-show="content_type == 2"> <div class="spinner-border" v-show="!article_ready"></div> <div v-for="package in package_article_list" :id="'package'+package.package_id" class="package-content" :class="'package-'+[package.package_id]" v-if="show_article(package.package_id)" > <div class="edit-article-list"> </div> <div class="preview-content" v-show="package.has_preview"> <div class="preview-collapse-dom" @click="show_collapse(package.package_id);">展開試閱內容</div> <div class="collapse" :id="'collapse-preview-'+package.package_id"> <div v-for="preview_article in package.preview_article_list" class="preview-item"> <div class="article-sub-tag"> <div class="preview-article preview-tag">[[ preview_article.tag ]]</div> <div class="preview-article preview-minutes">[[ preview_article.minutes ]] 分鐘</div> </div> <div class="preview-article title">[[ preview_article.title ]]</div> <div class="video-filter"> <div class="preview-article embed"> <iframe width="658" height="405" :src="'https://www.youtube.com/embed/' + preview_article.youtubeid" frameborder="0" allowfullscreen></iframe> </div> </div> <div class="preview-article body" v-html="preview_article.body"></div> </div> </div> </div> <div class="article-list" v-show="package.article_list"> <div v-for="article in package.article_list" class="article-dom" :class="['article-'+[article.id],'package-'+[package.package_id]]" @click="show_collapse_article(article.id, package.package_id)"> <div class="article-sub-title"> <div class="article-tag">[[ article.tag ]]</div> <div class='article-flag free' v-if="article.is_free">免費</div> <div class='article-flag member_pass' v-else-if="article.is_member">會員獨享</div> <div class="article-minutes" v-if="article.minutes!=0">[[ article.minutes ]] 分鐘</div> <div class="read-icon" v-if="article.type=='text'"></div> <div class="media-icon" v-if="article.type=='video'"></div> </div> <div class="article-title">[[ article.title ]]</div> <div class="article-summary-item"> <div class="article-summary">[[ article.summary ]]</div> <div class="article-summary-open-btn" :class="['article-'+[article.id],'package-'+[package.package_id]]">顯示更多</div> </div> <div class="collapse article-body" :id="'collapse-article-'+article.id+'-'+package.package_id" v-html="article.body" :class="'collapse-article-'+article.id+'-'+package.package_id"></div> <div class="article-summary-close-btn" :class="['article-'+[article.id],'package-'+[package.package_id]]" style="display: none;">收合</div> <a class="article-link" :id="['article-link-'+[article.id]+'-'+[package.package_id]]" :href="article.url" v-if="article.can_read_article"></a> </div> </div> </div> </div> <div class="content-box-3 comments text-center" v-show="content_type == 3"> <section id="node-project-comment"> <div class="UnLoginCommentForm">發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></div> <div data-comment-user-id="159486" id="comment-11522" class="js-ajax-comments-id-11522 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/159486"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-279648-1716868258.jpg?itok=xuDSKpRv" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2024.09.10 10:45</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="117" id="comment-12297" class="js-ajax-comments-id-12297 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/117"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-597-1584327761.jpg?itok=itJd-abZ" width="100" height="100" alt="Profile picture for user OMIA小編" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2024.12.05 15:30</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="93540" id="comment-11498" class="js-ajax-comments-id-11498 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/93540"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/default_images/no_user_pic_1.png?itok=9Il6qij5" width="100" height="100" alt="Profile picture for user 0 Angel" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2024.09.04 16:04</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="117" id="comment-12298" class="js-ajax-comments-id-12298 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/117"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-597-1584327761.jpg?itok=itJd-abZ" width="100" height="100" alt="Profile picture for user OMIA小編" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2024.12.05 15:35</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="112689" id="comment-2434" class="js-ajax-comments-id-2434 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/112689"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/default_images/no_user_pic_1.png?itok=9Il6qij5" width="100" height="100" alt="Profile picture for user Keely" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2024.05.19 20:44</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="117" id="comment-2435" class="js-ajax-comments-id-2435 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/117"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-597-1584327761.jpg?itok=itJd-abZ" width="100" height="100" alt="Profile picture for user OMIA小編" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">您好，敬請耐心等候老師解說,謝謝</div><div class="comment-time">2024.05.24 17:41</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div data-comment-user-id="61049" id="comment-2436" class="js-ajax-comments-id-2436 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/61049"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-63893-1683795620.png?itok=R7WhCsyK" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2024.05.24 17:44</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="138755" id="comment-2429" class="js-ajax-comments-id-2429 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/138755"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-224210-1692808716.jpg?itok=zXkWfj0_" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.10.16 10:36</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="61049" id="comment-2430" class="js-ajax-comments-id-2430 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/61049"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-63893-1683795620.png?itok=R7WhCsyK" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">您好～在「Lesson 5 Midjourney 圖片生成」單元裡有教一些方法，不過還是要提醒一下，由於 AI 生成出來的模樣常常不見得很理想，也可能會發生產出的樣子不是自己要的，建議要多試幾次看看喔^^<br /> <br /> Midjourney 有 APP 可以下載，您可以試著用 iPad 下載看看，如果不行，用手機也可以操作喔～</div><div class="comment-time">2023.10.16 11:44</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="138755" id="comment-2431" class="js-ajax-comments-id-2431 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/138755"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-224210-1692808716.jpg?itok=zXkWfj0_" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">我搜尋mid journey有很多選項，不知道確切是哪個app呢？謝謝</div><div class="comment-time">2023.10.16 12:08</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="61049" id="comment-2432" class="js-ajax-comments-id-2432 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/61049"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-63893-1683795620.png?itok=R7WhCsyK" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">需要先下載 Discord 的 APP (類似通訊軟體)，然後將 Midjourney 的帳號加入進去 Discord 裡面就可以使用囉！</div><div class="comment-time">2023.10.16 12:12</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="138755" id="comment-2433" class="js-ajax-comments-id-2433 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/138755"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-224210-1692808716.jpg?itok=zXkWfj0_" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">了解謝謝你</div><div class="comment-time">2023.10.16 19:48</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div></div></div></div><div data-comment-user-id="138236" id="comment-2427" class="js-ajax-comments-id-2427 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/138236"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-223146-1694276246.jpg?itok=m52z1lx-" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">你好~請問課程內容有包含如何使用MJ產出指定動作的人物角色，以及同一角色的不同穿搭和動作嗎？</div><div class="comment-time">2023.08.30 21:47</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="61049" id="comment-2428" class="js-ajax-comments-id-2428 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/61049"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-63893-1683795620.png?itok=R7WhCsyK" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.08.30 21:51</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="88247" id="comment-2425" class="js-ajax-comments-id-2425 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/88247"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/default_images/no_user_pic_1.png?itok=9Il6qij5" width="100" height="100" alt="Profile picture for user gift2u.fashion_117134" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.07.11 14:44</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="61049" id="comment-2426" class="js-ajax-comments-id-2426 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/61049"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-63893-1683795620.png?itok=R7WhCsyK" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">您好～必須先安裝 Discord 這款通訊軟體才能將 Midjourney 帳號加入其中，接著要完成訂閱付費 Midjourney 才能生成圖片。<br /> 相關付費方案請參以下網址：https://docs.midjourney.com/docs/plans</div><div class="comment-time">2023.07.11 14:47</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="5352" id="comment-2423" class="js-ajax-comments-id-2423 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/5352"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-6411-1571480892.jpg?itok=9BWAcerj" width="100" height="69" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.06.25 05:54</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="61049" id="comment-2424" class="js-ajax-comments-id-2424 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/61049"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-63893-1683795620.png?itok=R7WhCsyK" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.06.25 08:33</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="130828" id="comment-2421" class="js-ajax-comments-id-2421 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/130828"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/default_images/no_user_pic_1.png?itok=9Il6qij5" width="100" height="100" alt="Profile picture for user 影雪黃" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">線上影音課程96分鐘,有沒有要多少時間內需用完</div><div class="comment-time">2023.05.29 01:37</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="117" id="comment-2422" class="js-ajax-comments-id-2422 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/117"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-597-1584327761.jpg?itok=itJd-abZ" width="100" height="100" alt="Profile picture for user OMIA小編" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">您好,<br /> OMIA提供的是「線上學習課程」<br /> (1)只要在有網路的情況下,在您訂閱完成後不限時間、地點、次數，都可至OMIA網站學習課程,無限制觀看時間<br /> (2)在學習的過程中若碰到任何問題，可直接在影片下方留言詢問，莎莉老師會親自回覆。<br /> 歡迎參考,謝謝</div><div class="comment-time">2023.05.29 10:49</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="113417" id="comment-2419" class="js-ajax-comments-id-2419 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/113417"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/default_images/no_user_pic_1.png?itok=9Il6qij5" width="100" height="100" alt="Profile picture for user 大樂" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">無法觀看課程</div><div class="comment-time">2023.05.19 06:42</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="117" id="comment-2420" class="js-ajax-comments-id-2420 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/117"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-597-1584327761.jpg?itok=itJd-abZ" width="100" height="100" alt="Profile picture for user OMIA小編" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.05.19 09:55</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="58008" id="comment-2417" class="js-ajax-comments-id-2417 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/58008"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/default_images/no_user_pic_1.png?itok=9Il6qij5" width="100" height="100" alt="Profile picture for user 專家行銷" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.05.18 08:32</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="61049" id="comment-2418" class="js-ajax-comments-id-2418 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/61049"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-63893-1683795620.png?itok=R7WhCsyK" width="100" height="100" alt="user_picture" /> </a> </div> </article> </div> <div class="comment-content private" > <p class="comment-private-title">悄悄話</p> <div class="comment-body"></div><div class="comment-time">2023.05.18 12:25</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div><div data-comment-user-id="129195" id="comment-2415" class="js-ajax-comments-id-2415 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/129195"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/default_images/no_user_pic_1.png?itok=9Il6qij5" width="100" height="100" alt="Profile picture for user Andy Info" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">請問貨幣是否台幣？</div><div class="comment-time">2023.05.12 12:47</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> <div class="indented"><div data-comment-user-id="117" id="comment-2416" class="js-ajax-comments-id-2416 js-comment"> <div class="comment-user-content"> <article> <div> <a href="/profile/117"><img loading="lazy" src="/sites/default/files/styles/thumbnail/public/user_picture/picture-597-1584327761.jpg?itok=itJd-abZ" width="100" height="100" alt="Profile picture for user OMIA小編" /> </a> </div> </article> </div> <div class="comment-content" > <div class="comment-body">您好,線上課程標示價格為新台幣NTD。<br /> 海外用戶，我們提供「信用卡」線上付費購課,請按下「確認購買」後，系統會在您付款的同時，自動轉換為您的國家幣別,謝謝</div><div class="comment-time">2023.05.15 10:17</div> <script> // console.log({"links":{"comment-forbidden":{"text":"\u767c\u8868\u56de\u61c9\u524d\uff0c\u8acb\u5148<a href=\"\/user\/login?destination=\/project\/1883%3Ftab%3D3\">\u767b\u5165<\/a>\u6216<a href=\"\/user\/register?destination=\/project\/1883%3Ftab%3D3\">\u8a3b\u518a<\/a>","attributes":""}},"attributes":" class=\"links inline\"","heading":[],"set_active_class":false,"theme_hook_original":"links__comment","title_attributes":"","content_attributes":"","title_prefix":[],"title_suffix":[],"db_is_active":true,"is_admin":false,"logged_in":false,"user":{},"directory":"themes\/custom\/omia_theme","theme_hook_suggestions":["links__comment"],"theme_hook_suggestion":"links__comment"}); </script> <ul class="links inline"><li>發表回應前，請先<a href="/user/login?destination=/project/1883%3Ftab%3D3">登入</a>或<a href="/user/register?destination=/project/1883%3Ftab%3D3">註冊</a></li></ul> </div> </div> </div> </section> <div class="msg-go-qa">有看過這個課程的常見問題 Q&A了嗎？沒有的話，<a @click.stop="goto_qa()" class="msg-go-qa-btn">點我</a>即可前往喔！</div> </div> <div class="content-box-4 products" v-show="content_type == 4"> <div class="project-page-product-list"> <div class="product-item" v-for="(productData, productKey) in getProductList('sold')" v-cloak> <div class="product-img"><img :src="productData.productImgPath" /></div> <div class="product-contents"> <div class="product-title">[[productData.productTitle]]</div> <div class="product-body" v-html="productData.productBody"></div> <div class="product-footer"> <div class="product-price">NT$ [[productData.priceSold]]</div> <div class="product-cart-btn" v-on:click="clickProductAddCartBtn(productData.productId)">[[getProductCartBtnText(productData.productId)]]</div> </div> </div> </div> </div> <div class="project-page-product-list-phone"> <div class="swiper-wrapper"> <div class="product-item-phone swiper-slide" v-for="(productData, productKey) in getProductList('sold')" v-on:click="showProductInfo(productData.productId)" v-cloak> <div class="product-img"><img :src="productData.productImgPath" /></div> <div class="product-contents"> <div class="product-title">[[productData.productTitle]]</div> <div class="product-body" v-html="productData.productBody"></div> <div class="product-more-btn">顯示更多</div> <div class="product-price">NT$ [[productData.priceSold]]</div> <div class="product-cart-btn" v-on:click.stop="clickProductAddCartBtn(productData.productId)">[[getProductCartBtnText(productData.productId)]]</div> </div> </div> </div> </div> </div> <div class="content-box-6 subcribed-products" v-show="content_type == 6"> <div class="project-page-product-list-vip"> <div class="product-item" v-for="(productData, productKey) in getProductList('vip')" v-cloak> <div class="product-img"><img :src="productData.productImgPath" /></div> <div class="product-contents"> <div class="product-title">[[productData.productTitle]]</div> <div class="product-body" v-html="productData.productBody"></div> <div class="product-footer"> <div class="product-price">NT$ [[productData.priceSold]]</div> <div class="product-cart-btn" v-on:click="clickProductAddCartBtn(productData.productId)">[[getProductCartBtnText(productData.productId)]]</div> </div> </div> </div> </div> <div class="project-page-product-list-vip-phone"> <div class="swiper-wrapper"> <div class="product-item-phone swiper-slide" v-for="(productData, productKey) in getProductList('vip')" v-on:click="showProductInfo(productData.productId)" v-cloak> <div class="product-img"><img :src="productData.productImgPath" /></div> <div class="product-contents"> <div class="product-title">[[productData.productTitle]]</div> <div class="product-body" v-html="productData.productBody"></div> <div class="product-more-btn">顯示更多</div> <div class="product-price">NT$ [[productData.priceSold]]</div> <div class="product-cart-btn" v-on:click.stop="clickProductAddCartBtn(productData.productId)">[[getProductCartBtnText(productData.productId)]]</div> </div> </div> </div> </div> </div> <div class="content-box-5 aassignment text-center" v-show="content_type == 5"> <div class="spinner-border" v-show="!assignment_ready"></div> <div class="project-assignment-dom" v-show="assignment_ready"> <div class="project-assignment-title" v-show="selectedAssignmentId == -1">所有作品總覽</div> <div class="add-assignment-btn"><a :href="get_assignment_btn_link('add')" v-if="isShowManAssignmentBtn">＋新增作業集</a></div> <div class="edit-assignment-btn" v-if="isShowManAssignmentBtn && selectedAssignmentId != -1"><a :href="get_assignment_btn_link('edit')" v-if="isShowManAssignmentBtn">編輯作業集</a></div> <div class="management-creation-btn" v-if="isCanManCreation()" v-on:click="click_creation_btn()" v-html="get_creation_btn_text()"></div> <div class="assignment-list-dom" v-show="!isEmpty(assignmentList)"> <select v-model="selectedAssignmentId"> <option v-for="(item, index) in assignmentList" :value="item.id">[[item.title]]</option> </select> <div class="assignment-intor-dom" v-for="(item, index) in assignmentList" v-show="item.id != -1 && selectedAssignmentId == item.id"> <div class="assignment-title" v-text="item.title"></div> <div class="assignment-desc" v-html="item.body"></div> </div> </div> <div class="creation-title-dom">同學作品</div> <div class="creation-empty-dom" v-show="isEmpty(creationList[selectedAssignmentId])">還沒有人繳作業成為第一個吧!</div> <div class="creation-list-dom" v-show="!isEmpty(creationList[selectedAssignmentId])"> <div class="creation-item-dom"> <a :href="'/creation/' + item.id" v-for="(item, index) in creationList[selectedAssignmentId]"> <div class="creation-item-top-dom"> <div class="creation-cover"><img :src="item.coverUrl" /></div> <div class="creation-tag-dom"> <div class="creation-draft-tips" v-if="item.status=='0'">草稿</div> <div class="creation-like-dom" v-if="item.status=='1'"> <div class="creation-like-btn" :class="{'isVote':item.isVote == true}" @click.prevent="clickVote(item.id)"></div> <div class="creation-like-count" v-text="item.voteCount">0</div> </div> </div> </div> <div class="creation-item-bottom-dom"> <div class="creation-user-img"><img :src="item.userImg" /></div> <div class="creation-bottom-content"> <div class="creation-title" v-text="item.title"></div> <div class="creation-user-name" v-text="item.userName"></div> </div> </div> </a> </div> </div> </div> </div> </div> </div> <div class="phone-block-for-other"> <div class="project-fans-item"> <div class="hot-people">專案人氣</div> <div class="view-follow-wrapper"> <div class="project_viewCount">43736</div> <div class="project_followCount">104</div> </div> </div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v17.0&appId=239081916237674&autoLogAppEvents=1" nonce="2wNCP7og"></script> <div class="author-dom"> <div class="author-dom-title">關於講師 </div> <div class="author-dom-down"> <div class="author-dom-down-left"> <img src="https://www.omia.com.tw/sites/default/files/author_img/Sally%25E7%259A%2584%25E6%2597%25A5%25E7%25B3%25BB%25E5%258B%2595%25E6%25BC%25AB%25E9%25A2%25A8%25E6%25B0%25B4%25E7%25B2%2589%25E5%25BD%25A9-%25E8%25AC%259B%25E5%25B8%25AB%25E9%25A0%25AD%25E5%2583%258F.jpg" alt=""> </div> <div class="author-dom-down-right"> <div class="author-dom-down-right-name">說哈設計－莎莉</div> <div class="author-dom-down-right-title">不透明水彩講師</div> </div> </div> </div> <div class="you-also-like"> <div class="guess-you-title">猜你也會喜歡</div> <div class="you-also-like-swiper-container"> <div class="swiper-wrapper"> <a href="/project/1600" class="swiper-slide"> <div class="also-like project project-1600"> <picture> <source media="(max-width: 991px)" srcset=""> <source srcset="" type="image/webp"> <img src="https://www.omia.com.tw/sites/default/files/styles/new_project_also_like/public/cover_img/1120x600_8.jpg?itok=GsY6IMrA" alt="" class="project-img" width="100%" height="134px"> </picture> <div class="project-name"> 國際攝影師的Lightroom照片後製秘技 </div> </div> </a> <a href="/project/1899" class="swiper-slide"> <div class="also-like project project-1899"> <picture> <source media="(max-width: 991px)" srcset=""> <source srcset="" type="image/webp"> <img src="https://www.omia.com.tw/sites/default/files/styles/new_project_also_like/public/project_card_image/Procreate%25E7%2594%259F%25E6%25B4%25BB%25E9%25A2%25A8%25E6%2599%25AF%25E9%259A%25A8%25E6%2589%258B%25E7%2595%25AB_1120x600-2.jpg?itok=p6DrTUf8" alt="" class="project-img" width="100%" height="134px"> </picture> <div class="project-name"> 插畫ｘ動畫 iPad Procreate 生活風景隨手繪 </div> </div> </a> </div> </div> </div> </div> </div> <div class="page-right-item" id="page-right-item"> <div class="function-button"> </div> <div id="package-list"> <div class="package-item package-3289"> <div id="collapse-button-3289" class="package-item-open-item" v-on:click="click_package(3289)"> <div class="package-title">90分鐘自學AI繪本創作</div> <div class="package-price">1650 元</div> </div> <div id="collapse-package-3289" class="package-item-collapse collapse"> <div class="package-item-top-part"> <div class="package-img"> <img src="https://www.omia.com.tw/sites/default/files/package_image/AI%25E7%25B9%25AA%25E6%259C%25AC_1600x1000.jpg" alt=""> </div> </div> <div class="package-item-down-part"> <div class="package-title">90分鐘自學AI繪本創作</div> <div class="package-minutes"> <span class="package-minutes-span">線上課程</span> (總長88分鐘)</div> <div class="package-price">1650元</div> <div class="package-cart"> <div class="add-cart-button subscribe-now" v-on:click='addCart(3289, true)'>立即訂閱</div> <div class="add-cart-button add-cart" v-on:click='addCart(3289)'></div> </div> </div> </div> </div> </div> <div class="project-gift-and-follow-area" id="project-gift-and-follow-area"> <div class="follow-button-1883-button follow-button-dom"> <a href="/follow/1883" class="follow-button follow use-ajax">追蹤課程</a> </div> </div> <div class="project-fans-item"> <div class="hot-people">專案人氣</div> <div class="view-follow-wrapper"> <div class="project_viewCount">43736</div> <div class="project_followCount">104</div> </div> </div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v17.0&appId=239081916237674&autoLogAppEvents=1" nonce="2wNCP7og"></script> <div class="author-dom"> <div class="author-dom-title">關於講師 </div> <div class="author-dom-down"> <div class="author-dom-down-left"> <img src="https://www.omia.com.tw/sites/default/files/author_img/Sally%25E7%259A%2584%25E6%2597%25A5%25E7%25B3%25BB%25E5%258B%2595%25E6%25BC%25AB%25E9%25A2%25A8%25E6%25B0%25B4%25E7%25B2%2589%25E5%25BD%25A9-%25E8%25AC%259B%25E5%25B8%25AB%25E9%25A0%25AD%25E5%2583%258F.jpg" alt=""> </div> <div class="author-dom-down-right"> <div class="author-dom-down-right-name">說哈設計－莎莉</div> <div class="author-dom-down-right-title">不透明水彩講師</div> </div> </div> </div> <div class="you-also-like"> <div class="guess-you-title">猜你也會喜歡</div> <a href="/project/1600" class=""> <div class="also-like project project-1600"> <picture> <source media="(max-width: 991px)" srcset=""> <source srcset="" type="image/webp"> <img src="https://www.omia.com.tw/sites/default/files/styles/new_project_also_like/public/cover_img/1120x600_8.jpg?itok=GsY6IMrA" alt="" class="project-img" width="100%" height="134px"> </picture> <div class="project-name"> 國際攝影師的Lightroom照片後製秘技 </div> <div class="project-master"> <picture> <source media="(max-width: 991px)" srcset=""> <source srcset="" type="image/webp"> <img src="https://www.omia.com.tw/sites/default/files/styles/round_head/public/author_img/11078241_992688834089681_4058578109141694742_n.jpg?itok=OoKvMxNl" alt="" class="master-img" width="40px" height="40px"> </picture> <div class="author-name"> Wilhelm Chang </div> </div> </div> </a> <a href="/project/1899" class=""> <div class="also-like project project-1899"> <picture> <source media="(max-width: 991px)" srcset=""> <source srcset="" type="image/webp"> <img src="https://www.omia.com.tw/sites/default/files/styles/new_project_also_like/public/project_card_image/Procreate%25E7%2594%259F%25E6%25B4%25BB%25E9%25A2%25A8%25E6%2599%25AF%25E9%259A%25A8%25E6%2589%258B%25E7%2595%25AB_1120x600-2.jpg?itok=p6DrTUf8" alt="" class="project-img" width="100%" height="134px"> </picture> <div class="project-name"> 插畫ｘ動畫 iPad Procreate 生活風景隨手繪 </div> <div class="project-master"> <picture> <source media="(max-width: 991px)" srcset=""> <source srcset="" type="image/webp"> <img src="https://www.omia.com.tw/sites/default/files/styles/round_head/public/author_img/%25E8%2580%2581%25E5%25B8%25AB_6.jpg?itok=JjgqAQQj" alt="" class="master-img" width="40px" height="40px"> </picture> <div class="author-name"> 于佳琳(Angela) </div> </div> </div> </a> </div> </div> </div> <div id="footer-phone" class="footer-phone" v-cloak> <div class="footer-phone-top"> <div class="add-cart-button subscribe-now" v-show="footer_phone_buy_can_show()" @click="addCart(true)">立即訂閱</div> <div class="add-cart-button add-cart" v-show="footer_phone_buy_can_show()" @click="addCart(false)"></div> <div class="add-cart-button has-subscribe-now" v-show="!footer_phone_buy_can_show()">已訂閱</div> <div class="open-bottom-footer" v-if="!have_combo" :class="{ open: footer_open, close: !footer_open}" v-on:click="open_bottom_footer()"></div> <div class="open-bottom-footer have-combo" v-if="have_combo" :class="{ open: footer_open, close: !footer_open}" v-on:click="open_bottom_footer()"></div> </div> <div class="footer-phone-bottom" v-show="footer_open"> <div class="combo"><a href="javascript:void(0)" v-on:click="comboApp.setPhoneComboBlockShown(true);">合購優惠</a></div> <div id="follow-button-1883-button" class="follow-button-dom footer-follow-button"> <div class="follow-button-1883-button follow-button-dom"> <a href="/follow/1883" class="follow-button follow use-ajax">追蹤課程</a> </div> </div> </div> </div> </div> </div> </div> </main> <footer role="contentinfo"> <div> <div id="block-omia-theme-footer"> <div class="footer"> <div class="footer_menu_block"> <div class="footer_menu_title close">關於</div> <ul class="footer_menu"> <li><a href="/about_us">關於OMIA</a></li> <li><a href="/company">企業團購</a></li> <li><a href="https://support.omia.com.tw/support/yu-omia-he-zuo" target="_blank">行銷合作</a></li> <li><a href="/service">服務條款</a></li> <li><a href="/privacy">隱私權政策</a></li> </ul> </div> <div class="footer_menu_block"> <div class="footer_menu_title close">探索</div> <ul class="footer_menu"> <li><a href="/promote-articles">好評推薦</a></li> <li><a href="/projectList/0">最新課程</a></li> <li><a href="/projectList/1">近期熱門</a></li> <li><a href="/projectList/2">正在促銷</a></li> <li><a href="/events">最新活動</a></li> <li><a href="/live-list">免費直播課程</a></li> <li><a href="/creations">學習作品展示</a></li> </ul> </div> <div class="footer_menu_block"> <div class="footer_menu_title close">幫助</div> <ul class="footer_menu"> <li><a href="/experience/subscribe">課程序號兌換</a></li> <li><a href="https://support.omia.com.tw/support" target="_blank">常見問題</a></li> <li><a href="https://lin.ee/skou7Td">加入LINE好友</a></li> <li><a href="/contact_us">聯絡我們</a></li> <li><a href="/fraud_prevention">反詐騙宣導</a></li> </ul> </div> <div class="footer_menu_block footer_menu_share"> <div class="footer_menu_title close">追蹤</div> <ul class="footer_menu"> <li class="footer_menu_item_facebook"><a href="https://www.facebook.com/omia.com.tw"></a></li> <li class="footer_menu_item_youtube"><a href="https://www.youtube.com/@omia.official"></a></li> </ul> </div> <div class="footer_copyright">© 2024 Spring House Entertainment Tech. Inc. All Rights Reserved.</div> </div> </div> <div id="block-omia-theme-ga4zhuizongmaqukuai"> <script> var ga4_key = drupalSettings.GA4_key; var ga4_is_debug = drupalSettings.GA4_IS_DEBUG; // GA4，追蹤事件 function GA4_add_to_wishlist(orderPrice, data) { if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { gtag("event", "add_to_wishlist", { 'send_to': ga4_key, 'currency': "TWD", 'value': parseInt(orderPrice, 10), 'items': data }); } } // GA4，註冊事件 function GA4_sign_up(method) { if(typeof(method) == "undefined") return; if(method.length > 0) { gtag("event", "sign_up", { 'send_to': ga4_key, 'method': method }); } } // GA4，登入事件 function GA4_login(method) { if(typeof(method) == "undefined") return; if(method.length > 0) { gtag("event", "login", { 'send_to': ga4_key, 'method': method }); } } // GA4，瀏覽列表事件 function GA4_view_item(data) { if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'items': data, }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "view_item", gaData); //console.log("view_item in server :", gaData); } } // GA4，瀏覽列表事件 function GA4_view_item_list(data) { if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'items': data, }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "view_item_list", gaData); } } // GA4，加入購物車事件 function GA4_add_to_cart(orderPrice, data) { if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'currency': "TWD", 'value': parseInt(orderPrice, 10), 'items': data }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "add_to_cart", gaData); } } // GA4，送出訂單事件 function GA4_begin_checkout(orderPrice, data) { if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'currency': "TWD", 'value': parseInt(orderPrice, 10), 'items': data }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "begin_checkout", gaData); } } // GA4，購買事件 function GA4_purchase(orderTitle, orderPrice, data) { if(typeof(orderTitle) === "undefined") return; if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'currency': "TWD", 'transaction_id' : orderTitle, 'value' : parseInt(orderPrice, 10), 'items': data }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "purchase", gaData); } } // GA4，搜尋事件 function GA4_search(searchText) { gtag("event", "search", { 'send_to': ga4_key }); gtag("event", "search", { 'send_to': ga4_key, 'search_term' : searchText, }); } </script> </div> <div id="block-omia-theme-gdpr"> <div><div class="footer-cookie-block"><div class="cookie-wrap"><div class="cookie-txt">我們紀錄cookie資訊以優化您的使用體驗。若您繼續瀏覽即表示同意我們使用cookies。更多資訊請閱覽我們的<a href="/privacy#privacy-content" target="_blank">隱私權保護政策</a>。</div><p><button class="btn btn-cookie-agree" type="button">我了解，請關閉提示</button></p></div></div></div> </div> <div id="block-omia-theme-tips"> <div class="plus_pop_bk" id="tips_block" style="display: none;"> <div class="plus_go_subscribe_pop_block" id="tips_block_box"> <div class="plus_pop_header_bar"> <div class="plus_pop_header_bar_text" id="tips_block_title"></div> <div class="plus_pop_close_28x28" id="tips_block_btn_close"></div> </div> <div class="plus_go_subscribe_pop_main"> <div class="plus_go_subscribe_pop_text" id="tips_block_contents"></div> <div class="plus_go_subscribe_pop_btn_list"> <div class="plus_go_subscribe_pop_btn_blue" id="tips_block_btn_left"></div> <div class="plus_go_subscribe_pop_btn_blue_line" id="tips_block_btn_middle"></div> <div class="plus_go_subscribe_pop_btn_red" id="tips_block_btn_right"></div> </div> <div class="plus_go_subscribe_pop_info" id="tips_block_bottom_contents"></div> </div> </div> </div> <script> if($ == undefined) $ = jQuery; let tipsBlock = null; let tipsBlockBtnClose = null; let btnClassBlue = 'plus_go_subscribe_pop_btn_blue'; let btnClassWhite = 'plus_go_subscribe_pop_btn_blue_line'; let btnClassRed = 'plus_go_subscribe_pop_btn_red'; let btnClassCart = 'plus_go_subscribe_pop_btn_cart'; let openPageTipsData = null; $(document).ready(function() { initTipsBlock(); showOpenPageTips(); }); /** * * @param btnClass * btnClassBlue 藍底白字 * btnClassWhite 白底藍字 * btnClassRed 紅底白字 * @param btnText * @param btnEvent */ function getTipsBtnSetting(btnClass, btnText, btnEvent) { return { 'class' : btnClass, 'text' : btnText, 'event' : typeof(btnEvent) == "function" ? btnEvent : null, }; } /** * * @param title * @param contents * @param bottomContents * @param isCanClose * @param tipsSetting 各項設定 * { * 'right' : btnSetting, * 'middle' : btnSetting, * 'left' : btnSetting, * 'contentMargin' : Boolean (有設定並為false時，內容無margin) * } */ function setTipsBlock(title, contents, bottomContents, isCanClose, tipsSetting) { if(tipsBlock.length === 0) return; tipsBlock.removeClass('can_close'); tipsBlockBtnClose.hide(); if(isCanClose === true) { tipsBlock.addClass('can_close'); tipsBlockBtnClose.show(); } let domTitle = $('#tips_block_title'); let domContents = $('#tips_block_contents'); let domBottomContents = $('#tips_block_bottom_contents'); // 設定內容需不需要margin domContents.removeClass('no_margin').removeClass('set_margin'); if(typeof(tipsSetting) != "undefined" && typeof(tipsSetting.contentMargin) == "boolean" && !tipsSetting.contentMargin) { domContents.addClass('no_margin'); } else { domContents.addClass('set_margin'); } domTitle.html(title); domContents.html(contents); domBottomContents.html(bottomContents); let domBtnLeft = $('#tips_block_btn_left'); let domBtnMiddle = $('#tips_block_btn_middle'); let domBtnRight = $('#tips_block_btn_right'); domBtnLeft.hide(); domBtnMiddle.hide(); domBtnRight.hide(); domBtnLeft.off('click'); domBtnMiddle.off('click'); domBtnRight.off('click'); // 未設定按鈕，套用預設功能 if(typeof(tipsSetting) == "undefined" || (typeof(tipsSetting.right) == "undefined" && typeof(tipsSetting.middle) == "undefined" && typeof(tipsSetting.left) == "undefined")) { if(isCanClose) { domBtnRight.attr('class', btnClassBlue); domBtnRight.show(); domBtnRight.html('確定'); domBtnRight.on('click', function() { setTipsBlockShown(false); }); } return; } if(domBtnRight.length > 0 && typeof(tipsSetting.right) != "undefined") { domBtnRight.show(); domBtnRight.html(tipsSetting.right.text); domBtnRight.attr('class', btnClassBlue); if(tipsSetting.right.class.length > 0) domBtnRight.attr('class', tipsSetting.right.class); if(tipsSetting.right.event != null) domBtnRight.on('click', tipsSetting.right.event); } if(domBtnMiddle.length > 0 && typeof(tipsSetting.middle) != "undefined") { domBtnMiddle.show(); domBtnMiddle.html(tipsSetting.middle.text); domBtnMiddle.attr('class', btnClassBlue); if(tipsSetting.middle.class.length > 0) domBtnMiddle.attr('class', tipsSetting.middle.class); if(tipsSetting.middle.event != null) domBtnMiddle.on('click', tipsSetting.middle.event); } if(domBtnLeft.length > 0 && typeof(tipsSetting.left) != "undefined") { domBtnLeft.show(); domBtnLeft.html(tipsSetting.left.text); domBtnLeft.attr('class', btnClassBlue); if(tipsSetting.left.class.length > 0) domBtnLeft.attr('class', tipsSetting.left.class); if(tipsSetting.left.event != null) domBtnLeft.on('click', tipsSetting.left.event); } } function initTipsBlock() { tipsBlock = $('#tips_block'); tipsBlockBtnClose = $('#tips_block_btn_close'); if(tipsBlock.length === 0) return; $('#tips_block_box').on('click', function(e) { e.stopPropagation(); }); tipsBlock.on('click', function(e) { if(tipsBlock.hasClass('can_close')) setTipsBlockShown(false); }); tipsBlockBtnClose.on('click', function() { if(tipsBlock.hasClass('can_close')) setTipsBlockShown(false); }); } function setTipsBlockShown(isShow) { if(tipsBlock.length === 0) return; if(isShow) tipsBlock.show(); else tipsBlock.hide(); } // 顯示Tips，Plus未訂閱導月租介紹 function showPlusUnsubscribeTips() { if(tipsBlock.length === 0) return; let tipsSetting = { 'right' : getTipsBtnSetting(btnClassBlue, '訂閱OMIA PLUS', function() { window.location = '/plus/intro'; }), }; let bottomContents = '<a href="/experience/subscribe">使用OMIA PLUS服務序號，請由此兌換</a>'; setTipsBlock('', '您尚未訂閱OMIA PLUS，訂閱OMIA PLUS即可享受學習！', bottomContents, true, tipsSetting); setTipsBlockShown(true); } // 顯示基本Tips，只有訊息與確定按鈕 function showBaseTips(msg) { setTipsBlock('', msg, '', true); setTipsBlockShown(true); } function showOpenPageTips() { if($.isEmptyObject(drupalSettings.omia.openPageTipsData)) return; openPageTipsData = drupalSettings.omia.openPageTipsData; if($.isEmptyObject(openPageTipsData.tipsType)) return; switch (openPageTipsData.tipsType) { case 'maintain_close_cart': showBaseTips(openPageTipsData.tipsTitle); break; case 'chunghwa_unbind_email': showChunghwaBindEmailTips(true); break; } } // 顯示Tips，中華會員導綁email function showChunghwaBindEmailTips(isCheckDate) { if(tipsBlock.length === 0 || !userIsLogin()) return; if($.isEmptyObject(drupalSettings.omia.chunghwaTipsData)) return; let chunghwaTipsData = drupalSettings.omia.chunghwaTipsData; if($.isEmptyObject(chunghwaTipsData.tipsTitle) || $.isEmptyObject(chunghwaTipsData.tipsContents)) return; // 判斷要不要顯示Tips，一天只出現一次 if(isCheckDate == true) { let cookieKey = 'ChunghwaBindEmailTips_' + currentUserId; let cookieData = $.cookie(cookieKey); let nowDate = getCurrentDateString(false); if(cookieData != undefined && cookieData == nowDate) return; $.cookie(cookieKey, nowDate, { path: "/", expires:2}); } let tipsSetting = { 'left' : getTipsBtnSetting(btnClassBlue, '帳號設定', function() { window.location = '/account-setting'; }), 'right' : getTipsBtnSetting(btnClassWhite, '稍後設定', function() { setTipsBlockShown(false); }), }; let bottomContents = chunghwaTipsData.tipsBottomContents ?? ''; let content = '<div class="chunghwaBindEmailTipsTitle">' + chunghwaTipsData.tipsTitle + '</div>'; content += '<div class="chunghwaBindEmailTipsContent">' + chunghwaTipsData.tipsContents + '</div>'; setTipsBlock('', content, bottomContents, false, tipsSetting); setTipsBlockShown(true); } </script> </div> <div id="block-omia-theme-news"> <div class="foot-icons"> <div id="event-bar" class="event-bar"> <div class="event-icon"style="display: none;"></div> <div class="in-event-bar" style="display: none;"> <div class="close-button"></div> <div class="event-logo"><img src="https://www.omia.com.tw/sites/default/files/block/field_img/right_event_header.png"></div> <div class="event-body"> <ul class="event-list"> <li> <a href="https://www.omia.com.tw/plus/intro?click_from=omia_new" target="_blank"> <div class="an-event-body"><p><span style="color:#019858;"><strong>課程無限看✨</strong></span><span style="color:#CE3879;"><strong>輕鬆月付</strong></span></p></div> </a> </li> <li> <a href="https://www.omia.com.tw/flashsale?click_from=omia_new" target="_blank"> <div class="an-event-body"><p><span style="color:#019858;"><strong>熱門教育課程🔥79折起</strong></span></p></div> </a> </li> <li> <a href="https://www.omia.com.tw/language?click_from=omia_new" target="_blank"> <div class="an-event-body"><p><span style="color:#F75000;"><strong>$1200輕鬆學外語🗣</strong></span></p></div> </a> </li> </ul> </div> </div> </div> <li class="to-top"></li> </div> <script type="application/javascript"> (function ($) { $('.to-top').hide(); $(window).scroll(function () { var scrollVal = $(this).scrollTop(); if(scrollVal > 0){ $('.to-top').show("fast"); }else{ $('.to-top').hide("fast"); } }); $(".to-top").click(function(){ // $('html,body').animate({ scrollTop: 0 }, 'slow'); window.scrollTo({ top: 0, behavior: 'smooth' }); }); window.onload = function() { var status = 0; if($.cookie('event_open') && $.cookie('event_open')==1){ status = 1; $('.in-event-bar').hide(); $('.event-icon').show(); }else{ status = 0; $('.in-event-bar').show('fast'); $('.event-icon').hide('fast'); } $(".close-button").click(function(){ $('.in-event-bar').hide('fast'); $('.event-icon').show('fast'); //紀錄七天 $.cookie('event_open',1,{ path: "/" ,domain : "."+window.location.host ,expires:5 * 7}); }); $(".event-icon").click(function(){ $('.in-event-bar').show('fast'); $('.event-icon').hide('fast'); //紀錄七天 $.cookie('event_open',0,{ path: "/" ,domain : "."+window.location.host ,expires:5 * 7}); }); }; }(jQuery)); </script> </div> </div> </footer> </div> </div> <script src="/core/assets/vendor/tabbable/index.umd.min.js?v=1744152668"></script> <script src="/modules/contrib/google_tag/js/gtm.js?v=1744152668"></script> <script src="/modules/contrib/google_tag/js/gtag.js?v=1744152668"></script> <script src="/core/misc/progress.js?v=1744152668"></script> <script src="/core/assets/vendor/loadjs/loadjs.min.js?v=1744152668"></script> <script src="/core/misc/debounce.js?v=1744152668"></script> <script src="/core/misc/announce.js?v=1744152668"></script> <script src="/core/misc/message.js?v=1744152668"></script> <script src="/core/misc/ajax.js?v=1744152668"></script> <script src="/modules/contrib/google_tag/js/gtag.ajax.js?v=1744152668"></script> <script src="/modules/omia/js/common/vue.min.js?v=1744152668"></script> <script src="/modules/omia/js/common/vue-resource.min.js?v=1744152668"></script> <script src="/modules/omia/js/common/swiper.min.js?v=1744152668"></script> <script src="/modules/omia/js/common/jquery.blockUI.js?v=1744152668"></script> <script src="/modules/omia/js/common/tippy/popper.min.js?v=1744152668"></script> <script src="/modules/omia/js/common/tippy/tippy-bundle.umd.js?v=1744152668"></script> <script src="/modules/omia/js/project/project_page.js?v=1744152668"></script> <script src="/modules/omia/js/other/Ubs.js?v=1744152668"></script> <script src="/modules/omia/js/common/bootstrap.bundle.min.js?v=1744152668"></script> <script src="/core/misc/form.js?v=1744152668"></script> <script src="/modules/contrib/ajax_comments/ajax_comments.js?v=1744152668"></script> <script src="/core/modules/statistics/statistics.js?v=1744152668"></script> </body> </html>

CINXE.COM

AI繪本創作：Midjourney和ChatGPT從入門到精通 | 程式軟體 | OMIA學東西 線上課程平台 | OMIA

AI繪本創作：Midjourney和ChatGPT從入門到精通 | 程式軟體 | OMIA學東西線上課程平台 | OMIA