智能網頁開發教程(十五五高等職業教育新形態一體化系列教材)
內容大鋼
本書是「十五五」高等職業教育新形態一體化系列教材之一，以AI+HTML融合創新為特色，圍繞楚文化數字化智慧導覽場景，設置九個遞進的前端實戰項目，系統講解網頁開發與AI輕量化應用方法。
全書包含九個項目，項目一?項目八的內容涵蓋HTML基礎搭建、CSS樣式美化、JavaScript交互設計、快閃卡交互與文物智慧查詢；項目九整合前八個項目的技能成果，完成楚文化智慧導覽系統的前後端一體化開發，並基於大語言模型實現智能對話交互，充分體現AI與前端開發的融合創新。
本書適合作為高職高專電腦類相關專業教材，也可供前端開發人員與傳統文化數字化愛好者自學參考。
作者介紹
編者:陳文//餘澤禹//馬慶槐|責編:王春霞//王占清
目錄
項目一 初探楚文化網頁製作
項目引入
學習目標
必備技能
一、網頁與網站基礎
二、Web標準
三、什麼是HTML
四、HTML文檔基本結構
五、最常用的HTML標籤
六、HTML註釋標籤
七、HTML代碼規範
技能應用
一、安裝開發工具
二、配置VS Code
三、第一個文件夾與第一個文件
項目輸出
小結
課後練習
項目二 製作楚文化遺址簡介頁面
項目引入
學習目標
必備技能
一、楚文化遺址知識與信息整理
二、HTML頭部元數據完整配置
三、網頁模塊化結構與語義化標題設計
四、網頁內容結構化組織與文本優化
五、網頁結構調試與錯誤自主排查
六、工程化代碼規範執行與高質量編寫
七、多設備輸出適配與頁面效果驗證能力
技能應用
一、head區域內容編排
二、body區域內容編排
項目輸出
小結
課後練習
項目三 整合楚文化文物文本、超鏈接與圖像
項目引入
學習目標
必備技能
一、文本標籤基礎應用
二、超鏈接標籤
三、圖像標籤
技能應用
一、圖像格式優化
二、圖像映射簡易操作
項目輸出
小結
課後練習
項目四 楚墓文物數據管理表格與表單交互
項目引入
學習目標
必備技能
表格核心標籤基礎操作
技能應用
一、表單基礎標籤與元素
二、表單嵌套規範
三、簡易表單驗證
項目輸出
小結
課後練習
項目五 初學CSS設計楚文化網頁
項目引入
學習目標
必備技能
一、CSS概述
二、CSS基礎選擇器
三、文本與字體屬性
技能應用
一、CSS背景樣式技能應用
二、CSS邊框樣式
三、CSS盒模型基礎
項目輸出
小結
課後練習
項目六 布局楚文化博物館首頁
項目引入
學習目標
必備技能
一、浮動布局基礎
二、定位布局簡易操作
三、浮動與布局綜合案例
技能應用
一、開啟Flex布局display：flex
二、主軸對齊justify-content
三、交叉軸對齊align-items
項目輸出
小結
課後練習
項目七 楚文物快閃卡交互開發
項目引入
學習目標
必備技能
一、JavaScript基礎語法
二、變數與數據類型
三、數組與對象
四、函數基礎
五、DOM操作基礎
六、事件基礎
七、條件判斷
技能應用
一、自定義帶參函數優化
二、DOM交互與按鈕事件簡易操作
項目輸出
小結
課後練習
項目八 楚文化智慧導覽網頁
項目引入
學習目標
必備技能
一、輸入框內容獲取
二、輸入判空與錯誤提示彈窗
三、模糊查詢（包含匹配）
四、字元串去空格（查詢優化）
五、元素顯示與隱藏
技能應用
一、模塊化函數優化與業務流程封裝
&nbs
[