基礎網頁設計
Web design
| 節 | 週二 |
|---|---|
5 13:20–14:10 | 基礎網頁設計 CS-PC3（光復） 3 節連堂 |
6 14:20–15:10 | |
7 15:30–16:20 |
* 根據陽明交大上課時間表所列
本課程介紹組成網頁的基本元素,包含HTML標籤、CSS樣式表、及學習基本的 JavaScript 程式設計,設計高互動性、友善操作界面的生動網頁。
熟悉Windows 基本操作能力,會使用任何一種文字編輯器。
無備註
資訊館電腦教室(三)
隨堂練習與作業(60%);期末專題報告與實作(40%)
HTML
1. Text 2. Link 3. Multimedia 4. List 5. Table 6. Form
- 講授：
- 3
- 示範：
- 3
- 實作：
- 3
CSS
1. Selector 2. Text Style 3. Font Style 4. Color Style 5. Box Model 6. Layout 7. Transition, Animation 8. Sass & Less Essential
- 講授：
- 9
- 示範：
- 9
- 實作：
- 6
JavaScript
JavaScript Tutorial
- 講授：
- 3
- 示範：
- 1.5
- 實作：
- 1.5
Bootstrap
Bootstrap Tutorial
- 講授：
- 3
- 示範：
- 1.5
- 實作：
- 1.5
| 週次 | 主題 |
|---|---|
| 第 1 週 | World Wide Web Overvirw 2025-09-02(二) |
| 第 2 週 | HTML Elements 2025-09-09(二) |
| 第 3 週 | HTML Elements 2025-09-16(二) |
| 第 4 週 | CSS Overview, Text Style 2025-09-23(二) |
| 第 5 週 | CSS Selector 2025-09-30(二) |
| 第 6 週 | CSS Box Model 2025-10-07(二) |
| 第 7 週 | CSS Layout 2025-10-14(二) |
| 第 8 週 | CSS Layout 2025-10-21(二) |
| 第 9 週 | Transition, Animation 2025-10-28(二) |
| 第 10 週 | Adaptive/Responsive Web Design 2025-11-04(二) |
| 第 11 週 | JavaScript Tutorial 2025-11-11(二) |
| 第 12 週 | JavaScript Tutorial 2025-11-18(二) |
| 第 13 週 | Bootstrap 2025-11-25(二) |
| 第 14 週 | Bootstrap 2025-12-02(二) |
| 第 15 週 | Implementation Case Study 2025-12-09(二) |
| 第 16 週 | Term Project Presentation 2025-12-16(二) |
| 第 17 週 | Term Project Presentation 2025-12-23(二) |
教科書列表: 線上數位教材 https://edube.org/, https://www.w3schools.com/ 參考資料來源(不限以下所列) 自製講義或課本之參考書目: Nicholas C. Zakas, Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers, No Starch Press Stoyan Stefanov, Javascript Pattern, O'Reilly Mark Pilgrim, HTML 5: Up and Running, O'Reilly Eric A. Meyer, CSS: The Definitive Guide, O'Reilly
- 地點
- 資訊館117室
- 時間
- 3EFG
- 聯絡方式
- Tel: 31719 liao@nycu.edu.tw