商品已停售
線上課程|零基礎轉職!網頁設計 HTML、CSS 快速入門
1. 透過LINE購物進入蝦皮後禁止再透過蝦皮直播下單,避免訂單認列異常
2. 請務必「清空」蝦皮購物車,再透過LINE購物連結至蝦皮商店進行購買 ;先把商品加入購物車,再從LINE購物連結至蝦皮結帳,將無法獲得點數回饋。
3. 請避免連續下單,若您完成交易後,想下第二張訂單,請重新從LINE購物連結至蝦皮商店進行購買
4. 電子票券及繳費服務類別:回饋0%。
5. 請留意,蝦皮超市內的商品(蝦皮超市、蝦皮直送美妝、蝦皮免運直送)不隸屬於蝦皮商城,點數回饋請依照「蝦皮超市」商店頁為主。
6. 蝦皮商城之訂單適用於部分點數紅包,規範請依該紅包頁說明為主。
7. 點數回饋將依照蝦皮提供扣除折價券、運費與蝦幣後之最終金額進行計算。
8. 同一商品品項(即便不同尺寸規格),皆會計入同一筆返點上限進行計算
9. 用戶需於同一瀏覽器進行交易(若自動跳轉 APP,請在 APP交易)。
10. 若使用不同物流或付款方式,將拆分成不同筆訂單編號發送通知。
11. 若使用折價券折抵,可能會有攤提折抵導致訂單金額些微落差
12. 蝦皮會將LINE的導購跳轉紀錄與蝦皮的會員ID進行綁定,若後續七天內未透過其他媒體來源導入蝦皮官網,則七天內於該蝦皮帳號下訂的首筆訂單會被蝦皮認列為該LINE用戶導購跳轉時所成立之訂單。
13. 若同一用戶使用一個以上蝦皮帳號透過LINE購物進行導購,將可能導致無法收到導購通知,亦可能無法收到點數,再請留意。
[注意事項]
1.如導購途中用戶由網頁版(電腦版/手機版網頁)切換為 App 會造成追蹤中斷而無法進行 LINE Points 回饋
2.若購買過程中關閉蝦皮APP,則需重新透過LINE購物前往蝦皮商城,否則無法進行LINE POINTS 回饋。 / 3.如用戶先前往蝦皮商城將商品加入購物車,後續透過LINE購物前往至蝦皮商城將購物車結清,此方案將不列入 LINE Points 回饋
4.若因系統異常無法追蹤訂單,致使消費者無接收到點數回饋,蝦皮保有更改條款與法律追訴之權利
5. LINE購物商品價格若與蝦皮賣場實際價格有異,以蝦皮賣場價格為準商品描述
Hahow 好學校|線上課程📖
此商品屬「例外商品類別」,不適用七天鑑賞期法規非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供
📍課程序號發送及兌換詳情請見賣場介紹
【 課程名稱 】:零基礎轉職!網頁設計 HTML、CSS 快速入門
【 課程簡介 】
專門為零基礎的人設計,並以職場常見應用回推設計而成的課程內容,不僅讓你快速入門網頁設計,同時拉近你與職場的距離!
【 課程大綱 】
章節一:課前準備 - 了解教學模式與開發環境
單元 1 - 教學模式與學習目標說明
單元 2 - 什麼是編輯器?瀏覽器與編輯器下載
章節二:網頁設計概念 - 初步了解網頁,建立你的程式碼檔案
單元 1 - HTML 是什麼? CSS 是什麼?
單元 2 - 程式碼架構與網頁架構概念
單元 3 - 建立你的第一個程式碼檔案
單元 4 - 相對路徑與絕對路徑
單元 5 - 初始化設定與開發人員工具介紹
單元 6 - 建立 HTML 程式碼基本架構
單元 7 - 網頁三元素分別的註解方式
單元 8 - 常用 HTML 標籤介紹
單元 9 - 常用 CSS 樣式範例與操作練習
單元 10 - 常用 CSS 單位介紹
單元 11 - CSS 命名規則與權重關係
單元 12 - CSS 元素選擇器常見連接符號介紹(>、+、~)
單元 13 - 嵌入圖片、影片、icon 嵌入方式
章節三:基礎實作 - 熟悉常用排版與樣式屬性應用
單元 1 - 建立自己適合的筆記方式,加速開發與記憶
單元 2 - 拉開元素之間的空間 - box model 介紹
單元 3 - CSS 內建計算器
單元 4 - 區塊設定 display 屬性
單元 5 - float 排版介紹
單元 6 - position 相對位置介紹
單元 7 - 狀態選擇器 :hover 應用
單元 8 - CSS 中括號屬性設定
單元 9 - background 背景與漸層色
單元 10 - 插入圖片的 2 種方法與應用時機
單元 11 - 按鈕模組化樣式設計
單元 12 - input type 型態介紹
單元 13 - 表單 form 介紹
單元 14 - 列表 ul、ol、li 介紹
單元 15 - 表格 table 介紹,與合併儲存格應用
單元 16 - 卡片式設計排版綜合練習
章節四:進階應用 - 活用語法設計,開發 RWD 響應式設計
單元 1 - 各瀏覽器前綴介紹
單元 2 - 原生 CSS 完成 RWD 響應式設計
單元 3 - 製作固定的 nav bar 導覽列
單元 4 - 水平置中與垂直置中的多種排法與應用
單元 5 - z-index 圖層概念
單元 6 - 超實用偽元素 ::before 和 ::after
單元 7 - 選取器應用 :nth-child 系列
單元 8 - 狀態選擇器搭配 transition 漸變動畫
單元 9 - transform 變形應用
單元 10 - 隱藏物件的方法比較
章節五:實戰演練 - 實際製作一頁式網站,綜合練習與設計細節
單元 1 - 官方網站常用符號 favicon 與 copyright
單元 2 - CSS 內建濾鏡效果
單元 3 - Landing Page 圖片與文字排版設計
單元 4 - 框架衝突與 !important 使用方式
單元 5 - 用原生 JavaScript 觸發 RWD 導覽列按鈕
單元 6 - 製作一頁式 RWD 響應式形象網站(上)
單元 7 - 製作一頁式 RWD 響應式形象網站(中)
單元 8 - 製作一頁式 RWD 響應式形象網站(下)
章節六:職涯學習地圖 - 未來職涯規劃與目標建立
單元 1 - 求職迷思
單元 2 - 自主練習方式推薦
單元 3 - 未來職涯規劃與建議
【 老師介紹 】:獺斯特
擁有 5 年的網頁設計經驗,從自學開始,到擔任過網頁設計師。我知道從 0 到 1 最需要有老師的帶領,於是開啟我的教學之路!擅長零基礎入門的教學,並用 Live Coding 即時撰寫手把手帶領的方式,讓教學更清楚易懂!
【 需要準備的工具/軟體 】
1. 可安裝 Google Chrome 瀏覽器和程式編輯器的電腦
2. Google Chrome 瀏覽器
3. 免費下載程式編輯器 Visual Studio Code
【 需要具備的背景知識 】
這門課適合零基礎的初學者,且完全不需具備程式知識背景即可上課!
【 上完課後,學生可以學到並做出的東西 】
1. 學會用 HTML、CSS 從無到有寫出一個網頁
2. 學會不使用 CSS 框架下,也能完成 RWD 響應式設計(即使用同一份程式碼,也能在不同尺寸的裝置上完美呈現你的設計)
讓你真正打好網頁設計基礎,未來在任何平台想修改樣式時,皆可輕鬆應用!
【 哪些人適合這堂課?】
- 如果你是以下狀況的人,這門課將「非常適合」你:
1. 完全零基礎,想學習網頁設計的初學者
2. 想跨領域轉職的人
3. 在職場上常需要與工程師溝通、想學習網頁基礎的人,如 UI/UX 設計師等
這門課正是專門為你們設計的,非常歡迎你們加入這門課的行列,開啟網頁設計之路!
- 如果你是以下狀況的人,你可能「不完全適合」這門課:
1. 已經可以用純 HTML、CSS 寫出完整網頁的人
2. 已經學會 HTML、CSS 並想於這門課學習 JavaScript 的人
由於這門課的內容會從零基礎開始,一直到進階應用,整體課程較有系統性,前半部會從零基礎教起,且不包含 JavaScript 完整教學。
因此如果你已經有一定程度的網頁設計基底,可能會感覺課程內容太簡單,建議你先衡量自身程度和狀況後,再視情況決定是否要購買這門課喔!