《網(wǎng)頁設(shè)計制作員》(中級)操作試題卷(C)分享

1、文檔供參考，可復(fù)制、編制，期待您的好評與關(guān)注！ 2010年虹口區(qū)職業(yè)技能競賽網(wǎng)頁設(shè)計制作員（四級）操作技能試題卷（C）注意事項(xiàng)：1、在D盤新建一個考生文件夾，其文件夾名為：網(wǎng)頁設(shè)計制作員4級_考生準(zhǔn)考證號_姓名，考生所做的結(jié)果必須保存在該考生文件夾內(nèi)?？荚囘^程中應(yīng)注意經(jīng)常保存文件。2、考試所需素材在C盤：網(wǎng)頁設(shè)計制作員素材文件夾內(nèi)。3、答題以試題文字要求為準(zhǔn)，樣張僅供參考。4、試卷不得帶走，否則考試成績做無效處理。試題代碼：1.1.4試題名稱：設(shè)計制作網(wǎng)頁內(nèi)容文字和圖表效果規(guī)定用時： 30分鐘1、操作條件（1）素材a）“留言板”頁面效果圖樣張“1.1.4.1.bmp”b）未全部完成的留言板網(wǎng)頁

2、素材庫文件夾“1.1.4.2”（2）以上素材均在考試機(jī)指定的“素材庫1.1.4”文件夾內(nèi)。2、操作內(nèi)容利用素材庫文件夾“1.1.4.2”內(nèi)的網(wǎng)頁文件，參照樣張“1.1.4.1.bmp”，完成頁面的制作，具體操作內(nèi)容如下：（1）使用Dreamweaver創(chuàng)建“莘莘學(xué)子”站點(diǎn)，并導(dǎo)入素材庫文件夾“1.1.4.2”內(nèi)容；（2）編輯導(dǎo)入素材庫文件內(nèi)的 “css.css”中的body類，修改body屬性；（3）參照效果圖樣張1.1.4.1.bmp，在留言板區(qū)域內(nèi)相應(yīng)單元格內(nèi)插入留言板頂部居中對齊的div標(biāo)簽； （4）參照效果圖樣張1.1.4.1.bmp，在留言板區(qū)域內(nèi)相應(yīng)單元格內(nèi)插入留言板留言信息居中對

3、齊的div標(biāo)簽。3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.1.4”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用Dreamweaver創(chuàng)建“莘莘學(xué)子”站點(diǎn)，并導(dǎo)入素材庫文件夾“1.1.4.2”內(nèi)容，具體要求如下：a）使用Dreamweaver在考生文件夾創(chuàng)建“Xinxin1.1.4”站點(diǎn)文件夾b）復(fù)制素材庫文件夾“1.1.4.2”內(nèi)的網(wǎng)頁html文件及圖片文件夾至“Xinxin1.1.4”站點(diǎn)文件夾目錄；（3）編輯導(dǎo)入素材庫文件內(nèi)的 “css.css”中的body類，修改body屬性，具體要求如下：a）設(shè)置文本屬性為：宋體、12像素、1.3倍行高、深灰色（#66

4、6666）；（4）參照效果圖樣張1.1.4.1.bmp，在留言板區(qū)域內(nèi)相應(yīng)單元格內(nèi)插入留言板頂部居中對齊的div標(biāo)簽，具體要求如下:a）參照效果圖樣張，在留言板區(qū)域內(nèi)，在相應(yīng)單元格內(nèi)插入一個id為“message_top”，居中對齊的div標(biāo)簽，b）在“message_top”內(nèi)添加文本“請在此留意”c）為div標(biāo)簽“message_top”，在css.css內(nèi)為“message_top” div標(biāo)簽設(shè)置css類。文本屬性為：宋體，14像素，加粗，黑色，1.5倍行高；背景顏色為：#C8EA9D；邊框樣式參照樣張，邊框顏色為：#006600，邊框粗細(xì)為1像素。（5）參照效果圖樣張1.1.4.1.

