Web前端設計與開發(fā)課程整體教學設計

1、1Web前端設計與開發(fā)課程整體教學設計（20192020學年第2學期）課程名稱：Web前端設計與開發(fā)所屬系部：信息工程學院制定人：XXX合作人： _XXX_制定時間：2020年7月WebWeb 前端設計與開發(fā)精品資源共享課2 2課程整體教學設計、課程基本信息課程名稱：WebWeb 前端設計與開發(fā)課程代碼：1831000718310007學分：3 3學時：4848授課時間：第三學期授課對象： 高職計算機應用技術專業(yè)大二 學生、高職計算機網(wǎng)絡技術專業(yè)大二學生課程類型：專業(yè)核心課先修課程：信息技術素養(yǎng)與技能、 計算機程序設計后續(xù)課程：HTML5HTML5 混合 AppApp 開發(fā)、PHPPHP WE

2、BkWEBk 用開發(fā)二、課程定位（一）學生所在專業(yè)面向的崗位（群）。專業(yè)服務區(qū)域：臨沂市及周邊地區(qū)專業(yè)服務領域（行業(yè)）：為智慧物流、智慧貿(mào)易、智慧農(nóng)業(yè)、智慧工業(yè)、智慧 公共服務相關行業(yè)服務的應用軟件開發(fā)行業(yè)。主要就業(yè)崗位：在各大中小軟件開發(fā)公司從事 WebWeb 與企業(yè)應用軟件的開發(fā)、 測試、銷售與運維等工作崗位。（二）本課程選擇的背景實踐崗位。表1典型工作任務分析表序號工作崗位典型工作任務工作過程簡述1程序員WEB界面開發(fā)運用各種工具進行頁面布局，WEBWEB 圖像、音頻、視 頻、動畫制作。2程序代碼編寫運用面向對象的開發(fā)工具規(guī)范地編寫程序，使用數(shù) 據(jù)庫訪問技術連接訪問數(shù)據(jù)庫。3WEB部署運

3、行安裝網(wǎng)絡操作系統(tǒng)，配置各類服務器、發(fā)布站點表2崗位職業(yè)能力分析表崗位性質序號崗位名稱典型工作任務職業(yè)能力支撐課程WebWeb 前端設計與開發(fā)精品資源共享課3 3基礎崗位1程序員WEBWEB 界面開發(fā)網(wǎng)頁制作能力HTML5HTML5 混合 APPAPP 開發(fā)()WEBWEB 前端設計與開發(fā)()JAVAJAVA WEBWEB 應用開發(fā)()PHPPHP WEBWEB 應用開發(fā)()數(shù)據(jù)庫基礎網(wǎng)絡操作系統(tǒng)程序代碼編寫代碼編寫能力WEBWEB 部署運行網(wǎng)站發(fā)布能力用戶培訓網(wǎng)絡與應用系統(tǒng)安裝能力軟件管理維護數(shù)據(jù)庫安裝、升級、遷 移、數(shù)據(jù)恢復能力2軟件測試 人員軟件測試與跟蹤搭建測試環(huán)境， 編寫測試 腳本，

4、運用測試腳本尋找bugbug 能力(三)本課程與中職、高職(專科、本科)、普通高校、培訓班同類課程的區(qū)別。中職教育的人才培養(yǎng)目標定位是明確的，培養(yǎng)高素質勞動者和技能型人才。高職?？茖?次的人才培養(yǎng)目標應該是多元化的，不同區(qū)域、不同專業(yè)、不同生源的要求是不一樣的，所 以人才培養(yǎng)目標定位也不一樣，WEB前端設計與開發(fā)課程中職階段主要培養(yǎng)學生的操作技能，而高職階段則培養(yǎng)具有良好的職業(yè)道德、較為扎實的專業(yè)基礎知識和技能、較強的競爭能力 與適應能力、可持續(xù)發(fā)展的學習能力、能在Web前端開發(fā)領域占有一席之地。三、課程目標總體目標：本課程以HTML語言為主要工具，學習Web應用程序和網(wǎng)站前端開發(fā)技術。通過本

