網頁設計真題及參考解析

學者如禾如稻，不學者如蒿如草。以下是小編為大家搜索整理的網頁設計真題及參考解析，希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

(三)網頁設計(共20分)

利用C:KSwy文件夾下的素材(圖片素材在wyimages文件夾下，動畫素材在wyflash文件夾下)，按以下要求製作或編輯網頁，結果保存在原文件夾下。

1.打開主頁index.html，設置網頁標題為“台灣小吃”，設置網頁背景色為“#D2E9FF”，合併表格第一行第1-3列單元格，設置第一行單元格背景色為“#A0F3EB”。

2.在表格的第一行內輸入文字“台灣小吃簡介”，設置文字格式(CSS目標規則命名為.m)字體為華文行楷，字號為48，居中對齊。

3.在表格的第二行第一列單元格中插入圖片“a.jpg”，圖片大小為150*200像素(寬*高)，圖片超鏈接到“http://www.twxc.com”，在新窗口中打開。在表格的第二行第三列單元格中插入鼠標經過圖像，原始圖像為“b.jpg”，鼠標經過圖像為“c.jpg”，圖像大小為200*200像素(寬*高)。

4.在第二行第二列文字前添加4個不換行空格。在該段文字的下方添加如樣張所示的表單。

5.在表格的第三行內依次插入以下字符：版權符號“?”、兩個全角空格、文字“台灣小吃”，單元格對齊方式為水平居中;在下方加藍色水平線，寬60%，高3，無陰影;點擊“聯繫我們”可發送Email到郵箱。

(注意：樣張僅供參考，相關設置按題目要求完成即可。由於顯示器分辨率或窗口大小的不同，網頁中文字的位置可能與樣張略有差異，圖文混排效果與樣張大致相同即可;由於顯示器顏色差異，做出結果與樣張圖片中存在色差也是正常的。)

操作參考

1. 打開主頁，設置網頁標題為“台灣小吃”，設置網頁背景色為“#D2E9FF”

2. 合併表格第一行第1-3列單元格，設置第一行單元格背景色為“#A0F3EB”。

2.在表格的第一行內輸入文字“台灣小吃簡介”，設置文字格式(CSS目標規則命名為.m)字體為華文行楷，字號為48，居中對齊。

3.在表格的`第二行第一列單元格中插入圖片“a.jpg”，圖片大小為150*200像素(寬*高)，圖片超鏈接到“http://www.twxc.com”，在新窗口中打開。

在表格的第二行第三列單元格中插入鼠標經過圖像，原始圖像為“b.jpg”，鼠標經過圖像為“c.jpg”，圖像大小為200*200像素(寬*高)。

4.在第二行第二列文字前添加4個不換行空格。

在該段文字的下方添加如樣張所示的表單。

5.在表格的第三行內依次插入以下字符：版權符號“?”、兩個全角空格、文字“台灣小吃”，單元格對齊方式為水平居中;

在下方加藍色水平線，寬60%，高3，無陰影;

點擊“聯繫我們”可發送Email到郵箱。

結果保存在原文件夾下。注意網頁操作結果必須保存在 C:WY 原文件夾下

.

//按功能鍵，打開IE瀏覽器瀏覽操作結果/

//點擊“a.jpg”圖片/彈出新窗口

/

//鼠標經過“b.jpg”圖片,圖像變為“c.jpg”/

//點擊“聯繫我們”/彈出“新郵件”窗口/