網(wǎng)頁設(shè)計(jì)與制作上機(jī)試卷一

1、網(wǎng)頁設(shè)計(jì)與制作上機(jī)試卷（一）操作題一：1、建立并設(shè)置本地根文件夾:新建本地根文件夾:在考生文件夾中新建本地根文件夾，命名為root，并在該文件夾中新建Xl-01文件夾。復(fù)制文件:將文件復(fù)制到Xl-01文件夾中。2、定義站點(diǎn):設(shè)置”站點(diǎn)名稱：定義DreamweaverMX站點(diǎn)，命名為”我的站點(diǎn)”。設(shè)置本地根文件夾:本地根文件夾指定為考生文件夾中的root文件夾。設(shè)置HTTP地址：HTTP地址設(shè)置為localhost。將設(shè)置好的定義站點(diǎn)對(duì)話框的高級(jí)選項(xiàng)卡分類欄中本地信息列表項(xiàng)拷屏，以文件名保存在Xl-01文件夾中。3、創(chuàng)建與設(shè)置文檔：創(chuàng)建文檔：啟動(dòng)DreamweaverMX，新建一個(gè)未命名的HTM

2、L文檔。命名和保存文檔：文檔命名為，并將其保存到考生文件夾申的rootXl-01文件夾中。設(shè)置文檔頁面屬性：將文檔的標(biāo)題設(shè)置為黃河一我的母親;背景圖像設(shè)置為Xl-0l圖像;左邊界、邊界寬帶、頂部邊界以及邊界高度分別設(shè)置為20。將設(shè)置好的頁面屬性對(duì)話框拷屏，以文件名保存在Xl-01文件夾中。4、輸入文本：在文檔中輸入樣圖1-OlA中的文本。5、創(chuàng)建與運(yùn)用HTML羊式：創(chuàng)建HTML樣式：創(chuàng)建樣式名為HTMl-0l的HTML樣式。具體設(shè)置為段落樣式，應(yīng)用該羊式時(shí)清除已有的羊式格式;設(shè)置字體為隸書，粗體，大小為6號(hào)字，顏色為#66FF33，格式為標(biāo)題1，對(duì)齊方式為居中對(duì)齊。運(yùn)用HTML羊式：對(duì)所輸入文

3、本的標(biāo)題”黃河一我的母親”運(yùn)用HTMl-01樣式。6、使用CSS樣式表：創(chuàng)建CSS樣式:在文檔中創(chuàng)建CSS樣式，以cssl-OI為CSS樣式名保存到XI-01文件夾中。設(shè)置字體為隸書，字號(hào)為16點(diǎn)數(shù)，顏色為#eC66FF。左對(duì)齊，帶下劃線，首行縮進(jìn)2O點(diǎn)數(shù)。使用CSS樣式：對(duì)所輸入文本的第2段運(yùn)用cssI-O1樣式，運(yùn)用樣式的效果如樣圖1-01B所示。將操件結(jié)果保存在XI-O1文件夾中。操作題二：1、布局頁面:繪制頁面布局:新建一個(gè)文檔，以為文件名保存到X2-O1文件夾中。參照樣圖2-OIA在文檔中繪制頁面布局。設(shè)置頁面布局：參照樣圖2-01A的標(biāo)注，頂端布局單元格的寬度為700像素，高度為7

4、3像素，背景顏色為#FFCCFF;左側(cè)布局表格的寬度為100像素，高度為403像素，背景顏色為#FFCCCC;右側(cè)布局表格的寬度為600像素，高度為403像素，背景顏色為#FFCC99。2、表格的創(chuàng)建與設(shè)置：創(chuàng)建表格：新建一個(gè)文檔，以為文件名保存到Y(jié)2-01文件夾中。參照樣圖2-OIB在文檔中創(chuàng)建一個(gè)表格。設(shè)置表格：表格的寬度為412像素，單元格填充和單元格間距設(shè)置為0，表格的邊框設(shè)置為1，表格命名為T2-OIA。填充表格：輸入樣圖2-OlB中的表格數(shù)據(jù)及文字。3、設(shè)置單元格屬性：表格水平居中對(duì)齊;除第1行單元格外，其余各列單元格的寬度為80像素，度均為25像素。使用格式化表格命令。設(shè)置行顏色

