上機(jī)實(shí)驗(yàn)報(bào)告格式

1、第 頁(yè)上機(jī)試驗(yàn)報(bào)告格式 1、?網(wǎng)頁(yè)設(shè)計(jì)?試驗(yàn)報(bào)告院部：熱能學(xué)院專業(yè)：熱能與動(dòng)力工程班級(jí)：112姓名：范金倉(cāng)學(xué)號(hào)：2022031388試驗(yàn)名稱：規(guī)劃與預(yù)備制作一個(gè)小型網(wǎng)站課程名稱：網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)老師：班級(jí)：學(xué)號(hào)：姓名：成果：一、試驗(yàn)?zāi)康募耙螅?、確定網(wǎng)站主題和網(wǎng)站的用處；2、收集資料和素材。3、規(guī)劃網(wǎng)站構(gòu)造和頁(yè)面版式。二、試驗(yàn)環(huán)境：本次試驗(yàn)基于Windows2000的操作系統(tǒng)。三、試驗(yàn)內(nèi)容及步驟：試驗(yàn)內(nèi)容功能描述，上機(jī)操作具體步驟。四、試驗(yàn)總結(jié)通過上機(jī)實(shí)踐，對(duì)所學(xué)內(nèi)容的某個(gè)學(xué)問點(diǎn)有了更深化的理解，寫出一些體會(huì)、學(xué)習(xí)心得。試驗(yàn)名稱：網(wǎng)頁(yè)配色方案設(shè)計(jì)課程名稱：網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)老師：劉軒班級(jí)：學(xué)號(hào)：姓名：

2、成果：一、試驗(yàn)?zāi)康募耙螅?上網(wǎng)掃瞄不同網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格，簡(jiǎn)潔分析學(xué)習(xí)其實(shí)現(xiàn)方法和原 2、理2確定網(wǎng)頁(yè)的版式，設(shè)計(jì)網(wǎng)頁(yè)的布局。3設(shè)計(jì)網(wǎng)站的根本色調(diào)和配色方案，確定網(wǎng)頁(yè)文字的格式和圖像的編排。4運(yùn)用網(wǎng)頁(yè)配色技巧設(shè)計(jì)一套自己的網(wǎng)頁(yè)方案二、試驗(yàn)環(huán)境：本次試驗(yàn)基于Windows2000的操作系統(tǒng)。三、試驗(yàn)內(nèi)容及步驟：試驗(yàn)內(nèi)容功能描述，上機(jī)操作具體步驟。四、試驗(yàn)總結(jié)通過上機(jī)實(shí)踐，對(duì)所學(xué)內(nèi)容的某個(gè)學(xué)問點(diǎn)有了更深化的理解，寫出一些體會(huì)、學(xué)習(xí)心得。試驗(yàn)名稱：網(wǎng)頁(yè)設(shè)計(jì)初步課程名稱：網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)老師：劉軒班級(jí)：學(xué)號(hào)：姓名：成果：一、試驗(yàn)?zāi)康募耙螅?使用DreamweaverMX“站點(diǎn)管理器功能，創(chuàng)立一個(gè)站點(diǎn)，并在本

3、地計(jì)算機(jī)上建立該站點(diǎn)的名目。2對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)展根本設(shè)置3練習(xí)網(wǎng)頁(yè)中文本的格式化4練習(xí)網(wǎng)頁(yè)中鏈接的創(chuàng)立、屬性的設(shè)置和鏈接的管理。5 3、學(xué)習(xí)使用層疊樣式表(CSS)對(duì)標(biāo)題承受相對(duì)定位方式，字體格式二、試驗(yàn)環(huán)境：本次試驗(yàn)基于Windows2000的操作系統(tǒng)，使用的軟件是DreamweaverMX三、試驗(yàn)內(nèi)容及步驟：試驗(yàn)內(nèi)容功能描述，上機(jī)操作具體步驟。四、試驗(yàn)總結(jié)通過上機(jī)實(shí)踐，對(duì)所學(xué)內(nèi)容的某個(gè)學(xué)問點(diǎn)有了更深化的理解，寫出一些體會(huì)、學(xué)習(xí)心得。一、試驗(yàn)?zāi)康募耙螅?了解表格、層以及框架的根本概念2練習(xí)插入表格，在表格中插入文本、圖像以及表格，并在屬性面板中設(shè)置表格屬性3在頁(yè)面中繪制層，練習(xí)使用嵌套層和重疊