5、 課程的學習，學生能夠掌握HTML標簽與CSS樣式基礎、圖像設計在網(wǎng)頁中的應用、制作導航欄、表格在網(wǎng)頁中的應用、表單在網(wǎng)頁中的應用、CSS標準流布局、CSS浮動布局、CSS定位布局、JavaScript的應用等知識。通過完成相關的項目，使學生掌握WEB前端設計的主要方法，并能熟練利用HTML、CSS JavaScript等技術控制WEB頁面各級元素，實現(xiàn)WEB前端的開發(fā)任務。在課程的學習中，培養(yǎng)誠實、守信性格，培養(yǎng)善于 自我學習、團隊協(xié)作和解決實際問題的能力，為后續(xù)專業(yè)課的學習打下良好的基礎。能力目標：1.能夠配置典型的網(wǎng)站開發(fā)環(huán)境。WebWeb 前端設計與開發(fā)精品資源共享課4 42.能夠使用

6、HTML制作包含基本內容的網(wǎng)頁。3.能夠使用HTML及CSS等技術來設計網(wǎng)頁布局。4.能夠使用JavaScript技術來提高網(wǎng)頁交互性、體驗性。5.能夠綜合使用HTML、CSS與JavaScript的相關知識，來豐富、渲染網(wǎng)頁。6.能夠開發(fā)電腦端靜態(tài)網(wǎng)頁和移動端靜態(tài)網(wǎng)頁。7.能夠根據(jù)具體應用需求，創(chuàng)新性地設計網(wǎng)頁。知識目標：1.了解本課程內容在Web開發(fā)領域的定位與作用。2.了解HTML、CSS及JavaScript技術的發(fā)展脈絡、趨勢及應用前景。3.掌握HTML中的基本元素、文字與段落元素、圖像元素、列表元素、表格元素、 超鏈接元素、多媒體元素、框架元素及表單元素的語法、屬性和參數(shù)等基礎知識

7、。4.掌握CSS中元素的語法、屬性和參數(shù)等基礎知識。5.了解網(wǎng)頁布局的幾種方法，掌握使用CSS進行網(wǎng)頁布局、樣式設計的基礎知識。6.掌握JavaScript中的基本語法知識。7.掌握JavaScript進行提交內容校驗、生成網(wǎng)頁特效等方法。8.了解并掌握HTML5和CSS3新技術。素質目標：1.通過編寫代碼經(jīng)驗積累，培養(yǎng)學生良好的編程風格。2.通過網(wǎng)絡、課程等資料學習，培養(yǎng)學生學習網(wǎng)站開發(fā)的興趣。3.通過企業(yè)崗位職責與國家相關法律學習，著力培養(yǎng)學生誠實、守信的思想品質。4.通過校外實踐鍛煉，著力培養(yǎng)學生自我學習、團隊協(xié)作和解決實際問題的職業(yè)素質5.通過各類技能競賽，培育學生勇于創(chuàng)新、善于發(fā)現(xiàn)的

8、創(chuàng)新意識。WebWeb 前端設計與開發(fā)精品資源共享課5 5四、課程的知識理論內容:項目模塊線下學時模塊1 Web前端開發(fā)崗位認知2學時模塊2靜態(tài)網(wǎng)頁升發(fā)12學時模塊3靜態(tài)網(wǎng)頁美化10學時模塊4動態(tài)效果開發(fā)8學時模塊5移動端靜態(tài)網(wǎng)頁升發(fā)8學時模塊6移動端靜態(tài)網(wǎng)頁美化8學時合計48學時W W e e b b 前端設計與開發(fā)精品資源共享課6 6五、能力訓練項目設計編號能力訓練項 目名稱子項目編虧、 名稱能力目標知識目標訓練方式、手段 及步驟可展示的結果和驗收的標準1項目1 WEB前端崗位認知1-1 “Web前端工程師崗位認知能夠對Web前端設計與開 發(fā)”崗位和課程有個明確的 認知了解Web前端工程師

