網站設計-前端技術入門 ---HTML5+CSS3+Bootstrap4+Smarty前端開發

人氣：1947 人 課綱 生活藝能 媒體素養 其他

• Facebook
• Twitter
• Google+
Pinterest

確定開課 未開放線上報名

課程資訊

上課時間：

每週 六 早上9:00-12:00 下午13:30~16:30（第一次上課日期：09 月 12 日）

開課地點：

成功國中（台南市北區和緯路1 段2 號）

招生人數：

25 人

課程收費：

• 總學分費：2 學分 2000 元（6 週課程 / 一次上課 6 小時）
• 學期報名費：新生：200 元； 舊生：150 元
• 保證金：對於免收學費者（低收入或身心障礙）收取 1000 元
• 教材費：0 元（使用教材：講師自製教材講義）
• 上機費：500 元
• 旁聽費： 本課程不開放旁聽

其他資訊：

<b>講義網站：</b>http://www.tad0616.net
<b>HTML手冊：</b>http://www.w3schools.com/html/default.asp 或 http://www.w3school.com.cn/html/index.asp
<b>CSS手冊：</b>http://www.w3schools.com/css/default.asp 或 http://css.doyoe.com
<b>BootStrap手冊：</b>https://bootstrap.hexschool.com/docs/4.2/getting-started/introduction/

授課老師

關於這一門課

若將一個現代化的網站想像成一間房子的話，HTML就是房子的隔間架構，CSS則是房子的裝潢，BootStrap則是系統家具，Smarty則是設計藍圖，JavaScript則是裡面的各種自動設施，PHP則是用來建立各種有專業功能的房間。

HTML是建構一個網站骨架最基本的語法，要建立網站或者想要開發網站程式系統，都必須會使用HTML，目前HTML5已是網頁正式標準，我們會利用這門課來了解HTML的演變以及其用法。

CSS（串接樣式表）是設計網站外觀必備的技術，利用它可以控制整個網站外觀，因此，不管您是要設計一般網頁、或者是要開發各種佈景甚至是撰寫程式，您都一定會用到CSS。新一代CSS3擁有強大的能力，我們可以透過這門課來學習如何運用CSS3來打造美觀的網站前端。

BootStrap是一個自適應的CSS框架，在眾多的自適應框架中，佔有極高的使用率，相關的套件也非常豐富，可以讓我們的網站不管是在桌機、平板、手機都能自動調整成最適合的觀看模式，讓使用者的觀看體驗更加愉快。

Smarty是一個PHP官方的樣板機制，讓開發者可以將程式和外觀樣板分開，以利分工合作，或者程式語法的再利用，達到MVC的架構。為了下一學期的PHP開發，我們會先在這學期學習Smarty的用法，並利用他整合上述所有技術，做成XOOPS的佈景，一來學習前端的整合運用，二來學習XOOPS的佈景開發，三來也是PHP入門的一環。

XOOPS是一個專業的架站機，可以在短時間內架出一個功能強大齊全的網站，我們這次課程將運用以上所有技術，為XOOPS產出一個完全可以套用的自製佈景。

需架設過網站（最好有使用XOOPS網站的經驗）。
對於不排斥撰寫語法（本班不使用所見即所得編輯器）。
做出的佈景作品願意釋出提供他人下載。

上課方式：說明、示範、練習、發問、示範、練習…練習…練習
學期末將選出優秀佈景公開於網路提供下載。
學生可以從這門課學會HTML語法、CSS用法、基本影像處理能力、XOOPS網站佈景設計方法。

作品實做（40%）、出席率（30%）、上課態度（30%）

各週課程規劃