新竹市青草湖社區大學課程教材：HTML、網頁製作與網站管理(89b1301)
[ 目錄 ] / [ 本節目錄 ]　[ 上一篇 ] [ 下一篇 ]

第二次測驗試題

Synic

2001/05/28

一、作答者

1. 組員1姓名：____________________
   
2. 組員2姓名：____________________

二、說明

1. 本測驗有10題，每題20分，滿分為200分。
2. 請下載exam02.zip，此檔案解開後為exam02/資料夾，內含本試題與所有需要的圖檔。答案卷請以FrontPage編輯作答，並將完成圖儲存在exam02/資料夾中。
3. 每組兩名同學同心協力、共同作答，填寫一份考試卷即可，請在「作答者」處填寫兩名組員的姓名。每組兩名學員將獲得一個共同的分數。
4. 作答時學員可參考任何資料，尤其是本課程參考教材。我們非常鼓勵各組學員互相發問、切磋、討論，但請不要直接抄襲。如果對考卷有任何疑問，也非常歡迎詢問本課程教師與助教，
5. 考試時間：共150分鐘。先寫完的同學可先交卷，但請不要干擾其他尚在作答的同學。

三、試題

1. 螢幕(或稱顯示器)與「螢幕區域」的設定

1. 請問您現在用來作答的電腦，螢幕(或稱顯示器)的廠牌為：__________，型號為：__________ 。
2. 這部螢幕為__________吋的螢幕。
3. 螢幕(顯示器)上所顯示的影像其實也是一個點矩陣的圖檔，叫做「螢幕區域」。請問您現在使用的電腦，「螢幕區域」是設定成：__________ X __________像素。(提示：請觀察「控制台→顯示器→設定」)
4. 除此之外，您現在使用的電腦，「螢幕區域」還從小到大可以設定成(請注意一下：觀察「控制台→顯示器」的可調整值即可，請勿更動原來的設定)：
   • __________ X __________像素
   • __________ X __________像素
   • __________ X __________像素
   • __________ X __________像素

2. 圖檔大小(File Size)的計算：顯示卡上的影像記憶體

圖1、顯示卡

1. 假設有一張全彩的RGB圖檔，其尺寸為1024x768像素，請問這張圖檔存檔後(不壓縮)，檔案大小為：__________MB。(提示：全彩的RGB圖檔，R、G、B最多各有256色，即R、G、B各需1Byte的儲存空間，加起來每個像素需要3Bytes的儲存空間。又1MB=1,000,000Bytes。)
2. 如第1題c所說，螢幕(顯示器)上所顯示的影像其實也是一個點矩陣的圖檔，叫做「螢幕區域」。為了螢幕的影像顯示能快速的隨您的操作而變動、更新(如視窗的開關、移動等)，「螢幕區域」這個圖檔其實不是儲存在硬碟中，而是直接儲存在「顯示卡」的「影像記憶體(VRAM)」中(請參看圖1)。如果您想將「螢幕區域」設定成1024x768像素，並且設定成全彩(R、G、B最多各有256色)，請問您的電腦中的「顯示卡」，其「影像記憶體(VRAM)」至少需要安裝多少才夠__________：
   1. 256KB
   2. 1MB
   3. 2MB
   4. 4MB
3. 請問您現在用來作答的電腦，顯示卡的廠牌為：__________，型號為：__________ ，內含「影像記憶體(VRAM)」__________MB。(提示：請觀察「控制台→顯示器→設定→進階→配接卡」)

3. Photoshop中圖檔的「旋轉(Rotate Canvas)」

圖2、數位相機拿直著拍，下載入電腦卻發現相片是橫躺的，怎麼辦？

有許多數位相機，如果拿直著來拍(以相機平常的角度轉90度)，下載入電腦卻發現相片是橫躺的，怎麼辦？(如圖2所示)

請試著利用Photoshop將圖2的數位照片轉成正確的上下方向(提示：利用「Image→Rotate Canvas」)。圖2的檔名為horizontal.jpg，請利用Photoshop開啟此檔，轉成正確的方向後，將檔案另存成vertical.jpg(JPG的影像品質設定成3)，在下面插入轉好的照片：

(方向調正確的照片vertical.jpg利用FrontPage在此插入)

4. Photoshop中圖檔的「翻轉(Flip)」

目前有很多平價的掃描機(Scanner)附有「光罩」，可以掃描幻燈片。由於幻燈片很小，要將幻燈片放入掃描機時，常常搞不清楚幻燈片的正反方向，掃描以後才發現放反了，如下圖所示：

圖3、掃描幻燈片，掃描進電腦後才發現幻燈片在掃描時放反了，怎麼辦？

請試著利用Photoshop將圖2的數位照片轉成正確的上下方向(提示：利用「Image→Flip」)。圖3的檔名為mirror.jpg，請利用Photoshop開啟此檔，轉成正確的方向後，將檔案另存成flip.jpg(JPG的影像品質設定成3)，在下面插入轉好的照片：

