Life

Dropbox空間存放靜態HTML網頁

現在Dropbox提供了免費的靜態網頁存放,童鞋們想自己擁有網頁存放空間,又沒有錢錢租用空間的,可以來嘗試喲 第一步,進入官網 (英文) http://my.droppages.com/ 第二部 登入Dropbox賬號     第三步 取得授權   第四步 點選 Create a site ,開始創建   第五步 輸入您想要的網址(域名只能為二級域名…

Life

教學助理工作坊─360度的TA成長

主講人: 亞洲大學通識教育中心 黃淑貞 助理教授 講題:360度的TA成長 地點:明道大學承正大樓 承正305教室 時間:2014年4月11(五)A.M 10:00~12:00 明道大學教務處及國學研究所執行「天衣無縫計畫」(獎勵大學校院辦理區域教學資源整合分享計畫-未獲教學卓越計畫補助學校協助方案)、教育部「全校性閱讀書寫課程推動與改革B類計畫」,這一次邀請到亞洲大學閱讀書寫執行團隊的黃淑貞老師來到明道大學,為我們分享培訓教學助理的經驗。在活動的開始,本校教務長何偉友教授頒發感謝狀給黃淑貞老師,感謝黃淑貞老師撥空前來明道大學與各位分享培訓教學助理的經驗。 「你們認為TA是什麼?」淑貞老師的一個問題,點出了整場活動的核心。與會的師長及在座的TA瞬間沉靜下來,在學校裡很多門課都需要TA協助,但是教師與教學助理有時無法明確了解彼此的定位以及工作權限下,很容易產生誤解而影響教學效益。因此,淑貞老師在演講一開始,便強調必須釐清老師與TA教學工作定位關係的重要性。 淑貞老師首先提到,通常學生對課堂的老師都會有幾分的畏懼或是害怕,因此若能以學長姊帶學弟妹的出發點來設置TA(教學助理),做為老師與學生之間溝通的橋樑,如此一來,課堂老師可以藉由TA進一步的了解學生,學生透過TA學長姊的帶領學習,教師便能提高教學效益,學生也能提昇學習興趣與成效。 在亞洲大學,已經有一套完整的TA遴選制度,以及培訓過程。在這個建構之下,較有經驗的TA可以帶著新進TA成長,不用一切都由老師教育。在很多同是TA的環境下受訓,也會使彼此之間有一良性的競爭,使訓練出來的TA更為精良。 在一個嚴謹的制度及完備的訓練環境下,亞大的TA們都能夠清楚的掌握三個規範:「以身作則」、「協助教學」、「增強能力」,黃淑貞老師強調,TA們本身必須是課堂學生的榜樣,否則TA們在帶領討論、引導學生的時候常會沒有說服力。第二點是身為教學助理,本身就是一個協助的角色並非主角,是以協助課堂老師為原則,在原則之下,盡量發揮才華,使課堂更為豐富精彩。 最後一點,也是最重要的一點,就是增強能力。TA不只是幫忙老師教學而已,也有一份對於自己的關懷。身為TA除了藉由計畫的資源,以增加自己的見聞及教學經驗之外,更能增長自己的專業能力,亦能拓展人脈關係,使自己的大學生活更加的充實且多彩。所以TA不只是一份工作,TA同時也是一種能力的標幟、一種忙碌而充實的人生記號,一段有趣且精彩的人生過程。 黃淑貞老師的教學不僅有講述而已,更重視師生互動的過程。在演講過程中,黃老師時而提出有趣生動的問題,請同學舉手表明意見,不只使現場氣氛活絡起來,更展現了淑貞老師個人的教學風格,以及深入淺出的教學引導模式。 活動進入尾聲,淑貞老師展示了學生的書寫作品,請大家共同賞玩學生的巧思。 演講將近尾聲,現場聽講的師生收穫滿滿。藉由這一次的教學工作坊,使與會的師長及TA們更加的清楚彼此定位與關係,以及TA自身協助教學工作的權限與如何提昇自我的專業能力。最後現場場師生與黃淑貞老師合影留念,更表達期待下一次能再度邀請到黃淑貞老師蒞校分享培訓教學助理的經驗。

Life

15款响应式web前端开发框架

