2943950120網(wǎng)頁設計制作員 三級 實驗實訓指導書

《2943950120網(wǎng)頁設計制作員 三級 實驗實訓指導書》由會員分享，可在線閱讀，更多相關《2943950120網(wǎng)頁設計制作員 三級 實驗實訓指導書（90頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、前言本實驗實訓指導書，面向計算機各專業(yè)參加校企合作網(wǎng)頁設計制作員（三級）考證項目大專學生，強調實踐操作，旨在提高學生動手能力和自學能力。該指導書以實際考證項目培訓大綱、鑒定方案和試題庫樣題的要求編排，分二大模塊，第一模塊為綜合能力，包括設計制作網(wǎng)站總體方案及網(wǎng)頁效果，第二模塊為專項技能，包括網(wǎng)站頁面效果圖設計、制作網(wǎng)站主標識（logo）、制作網(wǎng)站導航、制作FLASH動畫和制作網(wǎng)頁動態(tài)效果五大部分，每一試題從操作內容、操作要求和操作步驟三個方面作了介紹。學生通過本教材的學習，可以提高網(wǎng)頁設計實戰(zhàn)能力。本指導書在編寫的過程中，參考了上海市職業(yè)研究發(fā)展中心組織編寫的網(wǎng)頁設計制作員（三級）相關資料，信

2、息經(jīng)管教學部唐政老師在百忙中認真審稿，給了很多建議，在此一并表示深深的謝意！由于編者能力有限，加之時間緊迫，因此錯誤和問題難免，懇請廣大讀者批評指正。作者 2012年12月于上海電機學院目錄模塊一 綜合能力11.1設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單21.1.1操作內容21.1.2操作要求21.1.3設計方案21.1.4設計方案參考答案41.2設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單51.2.1操作內容51.2.2操作要求51.2.3設計方案51.2.4設計方案參考答案71.3設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單81.3.1操作內容81.3.2操作要求81.3.3設計方案81.3.4設計方案

3、參考答案101.4設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單101.4.1操作內容101.4.2操作要求101.4.3設計方案111.4.4設計方案參考答案131.5設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單131.5.1操作內容131.5.2操作要求131.5.3設計方案141.5.4設計方案參考答案161.6設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單171.6.1操作內容171.6.2操作要求171.6.3設計方案171.6.4設計方案參考答案191.7設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單201.7.1操作內容201.7.2操作要求201.7.3設計方案201.7.4設計方案參考答案221.8設計制

4、作網(wǎng)站總體方案及網(wǎng)頁效果 試題單231.8.1操作內容231.8.2操作要求231.8.3設計方案231.8.4設計方案參考答案251.9設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單261.9.1操作內容261.9.2操作要求261.9.3設計方案261.9.4設計方案參考答案281.10設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單281.10.1操作內容281.10.2操作要求281.10.3設計方案291.10.4設計方案參考答案311.11設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單311.11.1操作內容311.11.2操作要求311.11.3設計方案321.11.4設計方案參考答案34模塊二 專項技能

5、352.1 設計制作頁面效果圖362.1.1 試題單362.1.1.1操作內容362.1.1.2操作要求362.1.1.3操作步驟362.1.2試題單372.1.2.1操作內容372.1.2.2操作要求372.1.2.3操作步驟382.1.3試題單392.1.3.1操作內容392.1.3.2操作要求392.1.3.3操作步驟392.1.4試題單402.1.4.1操作內容402.1.4.2操作要求402.1.4.3操作步驟412.1.5試題單412.1.5.1操作內容412.1.5.2操作要求412.1.5.3操作步驟422.1.6試題單432.1.6.1操作內容432.1.6.2操作要求432

6、.1.6.3操作步驟432.1.7試題單442.1.7.1操作內容442.1.7.2操作要求442.1.7.3操作步驟442.1.8試題單452.1.8.1操作內容452.1.8.2操作要求452.1.8.3操作步驟452.2 制作網(wǎng)站主標識（logo）462.2.1試題單462.2.1.1操作內容462.2.1.2操作要求462.2.1.3操作步驟462.2.2試題單472.2.2.1操作內容472.2.2.2操作要求472.2.2.3操作步驟472.2.3試題單482.2.3.1操作內容482.2.3.2操作要求482.2.3.3操作步驟482.2.4試題單492.2.4.1操作內容492

7、.2.4.2操作要求492.2.4.3操作步驟492.2.5試題單502.2.5.1操作內容502.2.5.2操作要求502.2.5.3操作步驟502.2.6試題單502.2.6.1操作內容502.2.6.2操作要求512.2.6.3操作步驟512.2.7試題單512.2.7.1操作內容512.2.7.2操作要求512.2.7.3操作步驟522.2.8試題單522.2.8.1操作內容522.2.8.2操作要求522.2.8.1操作步驟522.3制作網(wǎng)站導航532.3.1試題單532.3.1.1操作內容532.3.1.2操作要求532.3.1.3操作步驟532.3.2試題單542.3.2.1操作

8、內容542.3.2.2操作要求552.3.2.3操作步驟552.3.3試題單552.3.3.1操作內容552.3.3.2操作要求562.3.3.3操作步驟562.3.4試題單572.3.4.1操作內容572.3.4.2操作要求572.3.4.3操作步驟572.3.5試題單582.3.5.1操作內容582.3.5.2操作要求582.3.5.3操作步驟592.3.6試題單592.3.6.1操作內容592.3.6.2操作要求592.3.6.3操作步驟592.3.7試題單602.3.7.1操作內容602.3.7.2操作要求602.3.7.3操作步驟612.3.8試題單612.3.8.1操作內容612.

9、3.8.2操作要求612.3.8.3操作步驟622.4制作FLASH動畫632.4.1試題單632.4.1.1操作內容632.4.1.2操作要求632.4.1.3操作步驟632.4.2試題單632.4.2.1操作內容632.4.2.2操作要求642.4.2.3操作步驟642.4.3試題單642.4.3.1操作內容642.4.3.2操作要求652.4.3.3操作步驟652.4.4試題單652.4.4.1操作內容652.4.4.2操作要求652.4.4.3操作步驟662.4.5試題單662.4.5.1操作內容662.4.5.2操作要求662.4.5.3操作步驟672.4.6試題單672.4.6.1