4、層，并對(duì)層進(jìn)展編輯。4創(chuàng)立框架集文檔，在屬性面板中設(shè)置框架的顏色、邊界等。二、試驗(yàn)環(huán)境：本次試驗(yàn)基于Windows2000的操作系統(tǒng)，使用的軟件是DreamweaverMX三、試驗(yàn)內(nèi) 4、容及步驟：試驗(yàn)內(nèi)容功能描述，上機(jī)操作具體步驟。四、試驗(yàn)總結(jié)通過上機(jī)實(shí)踐，對(duì)所學(xué)內(nèi)容的某個(gè)學(xué)問點(diǎn)有了更深化的理解，寫出一些體會(huì)、學(xué)習(xí)心得。同組者丁夢(mèng)捷、陳嘉璐、洪萍實(shí)訓(xùn)目的把握Fireworks的根底操作方法。把握根本圖形的制作方法。把握制作按鈕、導(dǎo)航條。把握制作老師在課程演示的實(shí)例。試驗(yàn)場(chǎng)地現(xiàn)教403實(shí)訓(xùn)設(shè)備計(jì)算機(jī)安裝Dreamweaver、Fireworks、Flash軟件實(shí)訓(xùn)內(nèi)容內(nèi)容與步驟一、Firewo

5、rks圖像編輯技巧之各類工具的使用1.學(xué)習(xí)Fireworks中各類工具的使用2.工具使用技巧5項(xiàng)根本工具中選做3項(xiàng)試驗(yàn)要求：依據(jù)不同工具的應(yīng)用技法，設(shè)計(jì)并生成相應(yīng)的應(yīng)用效果圖。自選根本素材，通過某種技法的應(yīng)用產(chǎn)生不同的效果圖：1、選擇、 5、移動(dòng)與裁切工具的使用效果圖2、位圖繪圖和修飾工具的使用效果圖3、矢量繪圖工具的使用效果圖4、文字工具的使用效果圖5、其他掛念工具使用效果圖二、Fireworks創(chuàng)立動(dòng)畫1.學(xué)習(xí)Fireworks中創(chuàng)立簡(jiǎn)潔動(dòng)畫工具的使用2.工具使用技巧試驗(yàn)要求：1、生疏幀的根本操作2、制作簡(jiǎn)潔逐幀動(dòng)畫3、補(bǔ)間動(dòng)畫/選擇動(dòng)畫1、幀的插入、刪除、復(fù)制、移動(dòng)：a選擇“窗口幀指令，

6、翻開幀面板b在幀面板上練習(xí)幀的插入、刪除、復(fù)制、移動(dòng)c更改幀的命名d單擊幀面板右上角的三角形按鈕，復(fù)制多個(gè)幀，2、幀中對(duì)象的復(fù)制、移動(dòng)a在幀面板上，選擇要復(fù)制或移動(dòng)對(duì)象所在的幀,該幀的標(biāo)簽毀滅藍(lán)色矩形b按住“Alt,用鼠標(biāo)拖動(dòng)藍(lán)色矩形到目標(biāo)幀，完成幀中對(duì)象的復(fù)制c不按“Alt,用鼠標(biāo)拖動(dòng)藍(lán)色 6、矩形到目標(biāo)幀，完成幀中對(duì)象的移動(dòng)3、共享層的使用a建立一個(gè)468象素60象素的圖像，并導(dǎo)入一個(gè)位圖b輸入文字，并按下“Alt將文字復(fù)制對(duì)個(gè)副本c將位圖對(duì)象移動(dòng)到新層中，單擊面板右上角的按鈕，選擇“共享此層，共享層上的圖層會(huì)出如今全部幀中。d選擇全部文字對(duì)象，單擊幀面板中的“分散到幀4、制作簡(jiǎn)潔逐幀動(dòng)畫

