案例研究

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，然后在浏览器中测试所有按钮和选项。最后，按照老师要求提交你的工作成果。