⛄️ 今天是立冬(從帳篷中探頭)(吶喊)知識進補雙 11,先領週末 $777 🎁
全站 85 折|熱銷買 1 送 1 ⚡️
登入/註冊
一個小時!DIY你的作品集網站
0 seconds of 2 minutes, 40 secondsVolume 0%
Press shift question mark to access a list of keyboard shortcuts
鍵盤快捷鍵
播放/暫停空白鍵
音量增加↑
音量減少↓
快進 5 秒→
倒退 5 秒←
開啟/關閉字幕c
全螢幕/離開全螢幕f
靜音/取消靜音m
Decrease Caption Size-
Increase Caption Size+ or =
跳轉至%0-9
00:00
00:00
02:40
 
餵食叔叔

一個小時!DIY你的作品集網站

人手一機的時代了,你還在找你昨天印出來的履歷表?! 放下它吧! 來!跟著我一步一步做,明天就可以丟掉你的履歷表,帶著你的手機就可以去面試了!
21.2 k 的人也在觀看
5.0
(13)

關於課程

課程包含

包含 1 章 12 單元、1 項作業

課程時長

1 時 4 分鐘

課程總人數

129 位同學

觀看限制

不限觀看次數,還會附贈完課證書

最新消息

課程內容

這門課會分為三個階段來進行

介紹 > 實作 > 上架

快速學會完整的網頁製作流程!!

本課程也適用於想要學習網頁製作卻不知道如何入門的學生 :)

  • 作品集網站介紹

一開始,餵食叔叔會先說明作品集網站是由哪些內容組成,

以及在開始之前,你需要準備哪些素材。

下列是一些學員的成品,你也可以在購買課程前先瀏覽一下,做為參考囉!

戶外婚紗攝影作品:新郎新娘在石造教堂拱門前相擁,新郎穿著深色西裝,新娘身穿白色婚紗並手捧花束,長頭紗向兩側延展,背景是藍天、雲朵與山林。


作品集範例網站

  • 作品集網站實作

第二個階段就是整個課程的重頭戲!餵食叔叔準備了範例程式碼,在課程中你必須下載這些程式碼,跟著餵食叔叔的教學逐一修改這些程式碼片段來完成你專屬的作品集!

寫程式困難嗎?當然是困難啦!

但餵食叔叔是一個求新求變、努力學習的資深工程師,他深知這些天書對於未接觸過的學員來說會有哪些困難!

除了在教學中清楚說明外,範例程式中也有明確的說明,所以你也不用害怕寫程式!

  • 作品集網站上架

緊接著就是作品集上架的部份了,完成一個作品集留在自己的電腦裡孤芳自賞沒啥意思,我們當然要放到網路上才能讓它發揮該有的效益啊!

餵食叔叔在這個階段中,會利用一些免費的網路空間及工具,透過幾個簡單的設定及複製、貼上的動作,就可以把你的作品集放到網路上囉!

 

婚紗攝影作品集,展示八幅婚禮與新人影像,包含接吻、婚前造型、牽手凝視、戶外擁吻、婚紗肖像與新郎新娘合影等畫面。

最後,餵食叔叔加碼了一些貼心的指導,在這個部份,難度會稍稍提高。如果前面的課程內容對你來說有些吃力,你可以直接省略這個部份;但如果你覺得之前課程的成品讓你覺得很有成就,你也可以細細品嚐這個部份的課程內容,試著調整自己的作品集網站,讓它更能表現出你的個人風采!(本單元預計會有簡單的版面調整教學、SEO設定、嵌入影片、地圖等,其他會依學生的回饋再做補充)

關於講師

餵食叔叔小時候喜歡裝文青,卻陰錯陽差讀了電子相關科系,畢業後成為學以不致用的代表之一,喜愛製作各式互動作品,從網站、影片、APP遊戲到大型互動裝置…。

近幾年專職於網頁前端工作,待過台灣幾間知名APP公司,工作之餘喜歡與人分享經驗,目前也在某美術專科學校教授互動多媒體課程,引領非工程人員也能喜愛上製作網站的樂趣。

博客來 OKAPI 閱讀生活誌於 2010.11.07 開站,定位為電子商務網站跨足經營的內容整合平台;畫面以書本、OKAPI 標誌與吉祥物呈現閱讀品牌形象,右上標示「2014 博客來報告」。MOOV 粉紅色耳機收納保護套搭配有線耳機,主打 FULL PROTECTION 提供耳機完整保護、TANGLE-FREE 線路不糾結,以及 ULTRAPORTABLE 輕巧好攜帶。