9、的 工作；熟悉Web前端開 發(fā)學習路線虛擬企業(yè)參觀、工程師 連線、網(wǎng)絡調研文檔1-2 “1+x ” Web前端開發(fā)職業(yè)技能 標準能夠理解Web前端開發(fā)所具備的專業(yè)技能；能夠根據(jù)職業(yè)技能標準進行職業(yè)學習規(guī)劃認識并了解Web前端開 發(fā)和調試所具備的專業(yè)知 識和技能圖片視頻資料展示；文檔（WORDC檔）2項目2紅色沂蒙”旅游網(wǎng)首頁制作2-1需求分析與頁 面布局能夠根據(jù)UI設計稿對貝面 布局結構進行分析；能夠使 用HTML標記進行頁面布 局；掌握頁面結構布局的方 法；掌握DIV的使用任務驅動法；講授法； 演示法；上網(wǎng)實訓網(wǎng)頁文件及圖片， 程序代碼2-2制作頭部模塊能夠使用常用的前端開發(fā)軟 件； 能夠使

10、用圖像標記和段 落標記對頭部模塊進行制作HTML標記的組成；HTML頭部標記；HTML的圖像標記；相對路徑與 絕對路徑；段落標記任務驅動法；講授法； 演示法；上網(wǎng)實訓網(wǎng)頁文件及圖片， 程序代碼2-3制作導航模塊能夠使用文本控制標記進仃 導航模塊的制作文本控制標記；轉義字符任務驅動法；講授法； 演示法；上網(wǎng)實訓網(wǎng)貝文件及圖片， 程序代碼2-4制作“紅色沂 蒙”介紹模塊能夠使用HTML標記制作介 紹模塊；能夠使用表格標記 對網(wǎng)頁進行布局HTML標題標記；義本樣 式標記；圖像標記任務驅動法；講授法； 演示法；上機實訓網(wǎng)貝文件及圖片， 程序代碼2-5制作推薦模塊能夠使用HTML的列表標記 制作推薦模塊

11、有序列表；無序列表；定 義列表及列表的嵌套應用任務驅動法；講授法； 演示法；上網(wǎng)實訓網(wǎng)貝文件及圖片， 程序代碼W W e e b b 前端設計與開發(fā)精品資源共享課7 7編號能力訓練項 目名稱子項目編虧、 名稱能力目標知識目標訓練方式、手段 及步驟可展示的結果和驗收的標準2-6制作評論模塊能夠使用HTML標記制作評論模塊掌握特殊字符標記和div標記的方法任務驅動法；講授法； 演示法；上機實訓網(wǎng)貝文件及圖片，程序代碼2-7制作頁腳模塊能夠使用HTML標記制作頁 腳模塊了解常用的圖像格式 理解切片的原理及方法任務驅動法；講授法； 演示法；上網(wǎng)實訓網(wǎng)貝文件及圖片， 程序代碼2-8制作注冊和登 陸模塊能

12、夠創(chuàng)建具有相應功能的表 單控件；能夠通過控制表單 樣式美化表單界面表單及表單控件任務驅動法；講授法； 演示法；上網(wǎng)實訓網(wǎng)頁文件及圖片，程序代碼3項目3紅色沂蒙”旅游網(wǎng)貞面美化3-1布局及定義基礎樣式能夠使用CSS定義基礎樣式了解CSS樣式規(guī)則掌握引入CSS樣式表的不 問方式；掌握CSS基礎選 擇器的用法任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼3-2頭部模塊的美 化能夠使span標記制作導航及banner模塊掌握CSS字體樣式及文杰 外觀屬性； 熟悉CSS復合 選擇器 （標簽指定、后代、 并集）任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼3-3注冊及登