10、操作內容672.4.6.2操作要求672.4.6.3操作步驟682.4.7試題單692.4.7.1操作內容692.4.7.2操作要求692.4.7.3操作步驟692.4.8試題單702.4.8.1操作內容702.4.8.2操作要求712.4.8.3操作步驟712.5制作網(wǎng)頁動態(tài)效果722.5.1試題單722.5.1.1操作內容722.5.1.2操作要求722.5.1.3操作步驟722.5.2試題單722.5.2.1操作內容722.5.2.2操作要求732.5.2.3操作步驟732.5.3試題單732.5.3.1操作內容732.5.3.2操作要求742.5.3.3操作步驟742.5.4試題單75

11、2.5.4.2操作要求752.5.4.3操作步驟752.5.5試題單772.5.5.1操作內容772.5.5.2操作要求772.5.5.3操作步驟772.5.6試題單782.5.6.1操作內容782.5.6.2操作要求782.5.6.3操作步驟782.5.7試題單792.5.7.1操作內容792.5.7.2操作要求792.5.7.3操作步驟802.5.8試題單802.5.8.1操作內容802.5.8.2操作要求812.5.8.3操作步驟81V網(wǎng)頁設計制作員 三級模塊一 綜合能力11.1設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單1.1.1操作內容 （1）按要求，結合素材1.1.1.doc中給定的信息

12、，完成網(wǎng)站設計方案；（2）按要求，結合素材文件夾中提供的內容，設計并制作綜合網(wǎng)頁。1.1.2操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.1”子目錄,將所有操作結果保存至該文件夾下。（考生文件夾命名：“網(wǎng)頁設計制作員3級_考生準考證號_姓名”）（2）打開素材“1.1.1.doc”，在設計方案模板提供的選項中，選擇正確項匹配（ ）中編號，將答案按編號填入文檔最后部分的答題卷上，最后將文件保存在考生文件夾下。（3）按以下要求，設計并制作綜合網(wǎng)頁。a) 在考生文件夾下，建立“MATLOCK”站點，并將“1.1.2”文件夾中的內容，復制到站點下相應的文件夾內。b) 根據(jù)“風格設計”

13、中對版式的設計，在“1.1.3.jpg”與“1.1.4.jpg”中選擇相應的頁面效果圖為模板，制作“首頁”、“職位招聘”頁面（“invite.html”）。c) 根據(jù)信息的重要性、信息量等要素，合理設置“1.1.5.txt”中的文本在“首頁”中的位置與字體屬性（包括字體、大小、顏色、加粗、傾斜等）。d) 根據(jù)色彩平衡性的原則，將圖片“1.1.7.jpg” 與“1.1.8.jpg”作為相應單元格的背景。e) 以標準名稱保存首頁f) 利用表單，結合“1.1.6.txt”中的文本完成“職位招聘”頁面。g) 根據(jù)“網(wǎng)站結構”圖，在“首頁”與“職位招聘”間實現(xiàn)導航鏈接和快速鏈接。1.1.3設計方案一、前

14、言惠龍電訊集團成立于1981年，公司總部設在香港，并先后在臺北、上海和北京設立分公司?；蔟堧娪嵵铝τ跒橹袊箨?、香港、臺灣地區(qū)以及亞洲各國提供優(yōu)質的專業(yè)語音 / 數(shù)據(jù) / 視像通訊系統(tǒng)及服務。目前客戶累計超過三千家，覆蓋的行業(yè)極其廣泛，包括能源、金融、政府機構、交通、工業(yè)以及國際最大的500家跨國公司等。公司業(yè)務主要包括：企業(yè)產(chǎn)品和網(wǎng)絡產(chǎn)品。同時，惠龍公司竭誠歡迎優(yōu)秀人才以及合作伙伴的加盟。二、需求分析1. 為了滿足企業(yè)的商業(yè)需求，因此，必須在網(wǎng)站中建立（ a1 ）系統(tǒng)。2. 為了滿足（ a2 ）的需求，還必須建立用戶留言系統(tǒng)。3. 為了滿足用戶對信息的檢索需求，必須建立信息搜索系統(tǒng)。4. 作

15、為整個網(wǎng)站規(guī)劃設計的（ a3 ），同時根據(jù)網(wǎng)站類型商業(yè)網(wǎng)站，必須樹立誠信服務的企業(yè)形象。三、系統(tǒng)分析1. 確定功能模塊及其作用：(1) 根據(jù)用戶使用習慣，首先需要（ a4 ）模塊：綜合體現(xiàn)網(wǎng)頁主體及網(wǎng)頁內容。(2) “公司資訊”模塊：介紹公司基本情況、服務宗旨等信息。在此模塊下增加“公司咨詢”與“職位招聘”模塊。(3)（ a5 ）模塊：介紹企業(yè)開發(fā)設計的主要產(chǎn)品；為了滿足不同的（ a6 ），決定按實際應用方向對其進行分類，包括：（ a7 ）、（ a8 ）、方便用戶可以有選擇性的對產(chǎn)品進行了解。(4) （ a9 ）模塊：主要介紹公司曾經(jīng)出色完成過的任務；根據(jù)（ a10 ）按任務類型對其進行分類，

16、包括：（ a11 ）和（ a12 ）。(5) “專業(yè)服務”模塊：主要介紹公司能夠提供的專業(yè)性的服務，為了增加用戶對公司專業(yè)服務能力的信服度，特別將此再劃分為“專業(yè)服務”和“專業(yè)能力”模塊。(6) “業(yè)務合作”模塊：主要介紹公司在商業(yè)上和戰(zhàn)略上的合作伙伴，并真誠的希望能夠吸引新的合作伙伴的加盟。因此，在此模塊下又設立了“商業(yè)合作伙伴”、“戰(zhàn)略合作伙伴”、“合作加盟”三個模塊。(7) “聯(lián)系我們”模塊：展示企業(yè)聯(lián)系方式等信息。(8) （ a13 ）模塊：實現(xiàn)信息檢索功能。2. 根據(jù)功能模塊的設計，規(guī)劃網(wǎng)站層次結構圖 a14公司咨詢 a15 a18專業(yè)服務公司咨詢 a16 a19 a20專業(yè)服務合作