前端开发并不是一个容易的工作,不仅需要掌握HTML、CSS和JavaScript,针对不同的浏览器版本和平台,还需要了解如何设计出跨平台的网站。如今随着响应式设计的流行,前端开发变得越来越困难,且花费的时间更长。 本文收集了14个响应式前端开发框架,可以帮助前端开发人员大大简化开发过程。针对每个框架,文中均指出了它所包含的ui组件及JavaScript插件。几乎所有的框架都采用了响应式网格系统。 使用这些前端框架,有如下好处: 跨浏览器。这一点已被证实。 一致性。ui组件,如导航、按钮、标签、表单、下拉框、表格……,在设计上保持风格一致。 快速开发。你可以快速、容易地构建布局。这些框架都配有详细的说明文档。 响应式。所有CSS组件及JavaScript插件可以很好地从桌面过渡到移动设备上。 Koala  国产前端开发框架,开发者:http://isux.tencent.com  功能特性 多语言支持:支持Less、Sass、CoffeeScript 和 Compass Framework。 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。 编译选项:可以设置各个语言的编译选项。 代码压缩:Less & Sass支持编译后自动代码压缩. 错误提示:在编译时如果遇到语法的错误,koala将在右下角弹出错误信息,方便开发者定位代码错误位置。…

Life

Web 前端基础知识及快速入门指南1

做前端开发有几个月了,虽然说是几个月,但是中间断断续续的上课、考试以及其它杂七杂八的事情,到现在居然一直感觉自己虽然很多前端的知识很眼熟,却也感觉自己貌似也知识在门口徘徊。不过还好,相比之前一直苦逼不知道如何下手,没人指点的时候,好多了。现在相对来说,知道怎么走了。现在总结一下前端的基础知识,顺便推荐几本书。因为每个知识点都可以拉开架势写几本书都不一定写的全,所以我就不去详细展开了,就大概讲一下前端的一点概念,顺便介绍下前端的基础知识等。如果能给你带来点知识涵养或者顶点价值,那花这老半天的时间算值得了;如果写的不好,欢迎批评和交流。当然大牛直接忽略这篇文章。 一、总介绍 1、前端的概念 Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。 Web 1.0时代:那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。故主要是网页制作。时间在2004年及以前。 Web 2.0时代:各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。现在的网页制作主要是利用前端的技术(主要Html、CSS、JavaScript等)进行前端开发,故而都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发。时间是2005年以后。 2、前端技术 最基本的技术,也是做前端开发程序员的饭碗就是:HTML、CSS和JavaScript。这三样东西被称为前端技术的三要素,也是最根本的东西。现在我们知道和了解的一些前端框架、插件等全都是基于这三要素,并做了良好的封装后发展起来的。 高大上的技术同时不仅包括以上提到的基础知识,同时还要包括交互设计、视觉设计以及产品定义等设计到的工作和技术。 如图示: 3、前端工程师 Web前端开发工程师,简单的说就是利用前端技术进行web前端开发的程序员。 主要职责: 利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发; 完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块; 结合后台开发技术模拟整体效果,进行丰富互联网的Web开发; 改善用户体验; 4、前端MVC概念:即将表现、控制和视图分开,具体的就是指HTML、CSS和javascript各司其职,减少他们的耦合度。 二、Html、CSS和JavaScript 1、 Html技术…

Mental

不一樣的大四送舊旅行

三年前,也就是2011年,資訊服務團一行人在春假期間到屏東牡丹鄉高士國小辦了一場一天的資訊服務,那一年,資訊服務團讓春假多了點不同的意義。那時候,團隊有幾位剛進門的大一新生轉眼間已在資訊服務團待了四年的時光,現在是大四要畢業了,為了讓這幾位準畢業生有個不一樣的畢業回憶,也為了能夠讓他們大一時所參與的那場有意義春假能夠重現,資訊服務團特別在今年的春假選擇了從沒去過的小琉球白沙國小進行資訊服務,同時也在當地舉辦送舊活動,祝賀這兩位要畢業的學姊–資傳系王嘉柔與精農系王怡娟,畢業後持續發光發熱。 這次帶給白沙國小的課程是平板電腦上的雲端記事本操作,我們希望這群小朋友學會如何在課堂上使用平板電腦或是智慧型手機記筆記而不是只是拿來打電動。為了這一次的課程,大家都貢獻出了自己的平板電腦當上課教材。 錄音的功能是這樣使用的,我剛剛講的你們記起來了嗎? 剛剛打的資料在這裡,有沒有找到? 看到桌上那隻可愛的豬了沒有?快點把它拍下來,待會會用到。 你們快記錄下來我講的東西,待會大會考的時候要考你們喔。 一個在港口邊的學校,學童的熱情超乎想像,課程結束大家還玩成一片,好像已經認識很久了一樣。 白沙國小校長給明道大學資訊服務團的感謝狀,謝謝千里迢迢從明道來的大學生到這邊給當地學童上一堂不一樣的資訊課程。 資訊服務團第一次面對這麼多人的學校,也算是特別的經驗,這只是五六年級的學生而已喔。 辛苦服務完之後的小獎勵。 溫馨的送舊晚會,祝兩位學姊畢業快樂。 撰文/攝影 資訊服務團

