網頁設計上機考試題集
注意：所有題目中涉及的素材都在考試文件夾內，其中圖片在下面的pic文件夾中，音樂、flash在media文件夾。
1) 在1.html中的頂部添加一個錨點鏈接，點擊之能立即到達頁面最底端。
2) 將1.html中的所有鏈接的默認樣式改成紅色字體及不帶下劃線(使用CSS規則a:偽類)。
3) 在2.html頁面中將地圖中的煙水亭位置增加一個熱點鏈接指向pic文件夾下的煙水亭.jpg，實現點擊看到煙水亭大圖的效果。
4) 在框架網頁4.html中左側文章索引部分增加一個新文章(1.html)鏈接，并且實現在點擊鏈接后讓新文章出現在右側正文欄框架中。
5) 在框架網頁4.html中左側文章索引部分增加一個友情鏈接的菜單項如下圖所示(鏈接可隨意設置)：
6) 在1.html中添加一個會飛的蝴蝶(butterfly.gif)的動畫。
7) 修改框架頁面4.html中的索引為列表，并創建CSS規則讓列表項目符號自定義成圖片(new.jpg)。
8) 將3.html中的表格邊框設置成只有外邊框而內部單元格則沒有，如下圖效果
9) 將3.html中的表格單元格2拆成2列，其中第二列插入圖片(pic/嘻嘻.jpg)，并且讓圖片靠上邊對齊，如右圖所示：
10) 在5.html頁面中制作一個簡易的Flash相冊，要求自動翻頁，并包含2張圖片(pic/photo1.jpg、photo2.jpg)
11) 將其它素材中的右鍵菜單插件安裝后，再在Dreamweaver中打開4-右.html，調用此插件制作一個簡易的右鍵菜單(添加一個訪問網易的鏈接)。
12) 在5.html中添加一首背景音樂1001.mid，并讓他只播放一次。此外在5.html中添加一個mp3的音樂播放器，帶有控制界面，并且只能點擊后才會開始播放。
13) 在5.html中實現鼠標移上“班級相冊”時彈出一個更詳細的鏈接列表，包含“1041的相冊”“1042的相冊”2個選項。
14) 將成績單.html中的數據按照最后一排的成績從小大的順序重新排列。
15) 將1.html中的背景圖像設置為固定在頁面的中心且無重復。
16) 在6.html頁面中實現如下效果：默認層2，3都隱藏，當鼠標點擊層1時，同時顯示層2，3(要點是層的嵌套和屬性的繼承)。
17) 在6.html頁面中將層3中的內容超出邊界部分不要直接顯示出來，而是增加層3一個滾動條，通過滾動才能看到下面超出的內容，并且設置滾動條的表面顏色也為黃色。如下圖所示(滾動條皮膚色彩 scrollbar-face-color )：
18) 在6.html頁面中將層4中文字按照我國古代的書寫方式排版，即豎排從右到左，從上到下，如下圖所示。(提示 關鍵CSS屬性：unicode-bidi和writing-mode)
19) 在6.html頁面中實現如下效果，將層4中的古詩文字在層中的位置往下挪60像素，往右移100像素。如下圖所示：
20) 將5.html頁面中的煙水亭照片實現如下所示效果
21) 將5.html頁面中的這些字“就在這個框里插入考題中要求的內容(如音樂播放器=)……”滾動起來，要求從上往下滾，滾動速度值為1.
22) 在7.html表單頁面中，將密碼及確認框改成在預覽時輸入密碼呈現*號且最多輸入10位的密碼，[email?protected]，方便用戶預覽時省去輸入這部分。如下圖所示：
23) 在7.html表單頁面中，添加2個表單元素，1是出生年的下拉選擇菜單和一個可多選的興趣愛好組(包含3個選項：運動，音樂，網游)
24) 我從網站上下載到一個好看的字體(其它素材中的漢儀柏青體簡.ttf)，現在請將1.html頁面中的所有默認字都變成我的這種字體。
25) 我現在想模仿新浪微博頁面的布局模式，請問如何快速而又準確的布局好一個和新浪微博一樣的首頁(不需加內容)。關鍵知識：跟蹤圖像+布局表格
*新浪微博首頁已被保存在pic中SinaBlog.jpg
26) 利用Fireworks8.0將下面pic/pic2html.jpg轉換成一個網頁文件，并且要求鼠標移上About時，會在狀態欄出現一段文字描述“歡迎來到我們的網站，點擊鷹會打開更詳細的介紹頁面！”此外點擊鷹真的會打開1.html。
27) 試著在pic2html.jpg圖片上添加如下圖所示的一圈文字效果(文字可以自己隨便寫一句)。
28) 為了更好的被搜索引擎收錄，請設置1.html的關鍵詞為：“九江簡介，九江概況”；網頁說明為：“關于九江的基本介紹，包括地理環境，人文歷史，物產資源等，歡迎來九江！”此外我們希望在打開1.html后過5秒，不需點擊鏈接頁面會自動跳轉到4.html頁面。
29) 已知我有一個帶鼠標特效的網頁“鼠標特效網頁.html”，我想將此鼠標特效附加到1.html頁面中，如何實現。
30) 利用任意方法實現將6.html中的層4中的鋤禾這首詩文字不能被訪問者直接右鍵復制。
31) 在Fireworks8中畫一個如下所示的五角星。
32) 用Fireworks制作一個Gif動畫。要求3張圖片(任意)以每2秒換一張的速度輪換。
展開閱讀全文
)