5、bmp，在留言板區(qū)域內(nèi)相應(yīng)單元格內(nèi)插入留言板留言信息居中對齊的div標(biāo)簽，具體要求如下:a）參照效果圖樣張，在留言板區(qū)域內(nèi)，在相應(yīng)單元格內(nèi)插入一個id為“message_main”，居中對齊的div標(biāo)簽b）插入一個類型為“文本”，id和名稱均為“name”的文本字段，標(biāo)簽文字為“您的姓名：”；Tab索引鍵為1；文本域字符寬度為10。c）插入一個id和名稱均為“sex”的列表/菜單，標(biāo)簽文字為“性別：”；Tab索引鍵為2；列表項(xiàng)為：男、女。d）插入一個類型為“文本”，id和名稱均為“age”的文本字段，標(biāo)簽文字為“年齡：”；Tab索引鍵為3；文本域字符寬度為10。e）插入一個id和名稱均為“co

6、ntent”的文本區(qū)域，標(biāo)簽文字為“內(nèi)容：”；Tab索引鍵為4；字符寬度為40，行數(shù)5。f）插入一個id和名稱均為“ok”的按鈕，按鈕文本為“提交內(nèi)容：”；Tab索引鍵為5，動作為提交表單。g）為div標(biāo)簽“message_main”，在css.css內(nèi)為“message_main”div標(biāo)簽設(shè)置css類。文本屬性為：宋體，12像素，黑色，1.5倍行高；背景顏色為：#EFF9E3；邊框樣式參照樣張，邊框顏色為：#006600，邊框粗細(xì)為1像素。試題代碼：1.2.4試題名稱：制作Gif動畫規(guī)定用時： 20分鐘1、操作條件（1）素材Fireworks制作的文字動畫樣張“1.2.4.1.gif”（2

7、）以上素材均在考試機(jī)指定的“素材庫1.2.4”文件夾內(nèi)。2、操作內(nèi)容參照樣張，制作gif動畫（1）使用fireworks新建動畫文檔；（2）參照動畫樣張“1.2.4.1.gif”在動畫文檔中添加文本，并做調(diào)整；（3）通過重置幀對話框設(shè)置動畫幀數(shù)量和屬性；（4）參照動畫樣張“1.2.4.1.gif”完成動畫效果制作；（5）保存操作結(jié)果和操作的歷史記錄。3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.2.4”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用fireworks新建動畫文檔，具體要求如下：a)大小為“40像素×80像素”b)背景顏色為白色（3）參照動畫

8、樣張“1.2.4.1.gif”在動畫文檔中添加文本，并做調(diào)整，具體要求如下：a)參照樣張“1.2.4.1.gif”字體輸入文字”1”用紅色填充；b)參照樣張設(shè)置文字的字體、像素大小等樣式（4）通過重置幀對話框設(shè)置動畫幀數(shù)量和屬性，具體要求如下：a) 設(shè)置重置幀數(shù)量為9；b) 設(shè)置新幀在當(dāng)前幀之后插入；（5）參照動畫樣張“1.2.4.1.gif”完成動畫效果制作，具體要求如下：a)選擇每一幀，并修改畫布中的相應(yīng)數(shù)字為（09）b)參照樣張“1.2.4.1.gif”調(diào)節(jié)幀的播放速度c)設(shè)置Gif動畫循環(huán)為“永久”（6）保存操作結(jié)果和操作的歷史記錄（關(guān)鍵步驟，未操作整題無分）a)導(dǎo)出效果至考生文件夾，

9、文件名“1.2.4.gif”，圖片色彩選擇128色，并保存fireworks文件為“1.2.4.png” b)保存所有的歷史記錄為命令“1.2.4”。 試題代碼：1.4.4試題名稱：設(shè)計制作網(wǎng)頁動態(tài)效果考核時間：20分鐘1、操作條件（1）素材Flash文件“1.4.4.1.swf”（2）以上素材均在考試機(jī)指定的“素材庫1.4.4”文件夾內(nèi)。2、操作內(nèi)容依照要求，利用素材完成動態(tài)效果制作，操作內(nèi)容如下：（1）使用Dreamweaver新建空白網(wǎng)頁，添加素材“1.4.4.1.swf”；（2）在新建網(wǎng)頁內(nèi)增加“播放”“停止”“重放”文字鏈接；（3）使用Dreamweaver行為分別實(shí)現(xiàn)“播放”“停止

