學年期:	113 學年 第2學期
課程系組:	進學廣告 3 年級 班
課程代碼:	1132CBNAD3692100CB
課程名稱:	【創意表現模組】 網頁設計
必選修別:	養域
學分數:	3.0 學分
授課老師:	楊岳
開始日期:	2025/2/11
結束日期:	2025/6/15
時間表:	建-103 (一) 13 - 15

課程簡介			Introduction

====================================================================== 本課程為 1.【進學廣告3】111學級【大三下】「專業選修」【創意表現模組】課程。 2.【數媒學程2】112 學級【大二下】「專業選修」【專業選修模組】課程。 ====================================================================== 本課程旨在培養學生具備現代網頁設計所需的基本技能，從基礎的HTML、CSS、JavaScript到進階的一頁式、響應式網頁設計，以及運用人工智慧（AI）生成圖片和ChatGPT製作網頁的實際應用。課程內容將涵蓋網頁設計的各個層面，使學生能夠獨立設計並實作具有吸引力和功能性的網頁。 課程內容包括：網頁設計概述、網頁內容製作：HTML、網頁編輯器：VS Code、網頁樣式設計：CSS、網頁程式設計：JavaScript、原生JS v.s. JS函式庫、開源網頁框架、免費網頁圖示、免費網頁模板、利用AI繪圖+ChatGPT製作網頁、網頁設計實務等。 網際網路代表著生活方式的改變，它的各項服務早已融入我們的生活。 據專業研究數據顯示，80% 以上的消費決定，都是透過網站搜尋取得資訊後，再做出最終決定，也因此需要更講究品牌網站的行銷及使用者體驗，網站的設計好壞便是其重要環節。 許多企業日益注重網路行銷，網頁設計師儼然成為熱門職務。 據人力銀行數據顯示，網頁設計相關職務平均薪資41K，為設計領域前三高，且10個工作機會中只徵得到7人，工作機會多！ 設計的工作最注重實力，投入此行業者必須對於網頁的規劃、設計、發佈、維護與更新皆必須有完整的了解，如果是零基礎的新手則可透過網頁設計教學先修班，將網站程式語言先打穩基礎，之後再透過不斷累積經驗，強化作品展現的豐富度。 《使用軟體》 本課程所使用的軟體如下: 【主要軟體】 1. Visual Studio Code 【次要軟體】 1. Microsoft Word、PowerPoint 等文書軟體 《適合對象》 1. 本校【進學廣告】、【數媒學程】(110、111、112學級)大四、大三、大二在學學生。 2. 零基礎，非【進學廣告】、【數媒學程】的學生，但對網頁設計有興趣的人。 3. 欲培養第二專長的設計相關工作人員。 4. 想要自己開發和維護品牌官網的微型企業負責人。 《 課程簡介 -- English 》 You can launch a new career in web development today by learning HTML & CSS. You don't need a computer science degree or expensive software. All you need is a computer, a bit of time, a lot of determination. Don't limit yourself by creating websites with some cheesy “site-builder" tool. This course teaches you how to take 100% control over your webpages by using the same concepts that every professional website is created with. This course does not assume any prior experience. We start at square one and learn together bit by bit. By the end of the course you will have created (by hand) a website that looks great on phones, tablets, laptops, and desktops alike. Who this course is for: 1. Anyone who wants to build websites the "professional" way 2. Anyone who has practiced web design as a hobby but is not confident about their skillset in a professional arena 3. Experienced developers looking to renew their HTML5, CSS3 & Javascript knowledge

Material		上課教材

【指定教材】 網頁設計完全攻略HTML、CSS、JavaScript、Bootstrap、jQuery、Vue.js、RWD｜搭配ChatGPT效率加倍，陳惠貞 著，碁峰，2023/12/27 【參考教材】 1. 跟著實務學習HTML、CSS、JavaScript、Bootstrap、JQuery、JQueryMobile網頁設計(含ITS HTML&CSS國際認證模擬試題)， 蔡文龍、歐志信、 曾芷琳、蔡捷雲 著，碁峰，2024年1月8日 2.【零程式基礎超入門】HTML+CSS網頁設計的12堂特訓課，鄭苑鳳 著，博碩，2022/11/30

課程要求			Requirement

《 上課要求 》 依111年2月25日致教育部函准予備查之「中國文化大學學則」規定： (第4章第31條第1款)「學生因故不能上課，請准事假、病假者為缺課，請准公假者，不作缺課論。」 (第4章第31條第2款)「學生未經請假或請假未經核准而未上課者，以曠課論，曠課一小時，以缺課二小時計。」 (第4章第32條第1款)「...，任課教師得依學生缺曠課之情形予以扣分。」 故本課程規定： (1)出席成績佔總成績 10%。 (2)全勤者，除出席成績10分(滿分)以外，總成績再加5分。 (3)每曠課(無故缺課)一次，出席成績扣 2 個積點。 (4)每請假(事假、病假)一次，出席成績扣 1 個積點。 (5)請准公假，出席成績不扣積點。 (6)最後依實際缺課(請假、曠課)次數(積點)，計算出席成績，可倒扣總成績。(出席成績 = 10 - 積點 X 1.67) (7)未經請假或請假未經核准而遲到一節課(1小時)以上，即視為當天缺課(缺3節課)。

《 報告要求 》 1. 「平時作業」 (1) 皆為個人作業。 (2) 報告要求依據每次的作業說明。 2. 「期末作業」 (1) 個人作業。 (2) 需繳交書面及電子檔。 (3) 不得補交。

《 課程評分方式 》

《 討論要求 》 1. 課程參與度列入平時考核。 2. 請於課程中踴躍舉手發言。 3. 請多利用虛擬校園的討論區。

《 其他要求 》 依學校規定。

Office Hour		輔導時間

同學有任何課業上的問題，可 E-mail 至老師的信箱：jamesyang0811@gmail.com。 或在 facebook 上傳訊息給老師 (https://www.facebook.com/james.yang.395669)。

教學目標			Objective

一、認知目標 　1.瞭解網頁設計的專業知識，包括： 　　(1) 學習HTML、CSS概念； 　　(2) 學習Bootstrap框架； 　　(3) 學習響應式網頁設計； 　　(4) 學習跨平台網頁設計。 　2.加強運算思維與程式設計的專業知識。 　3.學習撰寫特定程式語言(JavaScript)的專業知識。 二、情意目標 　1.讓學生養成學習網頁設計的習慣和態度。 　2.讓學生養成學習程式設計的習慣和態度。 三、技能目標 　1.培養學生具備網頁設計的專業技能。 　2.培養學生具備撰寫特定程式語言(JavaScript)的專業技能。 　3.藉由實務練習，培養學生解決問題的能力。