（中職）多媒體應(yīng)用技術(shù)任務(wù)7.4 制作硬件系統(tǒng)組成界面教學(xué)課件（）

（中職）多媒體應(yīng)用技術(shù)任務(wù)7.4制作硬件系統(tǒng)組成界面教學(xué)課件（工信版）任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)描述】【任務(wù)目標(biāo)】【任務(wù)分析】本任務(wù)制作第二個(gè)菜單對(duì)應(yīng)的計(jì)算機(jī)系統(tǒng)組織部分，該課件的“計(jì)算機(jī)系統(tǒng)組織”部分又包括三個(gè)界面，第一個(gè)界面是硬件系統(tǒng)組成，第二個(gè)界面是馮.諾依曼計(jì)算機(jī)體系，第三個(gè)界面是常用輸入輸出設(shè)備。在計(jì)算機(jī)硬件組成界面中，趙宏想實(shí)現(xiàn)用鼠標(biāo)單擊相應(yīng)的硬件圖片后顯示該硬件的名稱，讓學(xué)生認(rèn)識(shí)計(jì)算機(jī)的硬件系統(tǒng)包括主機(jī)、顯示器、鍵盤(pán)和鼠標(biāo)，如何來(lái)完成這個(gè)任務(wù)？根據(jù)應(yīng)用過(guò)程的要求，可使用熱對(duì)象響應(yīng)交互，將各個(gè)硬件圖片作為熱對(duì)象，當(dāng)鼠標(biāo)單擊該對(duì)象時(shí)顯示文字。1.能熟練使用開(kāi)始標(biāo)記。2.能熟練繪制圖形。3.能使用交互圖標(biāo)制作熱對(duì)象交互響應(yīng)。任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)實(shí)施】1.打開(kāi)文件。打開(kāi)任務(wù)7.4\素材\文件夾中的“計(jì)算機(jī)基礎(chǔ)知識(shí).a7p”文件。2.使用開(kāi)始標(biāo)記。單擊并拖動(dòng)圖標(biāo)欄中的開(kāi)始標(biāo)記到主流程線上“理論知識(shí)”群組圖標(biāo)的下方，使程序的運(yùn)行從開(kāi)始標(biāo)記位置開(kāi)始運(yùn)行。

任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)實(shí)施】3.添加群組圖標(biāo)。拖入一個(gè)群組圖標(biāo)到程序的主流程線上開(kāi)始標(biāo)記下方，重命名為“硬件系統(tǒng)組成”，雙擊打開(kāi)群組圖標(biāo)，向二級(jí)流程設(shè)計(jì)窗口拖入一個(gè)顯示圖標(biāo)，重命名為“標(biāo)題背景文字”，如圖7-4-1所示；雙擊打開(kāi)顯示圖標(biāo)，導(dǎo)入素材文件中的“背景.jpg”作為該界面的背景，輸入標(biāo)題文字“硬件系統(tǒng)組成”，字體為“華文行楷”，大小為25，深藍(lán)色，透明；接著輸入文字“一個(gè)完整的……”，設(shè)置字體為“微軟雅黑”，大小為14，深藍(lán)色，如圖7-4-2所示。圖7-4-1二級(jí)流程設(shè)計(jì)窗

圖7-4-2演示窗口效果任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)實(shí)施】4.導(dǎo)入熱對(duì)象。單擊工具欄上的“導(dǎo)入”按鈕，打開(kāi)“導(dǎo)入哪個(gè)文件？”對(duì)話框，在素材文件夾中選擇“鍵盤(pán).png”，接著單擊對(duì)話框右下角的“添加”按鈕，在顯示“導(dǎo)入列表”中單擊“添加”按鈕，文件就添加到列表中，繼續(xù)添加“鼠標(biāo).png”、“顯示器.png”、“主機(jī).png”圖片，如圖7-4-3所示，再單擊“導(dǎo)入”按鈕，圖片圖標(biāo)就添加到流程線上，圖7-4-4所示。圖7-4-3添加多張圖片

