第1章 小試牛刀認識網(wǎng)頁設(shè)計
1.1 認識網(wǎng)頁三劍客
1.1.1 網(wǎng)頁是什么
1.1.2 HTML、CSS 和 JS 的效果對比
1.2 嘗試寫個程序吧
1.2.1 創(chuàng)建網(wǎng)站目錄
1.2.2 創(chuàng)建自己的第一個網(wǎng)頁
1.2.3 HTML 頁面結(jié)構(gòu)
第2章 整裝待發(fā)升級裝備
2.1 VS Code 下載與安裝
2.2 VS Code 安裝擴展
2.2.1 安裝中文語言包
2.2.2 安裝 Live Server
2.2.3 安裝 Code Runner
2.2.4 VS Code 初體驗
2.2.5 創(chuàng)建代碼片段
2.2.6 Live Server 本地服務(wù)
2.2.7 本地服務(wù)啟動與關(guān)閉
第3章 免費搭建網(wǎng)站
3.1 注冊賬號，創(chuàng)建隧道
3.1.1 注冊賬號、登錄
3.1.2 創(chuàng)建隧道
3.2 啟動隧道，網(wǎng)站上線
3.2.1 下載客戶端
3.2.2 啟動客戶端
3.2.3 網(wǎng)站上線
3.2.4 流程總結(jié)
第4章 網(wǎng)頁設(shè)計制作
4.1 召集助手
4.2 設(shè)計草圖
4.3 導(dǎo)航欄
4.3.1 創(chuàng)建導(dǎo)航欄框架
4.3.2 給導(dǎo)航添加 Logo 圖片
4.3.3 添加導(dǎo)航文字
4.3.4 折疊導(dǎo)航欄
4.4 輪播圖
4.4.1 圖片切換輪播
4.4.2 添加指示按鈕
4.4.3 左右切換按鈕
4.4.4 添加圖片信息
4.5 校園要聞
4.5.1 搭建框架
4.5.2 填充內(nèi)容
4.6 視頻播放
4.6.1 搭建框架
4.6.2 填充內(nèi)容
4.6.3 自定義 CSS 樣式
4.6.4 裁剪出梯形背景
4.7 照片圖集
4.7.1 搭建框架
4.7.2 填充圖片
4.7.3 圖片溢出隱藏
4.8 表單
4.8.1 創(chuàng)建表單
4.8.2 添加背景圖
4.9 底部頁腳
4.10 頁面動畫
第5章 探尋 JavaScript 的世界
5.1 JavaScript 基礎(chǔ)知識
5.1.1 第一行 JavaScript 代碼
5.1.2 執(zhí)行 JavaScript 程序
5.1.3 JavaScript 注釋
5.1.4 變量和常量
5.1.5 運算符
5.2 流程控制
5.2.1 條件語句
5.2.2 循環(huán)語句
5.3 函數(shù)
5.3.1 函數(shù)的定義
5.3.2 帶參數(shù)的函數(shù)
5.3.3 帶返回值的函數(shù)
5.3.4 遞歸函數(shù)
5.4 面向?qū)ο缶幊?
5.4.1 JavaScript 類
5.4.2 構(gòu)造方法
5.4.3 類的繼承
5.4.4 類的方法重寫
5.5 JS 與 HTML
5.5.1 JS 程序?qū)?HTML 的控制
5.5.2 事件
5.5.3 燈光開關(guān)
5.5.4 使用幫助手冊
第6章 用 JavaScript 構(gòu)建 3D 世界
6.1 認識 ThreeJS
6.1.1 ThreeJS 框架下載
6.1.2 ThreeJS 中的一些概念
6.2 創(chuàng)建第一個 3D 場景
6.2.1 準備工作
6.2.2 代碼實現(xiàn)
6.2.3 三維坐標(biāo)系
6.2.4 旋轉(zhuǎn)物體
6.3 場景升級
6.3.1 更換材質(zhì)
6.3.2 添加光源
6.3.3 軌道控制器
6.3.4 ThreeJS 中的顏色
6.3.5 添加多個物體
6.4 面向?qū)ο缶幊虡?gòu)建 3D 場景
6.4.1 自定義類
6.4.2 使用自定義類創(chuàng)建 3D 場景
6.5 Minecraft 場景搭建
6.5.1 Minecraft 中的方塊
6.5.2 創(chuàng)建 Minecraft 方塊
6.5.3 創(chuàng)建 Minecraft 草坪
6.5.4 封裝 BlockGround 類
6.5.5 創(chuàng)建 Minecraft 樹
6.5.6 創(chuàng)建一片森林
6.5.7 創(chuàng)建 Minecraft 花
6.5.8 天空盒子
6.5.9 高效地創(chuàng)建地面
6.5.10 創(chuàng)建 Minecraft 草原
6.6 加載 3D 動畫模型
6.6.1 加載 GLB 動畫模型
6.6.2 加載 FBX 動畫模型
6.6.3 加載 Minecraft 游戲玩家
6.7 模擬 Minecraft 游戲場景