設為首頁 收藏本站   立即加入 登入
返回列表

[其他] 教學如何製作教學-2010-10-18 新增圖文教學,請進來看看吧。

相信大家因該都看過我做的教學了吧,沒看過的現在給滾去看http://www.moe.hk/thread-38837-1-1.html

因為有鑒於該版教學實在是過少,且許多教學介紹的並不詳細,只是擺上個網址,如何申請如何上傳....都無說明,


對於英文差的人是有一定的致命傷害,而如果通通都要我做的話,恐怕我會累死,因此,希望有意願的版主可以來跟我學習,

想跟我學教學製作的話,請加入我的即時通 f8y387512,並且最好可以準備以下軟體,

小畫家   (這是只要是Windows 95以上版本的電腦基本就有的東西,雖說如此,但是在 Windows XP之後,他開始支援多種檔案格式的儲存編寫動作,比以前的Windows 2000 支援上好很多。)




XnView   (觀看圖片的軟體,個人覺得很方便就是了,畢竟每次做教學都要挑圖片,且可以設定幻燈片自訂時間,還是繁體中文版,按右鍵可以看縮圖功能,.....等功能,另外我的浮水印也是靠這套軟體加的

              檔案總大小也10.5MB而已,相較之下某家知名廠商所做出來的看圖軟體CADsee 產品實在是患了軟體肥大症,一個看圖軟體可以搞這麼大,還跟免費軟體功能差一些,新版開啟速度又變慢,商業軟體以後都會變成這個樣子嗎。)




PhotoCap (個人覺得用起來很順手的去背景軟體,且可以當作小型的Photoshop來使用,只有7.19MB,但是麻雀雖小,五臟俱全阿,且開啟速度很快,耗的系統資源相當少

               ,對於只是做教學來說,這套軟體錯錯有餘了)



Capture Studio (這套軟體可依照個人習慣可有可不有,個人是比較習慣用拍下來拍完再做物件組合的動作,每次儲存檔名大像是這樣 001-1   001-2  代表第一階段,第二階段,

                       以後如果有哪邊做錯的話,編修起來會比較快速,也不會讓自己到時候要重做   檔案大小 2.7MB。)




PhotoImpact X3 (這套軟體相信只要是在小學上,或者國中,基本上都會有接觸過這套軟體,可能你當時在玩其他遊戲沒聽吧,但是這款軟體的取得困難度非常的低,所以務必取得此套軟體,
                       
                        它可以讓你的教學看起來更生動,更為活潑,更有造形,文字也不拘限於固定的樣子,檔案大小 647MB)



FileZilla              (FileZilla是FTP的軟體,甚麼叫做FTP呢,FTP是一種檔案傳輸協定的簡稱,其他主要功能就只是拿來傳輸檔案用途而已,你可以當做在網路上有一個你的資料夾來使用,

                        可以做你在資料夾所以可以做的動作,且我們要的FTP空間,必須要是可以外連的,何謂外連呢?  ,外連是只要任何人有網址連結可以經由網址連結到你的檔案,就像是我的教學,

                        都是放置到我自己的hinet的免費空間,在做外連的動作,所以你們現在才看的到,為何要使用FTP呢,因為大多FTP空間都為永存空間,不會有檔案失連的問題存在,

                        你家ISP業者是哪一家呢,<PS:ISP業者為網路服務提供業者,如hinet,seednet, so-net等>,我是知道hinet,seednet都有提供免費的FTP空間,可以去申請,

                        如果你是以上兩家ISP業者的客戶,請加入我的即時通我來教學你如何申請吧。)







Fonrt "字型"    (除了以上幾個軟體以外,字型也是一個蠻大的重點,好看的字體可以讓自己的教學感覺起來更為清晰,有吸引力,作為簽名檔也很適合,如果沒有選到自己中意的字體以前,就先用微軟黑正體代替吧。)





最後隨便抓來的路人20枚,不可以有特定對象,隨便抓你可以隨時或者容易抓到的人10~20枚,把你做出來的教學以及軟體給他,請他做一次,

哪邊有問題就記錄下來,針對你圖上哪邊做的不夠清楚,不夠容易了解去修改,所以前面敘述001-1  001-2到做完為止送給別人看後,有問題就再從那張開始修改起,避免在重做一次浪費時間。

做教學的原則,就算做不出笨蛋教學,也必須做出符合簡單了解原則的教學,之前原本預訂一篇教學1分鐘以內要看完理解明白,不過後來發現不太可能,於是改為,每張圖就算是笨蛋最多看一分鐘馬上就可以了解,

