分享我的美食授課教師：XX2025.03七年級（下）信息科技

第一單元

用網頁展示美食行業PPT模板http:///hangye/

同學們，上節課我們借助Typora這個神奇的工具，已經完成了網頁的設計，把自己喜愛的美食通過文字、圖片等形式，生動地呈現在了頁面上。課堂導入

學習使用Mkdocs這個工具，把之前在Typora中設計好的Markdown文件發布成網頁，讓全世界的人都有機會品嘗到我們分享的“美食盛宴”。01發布作品發布作品

1.使用Markdown編輯器導出HTML文件，再用瀏覽器打開查看導出的文件。發布作品

實踐活動：打開導出的HTML網頁文件，看顯示是否正常；如果不正常可能是什么原因，如何解決？圖片路徑問題...代碼格式問題...瀏覽器兼容性問題...導出設置問題...發布作品2.發布Markdown文件為網頁，有多種工具可用。選擇使用Mkdocs，使用步驟，參考本教材“附錄二”。發布作品環節1：安裝

第一步:在電腦上正確安裝Python

第二步:管理員模式啟動CMD，在CMD下運行“pipinstallmkdocs”即可安裝上mkdocs步驟環節——以Windows10系統為例發布作品

第三步:在CMD下輸入“mkdocsnewD:\身邊的美食”，即可將“D:\身邊的美食”文件夾設為程序的運行目錄。發布作品環節2：文件管理

將自己的所有Markdown文件，全部拷貝到“D:\身邊的美食\docs\”目錄之下，如果有圖片文件夾，也要拷貝到該目錄中。發布作品環節3：目錄設置

第四步:在CMD下執行“D:回車”，則進入D盤;在CMD下運行“cd身邊的美食\”，則進入“D:\身邊的美食”目錄

第五步:在CMD下運行mkdocsserve，即從本文件夾中，開啟網頁服務發布作品環節4：網頁訪問

查看已被自動轉為HTML的Markdown文件在瀏覽器中輸入“:8000/”+“網頁名稱”，例如：:8000/身邊的美食——探究Markdown標記一/思考活動對比網頁源代碼和編輯器源代碼，討論HTML和Markdown的關系。

在網頁中鼠標右鍵，點擊“查看頁面源代碼”思考活動對比網頁源代碼和編輯器源代碼，討論HTML和Markdown的關系。思考活動

HTML是用于構建網頁的超文本標記語言，通過各種標簽來描述內容的語義和呈現方式，對語法要求嚴格，直接決定網頁在瀏覽器中的渲染效果。

Markdown是輕量級標記語言，專注于內容創作，利用簡單符號進行格式標記，語法寬松、可讀性強，需借助解析器轉換為HTML才能在網頁上顯示。

Markdown可通過解析器生成HTML，二者存在轉換關系，在功能上互補，分別適用于網頁開發和文檔寫作等不同場景。02分享我的美食行業PPT模板http:///hangye/

分享作品，以“準確、正面、高效”三個要點為評價指標，同桌之間互評，整理意見并進行合理優化。分享我的美食評價指標同學評價我的優化方案準確正面高效行業PPT模板http:///hangye/分享我的美食

在網上發布信息，必須遵守《中華人民共和國網絡安全法》等相關法律，嚴格遵守網絡禮儀和道德規范，用文明語言和理性態度發表網絡評論，營造理性、平和、有序的網絡輿論環境。行業PPT模板http:///hangye/分享我的美食填寫下表，對比導出HTML網頁與用Mkdocs發布網頁的區別。HTMLMkdocs更改后需要重新導出即時預覽，不用重新導出............03拓展閱讀行業PPT模板http:///hangye/

思維可視化是指運用一系列圖示技術把本來不可視的思維呈現出來，使其清晰可見的過程。被可視化的“思維”更有利于理解和記憶，可有效提高信息加工及信息傳遞的效率。拓展閱讀圓圈圖氣泡圖雙氣泡圖行業PPT模板http:///hangye/拓展閱讀樹形圖流程圖復流程圖行業PPT模板http:///hangye/拓展閱讀樹形圖橋形圖行業PPT模板http:///hangye/課堂小結Typora導出HTML：用Typora把美食Markdown文件轉為HTML，方便本地或小范圍分享。Mkdocs發布網頁：借助Mkdocs將Markdown文件發布成網頁，能自動生成目錄，支持多頁面管理，適合網絡廣泛分享。信息發布要點

準確：食材、做法等描述無誤。

完整：涵蓋美食起源、特色等。

合法：內容合規，不抄襲。導出HTML文件和Mkdocs發布網頁的區別

HTML文件：單個網頁，適合簡單本地分享，多頁面管理不便。

Mkdocs網頁：完整網站，目錄、導航清晰，支持版本控制，利于網絡公開分享系列內容。行業PPT模板http:///hangye/作業布置實踐作業