網(wǎng)頁設(shè)計(jì)與制作模擬題2

1、（5）參照樣張 “ .gif ” 完成動(dòng)畫制作；一、設(shè)計(jì)制作網(wǎng)頁內(nèi)容文字和圖表效果：共 20 分。（題庫 1.1.5 試題單）（6）保存操作結(jié)果和操作的歷史記錄。1、利用素材庫文件夾 “ 網(wǎng)頁設(shè)計(jì)制作員素材 1.1.5 ” 內(nèi)的未全部完成的網(wǎng)站首頁素材庫文件夾“ ”，參照 “翠海幼兒園 ” 網(wǎng)站首頁效果圖樣張 “ .bmp ”，完成頁面的3、 操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“ 1.2.5 ”子目錄，將所有操作制作，具體操作內(nèi)容如下：（ 1）使用 Dreamweaver 創(chuàng)建 “ 翠海幼兒園 ” 站點(diǎn)，并導(dǎo)入素材庫文件夾

2、“ ” 內(nèi)容；（ 2）編輯 “ index.html ” 文件，定義一個(gè)僅對文檔內(nèi)部起效名為 “ myfont ”的 CSS 類；（ 3）參照效果圖樣張 .bmp 中 “登錄區(qū)域 ” ，制作網(wǎng)頁。結(jié)果保存至該文件夾下。（2）使用fireworks新建動(dòng)畫文檔，具體要求如下：a) 大小為“200 像素200 像素”號證考準(zhǔn)線3、 操作要求（ 1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立 “ 1.1.5 ” 子目錄，將所有操作結(jié)果保存至該文件夾下。（ 2）使用 Dreamweaver 創(chuàng)建 “翠海幼兒園 ” 站點(diǎn)，并導(dǎo)入素材庫文件夾 “ ”內(nèi)容容

3、，具體要求如下：a）使用 Dreamweaver 在指定保存位置創(chuàng)建 “ Cuihai1.1.5 ” 站點(diǎn)文件夾b) 背景顏色為白色（3）參照動(dòng)畫樣張 “ .gif ” 在畫布中間位置繪制一橢圓形，設(shè)置并轉(zhuǎn)換為符號，具體要求如下：a) 在畫布中間位置繪制一橢圓形，橢圓形的尺寸 30*180 ；b) 描邊顏色為紅色，填充顏色為空c) 用菜單命令來擴(kuò)展路徑，設(shè)置寬度為 1碼號證份身訂裝b）復(fù)制素材庫文件夾 “ ” 內(nèi)的網(wǎng)頁 html 文件及圖片文件夾至 “ Cuihai1.1.5 ”站點(diǎn)文件夾目錄；（ 3）編輯 “ index.html ” 文件，定義一個(gè)僅對文檔內(nèi)部

4、起效名為 “ myfont ”的 CSS 類，具體要求如下：a）設(shè)置文本屬性為：宋體、 12 像素、 1.3 倍行高、深灰色（ #919191 ）；b）編輯 index.html, 設(shè)置 “ 幼兒園簡介 ” 中的文本應(yīng)用該類（ 4）參照效果圖樣張 .bmp 中 “登錄區(qū)域 ” ，制作網(wǎng)頁，具體要求如下 :a）帳號單元格內(nèi)插入一個(gè) id 為“ div_name ” ，居中對齊的 div 標(biāo)簽。b div_name id name ）在“ ” 內(nèi)插入一個(gè)類型為 “文本” ， 和名稱均為 “ ” 的文本字段，標(biāo)簽文字為 “ 帳號： ”； 索引鍵為 ；文本域字符寬度為 。Tab 1 8c

5、 id div_pass div ）帳號單元格內(nèi)插入一個(gè) 為“ ”，居中對齊的 標(biāo)簽。d) 設(shè)置描邊值為空，填充類型為線性漸變，漸變顏色共有四個(gè)顏色，分別是紅、藍(lán)、藍(lán)、黃，其中紅和藍(lán)顏色標(biāo)記疊放在一起，藍(lán)和黃顏色標(biāo)記疊放在一起。并設(shè)置漸變方向e）將改橢圓型轉(zhuǎn)換為符號，類型為圖像（4）克隆橢圓符號并旋轉(zhuǎn) 180 度，具體要求如下：a) 克隆當(dāng)前的符號對象；b) 將克隆的符號對象設(shè)置為旋轉(zhuǎn) 180 度；（5）使用命令菜單進(jìn)行插幀操作，并進(jìn)行對象組合，具體要求如下：a) 全選這二個(gè)對象，使用菜單命令進(jìn)行插幀操作b) 設(shè)置 Steps 值為 25，不要發(fā)布到幀d）在“ div_pass ” 內(nèi)插入一個(gè)

