做一個以語文教學文章為主角的個人網站吧!怎麼做?怎麼準備?

在職場打滾好幾年的你,是不是有過那種和我一樣翻滾了老半天,還找不到「啊,我果然天生就是做這種的料」的感覺?我常在想學外語的人,出了學校到底「想」做什麼,而不是「必須得要」做什麼。如果你遇到外文系畢業的職場人,多半會預設他們若不是做國外業務,就是做國貿、導遊、老師、翻譯,諸如此類。這是台灣這個社會和教育系統給他們的既有框架,往往他們在學生時代,多半也會心想自己畢業後也會做那樣的工作吧。
我也不例外,假如自己學外語不是為了某個本命去達成什麼,而只為了收入,想起來總有一種缺憾。在職場付出並燃燒自己的同時,想著是否有在為自己付出過什麼,有什麼成就是完全屬於自己,靠自己一手打造的,我覺得那就是實現夢想。在這之前要有自己的發聲平台和管道,所以是時候該擁有自己的個人網站。

「主軸」是網站的靈魂

架站不是隨便喊要架就做得起來,事前必須做很多面向的思考。作為內容創作者,不只要想該提供什麼產品或作品,還要思考架站成本、網站架構,更重要的是網站內容呈現的主軸。「你的網站要為社會提供什麼解決方案?」、「你希望社會對這網站有什麼樣的認識?」、「你的中心思想是什麼?」,這叫做主軸,我在這裡做過基本的答覆。

素人架站 披荊斬棘

套版 vs. 客製化

架站可以很簡單,用比較不優惠的價格方案,購買包套的架站服務,基礎架構全都寫好給你,把版型套一套,大多能夠速成。正因為是別人寫好的版型,別人也不可能把所有功能完全揭露出來,買了之後,實際用過才會知道有沒有踩雷。
我不想被既定框架綁著,所以網站大大小小都要自己客製化。畢竟外語教學的內容呈現是靈活的,別人沒把你要的功能寫給你,基本上是無法照自己希望的完整樣貌呈現出教學內容。客製化的代價,是架站難度和複雜度直接翻倍。
完全套版的話,在後台介面按個按鈕,把設定的選項勾選一下,很快能做好。客製化的話,要花好幾小時先做功課,研究程式語法,把網站微調(tweak)成想要的樣貌。

上課的素材

做功課的素材要去哪裡找?我倒是不怕找不到資料,但最怕被海量的資料淹沒。用你能想到的任何關鍵字搜尋,Google和Youtube上就有你花一輩子也看不完的資料,要有感覺快腦爆和腦死的心理準備。第一是專有名詞很多,第二是可以選用的功能五花八門,你光是比較功能之間的差異就很花費心神,那些功能往往是決定你網站會不會容易出問題的關鍵。
對素人來說,我覺得比較困擾的是中文的教學資料少很多,所以我有95%都靠英文,甚至是用日文來查資料自學,靠這樣解決很多網站突發狀況。所以我一直呼籲學外語不能只是讀、寫、講而已,更重要的是拿它來學你想看到的事物,來成就你想達成的理想。也因為這樣,我腦袋又塞了不少程式人員才知道的外文術語。英文的架站資料都會編排和撰寫的很專業,很有邏輯性,所以會外語的人學架站會更吃香。

特定需求

另外對我個人來說,作為外語教學創作者,我需要很特定的功能來呈現文章的編排,例如音標和注釋、單字解釋的標示,還有對話例句、單句式引用和段落式引用要採用不同格式,還有圖像和影像、字幕的呈現方式。你可能會想幹嘛搞那麼複雜?想想看,如果你是想學外語的門外漢,讀單字都很吃力了,如果沒有前述的那些貼心標示,沒有用更好讀的排版格式來呈現例句,初學者很快會舉旗投降。
至於在架站的版面呈現方面,據我所知,有那種像一般網購商城那樣的版面設計,也有像新聞網站首頁那種有所謂「大/中/小區塊」、「一篇文章以一個格子(block、column、container)排列」的欄位式設計,甚至還有專為教學課程網站設計的版型。我的網站選擇介於商城和新聞網站之間的版型,所以花了很多心力微調。

