• 2023-12-31【線上報名的操作方式】


    ★ 舊學員登入系統：帳號、密碼皆為個人的「身份證字號」（英文字大寫）
    ★ 點選欲報名的課程，再點「我要線上報名」，之後再按確認繳費。
    ★ 領有身...[詳全文]

  • 2023-12-31【113年第一學期，報名須知（113/3/4起開課）】


    ● 1/1(一)上午9:00起 新舊生 同步開放 線上報名
    ● 1/2(二)起 開放 現場報名
    ● 部份課程分時段開放線上報名，請見報名須知，以取得線上以及現場報名...[詳全文]

  • 2021-12-29【報名需備資料】


    ● 新生報名| 請準備 一吋照片1張 、身分證件正本備查、報名註冊費200元、學分費。
    ● 舊生報名| 請準備 學員證、報名註冊費150元、學分費。
    ● 各校區...[詳全文]

:::

網頁設計與雲端應用 ---利用免費的網路資源做商品行銷

人氣：2307 人 人氣：2307 人 下載課綱PDF 課綱
確定開課 確定開課 未開放線上報名 未開放線上報名
課程資訊 課程資訊
上課時間：
每週 三 晚上07:00～09:50（第一次上課日期：03 月 08 日）
開課地點：
大成國中（南區西門路一段306號）
招生人數：
25 人
課程收費：
  • 總學分費：3 學分 3000 元（18 週課程 / 一次上課 3 小時）
  • 學期報名費：新生：200 元； 舊生：150 元
  • 保證金：對於免收學費者（低收入或身心障礙）收取 1000 元
  • 上機費：500 元
  • 旁聽費： 每次 300 元