Culture

2014 明道大學+太麻里服務

2014-01-19 星期日這是我有記憶以來第二次去台東,在去程沿途火車上,隔壁座的伯伯告訴我:「父母期望與孩子夢想相距越大,則產生的衝突就會越大,所以要多多和父母親溝通,才能有效的減少這一個現實與理想所產生的衝突。」就這樣,我上了足足修了四小時家庭與親子關係的課程,我想對隔壁座的伯伯說,雖然我不認識你,但是我謝謝你。很快的,來到了台東火車站,接著像拍攝電影一般,從原車箱立馬跳上對面的車廂,搭往太麻里,學長姐還真怕我們沒搭上這班車呢!直到出了太麻里火車站,第一直覺,我是不是走到畫裡了?也未免太不真實了,往前眺望是一片海,往後盼則是絡繹不絕的山脈,萬里晴空,海天一色,明明看過去,海比陸高,可卻沒有淹上路面,這或許就是地吸引力吧!接著我們到了傳說中的達旺教會,牧師與牧師娘的招待果真如我們耳聞一般,和善無比,非常親切。之後,立刻勘查明日要拜訪的商家及路線,可惜,我們找不到羅沙原住民工作室,或許是太遠了,位於太麻里鄉外環道,假如帶著孩子走外環,實在是太危險了,我們走在外環都心驚膽顫,更何況國小的孩子,我們沿途詢問商家,有商家也説,羅沙也逐漸在轉型了,較偏向建築業,已不再是徹底的原住民傳統文化特色店家,此外,商家也推薦我們到正興村裡去找原住民傳統文化特色店家,那裡有陶甕、陶珠、手工皂、服飾及吊飾,不過因為這裡離大王國小有一段大距離,終將不採納,於是我們便趕緊走向下一個行程,招待姐妹校-明道大學,我們不斷的預演,只希望能讓活動跑得順利。我是遊戲的第一位關主,這是我第一次拿麥克風主持,既緊張又害怕,想不到利用火車上等待的多餘時間來想遊戲的懲罰動作,還有那麼一點臨時抱佛腳的效用,真的是多虧平時愛看鬼靈精怪的搞笑片,才讓場面變得不冷場,就這樣大家破冰了,我們也一同邀約到山上去吃合菜,也偷偷的幫我們的總召提前慶生,給他一個驚喜。 2014-01-20 星期一翌日,天根本還沒亮,整條街只有路燈,其實我也認床,整晚都沒睡著,但我卻沒有疲憊的感覺,我們與明道有約,說好要一同到海邊踏浪迎曙光,我們一定要給來賓兌現,與學長姐們一路走到海邊,沒想到他們已經在集合地等我們了,內心感到些微歉疚,好佳在他們一心念著曙光的到來,我們只看到那晨光乍現,或許是這天的氣候沒有特別好,曙光不是預期的那樣,甚至被雲掌給蓋住了,從雲的縫隙展露了出來,接著就是踏浪時間,太平洋的海是溫的,是鹹的,是無止盡的,就像人心澎湃時的感受,有不少同學的鞋子被海浪捲走,欲哭無淚,不過,浪又把鞋子打回沙攤上了,同學的眼淚都差點流出來了,這就是小型瘋狗浪。 完曙光,終於開始第一次的大王國小團隊了,踏入了大王國小的後校門口,向前去籌備數位小記者的第一日營隊,首先先測試教學設備,再來演練一次健康操的教學,站在台前這樣子教人家,真的又緊張又害怕,真幸虧對象是小朋友,作錯了,小朋友們看看,就會笑笑帶過。正式的課堂開始了,想不到,課堂是一個縮小版的菜市場,老師必須喊著大白鯊,小孩上課才能閉嘴巴,讓我很意外,我們的姐妹校一邊觀摩,也幫我們管理秩序,因為我們的小朋友人數不算少,是兩班的集合,大家真的對於舞蹈很內行,或許是他們時常在快樂的學習中成長,都很喜歡活動,回答問題也相當熱絡,真的有別於都市的孩子。 在小組活動,我們面臨到殘酷的事實就是分組,團體的和諧度和人緣的問題就在這個時候看得出來,我們遇到了,也只好安慰哭的那一方,希望他們能夠一笑泯恩仇,能夠快點進入小組資訊冬令營競賽活動,但似乎事情卻又不是那麼的簡單,後來,排擠人的一方也跟著哭了,身為小隊輔的我們也懊惱不已,只好繼續陪伴他們哭,直到他們停止彆扭,當然,我們這組就遙遠的落後於其他組別,但我不怪他們,這種事是大家也不希望發生的。 下午,各個小隊輔要帶著小組們出發囉!小朋友各像脫韁的野馬,到處跑,邊走邊玩,很可愛,但是他們完全不顧路上的車子,所以我們更要擔任起糾察隊的職位,小朋友以輪流的方式訪問老闆的同時,同學就開始雞飛狗跳,轉過頭來,班上個子最小的被狗追,真捏了把冷汗,狗的體型都比小朋友大了,他說他剛剛順路就去挑逗小狗,真是幸虧小朋友跑步夠快,不然就受傷了,我們沒有去羅沙原住民工作坊,但取而代之的是我們改採訪到了民宿-忘憂館,相對的,離我們的國小也近,路線也較為安全,最後各隊採訪時間有如期的訪問當地店家,也平安的放學了。 晚上去了一間平凡的店面,享用平民小吃,相當的簡易而快樂,有種淡淡的幸福感,大家聚在一起的感覺真棒!之後我們去逛了逛那條最熱鬧的街,那裡有便當店,有農會超市,有飲料店,我也買了一罐牛奶讓我有個好睡眠。 2014-01-21 星期二我這回晚上有睡好覺了,因為昨晚我發現睡袋的秘密,所以開始不認床了,整天精神好,一大清早健康操,「有跳健康操的有加分」,小朋友就「全部」都跑到視聽教室前舞動手腳了,真的很熱情,如果在北部,可能就看不到這個景象了,只能看到個位數的小朋友願意站到講台為組爭光,而這裡的五年級孩子非常的有活力朝氣,感覺每個小朋友都活潑亂跳的,看到他們開心,我們就安心。 上午,我們教他們使用平版應用程式軟件編輯相片,他們都很會美化影像,各各都是影像處理的小天才,下午則是影片上傳和編輯,光是半個Google帳號,就搞的我們頭昏眼花,因為伺服系統實在不給力,讓我們有點手無足措,用好的人就必須等還沒完成的同學,這時候小朋友就會開始偷偷上網玩遊戲,這一段短短偷閒的時間,似乎是他們最快樂的時光,但我們又不能彰顯出準備不足給小孩們看到,立馬求就老師,真是給謝老師的相助,讓我們能夠順利的進行教學,讓他們如期下課。 晚上,好開心禮拜二遇到太麻里的夜市,雖然攤販沒很多,不過我認為這樣就夠滿足了,因為人只有一個胃,我們與夥伴們一同在路邊享受排餐,晚上雖然冷,但很溫馨,我們就像一家人外出吃飯,吃飯時還會遇到這三天資訊冬令營的學生呢!接著就是自由活動,我們就在這個短短的小夜市裡穿梭,那裡就像我們的廚房,要吃什麼有什麼。 2014-01-22 星期三這是營隊的最後一天了,有點感傷,怎麼這麼快就結束了,一大早兩班的小朋友依舊還是活力十足,我知道他們兩班其中有個班,這兩天還正在為他們的樂樂棒球比賽努力,接著趕過來上營隊的課,跳健康操還能這麼賣力,讓我覺得感動,感覺他們全身上下充滿著運動細胞,很陽光,老師們眼皮沉重,都會因為他們而精神振奮。 我是今日的簡報小老師,就因為沒有教過學生,還蠻緊張的,但我發現小朋友上課還是會交談,可是我問他們:我剛剛說什麼,他們都答得出來,可見得他們一心多用,是真的很厲害。當然我要好好教他們,因為下午他們就要發表這三天的成果了,雖然我不太熟析大王國小的簡報軟體,但也因為這個機會,我學會使用這款簡報軟體,還能教人呢! 午后時刻,每位小朋友各自到台前說明他們的作品,和感想,以及學到了些什麼,他們很可愛的一點是,平常在台下的表現和在台上的表現兩極化,一定要等到他們報告的時候才看到羞澀的表情。在我們的營隊結束後,我們和國小主任去失落的校園-秀山國小去探險,那裡好荒蕪,就在等著被有效的資源利用、開墾。 當晚,真的很感謝牧師和牧師娘的宴請,讓我們有機會吃到台東的菜餚,更認識一種豆叫樹豆,我們非常的感恩,而且也相信大家都非常的喜悅。晚上,夥伴們也一同到金針山上去賞星空,我想把華麗的滿天星斗和夜景帶走,只可惜像機卻怎麼照也照不起來,我只好把他們放進我的記憶口袋,寫在我的腦海中。 2014-01-23 星期四我們前往金針山上,有看到青山農場,還有櫻花樹,滿山遍野,風景極佳,一邊運動,又可以賞花,即便是再累,仍然還是很喜歡那裡,那裡的風景讓人心曠神怡呀!在半山腰邊,我們也看到釋迦老闆,成堆的大目釋迦,果實飽滿,真的讓人口水直流,儘管價格不便宜。 我們也順到去了台東農會帶一些伴手禮,表示我們來過太麻里,讓親朋好友們一起分享台東的味道。誰說台東好山好水好無聊,一點也不呢!這裡很有趣,產物也很富饒,有的東西,我們都市還不見得有。…