6、類型為 “密碼” ，id 和名稱均為 “ password ” 的文本字段，標(biāo)簽文字為 “密碼： ”；Tab 索引鍵為 2；文本域字符寬度為 8。e）在 style.css 中為“ div_name ”標(biāo)簽和 “ div_pass ” 標(biāo)簽，共同建立一個(gè) css 類，設(shè)置文本 顏色為灰色 “ #919191 ”。f ）在登錄按鈕單元格內(nèi)插入一個(gè) id 和名稱均為 “ login ” 的圖像域，使用素材庫文件夾中圖片 “ images/119.gif ”b) 將畫布中所有對象合成為組對象（6）參照樣張 “ .gif ” 完成動(dòng)畫制作，具體要求如下：名姓二、制作 Gif 動(dòng)畫：共 1

7、5 分。（題庫 1.2.5 試題單）a) 設(shè)置符號類型為動(dòng)畫，幀數(shù)為 11，旋轉(zhuǎn)角度為360 度b) 刪除多于的第 11 幀c) 參照樣張 “ .gif ” ，調(diào)整動(dòng)畫播放速度 1、參照素材庫文件夾 “ 網(wǎng)頁設(shè)計(jì)制作員素材 1.2.5 ” 文件夾內(nèi)的 Fireworks 制作的文字動(dòng) （7）保存操作結(jié)果和操作的歷史記錄（關(guān)鍵步驟，未操作整題無分）畫樣張 “ .gif ”制作 gif 動(dòng)畫，操作內(nèi)容如下： a) 保存 fireworks 文件為 “ 1.2.5.png ” 至指定保存位置，并導(dǎo)出效果至指定保（ 1）使用 fireworks 新建動(dòng)畫文檔；（ 2）參照動(dòng)

8、畫樣張 “ .gif ” 在畫布中間位置繪制一橢圓形，設(shè)置并轉(zhuǎn)換為符號； 存位置文件名 “ 1.2.5.gif ” ，圖片色彩選擇 128 色（ 3）克隆橢圓符號并旋轉(zhuǎn) 180 度； b) 保存所有的歷史記錄為命令 “ 1.2.5 ”。（ 4）使用命令菜單進(jìn)行插幀操作，并進(jìn)行對象組合；第 1 頁 共 3 頁（4）對主頁 “ index.html ” 進(jìn)行鏈接優(yōu)化；三、設(shè)計(jì)制作網(wǎng)頁動(dòng)態(tài)效果：共 15 分。（題庫 1.4.5 試題單）（5）上傳更新優(yōu)化好的網(wǎng)頁。1、利用素材庫文件夾 “ 網(wǎng)頁設(shè)計(jì)制作員素材 1.4.5 ”內(nèi)的 Flash 文件“ .swf ”依2、 操作

9、要求 照要求，完成動(dòng)態(tài)效果制作，操作內(nèi)容如下： （1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立 “ 1.6.5 ” 子目錄，將所有操作（1）使用 Dreamweaver 新建空白網(wǎng)頁，添加素材 “ .swf ”；結(jié)果保存至該文件夾下。（2）在新建網(wǎng)頁內(nèi)增加 “ 檢查插件 ”文字鏈接；（2）配置 Dreamweaver 連接本地 IIS 服務(wù)器上的 “ 翠海幼兒 園”站點(diǎn)（3）使用 Dreamweaver 行為分別實(shí)現(xiàn) “ 檢查插件 ” 功能；a) 本地 Sweet Wedding 站點(diǎn)使用了本地 IIS 服務(wù)器的根目錄， http 端口為默認(rèn)的 80（4）保存操作結(jié)果 （3