餵食叔叔的作品集

一個小時!DIY你的作品集網站 知識小百科

[作品集網站可以拿來做什麼?]

作品集網站顧名思義最大的用途就是記錄自己的作品,不論是在面試或是在各種需要推銷自己或產品的場合上,都可以用作品集網站亮眼的行銷。

除了作品以外,網站還有個人資料及表單的區塊,你不僅能秀出圖形化的作品,也可以用文字的方式記錄自己的資訊,當中包括個人的社群連結、文字敘述還可以做成歷史大事的清單風格,而這些,完全取決於你的設計!

若你希望讓別人主動留下訊息與你有更一步的接觸,那表單功能就千萬不能錯過了,在課程中,老師會指導你如何在作品集網站中崁入表單,透過你設計後的表單,別人不僅可以主動留下訊息,甚至可以直接訂購你的產品哦!


[不會寫程式也可以嗎?]

這個課程是專為不會寫程式的學員設計的,雖然在課程中還是需要開啟程式碼檔案來編輯,但每個需要編輯的部份,老師都會詳細說明,主要的編輯也都是著重在更換文字資料或是圖檔名稱,而不是寫程式。

最後,老師有補充一些程式碼調整的課程,你可以自由選擇是要試著做看看或是略過這個課程,不影響作品集網站的完成哦!


[看不懂英文可以嗎?]

看不懂英文也是可以的哦!

既然是做網站,這些網頁程式或是伺服器都是英文的,但你不用擔心,每個需要動手做的步驟,老師都有講解,遇到全英文的介面,在講義或是PPT上也有清楚的指示,告訴你這些步驟該怎麼做,所以就算看不懂英文,也可以上這門課!


[現在世面上的作品集網站這麼多,為什麼你還要購買這堂課呢?]

這起因緣自於餵食叔叔在授課的過程中,常常會有學員尋問他關於作品集網站的問題。

一開始餵食叔叔總是推薦網路上的作品集網站服務,這些作品集網站有許多新穎、漂亮的畫面設計,對於新入門的學員來說,可以降低很多設計作品集網站的困難。

但…問題也跟著來了,新穎的作品集網站風格強烈,學員們常會有自己的作品或風格無法完全和這些已經完成設計版型的作品集網站融合,更有後續客製化及網站主機費用難以估算等等的問題。

而自己寫程式嘛…技術門檻高之外 ,更有畫面設計及網站系統上架相關的環境問題!


於是喜歡與人分享經驗的餵食叔叔就設計了這門課程,整套的作品集網站不僅能夠完善的呈現學員的作品,也傳授了某些客製作品集網站的技巧,更是完整的囊括了系統上架的教學,一條龍的課程,讓學員上完課程後就能夠有個漂亮的作品集網站實品!

比較線上教學課程、自己寫程式與使用線上服務的五項表現:費用便宜分別為2、5、0顆星;客製化為4、5、0顆星;容易學習與容易美化各為5、0、3顆星;多裝置支援度皆為3顆星。

[要完成這個作品集,除了聽這堂課之外,我還需要做什麼?]

這是一門DIY的課程,所以「動起來」也是必要的哦!

DIY的步驟如下:

程式上傳流程分為五個步驟:01 下載範例程式、02 準備作品集素材、03 更新程式碼片段、04 申請主機服務,最後於 05 上傳程式碼。

除了準備素材的難度及時間是取決於學員的設計,其他的步驟都只需要3~5分鐘!