5、，奇數(shù)行顏色為#FFFFCC，偶數(shù)行顏色為#CCFFgg。表格第1行的對(duì)齊方式為居中，文本樣式為粗體，背景顏色為#6633CC,文本顏色為白色。表格的第1列對(duì)齊方式為居中對(duì)齊，文本樣式為斜體。表格的邊框?yàn)?。4、復(fù)制表格或單元格:復(fù)制T2-OlA的第2行第6行，粘貼到表格T2-OlA的下面，命名為T2-01B。5、管理表格：按T2-0IB第2列的升序排序T2-0IB，如樣圖2-0IC所示。6、重新編排表格：復(fù)制表格T2-0IB，重命名為T2-0IC。交換T2-0IC中”銷售部與開發(fā)部”兩列，如樣圖2-01D所示。將操作結(jié)果保存到X2-01文件夾中。操作題三：1、運(yùn)用圖像：打開文檔，在該文檔中插

6、入圖像。2、設(shè)置圖像屬性：設(shè)置圖像高為300像素，寬為400像素，縱向和橫向間隙為100像素，圖像在文檔窗口中居中。繪制圖像熱點(diǎn)區(qū)域，參照樣圖3-01創(chuàng)建圖像熱點(diǎn)區(qū)域。頭部采用圓形熱點(diǎn)工具;背部采用矩形熱點(diǎn)工具;翅膀和尾部采用多邊形熱點(diǎn)工具。頭部熱點(diǎn)區(qū)域替代文本為學(xué)習(xí)頭部的制作;背部熱點(diǎn)區(qū)域替代文本學(xué)習(xí)背部的制作;翅膀處熱點(diǎn)區(qū)域替代文本為學(xué)習(xí)翅膀的制作;尾部熱點(diǎn)區(qū)域替代文本為學(xué)習(xí)尾部的制作。3、設(shè)置圖像鏈接：分別為頭部、背部、翅膀和尾部熱點(diǎn)區(qū)域創(chuàng)建鏈接，均鏈接到文檔，鏈接文檔在-blank目標(biāo)中打開。4、電子相冊(cè)的創(chuàng)建:打開一新文檔窗口，創(chuàng)建相冊(cè)圖。設(shè)置主標(biāo)題為相冊(cè)集，副標(biāo)題為風(fēng)景篇，其他信息

7、為祖國大好河山欣賞。源文件夾指定為DWMXUnit3Y3-0lpic文件夾，目的文件夾指定為X3-01文件夾。縮小尺寸為1OOxlO0，每行顯示5列，縮小格式及圖片格式分別為JPEG-BeHerQual時(shí)，圖像的顯示比例為100，創(chuàng)建圖像導(dǎo)航。將文檔重命名為，按提示更新鏈接。將操作結(jié)果保存到X3-01文件夾中。操作題四：1、框架的插入:打開一個(gè)空白文檔，在該文檔中創(chuàng)建一個(gè)框架。2、框架的命名:將左邊的框架命名為IndeX，頂部框架命名為Top，右邊框架命名content.3、保存框架集文件:將框架集文件命名為，保存到X4-01文件夾中.4、填充框架內(nèi)容:參照樣圖4-01在Index框架中輸入目

8、錄和各首唐詩的名稱;文本格式為段落，幼園，4號(hào)，顏色為白色。文本格式為段落，隸書，5號(hào)，顏色為白色，Top框架作為標(biāo)題欄輸入文本唐詩欣賞，文本格式為段落，隸書，5號(hào)，顏色為白色.5、插入代碼片斷：參照樣圖4-01在Top框架第2行單元格中插入代碼片斷。面板中Snippets代碼片斷。6、保存與設(shè)置框架文檔：保存框架到X4-01文件夾，其中Top框架保存為文檔;Index框架保存為;Content框架保存為。設(shè)置文檔和文檔的背景顏色為#999999。7、超級(jí)鏈接的建立與框架目標(biāo)的指定:創(chuàng)建左邊Index框架中文本感遇與WJYY4-0lAthtm文件鏈接;文本下終南山過斛斯山人宿置酒與文件鏈接;文