授課老師 授課老師
郭俊良
最高學歷：
南台科大
現職：
育將電腦工作室負責人
相關學經歷：
1.巨匠電腦講師
2.新興國中電腦社團講師
3.嘉南藥理大學深耕計畫講師
4.南關社大資訊學程講師
5.德鍵職業訓練中心講師
6.台南社大資訊學程講師
7.永康社大資訊學程講師
8.育將電腦工作室負責人
9.國立臺東專科學校高教深耕計畫講師
關於這一門課 關於這一門課
1.為什麼想開這門課？希望帶領學員共同學習甚麼
本課程完全以實務為導向，應用最簡單的免費套件，開發出一個商業網站。
這門課可以學到HTML5、CSS、BOOTSTRAP響應式網頁框架、Google雲應用、Facebook社群網站應用
同時利用這些免費資源，為商品、公司形象做網頁行銷
2.修此門課需具備什麼條件？
文書處理、收發e-mail
3.上課的方式是怎麼進行的？學生可以有什麼收穫？
電腦教室一人一機、廣播教學。
看懂網頁語法，不背指令，輕鬆學習
※【課程中老師可視學員的需要與學習進度，保有調整課程的權力】
4.如何取得學分？（評量方式）
1.學員需完成一個「商品展示網站」並放置到Github pages
2.網站必須有互動式表單，聯絡我們、報名表單....
3.網站必須有社群的插件，FB的讚、粉絲頁、訊息
5.備註&推薦書目
1.學期末，利用社大成果展，帶領學員現場接案
2.輔導接回案子，讓學員有實務經驗
各週課程規劃各週課程規劃
  • 日期
  • 課程主題
  • 課程內容
  • 授課講師
  • 第 1 次課程
  • 第 1 次 2017-03-08
    （三）晚上07:00～09:50
    延中電腦教室
  • HTML5的特性與開發環境
  • 1.認識SUBLIME TEXT3
    2.HTML5介紹
    2.第一個網頁 HELLO WORD
  • 郭俊良
  • 第 2 次課程
  • 第 2 次 2017-03-15
    （三）晚上07:00～09:50
    延中電腦教室
  • HTML5元素，屬性和格式化
  • 1.HTML5元素
    2.HTML5屬性
    3.HTML5格式化
  • 郭俊良
  • 第 3 次課程
  • 第 3 次 2017-03-22
    （三）晚上07:00～09:50
    延中電腦教室
  • HTML列表與CSS介紹
  • 1.無序列表
    2.有序列表
    3.嵌套列表
    4.自定義列表
    5.行內套用 (Inline)
    6.嵌入套用 (Embed)
    7.外部連接套用 (External Link)
  • 郭俊良
  • 第 4 次課程
  • 第 4 次 2017-03-29
    （三）晚上07:00～09:50
    延中電腦教室
  • HTML區塊元素與樣式表使用
  • 1.HTML區塊元素(block)
    2.HTML行內元素(inline)
  • 郭俊良
  • 第 5 次課程
  • 第 5 次 2017-04-05
    （三）晚上07:00～09:50
    延中電腦教室
  • 申請GITHUB，使用GITHUB PAGES當網頁空間
  • 1.免費的網站空間
    2.購買網址
    3.安裝Github Pages Desktop
    3.將網站上傳至Github Pages
  • 郭俊良
  • 第 6 次課程
  • 第 6 次 2017-04-12
    （三）晚上07:00～09:50
    延中電腦教室
  • CSS 常用語法
  • 1.邊距
    2.留白
    3.邊線
    4.寬、高
  • 郭俊良
  • 第 7 次課程
  • 第 7 次 2017-04-19
    （三）晚上07:00～09:50
    延中電腦教室
  • 網站佈局
  • 1.用HTML處理架構
    2.用CSS設定外觀
    3.設計一個二欄位的的網站佈局
  • 郭俊良
  • 第 8 次課程
  • 第 8 次 2017-04-26
    （三）晚上07:00～09:50
    延中電腦教室
  • Bootstrap介紹與安裝
  • 1.Bootstrap介紹
    2.Bootstrap安裝
  • 郭俊良
  • 第 9 次課程
  • 第 9 次 2017-05-03
    （三）晚上07:00～09:50
    延中電腦教室
  • Bootstrap樣式
  • 1.HTML5 文檔類型
    2.移動設備優先
    3.排版與鏈接
    4.佈局容器
  • 郭俊良
  • 第 10 次課程
  • 第 10 次 2017-05-10
    （三）晚上07:00～09:50
    延中電腦教室
  • Bootstrap組件
  • 無數可複用的組件，包括
    1.字體
    2.圖標
    3.下拉菜單
    4.導航
    5.警告框
    6.彈出框等更多功能。
  • 郭俊良
  • 第 11 次課程
  • 第 11 次 2017-05-17
    （三）晚上07:00～09:50
    延中電腦教室
  • Bootstrap插件
  • 1.下拉選單
    2.滾動監聽
    3.按鈕
    4.ffix
  • 郭俊良
  • 第 12 次課程
  • 第 12 次 2017-05-24
    （三）晚上07:00～09:50
    延中電腦教室
  • Bootstrap免費樣板
  • 當您懂得HTML的語法，再也不用單打獨鬥自己開發網頁，網站上有很多免費的整套網站系統，可以下載，再修改成自己的網站即可。
    Bootstrap免費樣板是我們的首選，它是目前最夯的響應式網站的框架，它會自動調整畫面來適應桌機、平板、手機。
    Bootstrap免費樣板 + Github Pages + Sublime text3 + 臉書 + Google雲
    讓我們可以用最少的成本，建立超高CP值的網站，來做行銷
  • 郭俊良
  • 第 13 次課程
  • 第 13 次 2017-05-31
    （三）晚上07:00～09:50
    延中電腦教室
  • 設計Google雲互動表單
  • 1.輕鬆的建立互動表單
    2.聯絡我們、報名表單、便當、飲料訂購表單
    3.將Google雲的資料做分享與協作
  • 郭俊良
  • 第 14 次課程
  • 第 14 次 2017-06-07
    （三）晚上07:00～09:50
    延中電腦教室
  • 網頁優化提升網站搜尋排名
  • 1.網頁應該注意事項
    2.做好網頁優化提升網站搜尋排名
    3.善用Google的網站管理工具：Search Console
  • 郭俊良
  • 第 15 次課程
  • 第 15 次 2017-06-14
    （三）晚上07:00～09:50
    延中電腦教室
  • Google流量分析
  • Google分析本身可以提供訪客瀏覽人次、網頁瀏覽人次、用戶的瀏覽器、作業系統、螢幕解析度、網站熱門文章、熱門關鍵字、訪客來自於何處等等資料，十分的詳細，而且這些資料都是儲存在Google伺服器，不用擔心自己網站掛了資料不見，也不必擔心統計這些資料會讓資料庫爆掉喔！
  • 郭俊良
  • 第 16 次課程
  • 第 16 次 2017-06-21
    （三）晚上07:00～09:50
    延中電腦教室
  • Google地圖、影音套件
  • 1.嵌入Google地圖
    2.讓網站使用者，可以快速找實體地址
    3.將影音放上Youtube，再嵌入網站
  • 郭俊良
  • 第 17 次課程
  • 第 17 次 2017-06-28
    （三）晚上07:00～09:50
    延中電腦教室
  • 成立臉書粉絲專頁
  • 1.Facebook是目前最強大的網路社群平台之一
    2.成立臉書粉絲專頁，與網站使用互動
  • 郭俊良
  • 第 18 次課程
  • 第 18 次 2017-07-05
    （三）晚上07:00～09:50
    延中電腦教室
  • 網站與社群網站連接
  • 1.臉書「讚」按鈕連結：讓網站的使用者可以利用「讚」連結與網站互動
    2.臉書「粉絲專頁外掛程式」：連結粉絲專頁，加強網站的行銷
    3.臉書「粉絲專頁訊息」：做為網站的客服系統
    4.完成一個行銷網站，有商品介紹、聯絡我們、關於我們、Google地圖、Youtube影音、同時也可接單(小型購物車)
  • 郭俊良