進階搜尋
8IM1sample Bootstrap網頁開發建置 【網頁設計大補帖系列課程】
8IM1sample

Bootstrap網頁開發建置

【網頁設計大補帖系列課程】
地點
建國
日期
2016/02/23

2016/02/23
總時數
15hr
時間
19:00~22:00
原價 6,000 元
目前最惠價
NT$ 6,000
師資說明

郭嘉雯老師

郭嘉雯老師

經歷
資策會、台北市立體育學院-電腦外聘講師
行政院勞委會北區職業訓練中心、財團法人中華職業訓練中心、台北市職能發展學院、大亞電腦-電腦多媒體講師
中國多媒體協會、伊甸社會福利基金會‧影像處理講師
僑委會、連江縣教育局、華彩教育訓練-網站製作與設計講師
富邦銀行、天下趨勢-影像處理講師
北區扶輪社、天仁茗茶-美術設計

專長
影像處理方面:Photoshop、Illustrator、CorelDRAW、PhotoImpact
網頁設計方面:Dreamweaver、Flash、FrontPage
網頁語法方面:HTML、CSS、JavaScript、JQuery
影音處理方面:會聲會影、威力導演

著作
1.Photoshop 5.0影像魔法師
2.Div+CSS網頁版面設計‧隨手做SEO

專案作品
資策會-龍門課站、聯合報網站、研華科技網站、TDK網站、師大學務處網站
課程介紹
身為HTML、CSS、JavaScript前端框架的Bootstrap,不但可以快速上手,立即製作出網頁版型,也同時實現了RWD的功能,可謂是一舉兩得。
教學內容
手機上網的普及,連帶觸動了手機網頁製作的風潮,身為HTML、CSS、JavaScript前端框架的Bootstrap,不但可以快速上手,立即製作出網頁版型,也同時實現了RWD的功能,可謂是一舉兩得。

本課程以「單元範例實做」方式,逐步介紹Bootstrap的各種功能,最後再加以整合,實做出響應式網頁成品。

◎軟體安裝
 ●安裝Sublime Text
 ●安裝常用Plugin
 ●設定操作介面環境
◎基本介紹、格線系統
 ●HTML、CSS、JS的快速框架─Bootstrap介紹
 ●連結Bootstrap必要用檔
 ●快速分割與建立網頁版型的格線系統(Grid System)─container、row、col、offset、pull、push的應用
 ●自適應(RWD)格線系統設定─手機、平板、桌機分界點
◎圖、文設定
 ●文字設定─page-header、lead、mark
 ●文字對齊、顏色、背景色
 ●一般圖片與RWD圖片、形狀設定
 ●內容顯示與隱藏
 ●表格設定
 ●表單設定
 ●圖示字型設定
◎Bootstrap組件設定
 ●橫向選單、直向選單製作與應用
 ●縮圖組件、圖片清單組件
 ●下拉式選單
 ●麵包屑(網頁路徑列)製作
 ●分頁選單與上下頁
 ●巨幕(Jumbotron)效果─全螢幕廣告
 ●圖片輪播(Carousel)效果
◎範例實作
 ●整合性實作
優惠辦法
※檢附相關證件;臨櫃報名享特定優惠(請參考以下資格)
1.網路報名:享95折優惠($5,700元)
2.開課2週前報名:享9折優惠($5,400元)
註:以上優惠擇一使用
適合對象
設計師:網頁設計師、SOHO接案族;
工程師:網站前端工程師、網站管理者;
一般民眾:有意學習手機網頁者
其他備註
【以上師資、課程內容、時間及場地等,本單位保留變更之權利。】
你可能會喜歡...
*優惠方式僅能擇一享有
優惠資訊
優惠方案 價格 說明
原價 NT$6,000 原價
其他備註
*合乎結業標準者(缺課未超過課程總時數1/5),本研習核發文大推廣部研習結業證書。部分課程不適用。(例如:6小時以下課程或講座)
*未領證書協助保管期限從結業日起算,最多保留兩年的時間,如期限過後想要補領取,請自行至建國本部一樓櫃台繳交100元補印證書。
*持身心障礙者手冊,憑手冊報名本部終身學習課程,享有該課程當期學費之最低價優惠
*報名方式:現場繳費、ATM轉帳、電話訂購