9、本月下獨(dú)酌)與WJY4文件鏈接;文本春思與文件鏈接;文本望岳與文件鏈接;文本”贈(zèng)衛(wèi)八處士與文件鏈接;文本佳人與文件鏈接。每首詩的正文均在Content框架中顯示。8、框架源文件的指定:設(shè)置Content框架中的源文件，源文件設(shè)置為WjY4-0lA文檔。將操作結(jié)果保存在X4-01文件夾中。操作題五：1、創(chuàng)建和設(shè)置鏈接:在文檔中的DreamweaverUluaDev教程圖像處創(chuàng)建與的鏈接。2、插入命名書簽:在文檔右欄內(nèi)容區(qū)中，在文本一、內(nèi)容簡介二、準(zhǔn)備工作、三、Web應(yīng)用示例”和四、拷貝文件”的左邊分別插入命名書書簽的命名依次為X5-OlA,X5-OlD。3、創(chuàng)建命名書簽鏈接:分別創(chuàng)建左欄文本一、

10、內(nèi)容簡介與右欄命名書簽一、容簡介處的鏈接;左欄文本二、準(zhǔn)備工作與右欄命名書簽二、準(zhǔn)備工作”處接;左欄文本三、Web應(yīng)用示例與右欄命名書簽三、Web應(yīng)用示例”處的鏈接；左欄文本”四、拷貝文件與右欄命名書簽”四、拷貝文件處的鏈接。、4、鏈接的設(shè)置與更改:創(chuàng)建右欄中所有文本返回目錄與左欄命名書簽教程，目錄處鏈接，要求教程目錄命名書簽的名稱為x5-01e,和教程目錄”的鏈接，刪除原返回目錄文本中的空鏈接。5、創(chuàng)建電子郵件鏈接:在教程目錄欄目下的文本聯(lián)系我們中創(chuàng)建電子郵接，電子郵件地址為。將操作結(jié)果保存到X5-01文件夾中。操作題六：1、層的插入及命名:在該文檔申分別插入三個(gè)沒有包含關(guān)系的層，依次命名為

11、Layer1、Layer2和Layer3。2、層內(nèi)插入圖像:將圖像插入到Layerl中，像插入到Laye1中，圖像插入到Layer3中。設(shè)置層的大小和坐標(biāo).3、調(diào)整層和層內(nèi)圖片的大小，使它們的大小保持一致，寬度為400，高度為300,單位為像素。設(shè)置層在頁面中的坐標(biāo)，X為226，Y為61.4、時(shí)間軸和行為的使用:參照樣圖6-01完成時(shí)間軸和行為的使用。5、設(shè)置時(shí)間軸:將Layerl圖層加到第1條動(dòng)畫軌道第1-5幀中;將Layer2圖層加到第2條動(dòng)畫軌道的第5-10幀中;將Layer3圖層加到第3條通道的第10-15幀中。6、添加行為:在第1幀處加入顯示Layerl、同時(shí)隱藏其他層的行為;在踴處

12、加入顯示Layer2、同時(shí)隱藏其他層的行為；在第10幀處加入顯示Layer3，同時(shí)隱藏其他層的行為；在第15幀處隱藏Layer3的行為。7、設(shè)置循環(huán)和自動(dòng)播放:將動(dòng)畫設(shè)置為循環(huán)并自動(dòng)播放，拖動(dòng)最后1幀頻道上的小方塊與15幀處行為頻道上的行為重合。將操作結(jié)果保存到x6-01文件夾中。操作題七：1、插入并命名表單:在文檔中插入一個(gè)命名為LoginFom的表單。2、插入表單對(duì)象:參照（樣圖7-01完成調(diào)查表單的布局、文本的輸入和表單對(duì)象的插入操作。3、表單對(duì)象屬性的設(shè)置：將”姓名:右邊的文本域命名為name字符寬度為10,最多字符數(shù)為16,類型為單行文本域。將”性別:右邊兩個(gè)單選按鈕均命名為gend

