Name: 從零製作響應式網站—Grid佈局
Uploaded: 2021-12-03T16:34:13+8:00
Duration: 198 min 34 s
Description: 本系列教學將展示從零製作一個假想的網路科技公司官網，分為導航，輪播，關於我們，成功案例，服務流程，團隊介紹，資料部分，公司動態，底部資訊等內容區塊。網站整體採用CSS Grid佈局，支援響應式，有流暢轉場和展現動畫。

本系列教學將展示從零製作一個假想的網路科技公司官網，分為導航，輪播，關於我們，成功案例，服務流程，團隊介紹，資料部分，公司動態，底部資訊等內容區塊。網站整體採用CSS Grid佈局，支援響應式，有流暢轉場和展現動畫。

難度：初級

總共 19 章

17551 次播放

第1章第一章: 網站介紹
05分鐘16秒; 準備JS庫、圖片和影片等資源
05分鐘06秒; 編寫html結構程式碼
10分鐘07秒; 編寫導航CSS樣式
07分鐘02秒; 初始化輪播組件與編寫
09分鐘54秒
第2章第二章: 實現輪播標題依序動畫
06分鐘49秒; 實現關於我們部分
16分鐘07秒; 實現成功案例部分
18分鐘31秒; 實現服務流程部分
07分鐘32秒; 實現團隊介紹部分
15分鐘24秒
第3章第三章: 實現數據部分
07分鐘36秒; 實現公司動態部分
10分鐘56秒; 底部訊息
11分鐘28秒; 固定導航和返回頂部按鈕
09分鐘34秒; 滾動展現和數據部分動畫
12分鐘00秒
第4章第四章: 流暢滾動效果
07分鐘43秒; 實現響應式
32分鐘51秒; 關閉全螢幕導航
01分鐘35秒; 總結
03分鐘03秒

關於導師

王林: 學生

您將會學到:: 本系列教學將展示從零製作一個假想的網路科技公司官網，分為導航，輪播，關於我們，成功案例，服務流程，團隊介紹，資料部分，公司動態，底部資訊等內容區塊。網站整體採用CSS Grid佈局，支援響應式，有流暢轉場和展現動畫。

從零製作響應式網站—Grid佈局

關於導師

PHP中文網