17、伙伴 a17聯(lián)系我們 a21職位招聘 業(yè)務合作商業(yè)合作伙伴戰(zhàn)略合作伙伴合作加盟3. 詳細設計分析(1) 在為（ a22 ）系統(tǒng)而設計的各功能模塊中，依據(jù)信息形式、信息容量采用（ a23 ）形式實現(xiàn)基本信息瀏覽功能。(2) 在“用戶留言系統(tǒng)”與“信息檢索”系統(tǒng)中，使用Dreamweaver與數(shù)據(jù)庫相結合的技術，實習留言于信息搜索功能。四、風格設計1. 為了在最大程度上滿足用戶對網(wǎng)頁的瀏覽需求，采用（ a24 ）的顯示器分辨率最為默認顯示器，在此基礎上進行頁面效果圖及網(wǎng)頁的設計制作。2. 根據(jù)客戶需求分析、（ a25 ），選擇（ a26 ）形式的網(wǎng)頁架構，利用（ a27 ）來分割頁面。3. 根據(jù)公

18、司類型IT商業(yè)，選擇具有活力的橙色和綠色作為網(wǎng)站的配色方案。4. 語言選擇：簡體中文五、動態(tài)效果設計1. 為了緩和網(wǎng)站（ a28 ）樣式的信息瀏覽量過大而造成用戶視覺疲勞的問題，可以使用Flash制作網(wǎng)頁元素的技巧在頁面中達到動靜平衡的作用。2. 在二次設計開發(fā)中可增加（ a29 ）系統(tǒng)，實現(xiàn)網(wǎng)頁交互功能。3. 在各頁面間進行鏈接時，為了緩解頁面加載時的等待時間，可以在Flash動畫中使用Loading動畫，實現(xiàn)加載提示。六、網(wǎng)站建設步驟1. 根據(jù)風格設計，制作23套頁面效果圖。2. 使用Dreamweaver制作網(wǎng)頁3. 項目預計使用時間為20天。4. 網(wǎng)站運營前，由制作團隊進行調試完善 5

19、. 網(wǎng)站運營期間，由公司實現(xiàn)網(wǎng)站維護，刪除那些不符合（ a30 ）的內容。選項1. 首頁2. 企業(yè)產(chǎn)品3. 產(chǎn)品介紹4. 網(wǎng)絡產(chǎn)品5. 網(wǎng)絡產(chǎn)品典型案例6. 企業(yè)產(chǎn)品典型案例7. 經(jīng)典案例8. 站內搜索9. 778像素439像素10. 800像素600像素11. 1002像素623像素12. 1024像素768像素13. 完善的產(chǎn)品展示14. 完善的產(chǎn)品銷售15. 完善的售后服務16. 信息反饋17. 信息互動18. 條件和前提19. 重點和要求20. 目標和核心21. 用戶需求22. 用戶使用習慣23. 用戶消費習慣24. 列表25. 文本26. 圖文混排27. 網(wǎng)頁訪問量28. 網(wǎng)頁信息量

20、29. 單一結構30. 混合結構31. 復合結構32. LOGO33. 橫幅廣告34. 導航系統(tǒng)35. 互聯(lián)網(wǎng)信息安全36. 互聯(lián)網(wǎng)信息瀏覽37. 文字38. 法律法規(guī)39. 道德規(guī)范40. 圖像1.1.4設計方案參考答案編號答案編號答案編號答案編號答案a113A216 A318 A41 A53A621 A72 A84A97A1021 A115 A126 A138A141 A153 A162 A174A187 A195 A206 A218A2213 A2326 A2410. A2528A2631 A2734 A2826 A2917A3035 1.2設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單1.2.

21、1操作內容 （1）按要求，結合素材1.2.1.doc中給定的信息，完成網(wǎng)站設計方案；（2）按要求，結合素材文件夾中提供的內容，設計并制作綜合網(wǎng)頁。1.2.2操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.2”子目錄,將所有操作結果保存至該文件夾下。（考生文件夾命名：“網(wǎng)頁設計制作員3級_考生準考證號_姓名”）（2）打開素材“1.2.1.doc”，在設計方案模板提供的選項中，選擇正確項匹配（ ）中編號，將答案按編號填入文檔最后部分的答題卷上，最后將文件保存在考生文件夾下。（3）按以下要求，制作綜合網(wǎng)頁。a) 在考生文件夾下，建立“XISHENG”站點，并將“1.2.2”文件夾中

22、的內容，復制到站點下相應的文件夾內。b) 在“1.2.3.jpg”與“1.2.4.jpg”中選擇相應的頁面效果圖為模板，制作“首頁”、“互動留言”頁面（bbs.html）。c) 根據(jù)信息的重要性、信息量等要素，合理設置“1.2.5.txt”中的文本在“首頁”中的位置與字體屬性（包括字體、大小、顏色、加粗、傾斜等）。d) 根據(jù)色彩平衡性的原則，利用素材“1.2.7.jpg”用“1.2.5.txt”中的公司名稱設計網(wǎng)站logo。e) 根據(jù)“1.2.5.txt”中所提供的導航欄內容，利用素材“1.2.8.jpg”按照模板要求設計制作網(wǎng)站的導航欄。f) 以標準名稱保存首頁g) 根據(jù)“1.2.6.txt

23、”中的文本完成“互動留言”頁面。h) 根據(jù)“網(wǎng)站結構”圖，在“首頁”與“動態(tài)留言”間實現(xiàn)導航鏈接和快速鏈接。1.2.3設計方案一、前言上海習盛英語教研中心從2001年起專業(yè)開展英聯(lián)邦國家考試雅思IELTS的教學研究，同時開拓了基礎英語、英語口語、商務英語等多種教學領域。他的教師團隊由50多位英語培訓業(yè)資深培訓師組成，其中68%為英國、澳大利亞、美國留學歸國的英語教育學專家。經(jīng)過長期的英語教學實踐，中心已在雅思教學、基礎英語教學和英語口語教學方面形成專業(yè)的課程教研體系，以科學嚴謹?shù)慕逃Ｊ胶妥吭降慕虒W效果正成為上海市英語培訓業(yè)的旗艦。上海習盛英語教研中心為了給中國區(qū)廣大雅思考生和英語愛好者提供最