13、er,取值依次為0、1,初始狀態(tài)均未被選中。將Email:右邊的文本域命名為email，字符寬度為30,最多字符數(shù)為20,類型為單行文本域。將”平均每天上網(wǎng)：右邊文本域命名為hour，類型為菜單類型。列表的選項(xiàng)為1-2小時(shí)、3-5小時(shí)、5-10小時(shí)、10小時(shí)以上,列表的值依次為01-04,初始選項(xiàng)為1-2小時(shí)。將”經(jīng)常上的網(wǎng)站：右邊的復(fù)選框從左到右命名依次為netlnet3，初始狀態(tài)均為未選中狀態(tài)取值依次為01-03。將對(duì)現(xiàn)在網(wǎng)站的建議:右邊文本框命名為jianyi，類型為多行文本域，字符寬度為50,字符行數(shù)為5。4、插入表單按鈕:將左邊按鈕命名為Submitl，右邊按鈕命名為Submit2,

14、設(shè)置按鈕:左邊按鈕標(biāo)簽為提交，右邊按鈕標(biāo)簽為重填;左邊按鈕動(dòng)作為提交表單，右邊按鈕動(dòng)作為重置表單。5、表單的屬性設(shè)置:設(shè)置表單LoginForm動(dòng)作為表單處理程序，方法為發(fā)送請(qǐng)求。將操作結(jié)果保存到X7-01文件夾中。操作題八：設(shè)置頁面屬性打開文檔,標(biāo)題設(shè)置為文化教育首頁_新浪網(wǎng).1. 創(chuàng)建CSS樣式重定義HTML標(biāo)記:分別將Boby和Td標(biāo)記的字體設(shè)置為宋體9磅,僅在當(dāng)前文檔中使定義樣式文件：定義名稱為超鏈接樣式文件，保存在X8-11文件夾中，光標(biāo)移到鏈接時(shí)的顏色設(shè)置為#FF0000,超鏈接的正常狀態(tài)顏色設(shè)置為#33FF33,訪問過的超鏈接顏色設(shè)置為#993366。2. 局頁面輪廓：參照樣圖8

15、-11A完成樣圖8-11B中所標(biāo)注的各個(gè)區(qū)域的制作.布局區(qū)頁面輪廓：按樣圖8-11A中標(biāo)注的區(qū)參照樣圖8-11B用2行10列,1行3列和1行2列的表格布局頁面輪廓；布局(2),(3)和區(qū)頁面輪廓:按樣圖8-11A中標(biāo)注的(2),(3)和區(qū)參照樣圖8-11B用2行3列表格；布局(2),(3)和區(qū)頁面輪廓在一列單元格中布局樣圖8-11A中標(biāo)注的區(qū)，第1行第1列單元格中插入圖像,在該單元格中使用為背景圖,第2行第1列單元格中嵌套一個(gè)12和4列的表格用于布局樣圖8-11A中標(biāo)注的區(qū)的下半部部分輪廓在第3列單元格中嵌套一個(gè)12行2列的表格布局樣圖8-11A中標(biāo)注的區(qū)頁面輪廓在區(qū)的下面布局樣圖8-11A中

16、標(biāo)注的(4)區(qū)頁面輪廓布局(5)區(qū)頁面輪廓：用4行1列的表格來布局(5)區(qū)頁面輪廓通過對(duì)上述各布局表格中單元格的拆分或合并,布局頁面輪廓3. 填充頁面元素：創(chuàng)建(樣圖8-11A中標(biāo)注的區(qū):第1行第1列單元格背景顏色設(shè)置為#FFC800從上到下可用2行10列,1行3我和1行2列的表格來完成,在1行2列表格的第2列元格中插入一個(gè)背景顏色為#666666,1行21列的表格來完成,在1行2列表格的從上以下3個(gè)表格高度分別為28,60和34,寬度為750,單位均為像素.文化教育導(dǎo)航中各文本之間用圖像間隔圖像的W,H為14和21,文本,首頁所在單元格背景顏色為#CCCCFF.創(chuàng)建（樣圖8-11A中標(biāo)注的區(qū):將第2行單元格背景顏色設(shè)置為#CCCCFF,分別插入水平線和1行3列的表格,在表格的第1無單元格中插入圖像,第3列單元格中插入,在表格的下面插入12行4列的表格分別在第1和4列單元格中插入圖像,在第12行單元格中插入圖像.創(chuàng)建該區(qū)時(shí),根據(jù)需要對(duì)相應(yīng)的單元格進(jìn)行合并和設(shè)置其寬度和高度,注意表格邊界的修飾圖和背景圖像的利用.創(chuàng)建（樣圖8-11A中標(biāo)注的（3）區(qū):