成本考量

最後一個對素人來說,嚴格來說是對市井小民的素人來說,一大關卡就是架站成本,尤其是萬物皆漲價的現在必須投入的成本。買網址(嚴格來說叫做網域)需要錢(通常第一年折價或免費、第二年起給你漲回貴森森的原價),買虛擬主機也需要錢,特定功能要再加購。
國內的主機價格很貴,但仔細比較規格,總覺得硬體等級相對較低卻又賣較高價,而且網友對每家主機提供商都各有褒貶,看來看去每家差不多各有貓膩,只差在每家定價各自挖不同的東牆去補西牆(文字遊戲、價格心理戰),總成本開銷其實都頗高;如果是國外主機的話,雖然有很平價的選擇,但還要顧慮從台灣連到國外主機的速度影響,還有所謂的CDN據點是否有設在較接近自己的國家,才能就近從據點讀取網站資料加快網頁載入時間。總之成本面的功課要完全靠自己貨比三家,沒有絕對正確或完全適配自己的服務提供商。

實際執行

前述這些架站前的準備功課要花多少時間?每個人狀況不定,但我自己準備了一個月。實際執行網站架設、導入特定功能、除錯、排除功能衝突、置入教學內容(這花了我足足三個月),前後利用工作以外的時間花費了8個月架站。
欸等等,那句話不是說我網站已經做好了,但已經在收尾階段,不久就會正式運作。

未來網站和創作規劃

有了個人網站後,內容創作的想法也會跟著轉變,最直接的變化在於創作頻率。或許這比喻很奇葩,但對我來說,養網站就像在養不到五歲的孩子,要幫他打點、洗乾淨、餵吃飯,他也會吵會鬧,所以自己像新婚爸媽一樣幾乎全天候照料。除了工作外,架網站佔據我90%的休息時間,完全靠理想支撐架站的意志。這意味寫作頻率做出了調整。

目前規劃大致以一到兩週一篇的頻率寫作。此外,個人網站將成為文章的首發站,並在一個月後發布到其它寫作平台,而且個人網站上會不定期有獨家文章。

在我個人網站中:
  1. 文章的音標、單字解釋和注釋的標示會更直覺,將放在每個單字的上方而非右側,讓整句外文的閱讀盡量不受到標示的干擾。除了那些簡單到大家都懂的單字之外,沒錯,全站文章出現的單字都將支援前述標示。
  2. 早期舊文章內文做了部分翻新、微調,並添加第1點提到的標示,減少你查字典的時間,能花更多精力在內容和大方向的理解。部分舊文章甚至全文改寫成更系統性的描述。
  3. 視教學需求,部分原本無內嵌字幕的外國影片,將顯示我獨立翻譯和製作的字幕。
  4. 對話例句、引用的例句和我創作的例句會各自有不同排版格式,讓你更方便對照原文和外文。
  5. 整篇文章的重點句幫你用螢光筆畫起來,加速複習,不用花時間重看全文。
  6. 其他功能會視我的靈感在未來隨時新增。