24、新、最全、最快的雅思學習信息，特別設立了“習盛雅思無憂網(wǎng)” ，給學員架設實時的信息平臺。網(wǎng)站旨在宣傳教研中心在英語教學上的特色：雅思特色、新概念特色及口語特色等，以此擴大教研中心的服務領域。網(wǎng)站并能提供中心的即時資訊，包括中心的新聞、開設的新課程等內容，并且具有一個交流學習的平臺。二、需求分析1. 為了滿足企業(yè)的宣傳需求，因此，必須在網(wǎng)站中建立（ b1 ）系統(tǒng)。2. 為了滿足（ b2 ）的需求，還必須建立一個信息交流平臺，如留言板或BBS論壇系統(tǒng)。3. 為了滿足用戶對（ b3 ）的需求，必須建立信息搜索系統(tǒng)，如站內的內容搜索或站點搜索。4. 作為整個網(wǎng)站規(guī)劃設計的（ b4 ），同時根據(jù)網(wǎng)站類型

25、商業(yè)網(wǎng)站，必須樹立誠信服務的企業(yè)形象。三、系統(tǒng)分析1. 確定功能模塊及其作用：(1) 根據(jù)用戶使用習慣，首先需要（ b5 ）模塊：綜合體現(xiàn)網(wǎng)頁主體及網(wǎng)頁內容。同時提供快捷的信息檢索系統(tǒng)和站點導航系統(tǒng)，并提供即時的資訊信息。(2)（ b6 ）模塊：介紹學習中心的師資力量及重點介紹部分教師的個人資歷，并提供教師的個人博客進行師生間的交流學習。(3) （ b7 ）模塊：主要介紹中心所推出的雅思課程，其中包括課程的基本信息，同時在網(wǎng)頁中提供方便的報名系統(tǒng)，以此擴展中心的業(yè)務。(4) “ 學習園地”模塊：主要提供學員一個交流學習的平臺和學習資源庫，可以幫助學員利用網(wǎng)絡學習交流，通過留言板可提出相關疑問，

26、通過中心管理員來解答疑惑。(5）（ b8 ）主要推出中心的留學服務中介，根據(jù)不同的留學國家，可分為主要留學國家：澳大利亞、美國、英國、加拿大等國家，以及其他國家。(6) 通過搜索和站點導航模塊，可方便的實現(xiàn)（ b9 ）功能。(7)為了方便即時的聯(lián)系中心，在網(wǎng)頁顯眼的位置通過（ b10 ）提供中心的詳細的聯(lián)系方式。(8)（ b11 ）模塊：主要介紹學習中心的基本情況、發(fā)展歷史及培訓特色等信息。2. 根據(jù)功能模塊的設計，規(guī)劃網(wǎng)站層次結構圖 b12 b13 b14 學習園地教師簡介課程信息 b15 b18教師博客學習資源庫 b17 b16聯(lián)系我們搜索客服中心站點導航3. 詳細設計分析(1) 在為（

27、b19 ）系統(tǒng)而設計的各功能模塊中，依據(jù)信息形式、信息容量采用（ b20 ）形式實現(xiàn)基本信息瀏覽功能。(2) 在（ b21 ）、（ b22 ）及（ b23 ）系統(tǒng)中，使用Dreamweaver與數(shù)據(jù)庫相結合的技術，實現(xiàn)信息收集和搜索功能。四、風格設計1. 為了在最大程度上滿足用戶對網(wǎng)頁的瀏覽需求，采用（ b24 ）的顯示器分辨率最為默認顯示器，在此基礎上進行頁面效果圖及網(wǎng)頁的設計制作。2. 根據(jù)客戶需求分析、（ b25 ），選擇（ b26 ）形式的網(wǎng)頁架構，利用（ b27 ）來分割頁面。3. 根據(jù)公司類型培訓服務業(yè)，選擇具有淡雅的黃色和天藍色作為網(wǎng)站的配色方案。4. 語言選擇：簡體中文五、動態(tài)

28、效果設計1. 為了緩和網(wǎng)站（ b28 ）樣式的信息瀏覽量過大而造成用戶視覺疲勞的問題，可以使用Flash制作網(wǎng)頁元素的技巧在頁面中達到動靜平衡的作用。2. 在二次設計開發(fā)中可增加（ b29 ）系統(tǒng)，實現(xiàn)網(wǎng)頁交互功能。3. 在各頁面間進行鏈接時，為了緩解頁面加載時的等待時間，可以在Flash動畫中使用Loading動畫，實現(xiàn)加載提示。六、網(wǎng)站建設步驟1. 根據(jù)風格設計，制作23套頁面效果圖。2. 使用Dreamweaver制作網(wǎng)頁3. 項目預計使用時間為20天。4. 網(wǎng)站運營前，由制作團隊進行調試完善 5. 網(wǎng)站運營期間，由公司實現(xiàn)網(wǎng)站維護，刪除那些不符合（ b30 ）的內容。選項1. 首頁2.

29、 專家團隊3. 雅思課程4. 學習園地5. 留學天地6. 報名系統(tǒng)7. 站內搜索8. 站點導航9. 關于我們10. 聯(lián)系我們11. 中心特色12. 動態(tài)留言13. 中心新聞14. 客服中心15. 課程信息16. 學習資源庫17. 778像素439像素18. 800像素600像素19. 1002像素623像素20. 1024像素768像素21. 完善的企業(yè)宣傳22. 完成的產(chǎn)品銷售23. 完善的售后服務24. 24完善的產(chǎn)品展示25. 完善的技術支持26. 信息收集27. 信息反饋28. 信息互動29. 信息檢索30. 條件和前提31. 重點和要求32. 目標和核心33. 用戶需求34. 用戶使

30、用習慣35. 用戶消費習慣36. 列表37. 文本38. 圖文混排39. 用戶訪問量40. 網(wǎng)頁信息量41. 單一結構42. 混合結構43. 復合結構44. LOGO45. 橫幅廣告46. 導航系統(tǒng)47. 互聯(lián)網(wǎng)信息安全48. 互聯(lián)網(wǎng)信息瀏覽1.2.4設計方案參考答案編號答案編號答案編號答案編號答案B121B228B329B430B51B62B73B85B929B1010B19B121B132B143B156B1612B175B189B1921B2038B2112B226B237B2418B2540B2643B2746B2838B2928B30471.3設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單1

31、.3.1操作內容（1）按要求，結合素材1.3.1.doc中給定的信息，完成網(wǎng)站設計方案；（2）按要求，結合素材文件夾中提供的內容，設計并制作綜合網(wǎng)頁。1.3.2操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.3”子目錄,將所有操作結果保存至該文件夾下。（考生文件夾命名：“網(wǎng)頁設計制作員3級_考生準考證號_姓名”）（2）打開素材“1.3.1.doc”，在設計方案模板提供的選項中，選擇正確項匹配（ ）中編號，將答案按編號填入文檔最后部分的答題卷上，最后將文件保存在考生文件夾下。（3）按以下要求，制作綜合網(wǎng)頁。a) 在考生文件夾下，建立“MILKTEA”站點，并將“1.3.2”文件

