輕鬆蓋第一個網站:三大情境帶你學會網頁程式設計

位學員

  • (0 則評價)

回頂端

輕鬆蓋第一個網站:三大情境帶你學會網頁程式設計

線上課程

NT $2000

課程組合優惠
    <%for packageList%>
  • <%/for%>
<%:data.pce_name%>

[包含 <%:data.courses.length%> 堂課程]

<%for data.courses%> <%/for%>
組合優惠 <%:~currency(data.bundle_price,'NT')%>

額外省下 <%:~currency(data.discount,'NT')%>

課程介紹



在科學的領域,每個人都要學習數學,因為數學是科學的母語,但並不是每個人都要成為數學家。
 而在這個科技引領世界的潮流中,程式是科技的共通語言,雖然不是每個人都要成為開發者,但如果能夠學習程式,將讓溝通與理解能力更上一層樓。








網頁是通往所有資訊技術的入口,每個人每天都瀏覽無數的網頁,因此從最熟悉的開始,會讓大家更能接受。同時,網頁也是隨學即用的技術,能夠與工程師溝通、打造行銷自己創意的舞台,也能增加就業機會與薪資談判空間,因此學習網頁程式將會是您最佳的選擇。








 寫網站就跟蓋房子一樣,HTML是鋼骨水泥,建立房子的骨架CSS是粉刷跟裝潢,讓我們加入自己的設計Jquery是家裡的家具,電器,為房子注入活力。
 只要方法正確,循序漸進,大家都可以輕鬆學會。















我們相信 Innovation leads the way.並且正在嘗試利用程式改變世界。平常主要以接案為主,KPMG、獵豹科技、政大之聲都是我們服務的客戶。但我們覺得這樣還不夠,我們覺得教育能帶來更多、更廣的改變,因此讓 Aptan 來帶領大家進入網頁的殿堂吧!

我們團隊為了提升自己的核心能力,花了很多時間精力自學。我們知道自學的痛苦與困難,我們也曾經當過初學者,經驗了許多無助、想放棄的時刻,但我們活下來了。因此,我們更能知道如何解決初學者的困擾!

 如果你不知道該從哪裡開始? 不知道該怎麼問? 又該問誰? 我們將會是你最適合的選擇!




作品一:共構 CO-CONSTRUCTION 



作品二:Exchange World





1. 看懂網路程式語言,讓你有能力與工程師溝通
2. 編寫網頁程式語言,運用多種雲端工具與資源讓網站上線
3. 寫出一頁式瀏覽的活動網站 Landing Page
4. 寫出專業的企業形象網站來行銷商品與服務內容
5. 寫出極具特色的個人網站,例如:作品集、履歷檔案
6. 瞭解 RWD 讓網頁適應各種螢幕的大小
7. 瞭解 SEO 搜尋引擎優化以提升網頁曝光率








常見問題

Q1:請問在哪裡上課?上課時間是?

此課程是「線上課程」喔!課程上線後,台灣甚至世界任何角落都能隨時隨地透過手機、平板、電腦觀看。


 Q2:課程可以看幾次、看多久? 

購課後享不限次數、永久觀看,可以一直看一直學!


Q3:誰適合上這門課?

1. 想要增加就業機會、提高薪資的大學生

2. 期盼能夠展現並公開發表自己豐富才華的你

3. 工作上需要與工程師溝通、或者自己調整網頁排版的你

4. 希冀能夠做出自己品牌、進行網路行銷的創業家
 5. 希望從後端邁入前端,成為全端工程師的你


Q4:可以問Aptan團隊問題嗎?

當然呀,歡迎到課程圖下方『購課問答』詢問,購買之後還可以到『課程討論』區和老師互動,Aptan團隊收到通知後會儘速回答您的問題!


Q5:如何付款?

YOTTA 目前提供 3 種付款方式供您選擇:信用卡、ATM轉帳、便利超商繳費。

  • 0
    學員
    0
  • 永久 觀看
  • 10 章節
    43 單元
  • 9 小時
    8 分鐘
    548 分鐘
  • 6 份
    教材
    6 教材
  • 1 份
    作業
    1 作業
