如何使用 Wix 輕鬆製作個人網站 + 作品集？

► 內容綱要 (影片有提供 CC 中文字幕喔）
00:00 開場白
01:02 建立空白範本
02:03 新增帶狀圖片
03:18 標題文字設定
04:30 分欄設定
04:42 滑動式圖庫
06:25 帶狀圖片排序
08:09 下載按鈕設定
08:35 建立聯繫表單
10:05 網站頁尾設計
10:35 社群圖示設定
11:13 建立錨點
11:45 建立導覽選單
12:51 動態特效設定
13:35 行動裝置排版
► 練習檔下載：
載點一： tinyurl.com/y3aq5fnu
載點二： share.weiyun.com/NyO24E56
► 加入 KZbin 頻道會員（每月有不定期的會員專屬教學短片喔！）
tinyurl.com/sxt3d2b
► 小額贊助 Papaya 電腦教室 ☕
Buy me a Coffee (Paypal)： www.buymeacoffee.com/papayaclass
► 影片中用到的多媒體素材來源
www.flaticon.com
www.freepik.com
unsplash.com/
www.pexels.com/
主頁照片 by Christina @ wocintechchat.com on Unsplash
► Papaya 剪輯影片所使用的軟體
Adobe After Effects tinyurl.com/sobj83y
Camtasia Studio tinyurl.com/y6thupff
Keynote www.apple.com/tw/keynote/
► Papaya 電腦教室的 B 站網址
space.bilibili.com/402780815
#Papaya電腦教室 #Wix #作品集 #網站建置 #履歷

[@dksheep0409]

先讚再看，老師的影片一如往常的有梗，像極了愛情🤣

[@LogGeeemu]

這個時事手法／運用得宜／像極了愛情 之前有嘗試使用Wix，但沒有發現這麼多好用的功能！ 感謝老師的影片❤

[@ckj9019]

老師總是在我需要時出現/讓我成長/像極了愛情😌

[@erincheng8076]

在我需要的時候出現這支影片，像極了愛情，簡單明瞭的教學，讓我一學就會，萬分感謝。😘

[@elimlee6726]

太感謝了🙏 完全參照這部影片來操作就可以，實在太好了，感謝老師

[@buyit1126]

好有質感的履歷範本，很需要謝謝版主！

[@franklinchang4186]

PAPAYA 真棒，大多有料的教學。願你收入也正成長。持續成長

[@barbeer15]

好喜歡有老師的出現，像極了愛情💓

[@orra4593]

從0開始手把手帶大教學 好用心 讚讚

[@Ken-yc4xx]

老師的影片真的太實用了！每部都是乾貨！下次可否出一集wordpressㄧ頁式網站的教學🙏

[@weitingkuo628]

老師如此厲害 我望塵莫及 像極了愛情

[@user-ro5ex1oq1e]

太剛好了，剛才才在找影片，謝謝您！

[@bobzhang5875]

全网最佳讲解！

[@ChenAriel]

很有幫助非常感謝，正一點一點的熟悉建立當中，希望能再多做一集，多介紹一些素材和版面的應用

[@user-cy2om3ph5o]

老师的影片每期必追，像极了爱情，nice~~！

[@user-ot9vz8eb2o]

謝謝老師的教學，您也很會應用流行梗哩！

[@terutag1]

謝謝老師，此影片幫助我很多！

[@kjchua4853]

很喜欢老师的教学，简易明了

[@anfisapan6211]

这个频道对使用场景的挖掘太实用了

[@atclouding2012]

新的學習總是讓人開心 #像極了愛情

[@mark_doctorstock]

太厲害了 真的跪了!!

[@user-co3jy4xz8h]

謝謝老師的教學~

[@lseongl]

太棒了，一直想做一個自己的網站～

[@user-qf4lk4hz4n]

感謝分享，這東西很有意思。 我看巴哈有些工程師超級看不起用WIX的人，不過後來figma出現，prototype應用，到現在融資爆發式的Low code潮，我覺得再看不起，只是看不清現實需求

[@-zhongsir6259]

太好了，真的实用，学习了，教学真好，感谢老师！点赞👍！

[@arthur121311]

上周才剛研究這個網站，老師馬上更新 天降甘霖

[@huachin6154]

謝謝您的製作教導

[@melody2516]

不愧是木瓜，像極了愛情

[@xu3ycj84]

PAPAYA的教學 總讓人躍躍欲試 像極了愛情

[@user-je9kz7qe5q]

老師真的好厲害👍

[@papayaclass]

不會啦，只是剛好知道一些好玩的功能跟大家分享一下而已 😆

[@user-to9wi8sm2p]

老师教的太好了，谢谢老师

[@samisami0314]

未看先按讚！

[@jingcyril3281]

看君一支片，勝讀十年書啊~

[@user-pp8lq3gc3y]

非常需要這個~~~!

[@chen-chou]

太棒了👍

[@musica0911]

很有质感，这像极了爱情

[@miZuTiERia]

大一時有一堂課直接教我們用WIX來架構自己的網站，當初還在想怎麼不讓我們自己寫。 隔年上了php和asp的課我直接後悔了

[@guifangma9274]

好厉害哦

[@YURey-ow3mj]

老師講解好棒，希望可以多出advance的視頻嘻嘻說一下UI UX

[@BlueFoolsDay]

很實用的影片～謝謝：） 不過像極了愛情一個禮拜內已經退流行了 像極了愛情XD (煩死

[@trfjkimo]

超讚

[@roychuang0702]

說好的WIX老師真的做教學了 不過個人網站又是什麼時候

[@itsjohnny30]

感謝教學

[@rocksmile5533]

太神了！

[@user-en8zd9kv4n]

謝謝🙏

[@meng92250]

多谢您这么用心的影片！我是一个正在学UI/WEB DESIGN的小白, 最终答辩的final projet打算做一个菜谱介绍的网页。看完您的影片，想从wix开始做一个简单的个人网站，里面放入作品集部分（打算放AI画的一些图，AE做的动画，设计的一些网页界面等），然后再插入自己final projet菜谱网站的链接。不知这个想法是否完善，想听听您的建议，谢谢老师！

[@beargina2017]

這網站好酷!!

[@FNChad]

感謝 ！學習到了 🙏老師我想問幾個問題，wix升級到什麼等級才能有多層級分銷功能和佣金設置

[@TheHuagutang]

說明簡潔易懂，只是自己做起來就沒這麼容易。 感謝分享，可有代客製作的服務？

[@timsecond]

面試官看完， 立刻拒絕了， 像極了愛情

[@papayaclass]

果然愛情都是以幻滅為結局 🤣

[@user-tv7hj8yd2h]

感谢感谢！

[@tungkinng7420]

前排支持

[@janec4318]

大神🥺🥺

[@happyday5452]

請問會考慮出wordpress教學嗎?(敲碗

[@TonyGong]

大神！！！

[@bacon_sun0909]

第一次看到有人在 Mac 上用 Edge，原來還有這種操作

[@jasminewang22]

請問PAPAYA老師,因為我是新手,對於自己第一次誤用了ADI的設計,不太滿意,想要重新設計網站! 請問要把它"移至垃圾桶"呢? 還是另外"建立新網站"呢? 另外免費的網址,可以修改嗎?

[@user-yp3vl1ty6c]

強

[@ge-xi5cy]

報到

[@user-kl9mk2ws5o]

muy bien, gracias

[@user-yr2ul3vg1l]

老師 請問這些圖庫都可以免費使用嗎？您在影片下端列出的：flaticon,freepik,unsplash,pexels ........會有侵權問題嗎？

[@erbaochen683]

哈喽，你好

[@kindness6908]

Papaya总是能想到很牛的标题让人点进来

[@gwen2356]

請問papaya老師，目前我使用專案及作品集功能，設置兩個專案（稱a與b)，但是只要改變a專案，另外一個b專案的內容也會同步改掉😢

[@molly0001]

我希望你可以教我们filmora 9 的应用

[@daniel_blackWindy]

可以下載成html檔案？ 這對網頁設計者是一個很好的福音

[@songhan414]

请问老师，我自己写了一个订车票的网页，访问者可以在表单里输入人数，也有单价/人， 最后一步 人数*单价=总价 的功能在表单里找不到，请问老师如何实现呢？ 非常感谢

[@user-kn8km6ys6q]

我用手機版威力導演外面有一層框請問那要怎麼用掉？

[@a12521412]

請問WIX這個可以 建立填寫報名表嗎? 比如說 是要建立一個課程的網站 需要有報名表 及 成果

[@toppet518]

老師，跪求講一期wordpress建站

[@frankielin11]

想問網頁選購產品新增至購物車時 為什麼每一單都要結算 能不能購物完畢才結算 謝謝 在那個位置設定

[@zhx012]

愛情來了~

[@papayaclass]

又飛走了啦 ~~~~

[@adawu831]

請問目前有中文編輯模式了嗎？

[@richiewong2853]

请问怎样加进不同款的文字比如我要楷体，卡通文字

[@user-zv2kz7qn3g]

請問如果要有專屬網址，是一定要付費嗎？

[@blairlau6620]

Wix 是不是不能收起和展開文字？像加了read more的按鈕，也只能設計連接新的一頁，而不能收起多文字，然後按按鈕展開更多

[@alexhong2709]

老师是时候出一系列的wordpress教程了

[@sallyluvjet]

跪求 Word press +1

[@yulingchiu0124]

wix改版好多啊....不過真的不建議用ADI製作網頁，載入速度很可怕地慢。

[@longge0979]

确定过了，是爱情

[@papayaclass]

恭喜你 ~~~ （灑花）

[@FoxChestnut]

好像跃跃欲试，不过不想做个人网站，想做个喜欢的乐趣网站

[@MiMiya150]

請問這個可以一次做多個網站嗎？

[@s82911tu]

請問wix 製作的網站都只能如同範例一樣，位於同一頁嗎？

[@kkfitnessma8183]

老师请问下 怎样做到自动回复email 给客户 确认下单

[@yhlin0909]

希望可以介紹手機版APP

[@sim5441]

有RWD 選項嗎

[@user-zr8dp4hw1j]

請問老師，我現在用wix製作網l站，在製作留言表完成後，要預覽測試後，結果出現"由於暫時問題，表單無法提交。請稍後再試一次"，如何解決，謝謝您

[@ericli9670]

那個預覽是不是會卡卡的，還是頁首的部分本來就不能放東西?

[@nolanchan9409]

你好，我想請教一下怎麼給網站添加logo，我已經設計好了logo，但是我不知道怎麼添加上去

[@hoahzhen9234]

wix 的功能的确方便，感觉以后没人再学 CSS，HTML，php ,javascript 来做网页了

[@hsunli5385]

老師好，想請問一下，帶狀圖片背景的視差滾動效果是沒有了嗎？因為跟著老師的步驟都沒有看到操作選項...

[@hsunli5385]

老師好，我已找到問題，解決好了！謝謝！

[@xiliangyao]

wix可否投放Google廣告？

[@zhiy1962]

一个网站就这样建好了嘛....不需要hosting什么的吗....？

[@Tigerho168]

請問老師 要如何把首頁跟第一頁的圖都為同一張 看起來網站會成滿版?

[@6868debbie]

請問時間軸的部分，在手機版時，右側的文字會不見，要如何才能正常顯示呢？

[@yukarileelia3745]

公司開放員工製作個人網站 剛好可以學習

[@chounweing8328]

请问复制一份呢是control➕V还是D

[@papayaclass]

你好，直接點擊 Ctrl +D 就可以了 或著先按下 Ctrl +C 之後，再繼續按 Ctrl +V 也有相同的效果。

[@user-hr3ru6ch6z]

老師你好，想問兩個問題，1:它可以放條漫嗎？2：它是互動式網頁嗎？感謝老師

[@papayaclass]

可以的 ~ 就把條漫直接當一般圖片插入就 OK 了。 Wix 裡面的工具有些有互動式的功能喔，像是投影片式的圖庫

[@user-hr3ru6ch6z]

@@papayaclass 所以它圖片的大小長短是沒有限制的嗎？我所謂的互動式是指，它用手機觀看也ok嗎？因為有些網站沒有互動式設計，用手機畫面就很小，字也很小。謝謝老師。

[@da1975]

这个wix很还用吗？很多人在用？

[@ericli9670]

預覽模式屬標會亂動，做完後整個不能用...

[@Frank-yu9pj]

您帮人做网页吗？