10、）用 Dreamweaver 下載 “ 翠海幼兒園 ” 網(wǎng)站網(wǎng)頁文件到指定保存位置。（4）對主頁 “ index.html ”及其他頁面進(jìn)行針對搜索引擎的優(yōu)化：3、 操作要求a）設(shè)置主頁默認(rèn)語言編碼為 “ 中文繁體 ”的正確編碼b）規(guī)范網(wǎng)頁標(biāo)題為 “ 翠海幼兒園 ”（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立 “ 1.4.5 ” 子目錄，將所有操作 c）對主頁進(jìn)行關(guān)鍵字優(yōu)化，關(guān)鍵字為 “翠海，幼兒園，托兒所，翠海幼兒園 ” （5）對主頁 “ index.html ” 進(jìn)行鏈接優(yōu)化答結(jié)果保存至該文件夾下。 a）找到本地站點(diǎn)的主頁 “ index.html ” 未添加鏈接的圖片按鈕；（2）

11、使用 Dreamweaver 新建空白網(wǎng)頁，添加素材 “ .swf ”，具體要求如下： a) 在空白網(wǎng)頁內(nèi)制作表格，單列兩行，表格邊框不顯示； b）對鏈接進(jìn)行修正，將未添加鏈接的按鈕均添加目標(biāo)為 bbs.html 的鏈接（6）上傳更新優(yōu)化好的網(wǎng)頁題a) 上傳修改好的網(wǎng)站并覆蓋原文件不b) 將素材 “ .swf ” 加載到第二行。要 （3）在新建網(wǎng)頁內(nèi)增加 “ 檢查插件 ”文字鏈接，具體要求如下：五、制作網(wǎng)站主要頁面：共 40 分。（題庫 1.7.8 試題單）a) 設(shè)置表格第一行單元格屬性居中對齊1、 利用素材庫文件夾 “網(wǎng)頁設(shè)計(jì)制作員素材 1.7.8 ” 文件夾。網(wǎng)

12、站首頁效果圖樣張超c) 文字鏈接添加在第一行；“.bmp ” ，圖片素材位于素材庫文件夾 “ ” 。參照樣張， 并根據(jù)要求制作 “豐d) 鏈接設(shè)置為空過 榮農(nóng)場 ”網(wǎng)站主要頁面，具體內(nèi)容如下：（1）使用 Dreamweaver 網(wǎng)頁制作工具建立 “ 豐榮農(nóng)場 ”站點(diǎn)； （4）使用 Dreamweaver 行為分別實(shí)現(xiàn) “ 檢查插件 ” 功能，具體要求如下：a) 創(chuàng)建兩個(gè)空白網(wǎng)頁， right.html 和 error.html, 并分別添加文本 “ 您的系統(tǒng)支持（2）根據(jù)操作要求使用素材庫文件夾 “ ” 內(nèi)的圖片及 flash 素材制作網(wǎng)站首頁；（3

13、）根據(jù)操作要求利用 Dreamweaver 在站點(diǎn)內(nèi)制作二級功能模塊頁面的空白 html 文件，裝flash 插件 ”和 “對不起，您還沒有安裝 flash 插件”b) 點(diǎn)擊 “檢查插件 ” 檢查瀏覽器是否安裝了 flash 的插件；并在網(wǎng)頁中添加相應(yīng)文本；（4）根據(jù)操作要求制作完成首頁的若干鏈接設(shè)置；（5）根據(jù)操作要求選擇使用框架網(wǎng)頁方式，制作 “ 訪客留言 ” 模塊主頁面的網(wǎng)頁框架。訂c) 如安裝則跳轉(zhuǎn)到 right.hml ，如沒有安裝則跳轉(zhuǎn)到 error.html線3、 操作要求 （5）保存操作結(jié)果至考生文件夾內(nèi)的 1.4.5 目錄（關(guān)鍵步驟，未保存整題無分）（1）考生務(wù)必在指定位置建