13、陸頁 面的美化能夠使用CSS控制表單樣式初識表單，創(chuàng)建表單；掌 握表單相關標記； 熟悉表 單樣式的控制任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼3-3介紹模塊的美 化能夠靈活利用元素的轉換制 作最新動態(tài)模塊掌握CSS層疊性、繼承性 與優(yōu)先級；了解盒子模型 的概念任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼3-4推存模塊的美 化能夠使用DIV標記與浮動樣式制作推薦模塊掌握盒子的相關屬性任務驅動法；講授法； 演示法；上機實訓網(wǎng)貝文件及圖片，程序代碼3-5評論模塊的美 化能夠使用塊兀素和行內兀素 的轉換美化評論模塊熟悉兀素的類型與轉換方 法任務驅動法；講授法；

14、 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼W W e e b b 前端設計與開發(fā)精品資源共享課8 8編號能力訓練項 目名稱子項目編虧、 名稱能力目標知識目標訓練方式、手段 及步驟可展示的結果和驗收的標準3-6頁腳模塊的美 化能夠使用兀素的定位及層疊等級屬性制作頁腳和懸浮框模塊掌握元素的浮動與定位； 掌握清除浮動的方法4項目4紅色沂蒙”旅游網(wǎng)動態(tài)效果制作4-14-1導航模塊特效制作能夠使用JavaScript創(chuàng)建導航特效掌握JavaScript基本語法任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼4-24-2 bannerbanner 模塊特性制作能夠使用JS制作頭部模塊掌握運

15、算符和表逮式的使用方法任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼4-34-3介紹模塊特效制作能夠使用JS中的基本語句制 作導航模塊掌握條件語句、循環(huán)語句 及跳轉語句任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼4-44-4 制作 bannerbanner 和時間模塊能夠通過運算符和表達式進 行簡單計算掌握條件語句、循環(huán)語句 及跳轉語句任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼4-54-5旅游信息查詢模塊制作學會使用流程控制語句編寫JavaScript程序掌握JavaScript中函數(shù)的調用及變量的作用域任務驅動法；講授法； 演示法；上機

16、實訓網(wǎng)頁文件及圖片，程序代碼4-64-6 版權信息模塊能夠制作版權信息模塊掌握JavaScript中函數(shù)的調用及變量的作用域任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼5項目5“紅色 沂蒙”旅游網(wǎng)移 動端首頁制作5-15-1移動端首頁適配及定義樣式能夠對移動端網(wǎng)貝進行適配，能夠對移動端頁面進行布局及定義樣式視口的概念，移動端適配任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼5-25-2 制作頭部及導 航模塊能夠使用HTML5新增語義化 兀素、頁面增強兀素與屬性HTML5新增標簽元素任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼W W e e

17、b b 前端設計與開發(fā)精品資源共享課9 9編號能力訓練項 目名稱子項目編虧、名稱能力目標知識目標訓練方式、手段 及步驟可展示的結果和驗收的標準5-35-3 制作介紹模塊能夠使用CSS3的選擇器、邊 框特性、顏色、字體功能設計 網(wǎng)頁CSS3選擇器、 邊框特性、顏色、字體功能任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼5-45-4 制作推薦模塊能夠使用HTML5新增多媒體 兀素等功能進行移動端頁面 開發(fā)HTML5多媒體元素標簽任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼5-55-5 制作頁腳模塊能夠獨立完成移動端網(wǎng)貝的 制作掌握Web前端開發(fā)的基本 方法任務

18、驅動法；講授法； 演示法；上機實訓網(wǎng)貝文件及圖片， 程序代碼6項目6紅色沂蒙”旅游網(wǎng)移動端首頁美化6-16-1 使用 HTML5HTML5美化“紅色沂蒙” 旅游網(wǎng)首頁能使用HTML5新增語義化元 素、貝血增強兀素與屬性及 多媒體屬性等功能美化頁面了解HTML5新增全局屬 性、結構化與頁面增強、 表單標簽、多媒體元素的 使用方法任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片， 程序代碼6-26-2 使用 CSS3CSS3 美化“紅色沂蒙”旅游 網(wǎng)首頁能夠使用CSS3的選擇器、邊 框特性、顏色、字體功能美化 頁面了解CSS3選擇器、邊框特 性、顏色、字體的功能任務驅動法；講授法； 演示法；上