32、夾中的內容，復制到站點下相應的文件夾內。b) 在“1.3.3.jpg”與“1.3.4.jpg”中選擇相應的頁面效果圖為模板，制作“首頁”、“美麗產(chǎn)品”頁面（mlcp.html）。c) 根據(jù)信息的重要性、信息量等要素，合理設置“1.3.5.txt”中的文本在“首頁”中的位置與字體屬性（包括字體、大小、顏色、加粗、傾斜等）。d) 根據(jù)“1.3.5.txt”中的公司名稱設計網(wǎng)站logo。e) 根據(jù)色彩平衡性的原則，將圖片“1.3.7. jpg ”和“1.3.8.jpg”作為相應單元格的背景。f) 以標準名稱保存首頁g) 根據(jù)“1.3.6.txt”中的文本完成“美麗產(chǎn)品”頁面。h) 根據(jù)“網(wǎng)站結構”圖

33、，在“首頁”與“美麗產(chǎn)品”間實現(xiàn)導航鏈接和快速鏈接。1.3.3設計方案一、前言奶茶美容是一個業(yè)內具有規(guī)模及良好聲譽的女子專業(yè)美健機構。為了讓東方女性同樣享用皇家貴族的美容方式，于2001年與英國Vicky May（薇琦美）皇家護膚研究中心合作，針對東方人的特質及各地風土人情和環(huán)境氣修等因素，調整了薇琦美部分產(chǎn)品的配方。在中國加入WTO與世界接軌的時刻，將英國皇家宮廷美容秘方結合現(xiàn)代高科技的美容產(chǎn)品引進中國。 公司欲利用網(wǎng)絡制作一個專業(yè)的美容網(wǎng)站，讓更多的人了解公司的美容項目、美容產(chǎn)品，展示公司在美容方面的成就，提供一些方便的美容資訊及美容提示，并且提供一個交流美容知識的平臺。在全國范圍內推廣最

34、新美容護膚概念、美容美體機構管理模式及功效卓越的“薇琦美”產(chǎn)品，為更多的愛美人士及美容連鎖加盟店的執(zhí)行人士提供完善、科學、周到的服務。二、需求分析1. 為了滿足企業(yè)的商業(yè)需求，因此，必須在網(wǎng)站中建立（ c1 ）系統(tǒng)。2. 為了滿足（ c2 ）的需求，還必須建立一個BBS論壇系統(tǒng)。3. 為了為了擴大公司的業(yè)務范圍，還必須提供一個準確的（c3）系統(tǒng)。4. 作為整個網(wǎng)站規(guī)劃設計的（ c4 ），同時根據(jù)網(wǎng)站類型商業(yè)網(wǎng)站，必須樹立誠信服務的企業(yè)形象。三、系統(tǒng)分析1. 確定功能模塊及其作用：(1) 根據(jù)用戶使用習慣，首先需要（ c5 ）模塊：綜合體現(xiàn)網(wǎng)頁主體及網(wǎng)頁內容。并提供便民的（ c6 ）。(2) （

35、c7）模塊介紹各種美容界的各種美容健身信息；（3）美麗靚店介紹公司的基本情況、服務宗旨，并且以（c8）的方式展示各個分店的基本信息。(4)（ c9 ）模塊：介紹公司所采用的美容產(chǎn)品及特性。(5) 為擴展公司的美容業(yè)務，根據(jù)不同的成員，設計了（ c10 ）模塊：主要介紹公司在商業(yè)上和戰(zhàn)略上的合作伙伴，并真誠的希望能夠吸引新的合作伙伴的加盟，在此模塊下采用表單提交的形式設立了一個合作伙伴的信息收集系統(tǒng)；（ c11 ）模塊吸引學員加入公司創(chuàng)辦的國際美容美發(fā)學校，并提供了一個咨詢和報名平臺。(6)（ c12 ）和（ c13 ）模塊滿足用戶的信息互動交流，提供留言板和完整的BBS論壇系統(tǒng)。2. 根據(jù)功能

36、模塊的設計，規(guī)劃網(wǎng)站層次結構圖 c14 美麗資訊美麗靚店美麗項目 c16 c15 c17 c18 c19美麗文化咨詢報名3. 詳細設計分析(1) 在為（ c20 ）系統(tǒng)而設計的各功能模塊中，依據(jù)信息形式、信息容量采用（ c21 ）形式實現(xiàn)基本信息瀏覽功能。(2) 在（ c22 ）與（ c23 ）系統(tǒng)中，使用Dreamweaver與數(shù)據(jù)庫相結合的技術，實現(xiàn)信息收集和搜索功能。四、風格設計1. 為了在最大程度上滿足用戶對網(wǎng)頁的瀏覽需求，采用（ c24 ）的顯示器分辨率最為默認顯示器，在此基礎上進行頁面效果圖及網(wǎng)頁的設計制作。2. 根據(jù)客戶需求分析、（ c25 ），選擇（ c26 ）形式的網(wǎng)頁架構，