對了,在本文結束前,如果你希望為這個網站取個好的站名,也歡迎告訴我作為參考囉。
為什麼會看到廣告
想成為英文通、日文通, 或想兩者雙修? 每週各一次英文和日文學習帖, 跟我一起從電影戲劇、電玩和老外互動中學到實用外文。 最推薦給英文系、日文系、翻譯系、觀光旅遊系、傳媒系背景的大大, 想自學的上班族、家庭主夫婦、各種鄉民都歡迎, 踏進我的沙龍,開啟提升外語技能的未來。
留言0
查看全部
發表第一個留言支持創作者!
有沒有納悶過為什別人記得住單字,為何別人有滿肚子的字彙量可以信手捻來,自己卻過目「即」忘?其實這很像失憶症一樣摻雜很多因素,其中一項是因為你從未訓練自己一個關鍵技能:「猜」單字。這聽起來很反大腦的學習邏輯,畢竟我們都以為要先看到了、記起來之後才能學會怎麼用,但「猜」才是最符合人性心理且最天然的方式,
你遇過跟日本人商談很困擾的時刻嗎?如果說中文有很多客套話,日文則是有不少曖昧不明的字眼,至少從字面上看不太出來。例如什麼叫「見合」?如果在日本客戶給你的回信中看到這個漢字,他到底是在拒絕還是保留合作空間?
讀原文書的中譯版讀到想砸書又想一頭捶進抽屜,或是看熱心網友自製中譯字幕的音樂錄影帶卻有看沒懂。你有沒有過這種經驗?會講英文是一回事,但這跟翻譯能力完全是兩碼子事。中文翻譯飄出英文味,會把讀者逼瘋!到底要怎麼避免?關鍵在於「你到底想通了沒」。
有些人天生有「紅豆腿」,腿上有多倒數不清的紅點,我也有認識的人從小深受其擾。剛好在讀新聞時,看到某網頁置入一則以網友的口吻宣稱治癒毛囊角化症並分享治療法的廣告,其中藏了一般中文使用者無法注意到的貓膩,大概只能問懂日文的人才會察覺到!
「Start(起步) Small, Dream(夢想) Big」是我想傳達給有志自學外語者的肺腑之言。掌握從小到大、從窄到寬、從近到遠的大方針,你可以讓自己循序漸進鋪好自學之途的地磚,每一步走得穩當踏實。別急,看遠一點,慢慢來,你會漸漸愛上自學的成就感和爽感。
沒接觸外文的人,一般對自學外語的人印象可能是無師自通的人。但其實無師自通是有條件的,而且是對外語外行的人也可能達成的條件。如果會看重點,你也能開始自學外語。
有沒有納悶過為什別人記得住單字,為何別人有滿肚子的字彙量可以信手捻來,自己卻過目「即」忘?其實這很像失憶症一樣摻雜很多因素,其中一項是因為你從未訓練自己一個關鍵技能:「猜」單字。這聽起來很反大腦的學習邏輯,畢竟我們都以為要先看到了、記起來之後才能學會怎麼用,但「猜」才是最符合人性心理且最天然的方式,
你遇過跟日本人商談很困擾的時刻嗎?如果說中文有很多客套話,日文則是有不少曖昧不明的字眼,至少從字面上看不太出來。例如什麼叫「見合」?如果在日本客戶給你的回信中看到這個漢字,他到底是在拒絕還是保留合作空間?
讀原文書的中譯版讀到想砸書又想一頭捶進抽屜,或是看熱心網友自製中譯字幕的音樂錄影帶卻有看沒懂。你有沒有過這種經驗?會講英文是一回事,但這跟翻譯能力完全是兩碼子事。中文翻譯飄出英文味,會把讀者逼瘋!到底要怎麼避免?關鍵在於「你到底想通了沒」。
有些人天生有「紅豆腿」,腿上有多倒數不清的紅點,我也有認識的人從小深受其擾。剛好在讀新聞時,看到某網頁置入一則以網友的口吻宣稱治癒毛囊角化症並分享治療法的廣告,其中藏了一般中文使用者無法注意到的貓膩,大概只能問懂日文的人才會察覺到!
「Start(起步) Small, Dream(夢想) Big」是我想傳達給有志自學外語者的肺腑之言。掌握從小到大、從窄到寬、從近到遠的大方針,你可以讓自己循序漸進鋪好自學之途的地磚,每一步走得穩當踏實。別急,看遠一點,慢慢來,你會漸漸愛上自學的成就感和爽感。
沒接觸外文的人,一般對自學外語的人印象可能是無師自通的人。但其實無師自通是有條件的,而且是對外語外行的人也可能達成的條件。如果會看重點,你也能開始自學外語。
本篇參與的主題策展
時間是2123年,那是一個下著雨的夜晚,冷風一波接著一波颳起,碩大的雨滴一滴滴地落在金屬上。多拉格睜開了雙眼,眼前是一扇窗戶,窗外一片黑暗,他發現自己在一個狹窄的空間裡,那是一個冷凍艙……
不再證明了/不再為了那些不証自明的事情/焚燒,或凋萎/房間逼仄但內心昶亮/虔恭迎接每個早上/晨光穿窗而來
前言 宇希333年 現在是第14號地球世界的火曆2309年。 病毒「無」專門吞噬「感情」、「感覺」、「愛」、「希望」,大部份被感染的人都無法呈現臉部表情,人類也越來越冷漠。 幸虧第14號地球的科技相當發達,腦細胞可以連線面具讓人可以戴著精緻的面具過活,戴面具的人只要用想的就可以呈現臉部的表情。
以為擁有的 / 其實尚未 / 以為失去的 / 或許換成了另一種獲得
時間是2123年,那是一個下著雨的夜晚,冷風一波接著一波颳起,碩大的雨滴一滴滴地落在金屬上。多拉格睜開了雙眼,眼前是一扇窗戶,窗外一片黑暗,他發現自己在一個狹窄的空間裡,那是一個冷凍艙……
不再證明了/不再為了那些不証自明的事情/焚燒,或凋萎/房間逼仄但內心昶亮/虔恭迎接每個早上/晨光穿窗而來
前言 宇希333年 現在是第14號地球世界的火曆2309年。 病毒「無」專門吞噬「感情」、「感覺」、「愛」、「希望」,大部份被感染的人都無法呈現臉部表情,人類也越來越冷漠。 幸虧第14號地球的科技相當發達,腦細胞可以連線面具讓人可以戴著精緻的面具過活,戴面具的人只要用想的就可以呈現臉部的表情。
以為擁有的 / 其實尚未 / 以為失去的 / 或許換成了另一種獲得
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
若在同溫層,讓人喜歡,自然容易,若在人生路上,讓大家都喜歡,聖賢也難。 同理心是誰同誰的理 要得到認同甚至喜愛,就算三頭六臂,才華洋溢,讓人青睞也需是利益他人,基於禮貌或賞識,有機會得人喜愛,是因自己的才能,無論天賦或努力,有助人排除境遇困難,讓人起歡喜心,自然能得到回饋。 老么勝
Thumbnail
沼津市位於靜岡縣東部,距離首都100公里以內,自然環境得天獨厚,地理條件優越,作為東駿河灣地區和伊豆地區的交通樞紐及廣域商業和文化中心,自古以來就在地區的政治、經濟、文化中發揮核心作用。 隔著奧駿河灣眺望的富士山、鬱鬱蔥蔥的千本松原、香貫山、流經市中心的狩野川等自然風光創造了清新豐富的景觀也孕育了
Thumbnail
這篇文章探討了在面對疫情和情緒困擾時的心理狀態,作者分享了通過玩心理遊戲的方式來覺察自己,並尋找自我和解的過程。作者希望這些探索和自我成長的思考,能夠引起讀者產生共鳴和啟發。
Thumbnail
嘿 剛開始工作的時候常常會有,我們是一個團隊,我們一定要團隊合作 共同創造美好業績 這樣的口號 修行久了之後發現 確實我們是組隊打怪 只是不是大家都是戰友要小心旁邊的隊友突然朝你拿出刀 我想應該有不少的讀者也有類似的經驗 現在的老鳥Norika可能會很八股的告訴你 解決他 放下他 但當
Thumbnail
一個月不到的時間,一天讀不到五個小時,順利考取乙級職業安全衛生管理員,真的有可能嗎? 有的! 我做到了,讀書的同時,全職育兒,大的三歲半,小的一歲半,大的有送去幼稚園,而小的自己全職照顧。 先生呢?在外地工作啦~也就是需要自己找其他時間來讀書備考,孩子是不會有人幫忙帶的! 在文中,我想跟大家分享我的
Thumbnail
中國五四以來的文學傳統,以及日治時期的新文學傳統,都是我們重要的文化資產,請好好珍惜他們
Thumbnail
身為一個數學系畢業,而且是一路讀純理論到碩士畢業的那一派的理科人,為什麼加入了Vocus方格子呢? 跳脫框架的寫作之旅,已經起步。
Thumbnail
黃蠟石文化館相關資訊:: 地址: 基隆市暖暖區過港街52號 開放時間: AM9:00-PM17:00 (休館日:周一) 電話: 02 2458 2001 備註: 藝術場館、旅遊點 黃蠟石文化館成立經過 黃蠟石文化館成立因素乃因為基隆市暖暖區暖江橋下因為基隆河流過,形成特有河川壺穴地形
Thumbnail
為什麼文章沒人留言?影響留言互動性的四個因素:平台生態、文章點閱率、創作者形象以及文章性質
Thumbnail
人類文明因應河流而生,世界有四大古文明國家亦是如此。河流乘載人類起居生活,萬物都脫離不了水的滋潤,但是人類卻也因此破壞河流生態。在桃園市平鎮區老街溪河川教育中心就是敘說著桃園市中壢區與平鎮區地方性質博物館。 老街溪河川教育中心相關資訊:: 地址: 桃園市中壢區中原路58號 開放時間: 周二-周日
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
若在同溫層,讓人喜歡,自然容易,若在人生路上,讓大家都喜歡,聖賢也難。 同理心是誰同誰的理 要得到認同甚至喜愛,就算三頭六臂,才華洋溢,讓人青睞也需是利益他人,基於禮貌或賞識,有機會得人喜愛,是因自己的才能,無論天賦或努力,有助人排除境遇困難,讓人起歡喜心,自然能得到回饋。 老么勝
Thumbnail
沼津市位於靜岡縣東部,距離首都100公里以內,自然環境得天獨厚,地理條件優越,作為東駿河灣地區和伊豆地區的交通樞紐及廣域商業和文化中心,自古以來就在地區的政治、經濟、文化中發揮核心作用。 隔著奧駿河灣眺望的富士山、鬱鬱蔥蔥的千本松原、香貫山、流經市中心的狩野川等自然風光創造了清新豐富的景觀也孕育了
Thumbnail
這篇文章探討了在面對疫情和情緒困擾時的心理狀態,作者分享了通過玩心理遊戲的方式來覺察自己,並尋找自我和解的過程。作者希望這些探索和自我成長的思考,能夠引起讀者產生共鳴和啟發。
Thumbnail
嘿 剛開始工作的時候常常會有,我們是一個團隊,我們一定要團隊合作 共同創造美好業績 這樣的口號 修行久了之後發現 確實我們是組隊打怪 只是不是大家都是戰友要小心旁邊的隊友突然朝你拿出刀 我想應該有不少的讀者也有類似的經驗 現在的老鳥Norika可能會很八股的告訴你 解決他 放下他 但當
Thumbnail
一個月不到的時間,一天讀不到五個小時,順利考取乙級職業安全衛生管理員,真的有可能嗎? 有的! 我做到了,讀書的同時,全職育兒,大的三歲半,小的一歲半,大的有送去幼稚園,而小的自己全職照顧。 先生呢?在外地工作啦~也就是需要自己找其他時間來讀書備考,孩子是不會有人幫忙帶的! 在文中,我想跟大家分享我的
Thumbnail
中國五四以來的文學傳統,以及日治時期的新文學傳統,都是我們重要的文化資產,請好好珍惜他們
Thumbnail
身為一個數學系畢業,而且是一路讀純理論到碩士畢業的那一派的理科人,為什麼加入了Vocus方格子呢? 跳脫框架的寫作之旅,已經起步。
Thumbnail
黃蠟石文化館相關資訊:: 地址: 基隆市暖暖區過港街52號 開放時間: AM9:00-PM17:00 (休館日:周一) 電話: 02 2458 2001 備註: 藝術場館、旅遊點 黃蠟石文化館成立經過 黃蠟石文化館成立因素乃因為基隆市暖暖區暖江橋下因為基隆河流過,形成特有河川壺穴地形
Thumbnail
為什麼文章沒人留言?影響留言互動性的四個因素:平台生態、文章點閱率、創作者形象以及文章性質
Thumbnail
人類文明因應河流而生,世界有四大古文明國家亦是如此。河流乘載人類起居生活,萬物都脫離不了水的滋潤,但是人類卻也因此破壞河流生態。在桃園市平鎮區老街溪河川教育中心就是敘說著桃園市中壢區與平鎮區地方性質博物館。 老街溪河川教育中心相關資訊:: 地址: 桃園市中壢區中原路58號 開放時間: 周二-周日