7、a建立一個(gè)468象素60象素的圖像b繪制第1幀的圖像c分別繪制后面各幀的圖像d設(shè)定各幀的停留時(shí)間5、制作補(bǔ)間動(dòng)畫和選擇動(dòng)畫補(bǔ)間動(dòng)畫：a建立一個(gè)468象素60象素的圖像，并導(dǎo)入一個(gè)位圖b輸入文字，按“F8，將其轉(zhuǎn)換為圖形元件c按住“Alt，用鼠標(biāo)拖動(dòng)文字圖形元件，進(jìn)展復(fù)制d選中這兩個(gè)文字圖形元件，選擇“修改元件補(bǔ)間實(shí)例，設(shè)置對(duì)話框中的選項(xiàng)，留意 7、勾選“分散到幀。選擇動(dòng)畫c選擇“修改動(dòng)畫選擇動(dòng)畫，設(shè)置對(duì)話框中的選項(xiàng)。6、動(dòng)畫的輸出a選擇“文件導(dǎo)出向?qū)選擇導(dǎo)出格式中的“GIF動(dòng)畫c導(dǎo)出三、制作交互性網(wǎng)頁(yè)元素1、熱區(qū)a翻開或創(chuàng)立需要建立熱區(qū)的文檔b繪制熱區(qū)，可用“指針工具移動(dòng)熱區(qū)，用“局部選定工

8、具調(diào)整熱區(qū)樣子c為熱區(qū)指定鏈接地址d導(dǎo)出圖像及HTML代碼2、按鈕a選擇“編輯插入新建按鈕b在“釋放狀態(tài)下，繪制按鈕外觀c在“滑過狀態(tài)下，繪制按鈕外觀，當(dāng)然可以“復(fù)制彈起時(shí)的圖形d同樣處理“按下、“按下時(shí)滑過狀態(tài)下的按鈕外觀e設(shè)置按鈕“活動(dòng)區(qū)域f“預(yù)覽，導(dǎo)出圖像及HTML代碼3、切片a翻開或創(chuàng)立需要建立切片的網(wǎng)頁(yè)圖像b使用切片在網(wǎng)頁(yè)的導(dǎo)航欄上繪制切片，可用“指針工具移動(dòng)熱區(qū)， 8、用“局部選定工具調(diào)整切片樣子c可為切片指定鏈接地址d導(dǎo)出圖像及HTML代碼，留意選擇“導(dǎo)出切片4、行為簡(jiǎn)潔翻滾圖、下拉菜單簡(jiǎn)潔翻滾圖：a制作第1幀的圖形內(nèi)容b制作第2幀的圖形內(nèi)容c選擇第1幀，在“行為面板上，添加“簡(jiǎn)

9、潔變換圖像行為(相當(dāng)于在網(wǎng)頁(yè)層上創(chuàng)立了一個(gè)切片)d“預(yù)覽，導(dǎo)出圖像及HTML代碼下拉菜單：a翻開或創(chuàng)立需要建立切片的網(wǎng)頁(yè)圖像b使用切片在網(wǎng)頁(yè)的導(dǎo)航欄上繪制切片c選中切片，添加“設(shè)置彈出菜單行為，在“菜單編輯器中設(shè)置d導(dǎo)出圖像及HTML代碼，留意選擇“導(dǎo)出切片試驗(yàn)名稱：使用Dreamweaver進(jìn)展頁(yè)面布局設(shè)計(jì)課程名稱：網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)老師：劉軒班級(jí)：學(xué)號(hào)：姓名：成果：一、試驗(yàn)?zāi)康募耙螅?利用Fireworks工具，學(xué)習(xí)繪 9、制根本的圖形。2利用Fireworks創(chuàng)立和編輯位圖、矢量圖像，要求將處理前后的圖像作比照，并說明處理的過程和用到的方法。3使用Fireworks編輯文本，創(chuàng)立路徑文本。4