已上架 43 單元
  • 一、網頁基本架構
    3 單元・0 小時 25 分鐘
  • 1 什麼是HTML? 試看 08:39
  • 2 什麼是CSS? 試看 08:04
  • 3 網頁的運作與階層 試看 08:48
  • 二、HTML中的元素
    7 單元・1 小時 0 分鐘
  • 4 建立網頁基礎骨架 02:49
  • 5 文字的標題與段落 06:18
  • 6 選單與表單的製作 24:51
  • 7 如何切分網頁區塊? 06:17
  • 8 嵌入圖片、聲音、影片 05:24
  • 9 刻劃表格 08:22
  • 10 編號與列點清單 06:34
  • 三、CSS
    10 單元・1 小時 50 分鐘
  • 11 如何套用CSS? 試看 14:05
  • 12 文字的樣式 13:17
  • 13 設定元件外框 12:07
  • 14 RWD響應式網頁設計-適應各種螢幕大小 07:05
  • 15 RWD-元素位置大小設定 15:26
  • 16 元素排列 08:17
  • 17 自製項目列表的樣式 04:56
  • 18 擬態選取器(1) -與使用者互動 14:19
  • 19 擬態選取器(2) -元素間互動 09:14
  • 20 CSS零零總總 11:30
  • 四、jQuery - 包覆JavaScript的糖衣
    5 單元・2 小時 11 分鐘
  • 21 為什麼要學 jQuery? 試看 13:46
  • 22 讓網頁活起來 - 事件處理 24:08
  • 23 用程式產生網頁 (上) 20:38
  • 24 用程式產生網頁 (下) 51:32
  • 25 動態資源傳輸 - Ajax 21:55
  • 五、 雲端工具與資源
    3 單元・0 小時 46 分鐘
  • 26 雲端素材與工具介紹 13:12
  • 27 雲端資料庫 - Firebase 24:51
  • 28 雲端平台 - Heroku 08:51
  • 六、 情境準備
    1 單元・0 小時 34 分鐘
  • 29 網頁開發工具、 環境介紹 34:09
  • 七、情境一 (活動網站 Landing Page)
    4 單元・0 小時 33 分鐘
  • 30 吸睛的活動網站視覺設計-一頁式瀏覽 06:09
  • 31 如何在手機上也能完整呈現資訊 13:51
  • 32 報名與訂閱 05:28
  • 33 SEO 搜尋引擎優化 - 提高搜尋曝光率 part 1 08:12
  • 八、情境二 (企業形象網站)
    5 單元・0 小時 43 分鐘
  • 34 專業的企業形象網站視覺設計 07:11
  • 35 規劃產品、服務目錄 07:23
  • 36 後台管理 - API串接 06:15
  • 37 與我聯繫 - Chatbox 06:01
  • 38 SEO 搜尋引擎優化 - 提高搜尋曝光率 16:46
  • 九、情境三 (個人網站)
    3 單元・0 小時 26 分鐘
  • 39 極具個人風格的視覺設計 05:41
  • 40 內容管理 - 後台的API串接 14:28
  • 41 留言與回覆 - 與FB社群網站互動 05:51
  • 10、解鎖課程
    2 單元・0 小時 35 分鐘
  • 42 讓你Coding 更輕鬆 14:49
  • 43 如何讓你的網頁更有質感 20:28

作業觀摩

<%if data.rows.length > 0 %>
<%props data.rows%>

作業 <%>~toInt(key) + 1%> <%:prop.title%>

<%if prop.rows.length > 0 %>
<%:~loadTmpl('homework-card2', prop.rows)%>
<%/if%>
<%if prop.rows.length > 0 && prop.total_page > 1%>

正在載入更多...

<%/if%>
<%/props%>
<%if data.total_page > 1%>

正在載入更多...

<%/if%> <%else%>

目前沒有出作業唷!

<%/if%>
<%if data.rows.length > 0 %> <%props data.rows%>

作業 <%>~toInt(key) + 1 + ~toInt(prop.pageNow)%> <%:prop.title%>

<%if prop.rows.length > 0 %>
<%:~loadTmpl('homework-card2', prop.rows)%>
<%/if%>
<%if prop.rows.length > 0 && prop.total_page > 1%>

正在載入更多...

<%/if%>
<%/props%> <%/if%>
<%props data%>
<%if prop.type == 'image'%><%if prop.cover %>
<%:~isGif(prop.cover)%>
<%else%>
<%/if%><%else prop.type == 'pdf' %>
<%else prop.type == 'youtube' %>
<%else prop.type == 'ppt' %>
<%else prop.type == 'sound' %>
<%/if%>
<%if prop.visible == 1 %><%/if %>

<%:~formatDate(prop.create, 'YYYY-MM-DD')%>

<%:prop.title%>

<%:prop.user%>

<%if prop.isAuthor == true %>刪除編輯<%/if %>

<%:prop.comment_count%> 則討論

<%/props%>
<%props data%>

<%:prop.user%>

<%if prop.visible == 1 %><%/if %>
<%if prop.type == 'image'%><%if prop.cover %>
<%:~isGif(prop.cover)%>
<%else%>
<%/if%><%else prop.type == 'pdf' %>
<%else prop.type == 'youtube' %>
<%else prop.type == 'ppt' %>
<%else prop.type == 'sound' %>
<%/if%>

<%:~formatDate(prop.create, 'YYYY-MM-DD')%>

<%:prop.title%>

<%if prop.isAuthor == true %>刪除編輯<%/if %>

<%:prop.comment_count%> 則討論

<%/props%>

正在載入更多...

錄音 <%:~numToZH(sort + 1)%>

錄音 <%:~numToZH(sort + 1)%>

來關注最新的課程資訊吧!

這裡是專屬課程的公告區,老師將在此發佈與課程相關的重要資訊,你可以查看所有與課程有關的最新公告。

目前沒有任何公告唷

<%props data%>

<%:~formatDate(prop.publishDate, 'YYYY/MM/DD')%>

<%:prop.title%>

<%if ~root.isStudent === false && ~root.isTeacher === false && prop.permission === 'private' %>

本篇公告內容僅限定購課學員閱讀唷!

<%else%> <%:prop.content%> <%/if%>
<%/props%> <%if total_page > page + 1%>

正在載入更多...

<%/if%>