關閉視窗
南臺科技大學109學年度第2學期課程資訊
課程代碼 50D22701
課程中文名稱 網頁設計
課程英文名稱 Website Design
學分數 3.0
必選修 必修
開課班級 四技電商一甲
任課教師 廖顯宗
上課教室(時間)
週五 第1節 (D301)
週五 第2節 (D301)
週五 第3節 (D301)
課程時數 3
實習時數 0
授課語言 1.華語
輔導考證
課程概述 使學生了解網站規劃之原理與原則、培養學生具有網頁製作的能力。
先修科目或預備能力
課程學習目標與核心能力之對應
編號中文課程學習目標英文課程學習目標對應系指標
1 了解網站規劃之原理與原則 2 管理實務
2 培養學生具有網頁製作的能力 13 資訊能力
3 熟悉網站設計建置的各項功能技巧與應用 3 計畫評估
4 以範例導向,Step by step方式,引導學習 5 分析構想
5 配合實作題練習,完成一個完整的網站製作 6 合作創新
就業力培養目標
  校指標 1 2 3 4 5 6 7 8 9 10
  專業知識 實務技能 資訊能力 整合創新 外語能力 熱誠抗壓 表達溝通 敬業合群 人文素養 服務關懷
  5% 30% 25% 40% 0% 0% 0% 0% 0% 0%
  系指標 1 2 3 13 4 5 6 7 8 9 10 12 11
  管理知識 管理實務 計畫評估 資訊能力 協調整合 分析構想 合作創新 外國語文 適應社會 報告溝通 企業倫理 人文素養 服務學習
  5% 10% 20% 25% 5% 20% 15% 0% 0% 0% 0% 0% 0%
中文課程大綱 1. 網頁製作軟體操作、設定
2. 編輯文字、文件。加入圖片與動畫
3. 超連結及網頁背景
4. 表格版面配置與圖層
5. 框架、共用邊框
6. 佈景主題、網頁元件
7. 網頁特效、HTML、CSS
8. 學期專題成果呈現

英/日文課程大綱 1. Introduction
2. Edit and graph
3. Hyperlink and background
4. Table and graph level
5. Frame
6. Web Components
7. DynamicHTML、HTML、CSS
8. Final report

課程進度表 週次 日期 課 程 進 度
1. 2/26課程大綱簡介與認識HTML
2. 3/5 HTML語法介紹(1)
3. 3/12 HTML語法介紹(2)
4. 3/19 HTML語法介紹(3)
5. 3/26 HTML建立互動表單
6. 4/2 清明連假
7. 4/9 HTML 語法驗收 (一)
8. 4/16 網頁結合CSS與Java Script入門
9. 4/23 期中考試
10. 4/30 使用CSS設定文字與圖片
11. 5/7 CSS選擇器
12. 5/14 使用CSS進行版面排版
13. 5/21 區塊元素與屬性position的使用
14. 5/28 CSS的屬性display與套用順序
15. 6/4 使用CSS5製作多層級選單,各種特效
16. 6/11 表格,縮排清單,表單, 影片與聲音
17. 6/18 HTML 語法驗收(二)
18. 6/25 期末成果報告
課程融入SDGs
期考調查
期中考(第9週)考試方式 上機實作
期末考(第18週)考試方式 成果報告
其他週考試考試週次與方式 第七周與第十七周 語法平時測驗
教學方式與評量方式
課程學習目標教學方式評量方式
了解網站規劃之原理與原則
課堂講授  
作業平時
培養學生具有網頁製作的能力
課堂講授  
作業平時
實作平時
實作期中
熟悉網站設計建置的各項功能技巧與應用
課堂講授  
作業期中
以範例導向,Step by step方式,引導學習
課堂講授  
作業平時
配合實作題練習,完成一個完整的網站製作
課堂講授  
實作期末
指定用書
書名 輕鬆玩HTML5CSS3JavaScript網頁程式設計
作者 黃建庭
書局 全華
年份 2019
國際標準書號(ISBN) 978-986-503-008-7
版本 1
請同學尊重智慧財產權,使用正版教科書,不得非法影印,以免觸犯智慧財產權相關法令
參考書籍 最新HTML5 CSS3 網頁,施威銘研究室,第二版,旗標出版社(2019)
教學軟體 MS Power Point
課程規範 1. 上課請勿遲到(點名完成後才到)或早退。
2. 請遵守上課秩序,上課中勿任意進出教室或交談,並按固定座位就坐。
3. 不得使用影印的教科書本。
4. 嚴格要求遵守電腦實驗室的規則,不論飲用與否,均不得攜帶任何食物、飲料或水進入實驗室。
5. 下課離開教室時,要將電腦關機、椅子靠好、並且將座位附近清理乾淨。
6. 任何考試切勿作弊,違者以不及格計。