《網(wǎng)頁設(shè)計(jì)制作員》(中級(jí))操作試題卷(B)

精選優(yōu)質(zhì)文檔-傾情為你奉上2010年虹口區(qū)職業(yè)技能競(jìng)賽網(wǎng)頁設(shè)計(jì)制作員（四級(jí)）操作技能試題卷（B）注意事項(xiàng)：1、在D盤新建一個(gè)考生文件夾，其文件夾名為：網(wǎng)頁設(shè)計(jì)制作員4級(jí)_考生準(zhǔn)考證號(hào)_姓名，考生所做的結(jié)果必須保存在該考生文件夾內(nèi)?？荚囘^程中應(yīng)注意經(jīng)常保存文件。2、考試所需素材在C盤：網(wǎng)頁設(shè)計(jì)制作員素材文件夾內(nèi)。3、答題以試題文字要求為準(zhǔn)，樣張僅供參考。4、試卷不得帶走，否則考試成績(jī)做無效處理。試題代碼：1.1.5試題名稱：設(shè)計(jì)制作網(wǎng)頁內(nèi)容文字和圖表效果規(guī)定用時(shí)： 30分鐘1、操作條件（1）素材a）網(wǎng)頁素材文件夾“1.1.5.2”（2）以上素材均在考試機(jī)指定的“素材庫1.1.5”文件夾內(nèi)。2、操作內(nèi)容利用素材庫文件夾“網(wǎng)頁設(shè)計(jì)制作員素材1.1.5”內(nèi)的未全部完成的網(wǎng)站首頁素材庫文件夾“1.1.5.2”，參照“翠海幼兒園”網(wǎng)站首頁效果圖樣張“1.1.5.1.bmp”，完成頁面的制作，具體操作內(nèi)容如下：（1）使用Dreamweaver創(chuàng)建“翠海幼兒園”站點(diǎn)，并導(dǎo)入素材庫文件夾“1.1.5.2”內(nèi)容；（2）編輯“index.html”文件，定義一個(gè)僅對(duì)文檔內(nèi)部起效名為“myfont”的CSS類；（3）參照效果圖樣張1.1.5.1.bmp中“登錄區(qū)域”，制作網(wǎng)頁。 3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.1.5”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用Dreamweaver創(chuàng)建“翠海幼兒園”站點(diǎn)，并導(dǎo)入素材庫文件夾“1.1.5.2”內(nèi)容容，具體要求如下：a）使用Dreamweaver在指定保存位置創(chuàng)建“Cuihai1.1.5”站點(diǎn)文件夾b）復(fù)制素材庫文件夾“1.1.5.2”內(nèi)的網(wǎng)頁html文件及圖片文件夾至“Cuihai1.1.5”站點(diǎn)文件夾目錄；（3）編輯“index.html”文件，定義一個(gè)僅對(duì)文檔內(nèi)部起效名為“myfont”的CSS類，具體要求如下：a）設(shè)置文本屬性為：宋體、12像素、1.3倍行高、深灰色（#）；b）編輯index.html,設(shè)置“幼兒園簡(jiǎn)介”中的文本應(yīng)用該類（4）參照效果圖樣張1.1.5.1.bmp中“登錄區(qū)域”，制作網(wǎng)頁，具體要求如下:a）號(hào)單元格內(nèi)插入一個(gè)id為“div_name”，居中對(duì)齊的div標(biāo)簽。b）在“div_name”內(nèi)插入一個(gè)類型為“文本”，id和名稱均為“name”的文本字段，標(biāo)簽文字為“帳號(hào)：”；Tab索引鍵為1；文本域字符寬度為8。c）帳號(hào)單元格內(nèi)插入一個(gè)id為“div_pass”，居中對(duì)齊的div標(biāo)簽。d）在“div_pass”內(nèi)插入一個(gè)類型為“密碼”，id和名稱均為“password”的文本字段，標(biāo)簽文字為“密碼：”；Tab索引鍵為2；文本域字符寬度為8。e）在style.css中為“div_name”標(biāo)簽和“div_pass”標(biāo)簽，共同建立一個(gè)css類，設(shè)置文本顏色為灰色“#”。f）在登錄按鈕單元格內(nèi)插入一個(gè)id和名稱均為“l(fā)ogin”的圖像域，使用素材庫文件夾中圖片“images/119.gif” 試題代碼：1.2.5試題名稱：制作Gif動(dòng)畫規(guī)定用時(shí)： 20分鐘1、操作條件（1）素材加載動(dòng)畫樣張“1.2.5.1.gif”（2）以上素材均在考試機(jī)指定的“素材1.2.5”文件夾內(nèi)。2、操作內(nèi)容參照素材庫文件夾“網(wǎng)頁設(shè)計(jì)制作員素材1.2.5”文件夾內(nèi)的Fireworks制作的文字動(dòng)畫樣張“1.2.5.1.gif”制作gif動(dòng)畫，操作內(nèi)容如下：（1）使用fireworks新建動(dòng)畫文檔；（2）參照動(dòng)畫樣張“1.2.5.1.gif” 在畫布中間位置繪制一橢圓形，設(shè)置并轉(zhuǎn)換為符號(hào)；（3）克隆橢圓符號(hào)并旋轉(zhuǎn)180度；（4）使用命令菜單進(jìn)行插幀操作，并進(jìn)行對(duì)象組合；（5）參照樣張“1.2.5.1.gif”完成動(dòng)畫制作；（6）保存操作結(jié)果和操作的歷史記錄。3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.2.5”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用fireworks新建動(dòng)畫文檔，具體要求如下：a)大小為“200像素×200像素”b)背景顏色為白色（3）參照動(dòng)畫樣張“1.2.5.1.gif” 在畫布中間位置繪制一橢圓形，設(shè)置并轉(zhuǎn)換為符號(hào)，具體要求如下：a) 在畫布中間位置繪制一橢圓形，橢圓形的尺寸30*180；b) 描邊顏色為紅色，填充顏色為空c) 用菜單命令來擴(kuò)展路徑，設(shè)置寬度為1d) 設(shè)置描邊值為空，填充類型為線性漸變，漸變顏色共有四個(gè)顏色，分別是紅、藍(lán)、藍(lán)、黃，其中紅和藍(lán)顏色標(biāo)記疊放在一起，藍(lán)和黃顏色標(biāo)記疊放在一起。并設(shè)置漸變方向e）將改橢圓型轉(zhuǎn)換為符號(hào)，類型為圖像（4）克隆橢圓符號(hào)并旋轉(zhuǎn)180度，具體要求如下：a) 克隆當(dāng)前的符號(hào)對(duì)象；b) 將克隆的符號(hào)對(duì)象設(shè)置為旋轉(zhuǎn)180度；（5）使用命令菜單進(jìn)行插幀操作，并進(jìn)行對(duì)象組合，具體要求如下：a) 全選這二個(gè)對(duì)象，使用菜單命令進(jìn)行插幀操作b) 設(shè)置Steps值為25，不要發(fā)布到幀b) 將畫布中所有對(duì)象合成為組對(duì)象（6）參照樣張“1.2.5.1.gif”完成動(dòng)畫制作，具體要求如下：a) 設(shè)置符號(hào)類型為動(dòng)畫，幀數(shù)為11，旋轉(zhuǎn)角度為360度b) 刪除多于的第11幀c) 參照樣張“1.2.5.1.gif”，調(diào)整動(dòng)畫播放速度（7）保存操作結(jié)果和操作的歷史記錄（關(guān)鍵步驟，未操作整題無分）a)保存fireworks文件為“1.2.5.png” 至指定保存位置，并導(dǎo)出效果至指定保存位置文件名“1.2.5.gif”，圖片色彩選擇128色b)保存所有的歷史記錄為命令“1.2.5”。 試題代碼：1.4.5試題名稱：設(shè)計(jì)制作網(wǎng)頁動(dòng)態(tài)效果規(guī)定用時(shí)： 20分鐘1、操作條件（1）利用素材Flash文件“1.4.5.1.swf”依照要求，完成動(dòng)態(tài)效果制作.（2）以上素材均在考試機(jī)指定的“素材庫1.4.5”文件夾內(nèi)。2、操作內(nèi)容（1）使用Dreamweaver新建空白網(wǎng)頁，添加素材“1.4.5.1.swf”；（2）在新建網(wǎng)頁內(nèi)增加“檢查插件”文字鏈接；（3）使用Dreamweaver行為分別實(shí)現(xiàn)“檢查插件”功能；（4）保存操作結(jié)果3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.4.5”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用Dreamweaver新建空白網(wǎng)頁，添加素材“1.4.5.1.swf”，具體要求如下：a)在空白網(wǎng)頁內(nèi)制作表格，單列兩行，表格邊框不顯示；b)將素材“1.4.5.1.swf”加載到第二行。（3）在新建網(wǎng)頁內(nèi)增加“檢查插件”文字鏈接，具體要求如下：a)設(shè)置表格第一行單元格屬性居中對(duì)齊c)文字鏈接添加在第一行；d)鏈接設(shè)置為空（4）使用Dreamweaver行為分別實(shí)現(xiàn)“檢查插件”功能，具體要求如下：a)創(chuàng)建兩個(gè)空白網(wǎng)頁，right.html和error.html,并分別添加文本“您的系統(tǒng)支持flash插件”和“對(duì)不起，您還沒有安裝flash插件”b)點(diǎn)擊“檢查插件”檢查瀏覽器是否安裝了flash的插件；c)如安裝則跳轉(zhuǎn)到right.hml，如沒有安裝則跳轉(zhuǎn)到error.html（5）保存操作結(jié)果至考生文件夾內(nèi)的1.4.5目錄（關(guān)鍵步驟，未保存整題無分）試題代碼：1.6.5試題名稱：網(wǎng)頁優(yōu)化下載上傳和維護(hù)規(guī)定用時(shí)： 20分鐘1、操作條件（1）任務(wù)背景有用戶在搜索引擎Google 檢索“翠?！保瑹o法找到“翠海幼兒園”網(wǎng)站，只有通過關(guān)鍵字“翠海幼兒園”才能找到該網(wǎng)站。有必要對(duì)“翠海幼兒園”網(wǎng)站進(jìn)行一次針對(duì)搜索引擎的優(yōu)化。（2）素材在考試機(jī)指定的“素材1.6.5”文件夾內(nèi)。2、操作內(nèi)容（1）對(duì)主頁“index.html” 及其他網(wǎng)頁進(jìn)行針對(duì)搜索引擎的優(yōu)化；（2）對(duì)主頁“index.html”進(jìn)行鏈接優(yōu)化；3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.6.5”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）將素材庫文件夾“1.6.5.1”內(nèi)的文件復(fù)制到考生文件夾相應(yīng)子目錄。（3）對(duì)主頁“index.html”及其他頁面進(jìn)行針對(duì)搜索引擎的優(yōu)化：a）設(shè)置主頁默認(rèn)語言編碼為“中文繁體”的正確編碼b）規(guī)范網(wǎng)頁標(biāo)題為“翠海幼兒園”c）對(duì)主頁進(jìn)行關(guān)鍵字優(yōu)化，關(guān)鍵字為“翠海，幼兒園，托兒所，翠海幼兒園” d）清除主頁中不屬于Dreamweaver的HTML注解（4）對(duì)主頁“index.html”進(jìn)行鏈接優(yōu)化a）找到本地站點(diǎn)的主頁“index.html”未添加鏈接的圖片按鈕；b）對(duì)鏈接進(jìn)行修正，將未添加鏈接的按鈕均添加目標(biāo)為bbs.html的鏈接試題代碼：1.7.5試題名稱：制作網(wǎng)站主要頁面規(guī)定用時(shí)： 60分鐘1、操作條件（1）素材a）翠海幼兒園網(wǎng)站主頁效果圖 “1.7.5.1.bmp”b）切片要求“1.7.5.3.bmp”c）Flash動(dòng)畫效果“1.7.5.4.swf”（2）以上素材均在考試機(jī)指定的“素材1.7.5”文件夾內(nèi)。2、操作內(nèi)容利用素材庫文件夾“網(wǎng)頁設(shè)計(jì)制作員素材1.7.5”文件夾。網(wǎng)站首頁效果圖樣張“1.7.5.1.bmp”，網(wǎng)站首頁切片素材“1.7.5.2.bmp”，網(wǎng)站首頁切片要求“1.7.5.3.bmp”，素材“1.7.5.4.swf”，圖片素材位于素材庫文件夾“1.7.5.4”。參照樣張，并根據(jù)要求制作“翠海幼兒園”網(wǎng)站主要頁面，具體內(nèi)容如下：（1）使用Dreamweaver網(wǎng)頁制作工具建立“翠海幼兒園”站點(diǎn)；（2）根據(jù)操作要求使用Photoshop圖像設(shè)計(jì)工具對(duì)網(wǎng)站首頁切片素材1.7.5.2.bmp進(jìn)行切片處理，并導(dǎo)出網(wǎng)站首頁；（3）根據(jù)操作要求利用Dreamweaver在站點(diǎn)內(nèi)制作二級(jí)功能模塊頁面的空白html文件，并在網(wǎng)頁中添加相應(yīng)文本；（4）根據(jù)操作要求使用素材庫文件夾“1.7.5.4”內(nèi)的圖片文件，制作完成首頁的若干鏈接設(shè)置；（5）根據(jù)操作要求選擇使用框架網(wǎng)頁方式，制作“訪客留言”模塊主頁面的網(wǎng)頁框架。3、操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.7.5”子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用Dreamweaver網(wǎng)頁制作工具在考生文件夾 建立“翠海幼兒園”站點(diǎn)，具體要求如下：a）使用Dreamweaver網(wǎng)頁制作工具，在指定保存位置下創(chuàng)建“Cuihai1.7.5”站點(diǎn)；b）在站點(diǎn)文件夾中，創(chuàng)建圖象文件夾 “images”； （3）使用Photoshop圖像設(shè)計(jì)工具對(duì)網(wǎng)站首頁切片素材1.7.5.2.bmp進(jìn)行切片處理，并導(dǎo)出網(wǎng)站首頁，具體要求：a)按照網(wǎng)站首頁切片要求1.7.5.3.bmpb)網(wǎng)頁文件命名為index2.html，保存到創(chuàng)建的“翠海幼兒園”站點(diǎn)文件夾；c)圖片文件按照“index_編號(hào).jpg”命名，保存到“翠海幼兒園”站點(diǎn)的“images”目錄；（4）利用Dreamweaver在站點(diǎn)內(nèi)制作二級(jí)功能模塊頁面的空白html文件，并在網(wǎng)頁中添加相應(yīng)文本，要求如下：a）about.html，添加相應(yīng)文本“關(guān)于幼兒園”，添加“1.7.5.4.swf”導(dǎo)航條；b）education.html，添加相應(yīng)文本“教育教學(xué)”，添加“主頁”鏈接返回主頁；c）recruit.html，添加相應(yīng)文本“招生信息”，添加“主頁”鏈接返回主頁；e）文件保存在站點(diǎn)文件夾根目錄；（5）根據(jù)操作要求使用素材庫文件夾“1.7.5.4”內(nèi)的圖片文件，制作完成首頁的若干鏈接設(shè)置，具體要求如下：a）將圖片素材庫文件夾“1.7.5.4”內(nèi)的圖片文件復(fù)制到站點(diǎn)文件夾：b）建立“關(guān)于幼兒園”的圖片鏈接，鏈接至“#”形式為替換本頁打開方式。c）建立“教育教學(xué)”的圖片鏈接，鏈接至“education.html”，在新窗口中打開。d）建立“招生信息”的圖片鏈接，鏈接至“recruit.html”，在新窗口中打開。g）建立“聯(lián)系我們”設(shè)置圖片鏈接，的鏈接方式是郵件鏈接，郵件地址為：“cuihaicuihaicom”； h）為左上角的logo圖片設(shè)置熱區(qū)鏈接，鏈接至“#”； （6）根據(jù)操作要求選擇使用框架網(wǎng)頁方式，制作“訪客留言”模塊主頁面的網(wǎng)頁框架，具體要求如下：a）文件名為“message.html”，保存到網(wǎng)站文件夾根目錄；b）采用左側(cè)固定，上方嵌套型框架；，頁面大小為780像素×428像素；c）左側(cè)頁面寬度度150像素，框架名稱left，文件名為“message_left.html”，添加文本“message _left” ，保存到網(wǎng)站文件夾根目錄；d）右側(cè)上方頁面高度100像素，框架名稱top，文件名為“message _top.html”，添加文本“message _top” ，保存到網(wǎng)站文件夾根目錄；e）右側(cè)下方頁面寬度采用相對(duì)設(shè)置，框架名稱main，文件名為“message _main.html”，添加文本“message_main”，保存到網(wǎng)站文件夾根目錄。f）在left框架的頁面中添加“返回首頁”鏈接，目標(biāo)框架“main”，鏈接指向網(wǎng)站首頁。專心-專注-專業(yè)