基礎網頁設計
Web design
學期
111-1
學分
3
學分
當期課號
310104
永久課號
HKCT10010
開課單位
傳播與科技學系
授課教師
陳盈羽
校區
六家
類別
必修
上課時間表
| 節 | 週一 |
|---|---|
5 13:20–14:10 | 基礎網頁設計 HK114 3 節連堂 |
6 14:20–15:10 | |
7 15:30–16:20 |
* 根據陽明交大上課時間表所列
概述
課程簡述: 本課程主要的目的在瞭解當代網站的發展趨勢,學生除了建立網站設計的基礎概念以外,本課程中也將培養操作與應用網頁設計相關語法邏輯的基本應用能力。學生在本課程中習得HTML 標籤語法、CSS 樣式定義、響應式網站設定、JavaScript 入門和Bootstrap排版應用。學生在這堂課將會透過一步步跟著建立數個網站的方式,在期末產出個人專題網站。 課程目標: 1. 瞭解當代響應式網站開發設計的發展趨勢 2. 擁有網站設計開發的基礎技能 3. 結合網站開發與使用者經驗設計
先修科目
無
評分方式
1. 期中上機考試:30% 2. 期末個人專題網頁 : 35% 3. 個人作業: :30% 4. 出席與參與: 5%
週次計畫
| 週次 | 主題 |
|---|---|
| 第 1 週 | 課程介紹與網頁簡介 |
| 第 2 週 | HTML, CSS 基礎入門 |
| 第 3 週 | 圖文編輯、超連結、影片 |
| 第 4 週 | Google fonts & icons |
| 第 5 週 | 表格與表單 |
| 第 6 週 | 顏色與文字設定 |
| 第 7 週 | 表格與表列設定 |
| 第 8 週 | 響應式網站(1) |
| 第 9 週 | 響應式網站(2) |
| 第 10 週 | 上機考試 |
| 第 11 週 | Javascript & jQuery (1) |
| 第 12 週 | Javascript & jQuery (2) |
| 第 13 週 | Bootstrap 入門 |
| 第 14 週 | Bootstrap 表格、表單 |
| 第 15 週 | Bootstrap 元件與應用 |
| 第 16 週 | Designing for a good website |
教科書
參考書目: 學好跨平台網頁設計(第三版)--HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班(附範例/RWD影音教學) W3 School: https://www.w3schools.com/ codecademy: https://www.codecademy.com/