10、利用Fireworks對(duì)圖像處理，產(chǎn)生羽化效果。5利用Fireworks制作懸停按鍵。二、試驗(yàn)環(huán)境：本次試驗(yàn)基于Windows2000的操作系統(tǒng)，使用的軟件是FireworksMX三、試驗(yàn)內(nèi)容及步驟：試驗(yàn)內(nèi)容功能描述，上機(jī)操作具體步驟。四、試驗(yàn)總結(jié)通過上機(jī)實(shí)踐，對(duì)所學(xué)內(nèi)容的某個(gè)學(xué)問點(diǎn)有了更深化的理解，寫出一些體會(huì)、學(xué)習(xí)心得。試驗(yàn)名稱：使用Fireworks處理圖像課程名稱：網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)老師：劉軒班級(jí)：學(xué)號(hào)：姓名：成果：一、試驗(yàn)?zāi)康募耙螅?練習(xí)Fireworks圖像切片工 10、具的使用，并能將切片圖像保存。2練習(xí)Fireworks圖像熱點(diǎn)工具的使用。3使用Fireworks進(jìn)展網(wǎng)站布局和版式

11、制作，通過熱點(diǎn)工具創(chuàng)立鏈接，通過切片切割圖像，并保存成Html網(wǎng)頁(yè)。二、試驗(yàn)環(huán)境：本次試驗(yàn)基于Windows2000的操作系統(tǒng)，使用的軟件是FireworksMX三、試驗(yàn)內(nèi)容及步驟：試驗(yàn)內(nèi)容功能描述，上機(jī)操作具體步驟。四、試驗(yàn)總結(jié)通過上機(jī)實(shí)踐，對(duì)所學(xué)內(nèi)容的某個(gè)學(xué)問點(diǎn)有了更深化的理解，寫出一些體會(huì)、學(xué)習(xí)心得。試驗(yàn)名稱：使用Fireworks制作網(wǎng)站課程名稱：網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)老師：劉軒班級(jí)：學(xué)號(hào)：姓名：成果：一、試驗(yàn)?zāi)康募耙螅?練習(xí)創(chuàng)立一個(gè)Flash文檔，并在舞臺(tái)上使用繪圖工具箱繪制簡(jiǎn)潔的幾何圖形2了解圖層，練習(xí)圖層的添加、刪除、命名 11、等操作3練習(xí)幀的操作，包括創(chuàng)立關(guān)鍵幀、創(chuàng)立空白關(guān)鍵幀，幀的復(fù)制、粘貼和刪除等。4練習(xí)創(chuàng)立動(dòng)作漸變動(dòng)畫、樣子漸變動(dòng)畫、路徑動(dòng)畫和遮罩動(dòng)畫。5練習(xí)Flash中幀的把握，并用Flash制作簡(jiǎn)潔的綜合動(dòng)畫。二、試驗(yàn)環(huán)境：本次試驗(yàn)基于Windows2000的操作系統(tǒng)，使用的軟件是FlashMX三、試驗(yàn)內(nèi)容及步驟：試驗(yàn)內(nèi)容功能描述，上機(jī)操作具體步驟。四、試驗(yàn)總結(jié)通過上機(jī)實(shí)踐，對(duì)所學(xué)內(nèi)容的某個(gè)學(xué)問點(diǎn)有了更深化的理解，寫出一些體會(huì)、學(xué)習(xí)心得。試驗(yàn)名稱：使用Flash制作簡(jiǎn)潔的動(dòng)畫課程名稱：網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)老師：劉軒班級(jí)：學(xué)號(hào)：姓名：成果：一、試驗(yàn)?zāi)康募耙螅?使用DreamweaverMX上傳自己的站點(diǎn)2對(duì)自己的站點(diǎn)分別進(jìn)展下載時(shí)間測(cè)試、掃瞄器兼容性測(cè)試