37、利用（ c27 ）來分割頁面。3. 根據(jù)公司類型美容服務業(yè)，選擇具有活力的橙色和紅色作為網(wǎng)站的配色方案。4. 語言選擇：簡體中文五、動態(tài)效果設計1. 為了緩和網(wǎng)站（ c28 ）樣式的信息瀏覽量過大而造成用戶視覺疲勞的問題，可以使用Flash制作網(wǎng)頁元素的技巧在頁面中達到動靜平衡的作用。2. 在二次設計開發(fā)中可增加（ c29 ）系統(tǒng)，實現(xiàn)網(wǎng)頁交互功能。3. 在各頁面間進行鏈接時，為了緩解頁面加載時的等待時間，可以在Flash動畫中使用Loading動畫，實現(xiàn)加載提示。六、網(wǎng)站建設步驟1. 根據(jù)風格設計，制作23套頁面效果圖。2. 使用Dreamweaver制作網(wǎng)頁3. 項目預計使用時間為20天。

38、4. 網(wǎng)站運營前，由制作團隊進行調試完善 5. 網(wǎng)站運營期間，由公司實現(xiàn)網(wǎng)站維護，刪除那些不符合（ c30 ）的內容。選項1. 首頁2. 美麗資訊3. 美麗靚店4. 美麗項目5. 美麗產(chǎn)品6. 美麗問答7. 美麗論壇8. 美麗加盟9. 美麗學校10. 美麗文化11. 美麗提示12. 美麗顧問13. 778像素439像素14. 800像素600像素15. 1002像素623像素16. 1024像素768像素17. 完善的產(chǎn)品展示18. 完成的產(chǎn)品銷售19. 完善的售后服務20. 信息收集21. 信息互動22. 條件和前提23. 重點和要求24. 目標和核心25. 用戶需求26. 用戶使用習慣27

39、. 用戶消費習慣28. 列表29. 文本30. 圖文混排31. 用戶訪問量32. 網(wǎng)頁信息量33. 單一結構34. 混合結構35. 復合結構36. LOGO37. 橫幅廣告38. 導航系統(tǒng)39. 互聯(lián)網(wǎng)信息安全40. 互聯(lián)網(wǎng)信息瀏覽1.3.4設計方案參考答案編號答案編號答案編號答案編號答案C117C221C320C422C51C611C72C830C95C108C19C126C137C141C155C166C177C188C199C2017C2130C228C236C2414C2532C2635C2738C2830C2921C30391.4設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單1.4.1操作內

40、容 （1）按要求，結合素材1.4.1.doc中給定的信息，完成網(wǎng)站設計方案；（2）按要求，結合素材文件夾中提供的內容，設計并制作綜合網(wǎng)頁。1.4.2操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.4”子目錄,將所有操作結果保存至該文件夾下。（考生文件夾命名：“網(wǎng)頁設計制作員3級_考生準考證號_姓名”）（2）打開素材“1.4.1.doc”，在設計方案模板提供的選項中，選擇正確項匹配（ ）中編號，將答案按編號填入文檔最后部分的答題卷上，最后將文件保存在考生文件夾下。（3）按以下要求，制作綜合網(wǎng)頁。a) 在考生文件夾下，建立“CACGZ”站點，并將“1.4.2”文件夾中的內容，復制

41、到站點下相應的文件夾內。b) 在“1.4.3.jpg”與“1.4.4.jpg”中選擇相應的頁面效果圖為模板，制作“首頁”、“合作加盟”頁面（joinus.html）。c) 根據(jù)信息的重要性、信息量等要素，合理設置“1.4.5.txt”中的文本在“首頁”中的位置與字體屬性（包括字體、大小、顏色、加粗、傾斜等）。d) 根據(jù)“1.4.5.txt”中的公司名稱設計網(wǎng)頁logoe) 根據(jù)色彩平衡性的原則，將圖片“1.4.7. gif ”、“1.4.8. gif”與“1.4.9. gif”作為相應單元格的背景。f) 以標準名稱保存首頁g) 利用表單，結合“1.4.6.txt”中的文本完成“合作加盟”頁面。

42、h) 根據(jù)“網(wǎng)站結構”圖，在“首頁”與“合作加盟”間實現(xiàn)導航鏈接和快速鏈接。1.4.3設計方案一、前言廣州中審咨詢有限公司創(chuàng)建于 2004 年，是一家旨在為企業(yè)用戶提供專業(yè)解決方案、為個人職業(yè)發(fā)展提供專業(yè)服務的公司，我們的目標是在業(yè)務領域內力爭做到最好，為客戶創(chuàng)造價值。公司自成立一來，始終保持業(yè)務的高速增長，在業(yè)內的影響力不斷增強。 我公司一直致力于為企業(yè)提供最優(yōu)的管理咨詢、遠程接入解決方案、財務、審計信息化管理咨詢和服務，同時，業(yè)務范圍也涉及到外貿及職業(yè)資格考試等領域。從創(chuàng)立之日起，公司便將做優(yōu)秀的企業(yè)公民作為自己立身于業(yè)界的基礎。我們不僅身體力行在業(yè)內實踐誠信的商業(yè)操作，也一直倡導企業(yè)作為