19、機實訓網(wǎng)頁文件及圖片，程序代碼7項目7綜合實 訓：“美麗中國”宣傳頁制作7-17-1 “美麗中國”宣傳頁制作能夠從需求分析、項目搭建、頁面布局及設計、 網(wǎng)貝制作、網(wǎng)頁美化、網(wǎng)貝測試及優(yōu)化 等方面制作Web前端貝面掌握設計和制作Web前端 貝面的一般步驟和方法任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼7-27-2 移動端“美麗 中國”宣傳頁制作能夠從需求分析、項目搭建、頁面布局及設計、網(wǎng)貝制作、網(wǎng)頁美化、網(wǎng)貝測試及優(yōu)化等方面制作移動端Web貝面掌握設計和制作移動端頁 面的一般步驟和方法任務驅動法；講授法； 演示法；上機實訓網(wǎng)頁文件及圖片，程序代碼WebWeb 前端設計與開發(fā)精

20、品資源共享課1010六、項目情境設計在工作中，實習生小王發(fā)現(xiàn) WebWeb 前端開發(fā)是一項很特殊的工作，涵蓋的知識 面非常廣，既有具體的技術，又有抽象的理念，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。同時 WebWeb 前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重 要，需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近兩年來備受宵睞。所 以，立志要成為一名優(yōu)秀的前端開發(fā)工程師的小王在我們的帶領下邊學習邊工作， 在完成項目的同時也夯實了理論基礎。七、第一次課設計1.課程基本信息介紹教師自我介紹，介紹課程的基本信息，課程紀律、考核方式等。2.課程導入：介紹課程的整體結構3.積極行動：加入工作室，進

21、入工作狀態(tài)學生加入老師成立的軟件工作室，包括QQ學習群和微信群。4.師生互動：了解學生已有知識和技能，填寫調查表，了解學生對WEB前端技術的掌握情 況，以便進行分組教學。5.引起興趣：分配工作任務并分組，分配工作任務，接受項目任務：按照學生已有水平進行分組，以我們的網(wǎng)頁設計為基礎，結合現(xiàn)有WEB前端技術，指導實習生小王，幫助他成為一名合格的前端開發(fā)工程師。情境1:第一次課，加入臨沂職業(yè)學院軟件工作室。與工作室其他成員一起指導小王掌 握“WEBttr端設計與開發(fā)”相關知識，了解常見的商務網(wǎng)站，學習網(wǎng)頁設計的方法和技能。情境2: WEB前端設計與開發(fā)涉及當前各種類型的網(wǎng)站。小王希望通過完成幾個典型

22、的項目，能夠全面提高自己的WEB前端設計與開發(fā)的水平。根據(jù)典型項目任務的要求，擬定項目化教學的真實情境，按照工作過程完成各個典型項目的設計與開發(fā)。WebWeb 前端設計與開發(fā)精品資源共享課1111八、 最后一次課設計1.課程總結對課程中用到了知識和技能進行總結，各項目、任務、環(huán)節(jié)間層層遞進，體現(xiàn)了 “項目導入、任務促學”的課程設計思路，使課程體系有效地反映了知識、技能、專業(yè)素質的 緊密結合，幫助學生建立起良好的計算機基礎語言邏輯思維，為后續(xù)專業(yè)課程的學習打下 良好基礎。2. Web前端設計與開發(fā)技能大賽點評學期末舉行Web前端設計與開發(fā)技能大賽，選擇優(yōu)秀作品進行展示并點評，促進學生 繼續(xù)學習，