如果時間超過的話,這張圖片將排除不使用,且盡量不要把圖片放置過於緊密,情願多幾張圖,也不要擠在一起,像是這次的教學第五張,我就做的稍微有點緊密(檢討),所以排版上字體就變的要特意縮小一點,

盡量可以的話避免這種事情發生比較好,最後來解釋簡單了解原則,雖然這是從所謂的團康活動的原則,不過意外的發現在論壇上真的是這條原則通行無阻,盡量想辦法讓你的教學做的非常的簡單,

甚至只要看圖都可以做的出來,但是重點部份又不流失,這套規定同樣適用於版規,不過版規部分又牽涉到個人排版的功力了,在此因為只是做圖文教學,所以就不多加說明了。




PS:徵求如果有hinet帳戶的,或者有seed-net帳戶的人,如果你沒有會使用到此FTP空間的,

請把此空間借給我做為放置教學使用,因為我自己的FTP空間照這樣情況下去,

很快就不夠用了請為了萌會大眾的利益,把空間貢獻出來吧,(笑),

請聯絡我用短消息或者加入我的即時通"f8y387512"。


教學會使用到的檔案下載區。

外連圖片

外連圖片

外連圖片

外連圖片

外連圖片



========================================2010/10/18新增===================================================

其實製作教學非常的簡單,只要你的鍵盤上有Print Screen (位子約在F12旁邊),還有你電腦中有小畫家就足夠了。

以下讓我來做個範例,讓大家看看如何只用這兩樣來做教學。

先對不會使用Print Screen的人做個解說:


"Print Screen"作用是把目前的顯示畫面擷取自剪貼簿,所以我們要使用小畫家之類的軟體來已貼上存檔。

"Print Screen"+"ALT"是擷取目前作用視窗(最上層視窗)的畫面擷取,一樣需要用到小畫家貼上存檔。


今天做的範例是 Unicode補完計畫  For  Windows 7

首先先自己做過一次,並將製作需要的素材都拍下來,裁切等

[素材在此,要看請點]+


接下來把剛剛的擷取好的素材組合起來吧。

首先開啟一張比較大的乾淨的圖片作為底圖背景(亦可直接拿你乾淨的桌面來製作)

外連圖片

開啟圖片"圖片01.png" , 圖片"03.png" , 圖片''04.png" , 圖片"05.png" , 圖片"06.png" , 圖片"07.png" 打開並合併到底圖上


外連圖片

外連圖片


使用小畫家之類軟體,將需要點選的按鈕or標籤,用紅框標示出來

外連圖片


之後用小畫家之類軟體,將按鈕之間連接起來,讓看的人知道關聯性 (此畫法為小畫家版本)


外連圖片


然後加入文字的步驟說明,需要提醒的地方,解說等等,

外連圖片

開啟圖片"圖片01.png" , 圖片"08.png" , 圖片''09.png" , 圖片"10.png" , 圖片"28.png"  打開並合併到底圖上

外連圖片

使用小畫家之類軟體,將需要點選的按鈕or標籤,用紅框標示出來

外連圖片

之後用小畫家之類軟體,將按鈕之間連接起來,讓看的人知道關聯性 (此畫法為PhotoImpact版本)

外連圖片

然後加入文字的步驟說明,需要提醒的地方,解說等等,

外連圖片

開啟圖片"圖片14.png" , 圖片"15.png" , 圖片''28.png" 打開並合併到底圖上

外連圖片

使用小畫家之類軟體,將需要點選的按鈕or標籤,用紅框標示出來

外連圖片

之後用小畫家之類軟體,將按鈕之間連接起來,讓看的人知道關聯性 (此畫法為PhotoImpact版本)

外連圖片

然後加入文字的步驟說明,需要提醒的地方,解說等等,

外連圖片

開啟圖片"圖片01.png" , 圖片"03.png" , 圖片''04.png" , 圖片"05.png" , 圖片"06.png" , 圖片"07.png" 打開並合併到底圖上

外連圖片

使用小畫家之類軟體,將需要點選的按鈕or標籤,用紅框標示出來

外連圖片

擺放位子要考慮到等等拉線遠近問題,盡量以覆蓋率越少越好。

外連圖片

加上註解說明,這樣就快完成了。

外連圖片

外連圖片

外連圖片


外連圖片




[ 本帖最後由 世界ソ終焉 於 2010-10-26 10:42 PM 編輯 ]
2

評分人數