10、”“重放”文字鏈接對“1.4.4.1.swf”的控制操作；（4）保存操作結(jié)果3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.4.4”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用Dreamweaver新建空白網(wǎng)頁，添加素材“1.4.4.1.swf”，具體要求如下：a)在空白網(wǎng)頁內(nèi)制作表格，單列兩行，表格邊框不顯示；b)將素材“1.4.4.1.swf”加載到第一行。（3）在新建網(wǎng)頁內(nèi)增加“播放”“停止”“重放”文字鏈接，具體要求如下：a)設(shè)置表格第二行單元格屬性右對齊b)在第二行嵌套增加一個單行三列的表格，邊框不顯示，c)三個文字鏈接添加分別加在嵌套表格的不同單元格；d

11、)鏈接均設(shè)置為空（4）使用Dreamweaver行為分別實(shí)現(xiàn)“播放”“停止”“重放”文字鏈接對“1.4.4.1.swf”的控制操作，具體要求如下：a)播放鏈接控制“1.4.4.1.swf”開始播放b)停止鏈接可以停止“1.4.4.1.swf”的播放c)重放鏈接可以讓“1.4.4.1.swf”重新開始播放（5）保存操作結(jié)果至考生文件夾內(nèi)的1.4.4目錄（關(guān)鍵步驟，未保存整題無分）試題代碼：1.6.4試題名稱：網(wǎng)頁優(yōu)化下載上傳和維護(hù)規(guī)定用時： 20分鐘1、操作條件（1）任務(wù)背景有用戶在搜索引擎Google 檢索“莘莘學(xué)子”，無法找到這個網(wǎng)站，只有通過關(guān)鍵字“莘莘”“學(xué)子”才能找到該網(wǎng)站。有必要對“

12、莘莘學(xué)子”網(wǎng)站進(jìn)行一次針對搜索引擎的優(yōu)化。（2）素材在考試機(jī)指定的“素材1.6.4”文件夾內(nèi)。2、操作內(nèi)容（1）對主頁“index.html” 及其他網(wǎng)頁進(jìn)行針對搜索引擎的優(yōu)化；（2）對主頁“index.html”進(jìn)行鏈接優(yōu)化；3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.6.4”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）將素材庫文件夾“1.6.5.1”內(nèi)的文件復(fù)制到考生文件夾相應(yīng)子目錄。（3）對主頁“index.html”及其他網(wǎng)頁進(jìn)行針對搜索引擎的優(yōu)化：a）設(shè)置網(wǎng)頁默認(rèn)語言編碼為“UTF8”的正確編碼b）規(guī)范網(wǎng)頁標(biāo)題為“莘莘學(xué)子”c）對主頁進(jìn)行關(guān)鍵字優(yōu)化，關(guān)鍵字

13、為“莘莘，學(xué)子，小學(xué)，莘莘學(xué)子” d）清除主頁中不屬于Dreamweaver的HTML注解（4）對主頁“index.html”進(jìn)行鏈接優(yōu)化a）找到本地站點(diǎn)的主頁“index.html”未添加鏈接的圖片按鈕；b）對鏈接進(jìn)行修正，將未添加鏈接的按鈕均添加目標(biāo)為bbs.html的鏈接試題代碼：1.7.4試題名稱：制作網(wǎng)站主要頁面規(guī)定用時： 60分鐘1、操作條件（1）素材a）網(wǎng)站首頁效果圖樣張“1.7.4.1.bmp”b）網(wǎng)站首頁切片素材“1.7.4.2.bmp”c）網(wǎng)站首頁切片要求“1.7.4.3.bmp”d）素材“1.7.4.4.swf”e）圖片素材位于素材庫文件夾“1.7.4.4”（2）以上素材