23、形成你追我趕的學習氛圍。3.贈送學生各類前端網(wǎng)頁源碼資源。4.鼓勵學生參加WEB前端設計與開發(fā)職業(yè)資格認證。九、 考核方案本課程的考核采用過程考核和結果考核相結合、理論考試和實踐考核相結合的方式，其中過程性考核占20%，各學習單元的項目考核占50%，期末綜合考核占30%。期末綜合 考核分為理論部分和實踐部分，理論部分考核學生對各知識點綜合應用的掌握情況，實踐部分考核學生運用所學知識進行綜合項目實訓的能力。如果學生在各類技能大賽中取得理想成績，可直接進行學分置換。具體考核方式見下表：表 3 3 : :課程考核方式表考核項目考核力法比重過程考核課程建設根據(jù)是否服從課堂紀律，配合老師工作，為 小組問

24、學服務，團結問學等方面評定得分io%課堂提問根據(jù)課堂回答問題、課堂實踐示范情況，綜 合評定學習態(tài)度得分io%WebWeb 前端設計與開發(fā)精品資源共享課1212項目考核任務結果由教師與企業(yè)專家合作評定得分40%r技能競賽結果r由教師根據(jù)分組競賽結果評定得分10%期末勺試由教師評定筆試（上機考試）成績30%合計100%十、教學材料1、教材與參考書籍(1)網(wǎng)頁設計與制作項目化教程，人民郵電出版社，黑馬程序員主編(2)基于工作過程的網(wǎng)頁設計與制作教程，機械工業(yè)出版社，張洪斌主編(3) HTML+CSS網(wǎng)頁設計指南，清華大學出版社，趙輝主編(4)商務網(wǎng)頁設計與制作，高等教育出版社，方玲玉編著2、其他學習

25、資源(1) HTML中文參考手冊；(2)CSS中文參考手冊；(3)JavaScript中文參考手冊；(4)湖南鐵道鐵道職業(yè)技術學院精品課程網(wǎng)站(5)威海職業(yè)學院精品課程網(wǎng)站：(6)淮安信息職業(yè)技術學院精品課程網(wǎng)站：(7)網(wǎng)頁設計師聯(lián)盟：3、學習場地、設施要求(1)計算機硬件要求：Windows2000及以上，CPU主頻1GHz,內存容量=512MB(2)軟件要求：IIS , Dreamweaver,虛擬實訓平臺；(3)其他要求：本課程教學要求在多媒體機房實施，以實現(xiàn)“教、學、做”三體合一； 多媒體教學軟件，便于下發(fā)教學任務和收集學生課堂實踐任務；網(wǎng)頁設計與制作編程環(huán) 境。十一、需要說明的其他問

26、題Web前端設計與開發(fā)課程實踐性很強，建議學習者課外圖像處理工具與動畫設計 工具，激發(fā)學習者的學習興趣，通過多瀏覽，多實踐，多交流能夠整體提高學習者的綜合素 質。WebWeb 前端設計與開發(fā)精品資源共享課1313十二、本課程常用術語中英文對照表關于我們：About Us作者：Author公司:Company聯(lián)系我們：Contact Us版權：Copyright郵箱地址：Email Address首頁：Home登錄：Login會員名：Member Name密碼:Password產(chǎn)品：Products真實姓名：Real Name注冊：Register網(wǎng)站地圖：Site Map用戶名：User版主：

27、Moderators主題：SubjectTopics標簽：Tags積分數(shù)：Credits精華貼數(shù):Digestposts關鍵字:Keyword頻道：Channel板塊：plates幫助：FAQ合作:Cooperation聚合：Feed論壇：Forum線程：Threads新貼：New Thread啟動：Post今日：Today文章:Articles主題：Themes俱樂部：Clubs休閑：Easy原創(chuàng)：Original娛樂：Fun美食：Food都市生活：City Life工作：Job跳騷市場：Flea Market建議：Suggestions問題：Questions廣告合作：Advertise on Site天氣：Weather文化：Culture日報：Daily鏈接：Link搜索查找：Search點擊：Click評論：Comments技術支持：SupportWebWeb 前端設計與開發(fā)精品資源共享課1414繼續(xù)：Continue提交：SubmitWebWeb 前端設計與開發(fā)精品資源共享課1515發(fā)送：Send回復：Posts積分：Points收藏本站:Add to favorite設為主頁：Make yourhomepage營銷加盟：J