跳到主要內容區塊

臺灣大學中英文網站製作平台

最新消息

「臺灣大學中英文網站製作平台」網頁核心教育能力課程-RWD響應式網頁設計
  • 發布單位:教學研究組

依105學年度第2學期第1次校務會議第105203案提案之「加強協助校內各單位中英文網頁製作計畫」,故建置「臺灣大學中英文網頁模版製作平台」。

透過使用臺大中英文網站平台,復刻現有臺灣大學網站,藉此學習如何在平台建置網站,包含網站架構、網站內容與網站首頁,同時會說明如何在建置網站時導入Google服務、提供符合無障礙標章的內容與資訊安全概述,讓使用者可以從0開始,學會建置網站的基本觀念與技能。
在建置了功能完整網站的同時,別忘了充實英文網站內容,營造對外籍師生友善的網站,是推動國際化校園的第一步。

***請各一二級單位網管人員(含院系所、附設機構等)至下述網站填寫網管人員資料 https://forms.gle/qMHAa9L1VH3GmCBC9***

中英文網頁模板製作平台網址如下
https://webpageprod.ntu.edu.tw/

課程場次及時間如下:
一、課程內容【此課程為階段性課程,建議要從第一堂開始上課】
⊙課程名稱:RWD響應式網頁設計 I
⊙課程時間【此課程共分為四次上課】:
     第一堂課 109年02月06日 (四) 上午9:10-12:00
     第二堂課 109年02月07日 (五) 上午9:10-12:00
     第三堂課 109年02月13日 (四) 上午9:10-12:00
     第四堂課 109年02月14日 (五) 上午9:10-12:00
⊙課程簡介:
了解RWD響應式網站是甚麼,並且學會設計RWD的基本觀念與技能,使用HTML5搭配CSS3來排版,透過使用臺大中英文網站平台,建置各單位網站,範例實作學會RWD響應式網頁設計。

⊙上課先備能力:需具備網頁基礎概念與基本HTML、CSS語法

⊙課程內容:
1.RWD設計原理
  核心原理CSS3 Media Query介紹
  HTML5 CSS3 瀏覽器相容性介紹
  如何設計與規劃使用者介面
  載具螢幕解析度測試方式介紹

2.RWD基本設定
 Viewport 基本設定
 max-width、min-width設定
 RWD網頁文字設定
 縮放式圖片設定

3.RWD排版應用
  –webkit- CSS3使用
 box-radius圓角設定
 box-shadow 陰影設定
  :nth-child() 應用

4.完整範例製作

⊙可獲得技術能力:學會基礎RWD響應式網頁設計
⊙講師:廖千翬

二、授課對象:全校各一二級單位人員

三、主辦單位:計算機及資訊網路中心

四、地點:台大計資中心206教室

五、報名方式:本次研習得以公出參與(參加人員請自行請假),請先徵得單位主管同意。請至本校活動報名系統報名,網址:https://my.ntu.edu.tw/actregister/sessionList.aspx?actID=20192202_02

六、注意事項:本課程單次上課將於課後核發全程參與人員公務人員學習時數3小時。