14、立考生文件夾，并在其下建立 “ 1.7.8 ” 子目錄，將所有操作四、網(wǎng)頁優(yōu)化及管理維護(hù)：共 10 分。（題庫 1.6.5 試題單）結(jié)果保存至該文件夾下。1 有用戶在搜索引擎 Google 檢索 “翠海 ” ，無法找到 “ 翠海幼兒園 ” 網(wǎng)站，只有通過關(guān)鍵 （2） 使用 Dreamweaver 網(wǎng)頁制作工具在考生文件夾 建立 “豐榮農(nóng)場 ” 站點(diǎn)， 具體要求 字 “翠海幼兒園 ” 才能找到該網(wǎng)站。有必要對 “ 翠海幼兒園 ” 網(wǎng)站進(jìn)行一次針對搜索引擎 如下：a）使用 Dreamweaver 網(wǎng)頁制作工具，在指定保存位置下創(chuàng)建 “ Fonron1.7.8 ” 站點(diǎn)； 的優(yōu)化。 操作內(nèi)容如下：（

15、1）配置 Dreamweaver 連接本地 IIS 服務(wù)器上的 “ 翠海幼兒園 ” 站點(diǎn)； b）在站點(diǎn)文件夾中，創(chuàng)建圖象文件夾 “images ”； （3）根據(jù)操作要求使用素材庫文件夾 “ ” 內(nèi)的圖片及 flash 素材制作網(wǎng)站首頁，（2）用 Dreamweaver 下載 “翠海幼兒園 ” 站點(diǎn)；具體要求：（3）對主頁 “ index.html ” 及其他網(wǎng)頁進(jìn)行針對搜索引擎的優(yōu)化； a) 網(wǎng)頁文件命名為 index.html ，保存到創(chuàng)建的 “ 豐榮農(nóng)場 ”站點(diǎn)文件夾。b）參照樣張 “ .bmp ” 充分利用素材庫文件夾 “ ” 內(nèi)的圖片及 f

16、lash第 2 頁 共 3 頁素材，完成網(wǎng)站首頁的制作c）使用表格完成網(wǎng)頁的制作頁面（ 4） 利用 Dreamweaver 在站點(diǎn)內(nèi)制作二級功能模塊頁面的空白 html 文件，并在網(wǎng)頁中添加相應(yīng)文本，要求如下：a）p1.htm ，添加相應(yīng)文本 “ 最新消息 ” ，添加 “主頁 ”鏈接返回主頁；b）p2.htm ，添加相應(yīng)文本 “ 豐榮故事 ” ，添加 “主頁 ”鏈接返回主頁；c）p3.htm ，添加相應(yīng)文本 “ 業(yè)務(wù)介紹 ” ，添加 “主頁 ”鏈接返回主頁；d p4.htm ） ，添加相應(yīng)文本 “ 聯(lián)系我們 ” ，添加 “主頁 ”鏈接返回主頁；號證考準(zhǔn)線e）p5.htm ，添加相應(yīng)文本 “ 訪

17、客留言 ” ，添加 “主頁 ”鏈接返回主頁；f）p6.htm ，添加相應(yīng)文本 “ 在線訂購 ” ，添加 “主頁 ” 鏈接返回主頁；g）文件保存在站點(diǎn)文件夾根目錄；（ 5）根據(jù)操作要求制作完成首頁的若干鏈接設(shè)置，具體要求如下：a）建立 “最新消息 ” 圖片熱區(qū)鏈接，鏈接到 p1.htm ，在新窗口打開：b）建立 “豐榮公告 ” 的圖片鏈接，連接到 p2.htm ，在新窗口打開；c）建立頁面底部文字內(nèi) “ 最新消息 ”“ 豐榮故事 ”“ 業(yè)務(wù)介紹 ”“ 聯(lián)系我們”“ 訪客留言 ”“ 在線訂購 ” 六個(gè)文字鏈接，分別鏈接至 p1.htm, p2.htm, p3.htm, p4.htm,p5.htm,p6.htm ，在新窗口中打開。（ 6）根據(jù)操作要求選擇使用框架網(wǎng)頁方式，制作 “ 訪客留言 ” 模塊主頁面的網(wǎng)頁框架，具體要求如下：a）文件名為 “ message.html ” ，保存到網(wǎng)站文件夾根目錄；b）采用左側(cè)固定，上方嵌套型框架； ，頁面大小為 780 像素 428 像素；訂c）左側(cè)頁面寬度度 150 像素，框架名稱 left ，文件名為“ message_left.html ”，添加文本 “ me