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

文檔供參考，可復制、編制，期待您的好評與關注！ 2010年虹口區(qū)職業(yè)技能競賽網頁設計制作員（四級）操作技能試題卷（C）注意事項：1、在D盤新建一個考生文件夾，其文件夾名為：網頁設計制作員4級_考生準考證號_姓名，考生所做的結果必須保存在該考生文件夾內?？荚囘^程中應注意經常保存文件。2、考試所需素材在C盤：網頁設計制作員素材文件夾內。3、答題以試題文字要求為準，樣張僅供參考。4、試卷不得帶走，否則考試成績做無效處理。試題代碼：1.1.4試題名稱：設計制作網頁內容文字和圖表效果規(guī)定用時： 30分鐘1、操作條件（1）素材a）“留言板”頁面效果圖樣張“1.1.4.1.bmp”b）未全部完成的留言板網頁素材庫文件夾“1.1.4.2”（2）以上素材均在考試機指定的“素材庫1.1.4”文件夾內。2、操作內容利用素材庫文件夾“1.1.4.2”內的網頁文件，參照樣張“1.1.4.1.bmp”，完成頁面的制作，具體操作內容如下：（1）使用Dreamweaver創(chuàng)建“莘莘學子”站點，并導入素材庫文件夾“1.1.4.2”內容；（2）編輯導入素材庫文件內的 “css.css”中的body類，修改body屬性；（3）參照效果圖樣張1.1.4.1.bmp，在留言板區(qū)域內相應單元格內插入留言板頂部居中對齊的div標簽； （4）參照效果圖樣張1.1.4.1.bmp，在留言板區(qū)域內相應單元格內插入留言板留言信息居中對齊的div標簽。3、操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.1.4”子目錄，將所有操作結果保存至該文件夾下。（2）使用Dreamweaver創(chuàng)建“莘莘學子”站點，并導入素材庫文件夾“1.1.4.2”內容，具體要求如下：a）使用Dreamweaver在考生文件夾創(chuàng)建“Xinxin1.1.4”站點文件夾b）復制素材庫文件夾“1.1.4.2”內的網頁html文件及圖片文件夾至“Xinxin1.1.4”站點文件夾目錄；（3）編輯導入素材庫文件內的 “css.css”中的body類，修改body屬性，具體要求如下：a）設置文本屬性為：宋體、12像素、1.3倍行高、深灰色（#666666）；（4）參照效果圖樣張1.1.4.1.bmp，在留言板區(qū)域內相應單元格內插入留言板頂部居中對齊的div標簽，具體要求如下:a）參照效果圖樣張，在留言板區(qū)域內，在相應單元格內插入一個id為“message_top”，居中對齊的div標簽，b）在“message_top”內添加文本“請在此留意”c）為div標簽“message_top”，在css.css內為“message_top” div標簽設置css類。文本屬性為：宋體，14像素，加粗，黑色，1.5倍行高；背景顏色為：#C8EA9D；邊框樣式參照樣張，邊框顏色為：#006600，邊框粗細為1像素。（5）參照效果圖樣張1.1.4.1.bmp，在留言板區(qū)域內相應單元格內插入留言板留言信息居中對齊的div標簽，具體要求如下:a）參照效果圖樣張，在留言板區(qū)域內，在相應單元格內插入一個id為“message_main”，居中對齊的div標簽b）插入一個類型為“文本”，id和名稱均為“name”的文本字段，標簽文字為“您的姓名：”；Tab索引鍵為1；文本域字符寬度為10。c）插入一個id和名稱均為“sex”的列表/菜單，標簽文字為“性別：”；Tab索引鍵為2；列表項為：男、女。d）插入一個類型為“文本”，id和名稱均為“age”的文本字段，標簽文字為“年齡：”；Tab索引鍵為3；文本域字符寬度為10。e）插入一個id和名稱均為“content”的文本區(qū)域，標簽文字為“內容：”；Tab索引鍵為4；字符寬度為40，行數(shù)5。f）插入一個id和名稱均為“ok”的按鈕，按鈕文本為“提交內容：”；Tab索引鍵為5，動作為提交表單。g）為div標簽“message_main”，在css.css內為“message_main”div標簽設置css類。文本屬性為：宋體，12像素，黑色，1.5倍行高；背景顏色為：#EFF9E3；邊框樣式參照樣張，邊框顏色為：#006600，邊框粗細為1像素。試題代碼：1.2.4試題名稱：制作Gif動畫規(guī)定用時： 20分鐘1、操作條件（1）素材Fireworks制作的文字動畫樣張“1.2.4.1.gif”（2）以上素材均在考試機指定的“素材庫1.2.4”文件夾內。2、操作內容參照樣張，制作gif動畫（1）使用fireworks新建動畫文檔；（2）參照動畫樣張“1.2.4.1.gif”在動畫文檔中添加文本，并做調整；（3）通過重置幀對話框設置動畫幀數(shù)量和屬性；（4）參照動畫樣張“1.2.4.1.gif”完成動畫效果制作；（5）保存操作結果和操作的歷史記錄。3、操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.2.4”子目錄，將所有操作結果保存至該文件夾下。（2）使用fireworks新建動畫文檔，具體要求如下：a)大小為“40像素×80像素”b)背景顏色為白色（3）參照動畫樣張“1.2.4.1.gif”在動畫文檔中添加文本，并做調整，具體要求如下：a)參照樣張“1.2.4.1.gif”字體輸入文字”1”用紅色填充；b)參照樣張設置文字的字體、像素大小等樣式（4）通過重置幀對話框設置動畫幀數(shù)量和屬性，具體要求如下：a) 設置重置幀數(shù)量為9；b) 設置新幀在當前幀之后插入；（5）參照動畫樣張“1.2.4.1.gif”完成動畫效果制作，具體要求如下：a)選擇每一幀，并修改畫布中的相應數(shù)字為（09）b)參照樣張“1.2.4.1.gif”調節(jié)幀的播放速度c)設置Gif動畫循環(huán)為“永久”（6）保存操作結果和操作的歷史記錄（關鍵步驟，未操作整題無分）a)導出效果至考生文件夾，文件名“1.2.4.gif”，圖片色彩選擇128色，并保存fireworks文件為“1.2.4.png” b)保存所有的歷史記錄為命令“1.2.4”。 試題代碼：1.4.4試題名稱：設計制作網頁動態(tài)效果考核時間：20分鐘1、操作條件（1）素材Flash文件“1.4.4.1.swf”（2）以上素材均在考試機指定的“素材庫1.4.4”文件夾內。2、操作內容依照要求，利用素材完成動態(tài)效果制作，操作內容如下：（1）使用Dreamweaver新建空白網頁，添加素材“1.4.4.1.swf”；（2）在新建網頁內增加“播放”“停止”“重放”文字鏈接；（3）使用Dreamweaver行為分別實現(xiàn)“播放”“停止”“重放”文字鏈接對“1.4.4.1.swf”的控制操作；（4）保存操作結果3、操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.4.4”子目錄，將所有操作結果保存至該文件夾下。（2）使用Dreamweaver新建空白網頁，添加素材“1.4.4.1.swf”，具體要求如下：a)在空白網頁內制作表格，單列兩行，表格邊框不顯示；b)將素材“1.4.4.1.swf”加載到第一行。（3）在新建網頁內增加“播放”“停止”“重放”文字鏈接，具體要求如下：a)設置表格第二行單元格屬性右對齊b)在第二行嵌套增加一個單行三列的表格，邊框不顯示，c)三個文字鏈接添加分別加在嵌套表格的不同單元格；d)鏈接均設置為空（4）使用Dreamweaver行為分別實現(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）保存操作結果至考生文件夾內的1.4.4目錄（關鍵步驟，未保存整題無分）試題代碼：1.6.4試題名稱：網頁優(yōu)化下載上傳和維護規(guī)定用時： 20分鐘1、操作條件（1）任務背景有用戶在搜索引擎Google 檢索“莘莘學子”，無法找到這個網站，只有通過關鍵字“莘莘”“學子”才能找到該網站。有必要對“莘莘學子”網站進行一次針對搜索引擎的優(yōu)化。（2）素材在考試機指定的“素材1.6.4”文件夾內。2、操作內容（1）對主頁“index.html” 及其他網頁進行針對搜索引擎的優(yōu)化；（2）對主頁“index.html”進行鏈接優(yōu)化；3、操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.6.4”子目錄，將所有操作結果保存至該文件夾下。（2）將素材庫文件夾“1.6.5.1”內的文件復制到考生文件夾相應子目錄。（3）對主頁“index.html”及其他網頁進行針對搜索引擎的優(yōu)化：a）設置網頁默認語言編碼為“UTF8”的正確編碼b）規(guī)范網頁標題為“莘莘學子”c）對主頁進行關鍵字優(yōu)化，關鍵字為“莘莘，學子，小學，莘莘學子” d）清除主頁中不屬于Dreamweaver的HTML注解（4）對主頁“index.html”進行鏈接優(yōu)化a）找到本地站點的主頁“index.html”未添加鏈接的圖片按鈕；b）對鏈接進行修正，將未添加鏈接的按鈕均添加目標為bbs.html的鏈接試題代碼：1.7.4試題名稱：制作網站主要頁面規(guī)定用時： 60分鐘1、操作條件（1）素材a）網站首頁效果圖樣張“1.7.4.1.bmp”b）網站首頁切片素材“1.7.4.2.bmp”c）網站首頁切片要求“1.7.4.3.bmp”d）素材“1.7.4.4.swf”e）圖片素材位于素材庫文件夾“1.7.4.4”（2）以上素材均在考試機指定的“素材庫1.7.4”文件夾內。2、操作內容參照樣張1.7.4.1.bmp，并根據(jù)要求制作“莘莘學子”網站主要頁面，具體內容如下：（1）使用Dreamweaver網頁制作工具建立“莘莘學子”站點；（2）根據(jù)操作要求使用Photoshop圖像設計工具對網站首頁切片素材1.7.4.2.bmp進行切片處理，并導出網站首頁；（3）根據(jù)操作要求利用Dreamweaver在站點內制作二級功能模塊頁面的空白html文件，并在網頁中添加相應文本；（4）根據(jù)操作要求使用素材庫文件夾“1.7.4.4”內的圖片文件，制作完成首頁的若干鏈接設置；（5）根據(jù)操作要求選擇使用框架網頁方式，制作“論壇”模塊主頁面的網頁框架。3、操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.7.4”子目錄，將所有操作結果保存至該文件夾下。（2）使用Dreamweaver網頁制作工具在考生文件夾 建立“莘莘學子”站點，具體要求如下：a）使用Dreamweaver網頁制作工具，在考生文件夾下創(chuàng)建“Xinxin1.7.4”站點；b）在站點文件夾中，創(chuàng)建圖象文件夾 “images”； （3）使用Photoshop圖像設計工具對網站首頁切片素材1.7.4.2.bmp進行切片處理，并導出網站首頁，具體要求：a)按照網站首頁切片要求1.7.4.3.bmpb)網頁文件命名為index2.html，保存到創(chuàng)建的“莘莘學子”站點文件夾；c)圖片文件按照“index_編號.jpg”命名，保存到“莘莘學子”站點的“images”目錄；（4）利用Dreamweaver在站點內制作二級功能模塊頁面的空白html文件，并在網頁中添加相應文本，要求如下：a）concept.html，添加相應文本“簡介”，采用素材“1.7.4.4.swf”作為導航欄；b）history.html，添加相應文本“學校歷史”，添加“首頁”和“關閉窗口”的文字鏈接，并實現(xiàn)相應功能；c）story.html，添加相應文本“學校故事”，添加“首頁”和“關閉窗口”的文字鏈接，并實現(xiàn)相應功能；d）education.html，添加相應文本“教育教學”，添加“首頁”和“關閉窗口”的文字鏈接，并實現(xiàn)相應功能；e）文件保存在站點文件夾根目錄；（5）根據(jù)操作要求使用素材庫文件夾“1.7.4.4”內的圖片文件，制作完成首頁的若干鏈接設置，具體要求如下：a）將圖片素材庫文件夾“1.7.4.4”內的圖片文件復制到站點文件夾：b）建立“簡介”的圖片鏈接，鏈接至“concept.html”形式為替換本頁打開方式。c）建立“學校歷史”的圖片鏈接，鏈接至“history.html”，在新窗口中打開。d）建立“學校故事”的圖片鏈接，鏈接至“story.html”，在新窗口中打開。e）建立“教育教學”的圖片鏈接，鏈接至“education.html”，在新窗口中打開。g）建立“聯(lián)系我們”設置圖片鏈接，的鏈接方式是郵件鏈接，郵件地址為：“shenshen”； h）為左上角的logo圖片設置熱區(qū)鏈接，鏈接至“#”； （6）根據(jù)操作要求選擇使用框架網頁方式，制作“論壇”模塊主頁面的網頁框架，具體要求如下：a）文件名為“bbs.html”，保存到網站文件夾根目錄；b）采用左側固定，上方嵌套型框架；，頁面大小為780像素×428像素；c）左側頁面寬度度150像素，框架名稱left，文件名為“bbs_left.html”，添加文本“bbs_left” ，保存到網站文件夾根目錄；d）右側上方頁面高度100像素，框架名稱top，文件名為“bbs_top.html”，添加文本“bbs_top” ，保存到網站文件夾根目錄；e）右側下方頁面寬度采用相對設置，框架名稱main，文件名為“bbs _main.html”，添加文本“bbs_main”，保存到網站文件夾根目錄。f）在left框架的頁面中添加“返回首頁”鏈接，目標框架“main”，鏈接指向網站首頁。8 / 8