Please enable JavaScript.
Coggle requires JavaScript to display documents.
前端網站架設實務_2022, 三、網頁美化技巧_21hr - Coggle Diagram
前端網站架設實務_2022
九、特殊技術使用_6hr
模組化
Sass
Wordpress
VanillaJs
Bootstrap
八、專題實作_9hr
多頁式網站
單頁式網站
滑動網站
部落格
一、網頁入門概論_3hr
課程方向與前端現況
製作網頁所需的能力
了解業界需要什麼樣的人才？
開發工具的認識與應用
軟體介面的認識與操作
開發工具
線上網頁編輯器
除錯工具
Visual Studio Code 的安裝與使用
建站基本觀念
建站基本觀念與注意事項
了解網頁結構與執行方式
網站架構圖(樹狀圖)
網站結構圖(Wireframe)
二、網頁基礎建站_9hr
HTML 結構化
什麼是 HTML
標籤語義化
SEO 與網頁內容的關聯、開放圖形協議
了解檔案與資料夾的路徑關係
CSS 的初體驗
CSS 的引入位置
CSS 的構成與規則
基本選取器的使用
控制版面文字
第三方服務
Youtube 視訊
Google Map
Fackbook plugin
六、響應式網頁製作(RWD)_6hr
viewport 的設定
不同螢幕尺寸與斷點設定
響應式影像
七、互動與動態效果程式運用_12hr
jQuery 初體驗
引入方式與順序
功能強大的選取器
與使用者互動的事件方法
絢麗的網頁動態效果
定時器的使用
註冊定時器
如何清除定時器
定時器與事件的組合技
jQuery 應用
變數的使用
索引的使用
亂數的使用
判斷
四、CSS 互動使用_12hr
視覺篇
陰影、圓角、漸層的使用
變形方式
特殊選取器的使用
動畫篇
transition 轉場控制
animation 的各項屬性控制
關鍵影格的設定
互動篇
偽類與動畫的組合技
五、CSS 優化與地雷區_6hr
優化
link 與 import 的使用差異
使用壓縮
網路 icon 使用
使用縮寫
簡單模組化
地雷區
邊界重疊
優先權
三、網頁美化技巧_21hr
進階選取器的使用
id
class
後代
偽類
屬性
排版-兩欄
flex
float
CSS Reset
反轉版型
偽元素
背景應用
CSS Sprite
背景影像與偽類選取器的組合技
隱藏文字
乾坤大挪移之術
深入了解 CSS 定位器的各種設定
相對座標與絕對座標
深度分配
排版-導覽列
了解 block、inline、inline-block 的差異
排版-三欄