14、均在考試機(jī)指定的“素材庫1.7.4”文件夾內(nèi)。2、操作內(nèi)容參照樣張1.7.4.1.bmp，并根據(jù)要求制作“莘莘學(xué)子”網(wǎng)站主要頁面，具體內(nèi)容如下：（1）使用Dreamweaver網(wǎng)頁制作工具建立“莘莘學(xué)子”站點(diǎn)；（2）根據(jù)操作要求使用Photoshop圖像設(shè)計工具對網(wǎng)站首頁切片素材1.7.4.2.bmp進(jìn)行切片處理，并導(dǎo)出網(wǎng)站首頁；（3）根據(jù)操作要求利用Dreamweaver在站點(diǎn)內(nèi)制作二級功能模塊頁面的空白html文件，并在網(wǎng)頁中添加相應(yīng)文本；（4）根據(jù)操作要求使用素材庫文件夾“1.7.4.4”內(nèi)的圖片文件，制作完成首頁的若干鏈接設(shè)置；（5）根據(jù)操作要求選擇使用框架網(wǎng)頁方式，制作“論壇”模塊主

15、頁面的網(wǎng)頁框架。3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.7.4”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用Dreamweaver網(wǎng)頁制作工具在考生文件夾 建立“莘莘學(xué)子”站點(diǎn)，具體要求如下：a）使用Dreamweaver網(wǎng)頁制作工具，在考生文件夾下創(chuàng)建“Xinxin1.7.4”站點(diǎn)；b）在站點(diǎn)文件夾中，創(chuàng)建圖象文件夾 “images”； （3）使用Photoshop圖像設(shè)計工具對網(wǎng)站首頁切片素材1.7.4.2.bmp進(jìn)行切片處理，并導(dǎo)出網(wǎng)站首頁，具體要求：a)按照網(wǎng)站首頁切片要求1.7.4.3.bmpb)網(wǎng)頁文件命名為index2.html，保存到創(chuàng)建的“

16、莘莘學(xué)子”站點(diǎn)文件夾；c)圖片文件按照“index_編號.jpg”命名，保存到“莘莘學(xué)子”站點(diǎn)的“images”目錄；（4）利用Dreamweaver在站點(diǎn)內(nèi)制作二級功能模塊頁面的空白html文件，并在網(wǎng)頁中添加相應(yīng)文本，要求如下：a）concept.html，添加相應(yīng)文本“簡介”，采用素材“1.7.4.4.swf”作為導(dǎo)航欄；b）history.html，添加相應(yīng)文本“學(xué)校歷史”，添加“首頁”和“關(guān)閉窗口”的文字鏈接，并實(shí)現(xiàn)相應(yīng)功能；c）story.html，添加相應(yīng)文本“學(xué)校故事”，添加“首頁”和“關(guān)閉窗口”的文字鏈接，并實(shí)現(xiàn)相應(yīng)功能；d）education.html，添加相應(yīng)文本“教育教

17、學(xué)”，添加“首頁”和“關(guān)閉窗口”的文字鏈接，并實(shí)現(xiàn)相應(yīng)功能；e）文件保存在站點(diǎn)文件夾根目錄；（5）根據(jù)操作要求使用素材庫文件夾“1.7.4.4”內(nèi)的圖片文件，制作完成首頁的若干鏈接設(shè)置，具體要求如下：a）將圖片素材庫文件夾“1.7.4.4”內(nèi)的圖片文件復(fù)制到站點(diǎn)文件夾：b）建立“簡介”的圖片鏈接，鏈接至“concept.html”形式為替換本頁打開方式。c）建立“學(xué)校歷史”的圖片鏈接，鏈接至“history.html”，在新窗口中打開。d）建立“學(xué)校故事”的圖片鏈接，鏈接至“story.html”，在新窗口中打開。e）建立“教育教學(xué)”的圖片鏈接，鏈接至“education.html”，在新窗口中打開。g）建立“聯(lián)系我們”設(shè)置圖片鏈接，的鏈接方式是郵件鏈接，郵件地址為：“shenshen”； h）為左上角的logo圖片設(shè)置熱區(qū)鏈接，鏈接至“#”； （6）根據(jù)操作要求選擇使用框架網(wǎng)頁方式，制作“論壇”模塊主頁面的網(wǎng)頁框架，具體要求如下：a）文件名為“bbs.html”，保存到網(wǎng)站文件夾根目錄；b）采用左側(cè)固定，上方嵌套型框架；，頁面大小為780像素