1.新建一個文件夾,文件夾命名為“kaoshi+準(zhǔn)考證號”,例如“kaoshi01”,把該文件夾設(shè)為站點文件夾。把網(wǎng)頁素材文件夾中的“images”文件夾復(fù)制到這個文件夾中。(1分)
2.新建名為“浙江省科技館”的站點,導(dǎo)出站點。在Dreamweaver CS6中新建頁面,命名為index. html保存在站點文件夾下,以下操作均在index.html中完成。(1分)
3.設(shè)置網(wǎng)頁標(biāo)題“浙江省科技館”,設(shè)置頁面字體大小為14px。(1分)
4.插入5行1列的表格main,表格寬度為1200px,邊框、間距、邊距均為0,表格居中對齊。(1分)
5.在main表格的第1行插入一個1行3列的表格。寬度100%,邊框、間距、邊距均為0。(1分)
(1)第1個單元格插入圖片logo.jpg。(1分)
(2)第2個單元格中插入spry水平菜單欄,輸入效果中導(dǎo)航文字,文字居中(1分),其中“教育活動”含下拉菜單,菜單內(nèi)容分別為“科普活動、“科學(xué)課程”、“科學(xué)24小時”、“科學(xué)知識”、“青少年活動”(1分);頁面載入時文字顏色為#000,字號為14px,導(dǎo)航背景顏色為#FFF(1分),鼠標(biāo)懸停時文字顏色為#0F8857,背景顏色為#EBFCF1(1分)。
(3)第3個單元格插入圖片“sousuo.jpg”(1分)。
6.在main表格的第2行插入一個1行2列的表格。寬度100%,邊框、間距、邊距均為0。(1分)
(1)左側(cè)單元格插入一個11行2列的表格,寬度350px,邊框和間距為0,邊距為7px(1分)。
(2)第1列分別插入圖片book.jpg、1.jpg-10.jpg,水平居中對齊(1分)。第2列輸入相應(yīng)文字。新建CSS類樣式biaoti,設(shè)置文字字體為“微軟雅黑”,字號為25px,顏色為#333。為標(biāo)題文字使用該樣式(1分)。新建CSS類樣式text1,設(shè)置文字字體為“微軟雅黑”,字號為14px,顏色為#507CC0。為其他文字設(shè)置該樣式(1分)。
(3)右側(cè)單元格寬850px,高380px,利用AP Div 制作圖片輪播。分別插入3個AP Div,并在內(nèi)分別插入圖片 lb1、 lb 2、 lb 3。插入AP DIV4放置輪播按鈕,設(shè)置AP DIV4的CSS樣式,設(shè)置方框中的margin值top:330px,left:300px,完成后應(yīng)用并確定,在內(nèi)嵌套一個1行3列的表格,寬300px,在單元格中分別插入按鈕1、2、3,對按鈕水平居中對齊。表格位置參考效果圖。利用行為面板的顯示隱藏制作圖片輪播效果,使得鼠標(biāo)經(jīng)過數(shù)字時顯示相應(yīng)的輪播圖片(3分)。設(shè)置打開網(wǎng)頁顯示的圖片為lb1(1分)。
7.將main表格的第3行拆分成2列。
(1)設(shè)置左側(cè)單元格寬300px,高300px。在單元格中插入圖片“cgxm.jpg”(1分)。
(2)設(shè)置右側(cè)單元格背景色為#d0f6f6,在單元格中插入一個1行4列的表格。寬度100%,邊框、邊距均為0,間距為20px(1分)。在1-4個單元格中分別插入圖片class-1、class-2、class-3、class-4(1分)。
8.在main表格的第4行插入一個3行4列的表格。寬度100%,邊框、邊距均為0,間距為20px,背景顏色為#F7F7F7(1分)。
(1)第1行合并單元格,輸入文字并居中,對該文字使用類樣式biaoti(1分)。
(2)第2行合并單元格并插入水平線(1分)。
(3)第2行4個單元格依次插入圖片qita01.jpg-qita04.jpg(1分)。
9.設(shè)置main表格的第5行行高為80px,單元格背景色為#333,輸入相應(yīng)文字,文字居中,新建CSS類樣式text3,設(shè)置文字字號為12px,文字顏色為#ccc(1分)。對“聯(lián)系我們”設(shè)置超鏈接,鏈接的地址http://www.zjstm.org,設(shè)置網(wǎng)頁載入時文字效果和其他文字一致(1分),鼠標(biāo)懸停在“聯(lián)系我們”時文字為紅色(1分)。
10.保存網(wǎng)頁并預(yù)覽,將整個文件夾通過學(xué)生端上傳至教師端。
1.新建一個文件夾,文件夾命名為“kaoshi+準(zhǔn)考證號”,例如“kaoshi01”,把該文件夾設(shè)為站點文件夾。把網(wǎng)頁素材文件夾中的“images”文件夾復(fù)制到這個文件夾中。(1分)
2.新建名為“浙江省科技館”的站點,導(dǎo)出站點。在Dreamweaver CS6中新建頁面,命名為index. html保存在站點文件夾下,以下操作均在index.html中完成。(1分)
3.設(shè)置網(wǎng)頁標(biāo)題“浙江省科技館”,設(shè)置頁面字體大小為14px。(1分)
4.插入5行1列的表格main,表格寬度為1200px,邊框、間距、邊距均為0,表格居中對齊。(1分)
5.在main表格的第1行插入一個1行3列的表格。寬度100%,邊框、間距、邊距均為0。(1分)
(1)第1個單元格插入圖片logo.jpg。(1分)
(2)第2個單元格中插入spry水平菜單欄,輸入效果中導(dǎo)航文字,文字居中(1分),其中“教育活動”含下拉菜單,菜單內(nèi)容分別為“科普活動、“科學(xué)課程”、“科學(xué)24小時”、“科學(xué)知識”、“青少年活動”(1分);頁面載入時文字顏色為#000,字號為14px,導(dǎo)航背景顏色為#FFF(1分),鼠標(biāo)懸停時文字顏色為#0F8857,背景顏色為#EBFCF1(1分)。
(3)第3個單元格插入圖片“sousuo.jpg”(1分)。
6.在main表格的第2行插入一個1行2列的表格。寬度100%,邊框、間距、邊距均為0。(1分)
(1)左側(cè)單元格插入一個11行2列的表格,寬度350px,邊框和間距為0,邊距為7px(1分)。
(2)第1列分別插入圖片book.jpg、1.jpg-10.jpg,水平居中對齊(1分)。第2列輸入相應(yīng)文字。新建CSS類樣式biaoti,設(shè)置文字字體為“微軟雅黑”,字號為25px,顏色為#333。為標(biāo)題文字使用該樣式(1分)。新建CSS類樣式text1,設(shè)置文字字體為“微軟雅黑”,字號為14px,顏色為#507CC0。為其他文字設(shè)置該樣式(1分)。
(3)右側(cè)單元格寬850px,高380px,利用AP Div 制作圖片輪播。分別插入3個AP Div,并在內(nèi)分別插入圖片 lb1、 lb 2、 lb 3。插入AP DIV4放置輪播按鈕,設(shè)置AP DIV4的CSS樣式,設(shè)置方框中的margin值top:330px,left:300px,完成后應(yīng)用并確定,在內(nèi)嵌套一個1行3列的表格,寬300px,在單元格中分別插入按鈕1、2、3,對按鈕水平居中對齊。表格位置參考效果圖。利用行為面板的顯示隱藏制作圖片輪播效果,使得鼠標(biāo)經(jīng)過數(shù)字時顯示相應(yīng)的輪播圖片(3分)。設(shè)置打開網(wǎng)頁顯示的圖片為lb1(1分)。
7.將main表格的第3行拆分成2列。
(1)設(shè)置左側(cè)單元格寬300px,高300px。在單元格中插入圖片“cgxm.jpg”(1分)。
(2)設(shè)置右側(cè)單元格背景色為#d0f6f6,在單元格中插入一個1行4列的表格。寬度100%,邊框、邊距均為0,間距為20px(1分)。在1-4個單元格中分別插入圖片class-1、class-2、class-3、class-4(1分)。
8.在main表格的第4行插入一個3行4列的表格。寬度100%,邊框、邊距均為0,間距為20px,背景顏色為#F7F7F7(1分)。
(1)第1行合并單元格,輸入文字并居中,對該文字使用類樣式biaoti(1分)。
(2)第2行合并單元格并插入水平線(1分)。
(3)第2行4個單元格依次插入圖片qita01.jpg-qita04.jpg(1分)。
9.設(shè)置main表格的第5行行高為80px,單元格背景色為#333,輸入相應(yīng)文字,文字居中,新建CSS類樣式text3,設(shè)置文字字號為12px,文字顏色為#ccc(1分)。對“聯(lián)系我們”設(shè)置超鏈接,鏈接的地址http://www.zjstm.org,設(shè)置網(wǎng)頁載入時文字效果和其他文字一致(1分),鼠標(biāo)懸停在“聯(lián)系我們”時文字為紅色(1分)。
10.保存網(wǎng)頁并預(yù)覽,將整個文件夾通過學(xué)生端上傳至教師端。