Culture

2014 教育部資訊志工研習營

為期兩天的研習營終於開始,一早從板橋火車站,就看到資訊志工研習的引導人員,當我向他們說「早!」,他們也馬上親切的給我一個大大微笑,身為資訊志工果然不一樣,待人親切又和善。接駁車到達三峽的國家教育研究院,和成果展一樣,來自台灣各地的資訊志工都聚集在這,一樣非常的新鮮特別。到達會場,明道大學的朱老師便來和我們打招呼,繼上次成果展後,時隔將近半年沒見面,今天再見面的感覺,真的很特別!研習開始前,主辦單位邀請致理e達人教大家跳健康操,讓我見識到其他團隊的朝氣活力。這兩天的研習營讓我對「研習」這兩個字徹底改觀,不同於一般的研習的制式化或是無聊,資訊志工像是一個大家庭,大家一起分享,互相教學相長,很喜歡這樣的氛圍。兩天課程,學習到一些實用的免費軟體、正確使用著作權的觀念以及現在Youtube也能做簡單的影片編輯。除了吸收新知外,我覺得最難能可貴的是,認識新朋友,第一天的上午,我害羞了,又開始畏縮沒膽去敞開心胸,但在下午,我聽了朱老師的分享,又喚醒我上次在成果展的美好經驗,我也希望自己能在研習營玩得很開心,不單單只是接收新知,結交新朋友也是很重要的,像上次成果展認識的志工朋友,到現在也都是還有聯絡,而我們也彼此盼望有機會能在資訊志工或是其他場合,能再見面交流。 這次研習,團康老師非常厲害,短時間就能讓百位的資訊志工像一個大大FAMILY。兩天課程,我很肯定我是有收穫的,我希望能將課程所提到的凝聚力,帶到我們的團隊,讓我們的團隊更好、更堅強及融洽。此外,我也認為自己實在是太晚加入了。因此,我非常盼望學弟妹能早點加入,教育部資訊志工真的是很棒的一個大家庭!而讓我進入這個大家庭,要感謝我最親愛的老師,雷立偉。沒有他,我不可能有現在的一切,感謝上天,感謝緣分,感謝我所擁有的一切,只要我還在團隊的一天,我就會持續努力下去。 <作者簡介>作者名稱:莊千儀團隊編號:102082團隊名稱:榕園陽光青年團