圖7-4-4導(dǎo)入圖片圖標(biāo)任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)實(shí)施】5.調(diào)整圖片的大小。按住Shift鍵的同時(shí)，雙擊“鍵盤(pán)”顯示圖標(biāo)，在打開(kāi)的繪圖工具箱中選擇移動(dòng)工具，選中圖片調(diào)整圖片的大小和位置；使用相同的方法，調(diào)整其他圖片的大小、位置及顯示模式，調(diào)整后的效果如圖7-4-5所示。6.添加交互圖標(biāo)。拖入一個(gè)交互圖標(biāo)到流程線上圖片顯示圖標(biāo)的下方，重命名為“熱對(duì)象交互”，在交互圖標(biāo)的右側(cè)框架中添加一個(gè)顯示圖標(biāo)，在彈出的“交互類型”對(duì)話框中選擇“熱對(duì)象”交互響應(yīng)類型選項(xiàng)，單擊“確定”按鈕，流程窗口如圖7-4-6所示。圖7-4-5調(diào)整圖片大小、位置、模式

圖7-4-6添加交互、顯示圖標(biāo)任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)實(shí)施】7.設(shè)置熱對(duì)象交互響應(yīng)。單擊顯示圖標(biāo)上方按鈕的交互標(biāo)志，顯示“屬性：交互圖標(biāo)”面板，根據(jù)“單擊一個(gè)對(duì)象，把它定義為本反饋圖標(biāo)的熱對(duì)象”提示，用鼠標(biāo)單擊演示窗口中的鍵盤(pán)圖片作為熱對(duì)象；接著在“屬性：交互圖標(biāo)”面板中選擇“匹配時(shí)加亮”，再單擊“鼠標(biāo)”列表后的按鈕，打開(kāi)“鼠標(biāo)指針”對(duì)話框，選擇“手形”，將鼠標(biāo)形狀設(shè)置為手形，設(shè)置如圖7-4-7所示；再單擊“響應(yīng)”選項(xiàng)卡，在“擦除”下拉列表中選擇“不擦除”選項(xiàng)，設(shè)置如圖7-4-8所示。圖7-4-7熱對(duì)象設(shè)置

圖7-4-8響應(yīng)設(shè)置任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)實(shí)施】10. 添加其他分支圖標(biāo)。在交互圖標(biāo)的右側(cè)框架中再添加一個(gè)顯示圖標(biāo)，重命名為“鼠標(biāo)”，再單擊“鼠標(biāo)”顯示圖標(biāo)上方按鈕的交互標(biāo)志，顯示“屬性：交互圖標(biāo)”面板，根據(jù)提示，用鼠標(biāo)單擊演示窗口中的鼠標(biāo)圖片作為熱對(duì)象；其他設(shè)置系統(tǒng)會(huì)自動(dòng)繼承前一個(gè)交互分支的設(shè)置，“屬性：交互圖標(biāo)”面板設(shè)置如圖7-4-11所示；再按住Shift鍵的同時(shí)，雙擊打開(kāi)交互圖標(biāo)右側(cè)框架中的“鼠標(biāo)”顯示圖標(biāo)，在該圖標(biāo)中繪制一個(gè)箭頭及輸入文字“鼠標(biāo)”。使用相同的方法，添加其他響應(yīng)圖標(biāo)。如圖7-4-11設(shè)置面板

任務(wù)7.4制作硬件系統(tǒng)組成界面【任務(wù)實(shí)施】11. 保存文件。單擊工具欄上的運(yùn)行按鈕，運(yùn)行并測(cè)試程序；單擊工具欄中的保存按鈕，保存文件，流程窗口如圖7-4-12所示，最后演示窗口效果如圖7-4-13所示。圖7-4-12流程設(shè)計(jì)窗口

圖7-4-13演示窗口效果任務(wù)7.4制作硬件系統(tǒng)組成界面相關(guān)知識(shí)Authorware的交互作用是通過(guò)交互圖標(biāo)來(lái)實(shí)現(xiàn)的。交互圖標(biāo)和其他圖標(biāo)（一般使用群組圖標(biāo)）組成了