(方向翻轉正確的照片flip.jpg利用FrontPage在此插入)

5. 螢幕抓圖(Print Screen)

常常在各類的電腦教材或是程式操作說明書中，看到電腦視窗內容的插圖，以方便說明操作的步驟，本課程中也常常看到這樣的插圖。譬如下圖，就是打開「控制台→顯示器→設定」所看到的視窗：

圖4、打開「控制台→顯示器→設定」所看到的視窗畫面。這張圖，如何做出？

您或許會好奇，如圖4這樣的視窗圖，是作者利用Photoshop一步步模擬所看到的視窗來畫出，還是直接在螢幕上「快照、抓圖」即可？哇呵，聰明的您，一定認為應該是有方法「螢幕抓圖」囉！

沒錯，電腦鍵盤中「F12」功能鍵的右邊，有個「Print Screen」就是「螢幕快照」、「螢幕抓圖」，按此鍵，相當於複製「螢幕區域」這整個圖檔。如果您現在使用的電腦「螢幕區域」設定成1024x768像素，按「Print Screen」會複製這個1024x768像素的「螢幕區域」圖檔。

請利用「Print Screen」鍵、Photoshop程式，將您現在所使用的電腦的「控制台→顯示器→設定→進階→配接卡」所顯示的視窗抓下、裁切、存成GIF(如同圖4的情況)，步驟如下：

1. 打開「控制台→顯示器→設定→進階→配接卡」
2. 按「Print Screen」鍵(等於Copy目前看到的整個「螢幕區域」)
3. 開啟Photoshop，新開一個檔案，這時Photoshop會以最近一次複製的圖檔的尺寸作為新檔案的尺寸。
4. 在開的檔案中，利用貼上(Paste)命令，您可以貼上剛剛的「螢幕抓圖」，整個螢幕都貼到Photoshop的檔案上。
5. 在Photohop這個新的圖檔中，利用「裁切工具」，將「控制台→顯示器→設定→進階→配接卡」的視窗裁切下來。
6. 將RGB模式轉成Indexed Color模式，色彩數設定為32色。
7. 存成videocard.gif。

(請將videocard.gif利用FrontPage在此插入，完成作答)

6. 這是什麼顏色？利用Photoshop的「顏色滴管(Eyedropper)」

以下幾小題，請利用第5題介紹的「Print Screen」鍵與Photoshop的「顏色滴管(Eyedropper)」工具來作答：

1. 請問您現在用來作答的電腦，螢幕所顯示出的「藍綠色」背景，其RGB值是多少？R：__________、G：__________、B：__________。
2. 請問您現在用來作答的電腦，螢幕各種視窗中所顯示出的「灰色」，其RGB值是多少？R：__________、G：__________、B：__________。
3. 請問本試題網頁中，紅色的字，「如「(請將videocard.gif利用FrontPage在此插入，完成作答)」，其RGB值是多少？R：__________、G：__________、B：__________。
4. 請問本試題網頁中，黑色的字，其RGB值是多少？R：__________、G：__________、B：__________。
5. 請問「白色」，RGB值是多少？R：__________、G：__________、B：__________。

7. 存透明GIF圖

請將圖5左邊的小狗，存成透明背景的小狗(如圖5右邊所示)

圖5、左邊為背景不透明的小狗，右邊為背景透明的小狗圖。

請利用doggy.psd來製作背景透明的小狗GIF圖(32色)，製作時，請注意小狗的眼珠是白色的，不要也變成了透明的喔。製作好的透明圖請存成doggy.gif。

(請將doggy.gif利用FrontPage在此插入，完成作答)

8. 綜合練習(一)

圖6、綜合練習(一)，請利用Photoshop練習製作這張圖。

請利用cf-raw.jpg這個檔案，練習使用Photoshop製作圖6(圖檔尺寸為123x130像素)，圖說(CF記憶卡 = 64MB)需要加上去，最後並將完成圖存成cf.psd(請做成連結)。

9. 綜合練習(二)

圖7、綜合練習(二)，請利用Photoshop練習製作這張圖。

請利用computer-raw.jpg這個檔案，練習使用Photoshop製作圖7(圖檔尺寸為366x154像素)，圖說與紅色的標線、圓點都需要加上去，最後並將完成圖存成computer.psd(請做成連結)。

10. 綜合練習(三)

圖7、綜合練習(三)，請利用Photoshop練習製作這張圖。

請利用pc.psd(PC的小圖示)、hub.psd(Hub的小圖示)，練習使用Photoshop製作圖7(圖檔尺寸為172x125像素)，畫網路線時，可利用Photoshop的畫線工具(Line Tool，跟鉛筆同一組的工具)。網路線的顏色為黑色，並請注意圖說(並不是黑色)與背景的顏色要正確。最後將完成圖存成lan.psd(請做成連結)。

[ 目錄 ] / [ 本節目錄 ]　[ 上一篇 ] [ 下一篇 ]

cat@rpgs1.isa.nthu.edu.tw