43、社會公民，要對客戶、對員工、對社會負責。公司的目標是用最優(yōu)的產(chǎn)品和服務為客戶創(chuàng)造最大的價值，提供最佳客戶體驗，不斷發(fā)掘新的思路到實現(xiàn)戰(zhàn)略目標。中審公司的專業(yè)人員將利用他們豐富的業(yè)務經(jīng)驗為客戶提供增值服務，使您在業(yè)務發(fā)展的道路上一帆風順。二、需求分析1. 為了滿足企業(yè)的商業(yè)需求，因此，必須在網(wǎng)站中建立（ d1 ）系統(tǒng)。2. 為了滿足（ d2 ）的需求，還必須建立合作伙伴的信息收集系統(tǒng)。3. 為了滿足用戶對信息的檢索需求，必須建立信息搜索系統(tǒng)。4. 作為整個網(wǎng)站規(guī)劃設計的（ d3 ），同時根據(jù)網(wǎng)站類型商業(yè)網(wǎng)站，必須樹立誠信服務的企業(yè)形象。三、系統(tǒng)分析1. 確定功能模塊及其作用：(1) 根據(jù)用戶使用

44、習慣，首先需要（ d4 ）模塊：綜合體現(xiàn)網(wǎng)頁主體及網(wǎng)頁內容。同時提供快捷的信息檢索系統(tǒng)。(2) “關于我們”模塊：介紹公司基本情況介紹、愿景與價值觀和公司戰(zhàn)略等信息。在此模塊下增加“加入我們”即職位招聘模塊。(3)（ d5 ）模塊：介紹公司提供的咨詢服務內容以及軟件和解決方案；咨詢服務內容包括咨詢、實施與部署、運行與維護、全程技術支持和知識中心；軟件和解決方案中為了滿足不同的（ d6 ），按應用方向對軟件進行分類，包括：（ d7 ）、（ d8 ），方便用戶可以有選擇性的對產(chǎn)品進行了解。(4) （ d9 ）模塊：主要介紹公司曾經(jīng)出色完成過的案例，并列舉部分行業(yè)客戶名錄。(5) （ d10 ）模塊

45、：主要介紹公司在商業(yè)上和戰(zhàn)略上的合作伙伴，并真誠的希望能夠吸引新的合作伙伴的加盟。因此，在此模塊下采用表單提交的形式設立了一個合作伙伴的信息收集系統(tǒng)。(6) “聯(lián)系我們”模塊：展示企業(yè)聯(lián)系方式等信息。(7) （ d11 ）模塊：實現(xiàn)信息檢索功能。2. 根據(jù)功能模塊的設計，規(guī)劃網(wǎng)站層次結構圖 d12 d13 d14 d17公司介紹 咨詢服務 軟件和解決方案 聯(lián)系我們加入我們部分行業(yè)客戶名錄 d18合作伙伴信息采集咨詢實施與部署運行與維護全程技術支持知識中心 d15 d16 d193. 詳細設計分析(1) 在為（ d20 ）系統(tǒng)而設計的各功能模塊中，依據(jù)信息形式、信息容量采用（ d21 ）形式實現(xiàn)

46、基本信息瀏覽功能。(2) 在（ d22 ）與（ d23 ）系統(tǒng)中，使用Dreamweaver與數(shù)據(jù)庫相結合的技術，實現(xiàn)信息收集和搜索功能。四、風格設計1. 為了在最大程度上滿足用戶對網(wǎng)頁的瀏覽需求，采用（ d24 ）的顯示器分辨率最為默認顯示器，在此基礎上進行頁面效果圖及網(wǎng)頁的設計制作。2. 根據(jù)客戶需求分析、（ d25 ），選擇（ d26 ）形式的網(wǎng)頁架構，利用（ d27 ）來分割頁面。3. 根據(jù)公司類型咨詢服務業(yè)，選擇具有活力的橙色和藍色作為網(wǎng)站的配色方案。4. 語言選擇：簡體中文五、動態(tài)效果設計1. 為了緩和網(wǎng)站（ d28 ）樣式的信息瀏覽量過大而造成用戶視覺疲勞的問題，可以使用Flas

47、h制作網(wǎng)頁元素的技巧在頁面中達到動靜平衡的作用。2. 在二次設計開發(fā)中可增加（ d29 ）系統(tǒng)，實現(xiàn)網(wǎng)頁交互功能。3. 在各頁面間進行鏈接時，為了緩解頁面加載時的等待時間，可以在Flash動畫中使用Loading動畫，實現(xiàn)加載提示。六、網(wǎng)站建設步驟1. 根據(jù)風格設計，制作23套頁面效果圖。2. 使用Dreamweaver制作網(wǎng)頁3. 項目預計使用時間為20天。4. 網(wǎng)站運營前，由制作團隊進行調試完善 5. 網(wǎng)站運營期間，由公司實現(xiàn)網(wǎng)站維護，刪除那些不符合（ d30 ）的內容。選項1. 首頁2. 咨詢服務3. 關于我們4. 成功案例5. 遠程接入軟件6. 審計軟件7. 合作聯(lián)盟8. 快速訪問9.

48、 778像素439像素10. 800像素600像素11. 1002像素623像素12. 1024像素768像素13. 完善的產(chǎn)品展示14. 完成的產(chǎn)品銷售15. 完善的售后服務16. 信息收集17. 信息互動18. 條件和前提19. 重點和要求20. 目標和核心21. 用戶需求22. 用戶使用習慣23. 用戶消費習慣24. 列表25. 文本26. 圖文混排27. 用戶訪問量28. 網(wǎng)頁信息量29. 單一結構30. 混合結構31. 復合結構32. LOGO33. 橫幅廣告34. 導航系統(tǒng)35. 互聯(lián)網(wǎng)信息安全36. 互聯(lián)網(wǎng)信息瀏覽1.4.4設計方案參考答案編號答案編號答案編號答案編號答案D113

49、D216D318D41D52D621D75D86D94D107D18D121D133D142D155D166D174D187D198D2013D2126D227D238D2410D2528D2631D2734D2826D2917D30351.5設計制作網(wǎng)站總體方案及網(wǎng)頁效果 試題單1.5.1操作內容 （1）按要求，結合素材1.5.1.doc中給定的信息，完成網(wǎng)站設計方案；（2）按要求，結合素材文件夾中提供的內容，設計并制作綜合網(wǎng)頁。1.5.2操作要求（1）考生務必在指定位置建立考生文件夾，并在其下建立“1.5”子目錄,將所有操作結果保存至該文件夾下。（考生文件夾命名：“網(wǎng)頁設計制作員3級_考生

