12記錄我的美食課件川教版初中信息科技七年級下冊

第一單元

用網(wǎng)頁展示美食第二節(jié)

記錄我的美食1項(xiàng)目主題美食之旅項(xiàng)目背景能對信息進(jìn)行編輯、整理、發(fā)布、評價(jià)，是信息社會(huì)公民的基本素質(zhì)。本項(xiàng)目以“美食介紹”為例，讓同學(xué)們學(xué)會(huì)簡單的網(wǎng)頁編輯、發(fā)布技能，提升信息評價(jià)能力，并在此過程中感受我國傳統(tǒng)美食文化的博大精深。項(xiàng)目目標(biāo)以“美食介紹”為項(xiàng)目載體，掌握簡單的Markdown標(biāo)記語言，能使用Markdown撰寫“美食介紹”文檔，并能使用靜態(tài)網(wǎng)頁生成工具M(jìn)kdocs，將撰寫的文檔發(fā)布為網(wǎng)頁。通過完成本項(xiàng)目提升信息編輯、發(fā)布、評價(jià)等方面的信息素養(yǎng)。學(xué)習(xí)過程·確定要展示的主題·利用智能搜索引擎，圍繞主題收集、整理素材確定主題·了解HTML和Markdown各自的優(yōu)缺點(diǎn)·選定編輯工具·掌握常用Markdown標(biāo)記，并使用標(biāo)記編寫頁面編輯頁面·用Mkdocs將編寫完畢的頁面發(fā)布為網(wǎng)頁·同學(xué)間交流、互評，根據(jù)互評優(yōu)化頁面交流發(fā)布教學(xué)目標(biāo)：1、掌握Markdown文件的編輯方法。2、能使用Markdown標(biāo)記語言創(chuàng)作作品。3、理解并使用Markdown標(biāo)記語言的結(jié)構(gòu)和層次化特點(diǎn)。4、通過小組合作，學(xué)會(huì)如何優(yōu)化文檔內(nèi)容和格式。5、讓學(xué)生在實(shí)踐探索中掌握知識的同時(shí)體會(huì)中國的傳統(tǒng)餐飲文化。問：上節(jié)課我們學(xué)習(xí)了HTML和Markdown的基本概念，誰能說說它們的區(qū)別？答：HTML功能強(qiáng)大但復(fù)雜，Markdown簡單易用，適合快速編寫文檔。復(fù)習(xí)導(dǎo)入任務(wù)一實(shí)踐活動(dòng)：確定自己要介紹的美食，想想要展示這道美食的哪些方面，填寫氣泡圖。自主探索菜名：味型：適宜人群：主材：展示美食的不同方面一、Markdown文件編輯工具——Typora高效點(diǎn)撥1Typora以其簡潔美觀的界面和強(qiáng)大的功能受到廣泛好評。它支持多個(gè)平臺(tái)，采用所見即所得的編輯方式，即時(shí)預(yù)覽功能讓用戶無需切換視圖即可編輯。此外，Typora還支持Markdown源代碼編輯模式，并能夠?qū)С鰹镠TML、PDF、Word等多種格式。1.安裝Typora二、文字材料結(jié)構(gòu)（Markdown基本語法）高效點(diǎn)撥2用Markdown標(biāo)記語言生成HTML頁面，首先需要在編輯器中按需求對內(nèi)容進(jìn)行編排。Markdown基本的語法包括標(biāo)題、列表、引用、圖片、鏈接、表格、文字修飾等。插入文本內(nèi)容任務(wù)二（實(shí)踐活動(dòng)）：根據(jù)自己要介紹的美食，將自己收集到的素材添加到Typora編輯器中。任務(wù)三（思考活動(dòng)）：1.如何在編輯器中查看源代碼視圖?2.有沒有更快捷的方法調(diào)整標(biāo)題級別?3.頁面小標(biāo)題可否使用無序列表展示?點(diǎn)撥：1.查看源代碼：菜單欄上選擇“視圖”→源代碼模式2.用快捷方式快速調(diào)整標(biāo)題級別3.設(shè)置無序列表：菜單欄上選擇“段落”→無序列表可以通過打開文件在編輯器中查看源代碼視圖來確定該文檔編寫的痕跡，那我們?nèi)绾卧诰庉嬈髦胁榭丛创a視圖呢？上節(jié)課講到了Markdown基本的語法，包括標(biāo)題、列表、圖片、鏈接、表格、字體等。我們?nèi)绾瓮ㄟ^肉眼看到別人編寫的文檔都用了哪些格式呢？就比如說左邊這個(gè)例子，都運(yùn)用了哪些格式？剛剛我們通過查看源代碼知道了示例中的標(biāo)題屬于二級標(biāo)題，那現(xiàn)在我要調(diào)整改標(biāo)題有哪些方法？回想上節(jié)課學(xué)習(xí)的內(nèi)容，有沒有更快捷的辦法調(diào)整我們的標(biāo)題級別？①在源代碼視圖下，直接增減“#”的數(shù)量②選中標(biāo)題，使用快捷鍵：ctrl+數(shù)字1到6合理使用Markdown標(biāo)記，能讓文檔的層次更有條理。高效點(diǎn)撥3三、探究標(biāo)記作用Markdown標(biāo)記參考（1）菜單欄上選擇“段落”→一級標(biāo)題/二級標(biāo)題/三級標(biāo)題/四級標(biāo)題/五級標(biāo)題/六級標(biāo)題（2）使用Markdown標(biāo)記1.設(shè)置標(biāo)題級別（1）菜單欄上選擇“段落”→有序列表/無序列表（2）使用Markdown標(biāo)記2.設(shè)置列表（1）菜單欄上選擇“格式”→圖像→插入圖片/插入本地圖片（2）使用Markdown標(biāo)記免費(fèi)圖床網(wǎng)址：https://freeimage.host/（可直接復(fù)制圖片地址dillinger編輯器中）3.插入圖片（1）菜單欄上選擇“格式”→超鏈接（2）使用Markdown標(biāo)記4.插入超鏈接（1）菜單欄上選擇“段落”→表格→插入表格（2）使用Markdown標(biāo)記5.插入表格（1）菜單欄上選擇“段落”→代碼塊（2）使用Markdown標(biāo)記6.代碼塊（1）菜單欄上選擇“格式”→加粗/斜體/下劃線（2）使用Markdown標(biāo)記7.文本效果任務(wù)四（探究活動(dòng)）：觀察下面示例，說出其中運(yùn)用了Markdown哪些標(biāo)記，并根據(jù)示例完善自己要介紹的美食作品。標(biāo)題文本效果列表圖片表格……在編輯Markdown文檔時(shí)，可以選擇不同主題來呈現(xiàn)不同的顯示效果。不同風(fēng)格的主題由不同的CSS文件決定，這些CSS文件可通過網(wǎng)絡(luò)下載。高效點(diǎn)撥4四、作品成稿1、不同主題的展示2、不同的CSS文件在編輯Markdown文檔