案例研究

Greg's Gambits

現在你可以為本章前面制作的“About You”頁面添加新內容，做法是打開aboutyou.html頁并且添加下列內容：

·制作一個新頁面，它含有一些可用做頭像的圖像。這些圖像可以來自Student Data Files提供的圖像，也可以是你自己找到的圖像。把這個文件保存為homes.html。

·把一個按鈕加入aboutyou.html頁的內容區域，該按鈕讓玩家查看可用做頭像的圖像。當單擊這個按鈕時，將打開homes.html頁。

·再添加一個按鈕，它讓玩家選擇一個圖像作為他的頭像，并且將這個信息顯示在aboutyou.html頁面上。

將這個頁面另存為greg_aboutyou.html，然后在瀏覽器中測試所有按鈕和選項。最后，按照老師要求提交你的工作成果。

Carla's Classroom

現在你可以為本章前面制作的“About Me”頁面添加新內容，做法是打開aboutme.html頁面并且添加下列內容：

·制作一個新頁面，它含有表示各種不同活動的一些圖像。這些圖像可以來自Student Data Files提供的圖像，也可以是你自己找到的圖像。把這個文件保存為activities.html。

·把一個按鈕加入aboutme.html頁面的內容區域，該按鈕讓孩子查看各種不同的活動。當單擊這個按鈕時，將打開activities.html頁面。

·再添加兩個按鈕，以便允許孩子選擇第一和第二喜愛的活動，并且將這個信息顯示在aboutme.html頁面上。

將這個頁面另存為aboutme.html，然后在瀏覽器中測試所有按鈕和選項。最后，按照老師要求提交你的工作成果。

Lee's Landscape

如果堅持完成每章“案例研究”中的任務，你將能夠從頭到尾開發Lee's Landscape網站。這個站點的一個簡單index.html頁面已包含在Student Data Files的lee文件夾中，這個文件夾中也含有lee.css和lee_landscape.jpg文件。你可以使用這些文件作為你的制作基礎。現在，打開這個index.html文件以便熟悉它的HTML結構。然后，使用index.html作為模板制作一個新頁面。這個頁面將讓用戶錄入一些個人信息，將新頁面命名為lee_aboutuser.html并且將頁標題設置為“Lee's Landscapes|About You”。通過本章學習的按鈕用法、提示、屬性和事件等技術，可以在這個頁面中向用戶詢問并顯示以下信息：

·添加一個按鈕，單擊時將提示用戶錄入他的名字、園藝專業水平（新手、中等或專家）和特殊愛好：草地維護、景觀美化、種植蔬菜或種花。

·把用戶對提示的回答信息顯示在頁面上，并且在完成所有輸入后，網站將提供景觀美化的所有項目信息。

·為這個新頁面添加一個到Lee's Landscape首頁的鏈接。

將這個頁面另存為Lee_aboutuser.html，然后在瀏覽器中測試所有按鈕和選項。最后，按照老師要求提交你的工作成果。

Jackie's Jewelry

如果堅持完成每章“案例研究”中的任務，你將能夠從頭到尾開發Jackie's Jewelry網站。這個站點的一個簡單index.html頁面已包含在Student Data Files的jackie文件夾中，這個文件夾中也含有一個jackie.css文件。你可以使用這些文件作為你的制作基礎。現在，打開這個index.html文件以熟悉它的HTML結構。然后，使用index.html作為模板制作一個新頁面。這個頁面將讓用戶錄入一些個人信息，將新頁面命名為jackie_aboutuser.html并且將頁標題設置為“Jackie's Jewelry|About You”。通過本章學習的按鈕用法、提示、屬性和事件等技術，你可以在這個頁面中向用戶詢問并顯示以下信息：

·添加一個按鈕，單擊時將提示用戶錄入他的名字、年齡和特殊興趣：購買Jackie的珠寶、為Jackie設計珠寶或學習珠寶制作。應該為興趣選項創建3個按鈕，并且用戶應該對每個問題錄入yes或no。

·應該把提示的回答結果顯示在頁面上。如果用戶為這3個興趣之一錄入yes，那么將顯示一條信息感謝用戶輸入他的興趣。如果用戶沒有錄入，那么就不顯示任何信息。當你學習了更多的JavaScript技術后，你就能夠處理更多的回答類型。現在，我們假定用戶將至少錄入一次yes。

·為這個新頁面添加一個到Jackie's Jewelry首頁的鏈接。

將這個頁面另存為Jackie_aboutuser.html，然后在瀏覽器中測試所有按鈕和選項。最后，按照老師要求提交你的工作成果。