50、準考證號_姓名”）（2）打開素材“1.5.1.doc”，在設計方案模板提供的選項中，選擇正確項匹配（ ）中編號，將答案按編號填入文檔最后部分的答題卷上，最后將文件保存在考生文件夾下。（3）按以下要求，設計并制作綜合網(wǎng)頁。a) 在考生文件夾下，建立“tripline”站點及相關文件夾b) 請根據(jù)設計方案中“風格設計”要求，在“1.5.2”與“1.5.3”中選擇相應的頁面效果圖為模板，制作網(wǎng)站主頁，并以標準名稱保存。c) 根據(jù)信息的重要性、信息量等要素，合理設置“1.5.4.txt”中的文本在“首頁”中的位置與字體屬性（包括字體、大小、加粗、傾斜；在給定的“配色方案.txt”中選擇適當?shù)奈谋绢伾?/p>

51、。d) 根據(jù)色彩平衡性的原則，利用圖片素材或“配色方案.txt”中的顏色設計制作各“標題”區(qū)域背景。e) 利用表單，結合“1.5.4.txt”中的相關文本完成“快速查找”區(qū)域內容。f) 根據(jù)“模板”、“配色方案”及“1.5.5.txt”中的文本完成“旅游保險”頁面（insurance.html）g) 根據(jù)“網(wǎng)站結構”圖，在主頁與“旅行保險”頁面間實現(xiàn)導航鏈接。h) 根據(jù)“1.5.6”內素材“1_ad.gif”的類型、大小，結合網(wǎng)頁版式，在主頁中選擇合適的代碼實現(xiàn)廣告效果。1.5.3設計方案一、前言樂線國際旅行公司依托集團跨地域、跨行業(yè)、跨體制的經(jīng)營優(yōu)勢，憑借自身雄厚的經(jīng)濟實力和卓著的社會信譽，

52、已在旅游業(yè)中占有一席之地。樂線國旅是中國旅行社協(xié)會會員（CATS）和IATA協(xié)會成員這一。樂線國旅擁有自己經(jīng)營的黃浦江水上旅游船公司、旅游車隊、機票代理處和會務中心等。并形成了入境游、出境游、國內旅游、全球訂房系統(tǒng)的經(jīng)營規(guī)模和和格局公司業(yè)務主要包括：國內線路、國際線路。其中國內路線主要涉及“江南水鄉(xiāng)”、“云貴山川”、“漠北草原”；國際路線主要有“浪漫歐洲”、“激情南美”、“熱帶風暴”。同時，樂線國旅還提供不同的旅游保險供用戶選擇。二、需求分析1. 樂線國際旅行公司的公司性質屬于服務性行業(yè)，因此，必須在網(wǎng)站中建立（ e1 ）系統(tǒng)。2. 為了滿足用戶對服務信息的咨詢需求，還必須建立用戶信息咨詢系統(tǒng)

53、。3. 為了滿足用戶對信息的檢索需求，必須建立信息搜索系統(tǒng)。4. 作為整個網(wǎng)站規(guī)劃設計的（ e2 ），同時根據(jù)網(wǎng)站類型商業(yè)服務網(wǎng)站，必須樹立誠信服務的企業(yè)形象。三、系統(tǒng)分析1. 確定功能模塊及其作用：(1) 根據(jù)用戶使用習慣，首先需要（ e3 ）模塊：綜合體現(xiàn)網(wǎng)站主要信息。(2) “關于我們”模塊：介紹公司基本情況、服務宗旨等信息。(3) “幫助”模塊：介紹網(wǎng)站的使用方法，及各模塊的功能。(4) （ e4 ）模塊：基于網(wǎng)站設計中“幫助用戶快速定位”的原則而設計的功能模塊，介紹網(wǎng)站的主要結構和內容。(5) “聯(lián)系我們”模塊：介紹公司的地址、電話等聯(lián)系信息。(6) “景點導航”模塊：根據(jù)用戶選擇的

54、主景點，展示相關的景點信息； (7)（ e5 ）模塊：主要介紹公司承擔的國內旅游服務項目；按旅游景點的特點及地區(qū)進行分類，包括：（ e6 ）、云貴山川和“漠北草原”。(8)（ e7 ）模塊：主要介紹公司承擔的國際旅游服務項目；按旅游景點的特點及地區(qū)進行分類，包括：（ e8 ）、激情南美和“熱帶風暴”。(9) （ e9 ）模塊：這個模板主要是考慮不同的（ e10 ），為喜歡自助游的朋友提供旅游信息及部分服務。(10) “旅行保險”模塊：介紹旅游保險種類及使用范圍。(11) （ e11 ）模塊：該模塊主要是為了滿足用戶對服務信息的咨詢需求而設立的。2. 根據(jù)功能模塊的設計，規(guī)劃網(wǎng)站層次結構圖 e1

55、2關于我們幫助 e13聯(lián)系我們 e14 e16 景點導航 e15云貴山川漠北草原 e17激情南美熱帶風暴 e18旅行保險 e193. 詳細設計分析(1) 在為（ e20 ）系統(tǒng)而設計的各功能模塊中，依據(jù)信息形式、信息容量采用（ e21 ）形式實現(xiàn)基本信息瀏覽功能。(2) 在“信息咨詢”與（ e22 ）系統(tǒng)中，使用Dreamweaver與數(shù)據(jù)庫相結合的技術，實習留言于信息搜索功能。四、風格設計1. 為了在最大程度上滿足用戶對網(wǎng)頁的瀏覽需求，采用（ e23 ）的顯示器分辨率最為默認顯示器，在此基礎上進行頁面效果圖及網(wǎng)頁的設計制作。2. 根據(jù)客戶需求分析、（ e24 ），選擇（ e25 ）形式的網(wǎng)頁架構，利用（ e26 ）來分割頁面。3. 根據(jù)公司類型旅游服務，應選擇具有（ e27 ）氣息的配色方案。4. 語言選擇：簡體中文、英文。五、動態(tài)效果設計1. 為了緩和網(wǎng)站（ e28 ）樣式的信息瀏覽量過大而造成用戶視覺疲勞的問題，可以使