哪些人適合這堂課?
只要你的作品或是產品適合用圖片呈現皆適用。 當然,下列類型的學員在操作上會更容易! - 電腦相關從業人員 - 攝影相關從業人員 - 藝術相關從業人員 - 律師 - 接案族 - SOHO
你可以學到
可以完成自己的作品集網站,不管線上或線下都可以觀看喔! 此外,如果你是有製作網頁經驗,但苦於無法通盤了解網頁製作技術的人,相信叔叔帶你看過一遍程式,會對網頁製作更有心得。
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
電腦(Windows,Mac) Chrome瀏覽器,Notepad++(或任何文字編輯器),Github
需要具備的背景知識
具備電腦基本操作能力即可, 叔叔常常教導完全不會寫程式的同事,所以相信你們也可以學得會!
單元一覽
1 章 12 單元|總時長 64 分鐘
全部收合
1
本課程不分章節
影片單元
單元 1 - 課程大綱
影片單元
單元 2 - 網站區塊介紹
04:41
影片單元
單元 3 - 作品集網站實作 - 進入區塊
07:25
影片單元
單元 4 - 作品集網站實作 - 作品區塊
11:16
影片單元
單元 5 - 作品集網站實作 - 個人介紹
10:21
影片單元
單元 6 - 作品集網站實作 - 聯絡我們
07:09
影片單元
單元 7 - 作品集網站上架 - 軟體安裝
04:21
影片單元
單元 8 - 作品集網站上架 - 檔案上傳
02:01
影片單元
單元 9 - 作品集網站上架 - 檔案更新
02:48
影片單元
單元 10 - 補充教材 - 圖片裁切
04:12
影片單元
單元 11 - 補充教材 - 簡易seo設定
04:33
影片單元
單元 12 - 補充教材 - 常用編輯器介紹
03:44
作業單元
作業 1 - 上傳作品集,拿限量小獎品
查看作業
試看單元
播放試看影片
章節 1 - 本課程不分章節
單元 1 - 課程大綱
試看影片
02:16
課程評價
5.0
/ 5.0
13 則評價
Logan2020-06-26
很實用的課程
如果想要一個自己的作品集網站,這個課程可以很快速、又簡單、又能了解網站的基本架構的完成作品集網站。是一個可以讓成就感很高的課程。
Mickey Li2018-04-12
叔叔很有耐心
沒有任何程式基礎與能力要做成自己想要的作品網站蠻難的,感謝叔叔的耐心提供各種疑難雜症解答ㄒ___ㄒ
eudora2018-12-17
淺顯易懂
淺顯易懂,完全不懂程式的也容易上手。 老師很有耐心回答各種問題,非常感謝!
ALLEN LU2021-06-06
1小時內學會!實用!有效!
照著做就完成作品集!只要1小時!很好的學習體驗!
(已編輯)
aikachen2020-08-02
很棒的課程!
可以邊看課程邊做出很棒的作品集~ 成就感很高!

意猶未盡嗎?

關於講師

餵食叔叔
1堂課程
0篇文章
129位學生
餵食叔叔日常工作是前端工程師,喜愛製作各式互動作品,從網站、影片、APP遊戲到大型互動裝置…。待過台灣幾間知名APP公司,工作之餘喜歡與人分享經驗,目前也在美術專科學校教授互動多媒體課程,引領非工程人員也能喜愛上製作網站的樂趣。
前往講師頁面

購課前問答

日期最新
日期最新
日期最舊
愛心數
珮如
2024-04-06
請問是用wordpress製作網站嗎作品集嗎 想問哪個比較操作簡單
回覆
我也想問
emberisme
2023-04-16
老師您好!如果已經有用平台架設網站,也可以把作品集套用進去嗎?
回覆
我也想問
Bobby Tang
2022-09-13
老師您好,我網址都一直顯示404
回覆
我也想問
ycycyc
2020-06-06
老師您好,請問mac可以嗎?我沒pc,從下文中瞭解到您是以win10做範例,在操作上會跟mac差很多嗎?謝謝。
餵食叔叔
授課老師
2020-06-08
Hi,ycycyc 課程中主要是上傳軟體 github desktop 介面上會有差異,叔叔已經有補上 Mac版的說明 https://unclewes.page.link/gitgub4mac,如果有購買的話,可以在第七章老師的話看到一樣的說明
餵食叔叔
授課老師
2020-06-08
後續有其他問題也歡迎到FB詢問喔 (https://www.facebook.com/milk.chuang.39)
回覆
我也想問
mavis7036
2020-03-15
我沒有mac .只有windows 7 版本可以ㄇ?
餵食叔叔
授課老師
2020-03-17
Hi Mavis, 本課程以win10做為示範,操作上大致跟win7差不多,影片裡面教的快捷鍵也標註雙平台,不過要注意的是github desktop軟體介面有更新,可參考問題討論裡有新版介紹
(已編輯)
回覆
我也想問
購買單堂課

NT$1,200
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