《網(wǎng)頁設(shè)計制作員》(中級)操作試題卷(C).doc
《《網(wǎng)頁設(shè)計制作員》(中級)操作試題卷(C).doc》由會員分享,可在線閱讀,更多相關(guān)《《網(wǎng)頁設(shè)計制作員》(中級)操作試題卷(C).doc(8頁珍藏版)》請在裝配圖網(wǎng)上搜索。
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)頁素材庫文件夾“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)插入留言板留言信息居中對齊的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倍行高、深灰色(#666666);(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.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和名稱均為“content”的文本區(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)以上素材均在考試機(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)參照動畫樣張“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)出效果至考生文件夾,文件名“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)“播放”“停止”“重放”文字鏈接對“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)鏈接均設(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)站。有必要對“莘莘學(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)鍵字為“莘莘,學(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)以上素材均在考試機(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)頁方式,制作“論壇”模塊主頁面的網(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)建的“莘莘學(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)文本“教育教學(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è)置圖片鏈接,的鏈接方式是郵件鏈接,郵件地址為:“shenshenshenshen.com”; h)為左上角的logo圖片設(shè)置熱區(qū)鏈接,鏈接至“#”; (6)根據(jù)操作要求選擇使用框架網(wǎng)頁方式,制作“論壇”模塊主頁面的網(wǎng)頁框架,具體要求如下:a)文件名為“bbs.html”,保存到網(wǎng)站文件夾根目錄;b)采用左側(cè)固定,上方嵌套型框架;,頁面大小為780像素428像素;c)左側(cè)頁面寬度度150像素,框架名稱left,文件名為“bbs_left.html”,添加文本“bbs_left” ,保存到網(wǎng)站文件夾根目錄;d)右側(cè)上方頁面高度100像素,框架名稱top,文件名為“bbs_top.html”,添加文本“bbs_top” ,保存到網(wǎng)站文件夾根目錄;e)右側(cè)下方頁面寬度采用相對設(shè)置,框架名稱main,文件名為“bbs _main.html”,添加文本“bbs_main”,保存到網(wǎng)站文件夾根目錄。f)在left框架的頁面中添加“返回首頁”鏈接,目標(biāo)框架“main”,鏈接指向網(wǎng)站首頁。- 1.請仔細(xì)閱讀文檔,確保文檔完整性,對于不預(yù)覽、不比對內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
9.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計者僅對作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 網(wǎng)頁設(shè)計制作員 網(wǎng)頁 設(shè)計 制作 中級 操作 試題
鏈接地址:http://ioszen.com/p-8267080.html